Răsfoiți Sursa

[frontend] Convert some icons to React

Johan Åhlén 3 ani în urmă
părinte
comite
2d3c8aefa1
40 a modificat fișierele cu 652 adăugiri și 49 ștergeri
  1. 4 4
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/CatalogEntryDetailsPanel.vue
  2. 1 1
      desktop/core/src/desktop/js/apps/editor/components/sqlScratchpad/SqlScratchpad.vue
  3. 2 2
      desktop/core/src/desktop/js/components/Spinner.vue
  4. 1 1
      desktop/core/src/desktop/js/components/SqlContextSelector.vue
  5. 1 1
      desktop/core/src/desktop/js/components/assist/AssistPanel.vue
  6. 6 6
      desktop/core/src/desktop/js/components/assist/SqlAssistEntry.vue
  7. 3 3
      desktop/core/src/desktop/js/components/assist/SqlAssistPanel.vue
  8. 29 0
      desktop/core/src/desktop/js/components/icons/AdlsIcon.tsx
  9. 30 0
      desktop/core/src/desktop/js/components/icons/CheckmarkIcon.tsx
  10. 0 6
      desktop/core/src/desktop/js/components/icons/ChevronLeftLimitIcon.ts
  11. 0 6
      desktop/core/src/desktop/js/components/icons/ChevronRightIcon.ts
  12. 0 6
      desktop/core/src/desktop/js/components/icons/ChevronRightLimitIcon.ts
  13. 30 0
      desktop/core/src/desktop/js/components/icons/CloseIcon.tsx
  14. 30 0
      desktop/core/src/desktop/js/components/icons/DocumentationIcon.tsx
  15. 0 6
      desktop/core/src/desktop/js/components/icons/DropLeftIcon.ts
  16. 0 6
      desktop/core/src/desktop/js/components/icons/DropUpIcon.ts
  17. 25 0
      desktop/core/src/desktop/js/components/icons/DropdownIcon.tsx
  18. 111 0
      desktop/core/src/desktop/js/components/icons/HdfsIcon.tsx
  19. 30 0
      desktop/core/src/desktop/js/components/icons/ImportIcon.tsx
  20. 30 0
      desktop/core/src/desktop/js/components/icons/MoreVerticalIcon.tsx
  21. 139 0
      desktop/core/src/desktop/js/components/icons/OzoneIcon.tsx
  22. 30 0
      desktop/core/src/desktop/js/components/icons/PageNextIcon.tsx
  23. 30 0
      desktop/core/src/desktop/js/components/icons/PlusCircleIcon.tsx
  24. 30 0
      desktop/core/src/desktop/js/components/icons/ProjectIcon.tsx
  25. 35 0
      desktop/core/src/desktop/js/components/icons/S3Icon.tsx
  26. 29 0
      desktop/core/src/desktop/js/components/icons/SpinnerLgIcon.tsx
  27. 25 0
      desktop/core/src/desktop/js/components/icons/SpinnerSmIcon.tsx
  28. 0 0
      desktop/core/src/desktop/js/components/icons/vue/ChevronLeftIcon.ts
  29. 0 0
      desktop/core/src/desktop/js/components/icons/vue/ColumnIcon.ts
  30. 0 0
      desktop/core/src/desktop/js/components/icons/vue/ConnectorIcon.ts
  31. 0 0
      desktop/core/src/desktop/js/components/icons/vue/DatabaseIcon.ts
  32. 0 0
      desktop/core/src/desktop/js/components/icons/vue/DropDownIcon.ts
  33. 0 0
      desktop/core/src/desktop/js/components/icons/vue/DropRightIcon.ts
  34. 0 0
      desktop/core/src/desktop/js/components/icons/vue/HueIcons.scss
  35. 0 0
      desktop/core/src/desktop/js/components/icons/vue/HueIcons.vue
  36. 0 0
      desktop/core/src/desktop/js/components/icons/vue/SpinnerLargeIcon.ts
  37. 0 0
      desktop/core/src/desktop/js/components/icons/vue/SpinnerSmallIcon.ts
  38. 0 0
      desktop/core/src/desktop/js/components/icons/vue/TableIcon.ts
  39. 0 0
      desktop/core/src/desktop/js/components/icons/vue/ViewIcon.ts
  40. 1 1
      desktop/core/src/desktop/js/webComponents/HueIcons.ts

+ 4 - 4
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/CatalogEntryDetailsPanel.vue

@@ -66,10 +66,10 @@
   import { CancellablePromise } from 'api/cancellablePromise';
   import DataCatalogEntry from 'catalog/DataCatalogEntry';
   import Spinner from 'components/Spinner.vue';
-  import ColumnIcon from 'components/icons/ColumnIcon';
-  import DatabaseIcon from 'components/icons/DatabaseIcon';
-  import TableIcon from 'components/icons/TableIcon';
-  import ViewIcon from 'components/icons/ViewIcon';
+  import ColumnIcon from 'components/icons/vue/ColumnIcon';
+  import DatabaseIcon from 'components/icons/vue/DatabaseIcon';
+  import TableIcon from 'components/icons/vue/TableIcon';
+  import ViewIcon from 'components/icons/vue/ViewIcon';
   import I18n from 'utils/i18n';
 
   const COMMENT_LOAD_DELAY = 1500;

+ 1 - 1
desktop/core/src/desktop/js/apps/editor/components/sqlScratchpad/SqlScratchpad.vue

@@ -93,7 +93,7 @@
   import { setBaseUrl } from 'api/utils';
   import contextCatalog from 'catalog/contextCatalog';
   import sqlAnalyzerRepository from 'catalog/analyzer/sqlAnalyzerRepository';
-  import HueIcons from 'components/icons/HueIcons.vue';
+  import HueIcons from 'components/icons/vue/HueIcons.vue';
   import HueButton from 'components/HueButton.vue';
   import Spinner from 'components/Spinner.vue';
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';

+ 2 - 2
desktop/core/src/desktop/js/components/Spinner.vue

@@ -49,8 +49,8 @@
   import { defineComponent } from 'vue';
 
   import './Spinner.scss';
-  import SpinnerLargeIcon from './icons/SpinnerLargeIcon';
-  import SpinnerSmallIcon from './icons/SpinnerSmallIcon';
+  import SpinnerLargeIcon from './icons/vue/SpinnerLargeIcon';
+  import SpinnerSmallIcon from './icons/vue/SpinnerSmallIcon';
 
   export default defineComponent({
     name: 'Spinner',

+ 1 - 1
desktop/core/src/desktop/js/components/SqlContextSelector.vue

@@ -24,7 +24,7 @@
 
   import DropdownMenuButton from './dropdown/DropdownMenuButton.vue';
   import DropdownMenu from './dropdown/DropdownMenu.vue';
-  import ConnectorIcon from './icons/ConnectorIcon';
+  import ConnectorIcon from './icons/vue/ConnectorIcon';
   import { SqlContext } from './SqlContextSelector';
   import SubscriptionTracker from './utils/SubscriptionTracker';
   import { EditorInterpreter } from 'config/types';

+ 1 - 1
desktop/core/src/desktop/js/components/assist/AssistPanel.vue

@@ -28,7 +28,7 @@
 
   import './AssistPanel.scss';
   import SqlAssistPanel from './SqlAssistPanel.vue';
-  import HueIcons from 'components/icons/HueIcons.vue';
+  import HueIcons from 'components/icons/vue/HueIcons.vue';
 
   export default defineComponent({
     name: 'AssistPanel',

+ 6 - 6
desktop/core/src/desktop/js/components/assist/SqlAssistEntry.vue

@@ -54,12 +54,12 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, toRefs, watch } from 'vue';
 
-  import ColumnIcon from '../icons/ColumnIcon';
-  import DatabaseIcon from '../icons/DatabaseIcon';
-  import DropDownIcon from '../icons/DropDownIcon';
-  import DropRightIcon from '../icons/DropRightIcon';
-  import TableIcon from '../icons/TableIcon';
-  import ViewIcon from '../icons/ViewIcon';
+  import ColumnIcon from '../icons/vue/ColumnIcon';
+  import DatabaseIcon from '../icons/vue/DatabaseIcon';
+  import DropDownIcon from '../icons/vue/DropDownIcon';
+  import DropRightIcon from '../icons/vue/DropRightIcon';
+  import TableIcon from '../icons/vue/TableIcon';
+  import ViewIcon from '../icons/vue/ViewIcon';
   import Spinner from '../Spinner.vue';
   import DataCatalogEntry from 'catalog/DataCatalogEntry';
 

+ 3 - 3
desktop/core/src/desktop/js/components/assist/SqlAssistPanel.vue

@@ -70,10 +70,10 @@
   import './SqlAssistPanel.scss';
   import SubscriptionTracker from '../utils/SubscriptionTracker';
   import SqlAssistEntry from './SqlAssistEntry.vue';
-  import ChevronLeftIcon from '../icons/ChevronLeftIcon';
-  import ConnectorIcon from '../icons/ConnectorIcon';
+  import ChevronLeftIcon from '../icons/vue/ChevronLeftIcon';
+  import ConnectorIcon from '../icons/vue/ConnectorIcon';
   import Spinner from '../Spinner.vue';
-  import DatabaseIcon from '../icons/DatabaseIcon';
+  import DatabaseIcon from '../icons/vue/DatabaseIcon';
   import dataCatalog from 'catalog/dataCatalog';
   import DataCatalogEntry from 'catalog/DataCatalogEntry';
   import { SqlContext } from 'components/SqlContextSelector';

Fișier diff suprimat deoarece este prea mare
+ 29 - 0
desktop/core/src/desktop/js/components/icons/AdlsIcon.tsx


+ 30 - 0
desktop/core/src/desktop/js/components/icons/CheckmarkIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const CheckmarkIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.675 15.899l-4.262-4.262L4 13.052l5.656 5.657 11.318-11.31L19.574 6l-9.899 9.899z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default CheckmarkIcon;

+ 0 - 6
desktop/core/src/desktop/js/components/icons/ChevronLeftLimitIcon.ts

@@ -1,6 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ChevronLeftLimitIcon',
-  template: '<svg class="hi hi-fw"><use xlink:href="#hueChevronLeftLimitSymbol" /></svg>'
-});

+ 0 - 6
desktop/core/src/desktop/js/components/icons/ChevronRightIcon.ts

@@ -1,6 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ChevronRightIcon',
-  template: '<svg class="hi hi-fw"><use xlink:href="#hueChevronRightSymbol" /></svg>'
-});

+ 0 - 6
desktop/core/src/desktop/js/components/icons/ChevronRightLimitIcon.ts

@@ -1,6 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ChevronRightLimitIcon',
-  template: '<svg class="hi hi-fw"><use xlink:href="#hueChevronRightLimitSymbol" /></svg>'
-});

+ 30 - 0
desktop/core/src/desktop/js/components/icons/CloseIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const CloseIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.532 4L12 10.532 5.468 4 4 5.468 10.532 12 4 18.532 5.468 20 12 13.468 18.532 20 20 18.532 13.468 12 20 5.468 18.532 4z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default CloseIcon;

+ 30 - 0
desktop/core/src/desktop/js/components/icons/DocumentationIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const DocumentationIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.413 2L20 7.585V22H4V2h10.413zm-2.414 2H6v16h12V9.999L12 10l-.001-6zM16 16v2H8v-2h8zm0-4v2H8v-2h8zm-6-4v2H8V8h2zm3.999-3.586L14 7.999h3.585l-3.586-3.585z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default DocumentationIcon;

+ 0 - 6
desktop/core/src/desktop/js/components/icons/DropLeftIcon.ts

@@ -1,6 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'DropLeftIcon',
-  template: '<svg class="hi hi-fw"><use xlink:href="#hueDropLeftSymbol" /></svg>'
-});

+ 0 - 6
desktop/core/src/desktop/js/components/icons/DropUpIcon.ts

@@ -1,6 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'DropUpIcon',
-  template: '<svg class="hi hi-fw"><use xlink:href="#hueDropUpSymbol" /></svg>'
-});

+ 25 - 0
desktop/core/src/desktop/js/components/icons/DropdownIcon.tsx

@@ -0,0 +1,25 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const DropdownIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M6 9l6 6 6-6H6z" fill="currentColor" />
+  </svg>
+);
+
+export default DropdownIcon;

Fișier diff suprimat deoarece este prea mare
+ 111 - 0
desktop/core/src/desktop/js/components/icons/HdfsIcon.tsx


+ 30 - 0
desktop/core/src/desktop/js/components/icons/ImportIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const ImportIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 3l-.961.788h.001l-.008.005L5.361 8.44 6.64 9.954 11 6.374v10.691h2V6.374l4.36 3.58 1.279-1.514-5.671-4.647-.008-.005h.001L12 3zm7 11.115v4.918H5v-4.918H3V21h18v-6.885h-2z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default ImportIcon;

+ 30 - 0
desktop/core/src/desktop/js/components/icons/MoreVerticalIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const MoreVerticalIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 16a2 2 0 10.001 4.001A2 2 0 0012 16m0-6a2 2 0 10.001 4.001A2 2 0 0012 10m2-4a2 2 0 11-4.001-.001A2 2 0 0114 6"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default MoreVerticalIcon;

+ 139 - 0
desktop/core/src/desktop/js/components/icons/OzoneIcon.tsx

@@ -0,0 +1,139 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const OzoneIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" width="1em" height="1em" {...props}>
+    <defs>
+      <radialGradient
+        id="ic-ozone_svg__a"
+        cx="274.34%"
+        cy="-407.035%"
+        r="677.432%"
+        fx="274.34%"
+        fy="-407.035%"
+        gradientTransform="matrix(1 0 0 .89792 0 -.415)"
+      >
+        <stop offset="0%" stopColor="#474747" />
+        <stop offset="53.48%" stopColor="#454545" />
+        <stop offset="82.31%" stopColor="#3D3D3D" />
+        <stop offset="100%" stopColor="#333" />
+      </radialGradient>
+      <radialGradient
+        id="ic-ozone_svg__b"
+        cx="274.345%"
+        cy="-407.011%"
+        r="750.983%"
+        fx="274.345%"
+        fy="-407.011%"
+        gradientTransform="matrix(1 0 0 .80248 0 -.804)"
+      >
+        <stop offset="0%" stopColor="#474747" />
+        <stop offset="53.48%" stopColor="#454545" />
+        <stop offset="82.31%" stopColor="#3D3D3D" />
+        <stop offset="100%" stopColor="#333" />
+      </radialGradient>
+      <radialGradient
+        id="ic-ozone_svg__c"
+        cx="274.331%"
+        cy="-407.025%"
+        r="635.753%"
+        fx="274.331%"
+        fy="-407.025%"
+        gradientTransform="matrix(.7851 0 0 1 .59 0)"
+      >
+        <stop offset="0%" stopColor="#474747" />
+        <stop offset="53.48%" stopColor="#454545" />
+        <stop offset="82.31%" stopColor="#3D3D3D" />
+        <stop offset="100%" stopColor="#333" />
+      </radialGradient>
+      <radialGradient
+        id="ic-ozone_svg__d"
+        cx="274.363%"
+        cy="-406.96%"
+        r="617.582%"
+        fx="274.363%"
+        fy="-406.96%"
+        gradientTransform="matrix(1 0 0 .99494 0 -.02)"
+      >
+        <stop offset="0%" stopColor="#474747" />
+        <stop offset="53.48%" stopColor="#454545" />
+        <stop offset="82.31%" stopColor="#3D3D3D" />
+        <stop offset="100%" stopColor="#333" />
+      </radialGradient>
+    </defs>
+    <g fill="none" fillRule="evenodd">
+      <path d="M12.3 7.607H8.469l3.526-3.427a6.083 6.083 0 00-.65-.034c-3.464 0-6.281 2.892-6.281 6.448 0 1.239.342 2.398.935 3.381 2.235-2.18 5.468-5.469 6.3-6.368zm-5.988 6.841a6.385 6.385 0 002.009 1.796l1.436-1.796H6.312zm5.032 2.593c2.81 0 5.195-1.905 5.994-4.523a229.037 229.037 0 01-6.27 4.516c.091.005.183.007.276.007zm4.391-7.046h1.862a6.592 6.592 0 00-.327-1.535c-.765.736-1.358 1.325-1.535 1.535z" />
+      <g fillRule="nonzero">
+        <path
+          fill="url(#ic-ozone_svg__a)"
+          d="M3.653 13.145H3.22l.267-.26a6.846 6.846 0 01-1.012-3.594c0-3.723 2.95-6.751 6.575-6.751.476 0 .94.052 1.386.151h4.976C13.776 1.03 11.527 0 9.05 0 4.059 0 0 4.168 0 9.29c0 3.314 1.7 6.228 4.249 7.873l1.586-1.984a6.713 6.713 0 01-2.182-2.034z"
+          transform="translate(2.295 1.303)"
+        />
+        <path
+          fill="url(#ic-ozone_svg__b)"
+          d="M15.598 8.691h2.48a9.412 9.412 0 00-.946-3.574c-.656.61-1.33 1.246-1.922 1.814.202.556.335 1.147.388 1.76z"
+          transform="translate(2.295 1.303)"
+        />
+        <path
+          fill="url(#ic-ozone_svg__c)"
+          d="M18.088 8.867c-.862.686-1.75 1.373-2.66 2.058-.713 2.936-3.302 5.117-6.38 5.117-.225 0-.45-.012-.67-.035-.576.401-1.15.798-1.719 1.191-.311.247-.623.491-.935.734a8.78 8.78 0 003.325.65c4.99 0 9.049-4.168 9.049-9.29 0-.143-.004-.285-.01-.425z"
+          transform="translate(2.295 1.303)"
+        />
+        <path
+          fill="url(#ic-ozone_svg__d)"
+          d="M6.29 15.418c-.063-.03-.126-.062-.189-.094l-1.597 1.998.156.092.508-.49c.472-.454.948-.912 1.415-1.375a6.987 6.987 0 01-.292-.13z"
+          transform="translate(2.295 1.303)"
+        />
+      </g>
+      <path
+        fill="#FFF"
+        fillRule="nonzero"
+        d="M22.123 3.994H18.12C16.416 2.151 14.01 1 11.344 1 6.192 1 2 5.304 2 10.594 2 14.002 3.74 17 6.356 18.702l-3.325 4.16.83-.571a87.291 87.291 0 003.885-2.844 9.076 9.076 0 003.598.74c5.152 0 9.344-4.303 9.344-9.593 0-1.579-.373-3.07-1.034-4.384 1.037-.963 1.996-1.83 2.469-2.216zm-1.73 6.6c0 5.122-4.06 9.29-9.049 9.29a8.784 8.784 0 01-3.325-.65c.312-.242.624-.486.935-.733.57-.393 1.143-.79 1.719-1.191.22.023.445.035.671.035 3.077 0 5.667-2.181 6.38-5.117.908-.685 1.798-1.372 2.66-2.059.006.141.009.283.009.425zm-9.049-9.29c2.479 0 4.727 1.028 6.363 2.69h-4.975a6.421 6.421 0 00-1.387-.151c-3.626 0-6.576 3.028-6.576 6.75 0 1.321.372 2.554 1.012 3.596l-.266.259h.434a6.692 6.692 0 002.182 2.034l-1.586 1.984c-2.55-1.645-4.25-4.559-4.25-7.872 0-5.123 4.06-9.29 9.05-9.29zm2.576 6c.07.021-3.727 3.889-6.24 6.354l-.462.452-.036.035h4.184c-.675.843-1.448 1.666-2.255 2.475a5.885 5.885 0 01-.523-.233l1.792-2.242H6.255c.012-.01.023-.023.035-.035l.026-.025a319.294 319.294 0 005.714-5.756c.764-.798.763-.804.739-.907l-.022-.087-.102-.03h1.275zM12.75 4.31c.124.03.246.062.366.1l-.387.375-.024.024-2.453 2.384-.116.112H9.21l3.093-3.007h.395l.052.012zM8.47 7.607h3.83c-.832.9-4.066 4.188-6.3 6.368a6.529 6.529 0 01-.935-3.381c0-3.556 2.817-6.448 6.28-6.448.22 0 .437.011.65.034L8.47 7.607zm1.287 6.84L8.32 16.245a6.38 6.38 0 01-2.008-1.796h3.444zm-1.17 2.274c.096.046.194.09.292.13-.466.463-.942.921-1.414 1.376l-.509.49c-.052-.03-.104-.06-.156-.092l1.598-1.998c.062.033.125.064.19.094zm8.752-4.203c-.799 2.618-3.184 4.523-5.994 4.523-.093 0-.185-.002-.277-.006 2.105-1.47 4.23-2.987 6.271-4.517zm-1.603-2.523c.177-.21.77-.8 1.535-1.535.167.487.278 1.002.327 1.535h-1.862zM6.73 18.934c-.278.27-.553.538-.822.805l.702-.877.12.072zm11.163-8.94a6.85 6.85 0 00-.388-1.76c.592-.567 1.266-1.203 1.922-1.814a9.412 9.412 0 01.946 3.575h-2.48z"
+      />
+      <path
+        fill="#6CB944"
+        fillRule="nonzero"
+        d="M18.388 4.297h-6.084L9.211 7.304h3.434l.102.03.022.087c.024.104.026.11-.739.907a319.932 319.932 0 01-5.714 5.757l-.026.025-.035.035h4.125l-1.792 2.242-.098.122-.095.118L6.8 18.625l-.097.122-.092.115-.702.878-1.367 1.71a89.374 89.374 0 002.895-2.143l.132-.101.137-.107c.794-.615 1.582-1.242 2.37-1.88l.154-.125.157-.127c1.18-.96 2.364-1.944 3.57-2.947 1.19-.989 2.41-2.003 3.656-3.017l.154-.125.152-.124.565-.456h-4.367l.21-.25c.028-.033.064-.074.11-.122.374-.402 1.348-1.35 2.44-2.383l.113-.108.11-.104c.416-.393.845-.794 1.259-1.177.207-.193.412-.381.609-.562l.114-.105.109-.099c.361-.33.694-.628.976-.876l.154-.135.066-.057.013-.011.014-.012h-2.025z"
+      />
+      <path
+        fill="#6AA74D"
+        fillRule="nonzero"
+        d="M14.452 9.917c.235-.281 1.274-1.27 2.426-2.37l.114-.107.11-.104a160.721 160.721 0 011.864-1.745l.114-.105.109-.1c.382-.348.72-.651.977-.873l.232-.197-.011.004-1.535.569-.14.052-.15.056-1.953.724-.528.196-.15.055-.155.058-1.52.563.18 3.333"
+      />
+      <path
+        fill="#7DC159"
+        fillRule="nonzero"
+        d="M20.4 4.309h-8.048l-.006.006-.03.03.388.463 1.494 1.785 1.571-.569.157-.056.15-.055.532-.192 1.962-.71.15-.055.142-.05 1.457-.528.005-.002c.025-.02.05-.04.072-.06l.009-.006h-.007v-.001z"
+      />
+      <path
+        d="M10.253 7.192l3.946-.599-1.469-1.808-.382-.47-.005-.006-3.104 2.996-.051.049.325-.049zm8.09 3.129l-.425.133-.147.046-.147.046-9.943 3.112-1.364.426-.082.025h3.898l7.49-3.414.149-.068.147-.067.51-.232.01-.007h-.096z"
+        fill="#A2DD8A"
+        fillRule="nonzero"
+        opacity={0.32}
+      />
+      <path
+        d="M5.5 20.484l-.18.175c.056-.049.116-.107.18-.175zm12.723-10.007l-.304.144-.148.07-.149.07-7.186 3.383-.086.04a70.41 70.41 0 01-1.585 2.288l-.09.126-.089.123a63.105 63.105 0 01-1.544 2.045l-.097.12-.094.117c-.518.639-.995 1.175-1.351 1.48l1.666-1.31.128-.1.133-.105 2.32-1.825.15-.117.154-.122 7.563-5.947.153-.12.15-.119.306-.24c-.007.004-.013.009 0 0zm.056.068l.018-.014-.02.014z"
+        fill="#64AE41"
+        fillRule="nonzero"
+        opacity={0.08}
+      />
+    </g>
+  </svg>
+);
+
+export default OzoneIcon;

+ 30 - 0
desktop/core/src/desktop/js/components/icons/PageNextIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const PageNextIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 12l-8.678 8L7 18.515 14.069 12 7 5.484 8.322 4 17 12z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default PageNextIcon;

+ 30 - 0
desktop/core/src/desktop/js/components/icons/PlusCircleIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const PlusCircleIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 11h-4V7h-2v4H7v2h4v4h2v-4h4v-2zm-5-7c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm0 18C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default PlusCircleIcon;

+ 30 - 0
desktop/core/src/desktop/js/components/icons/ProjectIcon.tsx

@@ -0,0 +1,30 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const ProjectIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 4v16h20V7.001H11L8 4H2zm2 2h3.171l2.415 2.415.585.585H20v9H4V6z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default ProjectIcon;

+ 35 - 0
desktop/core/src/desktop/js/components/icons/S3Icon.tsx

@@ -0,0 +1,35 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const S3Icon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path d="M12.1 17.302l7.634 1.848V4.817L12.1 6.665v10.637z" fill="#8C3123" />
+    <path
+      d="M19.734 4.817l1.467.733v12.87l-1.467.734V4.817zM15.43 7.373l-3.33-.824V1l3.33 1.665v4.708zM12.1 23l3.33-1.664v-4.708l-3.33.823V23zM15.43 14.357l-3.33.424V9.23l3.33.418v4.708zM12.1 17.302L4.466 19.15V4.817L12.1 6.665v10.637z"
+      fill="#E05243"
+    />
+    <path
+      d="M4.466 4.817L3 5.55v12.87l1.466.734V4.817zM8.772 7.373l3.328-.824V1L8.772 2.665v4.708zM12.1 23l-3.329-1.664v-4.708l3.33.823V23zM8.772 14.357l3.328.424V9.23l-3.328.418v4.708z"
+      fill="#8C3123"
+    />
+    <path d="M15.43 7.373l-3.33.606-3.328-.606 3.328-.824 3.33.824z" fill="#5E1F18" />
+    <path d="M15.43 16.628l-3.33-.61-3.328.61 3.328.829 3.33-.83z" fill="#F2B0A9" />
+  </svg>
+);
+
+export default S3Icon;

+ 29 - 0
desktop/core/src/desktop/js/components/icons/SpinnerLgIcon.tsx

@@ -0,0 +1,29 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const SpinnerLgIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 64 64" fill="none" width="1em" height="1em" {...props}>
+    <path
+      d="M56 32c0 13.256-10.744 24-24 24S8 45.256 8 32 18.744 8 32 8"
+      stroke="currentColor"
+      strokeWidth={4}
+    />
+  </svg>
+);
+
+export default SpinnerLgIcon;

+ 25 - 0
desktop/core/src/desktop/js/components/icons/SpinnerSmIcon.tsx

@@ -0,0 +1,25 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import React, { SVGProps } from 'react';
+
+const SpinnerSmIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
+  <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" {...props}>
+    <path d="M21 12a9 9 0 01-9 9 9 9 0 01-9-9 9 9 0 019-9" stroke="currentColor" strokeWidth={2} />
+  </svg>
+);
+
+export default SpinnerSmIcon;

+ 0 - 0
desktop/core/src/desktop/js/components/icons/ChevronLeftIcon.ts → desktop/core/src/desktop/js/components/icons/vue/ChevronLeftIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/ColumnIcon.ts → desktop/core/src/desktop/js/components/icons/vue/ColumnIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/ConnectorIcon.ts → desktop/core/src/desktop/js/components/icons/vue/ConnectorIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/DatabaseIcon.ts → desktop/core/src/desktop/js/components/icons/vue/DatabaseIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/DropDownIcon.ts → desktop/core/src/desktop/js/components/icons/vue/DropDownIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/DropRightIcon.ts → desktop/core/src/desktop/js/components/icons/vue/DropRightIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/HueIcons.scss → desktop/core/src/desktop/js/components/icons/vue/HueIcons.scss


+ 0 - 0
desktop/core/src/desktop/js/components/icons/HueIcons.vue → desktop/core/src/desktop/js/components/icons/vue/HueIcons.vue


+ 0 - 0
desktop/core/src/desktop/js/components/icons/SpinnerLargeIcon.ts → desktop/core/src/desktop/js/components/icons/vue/SpinnerLargeIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/SpinnerSmallIcon.ts → desktop/core/src/desktop/js/components/icons/vue/SpinnerSmallIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/TableIcon.ts → desktop/core/src/desktop/js/components/icons/vue/TableIcon.ts


+ 0 - 0
desktop/core/src/desktop/js/components/icons/ViewIcon.ts → desktop/core/src/desktop/js/components/icons/vue/ViewIcon.ts


+ 1 - 1
desktop/core/src/desktop/js/webComponents/HueIcons.ts

@@ -16,7 +16,7 @@
 
 import 'regenerator-runtime/runtime';
 
-import HueIcons from 'components/icons/HueIcons.vue';
+import HueIcons from 'components/icons/vue/HueIcons.vue';
 import { isDefined, wrap } from 'vue/webComponentWrap';
 
 const NAME = 'hue-icons';

Unele fișiere nu au fost afișate deoarece prea multe fișiere au fost modificate în acest diff