fix(clipboard): disabled cursor

ovh · Aug 3, 2023 · fb65c8a · fb65c8a
1 parent 75f2762
commit fb65c8a
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 5 deletions.
diff --git a/packages/stencil/components/clipboard/package.json b/packages/stencil/components/clipboard/package.json
@@ -35,6 +35,7 @@
     "test:e2e:ci:screenshot:update": "stencil test --config stencil.config.ts --e2e --ci --screenshot --update-screenshot --passWithNoTests"
   },
   "dependencies": {
+    "@ovhcloud/ods-component-icon": "^15.0.1",
     "@ovhcloud/ods-stencil-component": "^15.0.1"
   },
   "devDependencies": {

diff --git a/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.scss b/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.scss
@@ -7,4 +7,13 @@
         --ods-input-cursor: pointer;
         --ods-input-icon-cursor: pointer;
     }
-}
+}
+
+:host([disabled]) {
+    cursor: not-allowed;
+    osds-input {
+        cursor: not-allowed;
+        --ods-input-cursor: not-allowed;
+        --ods-input-icon-cursor: not-allowed;
+    }
+}
diff --git a/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.tsx b/packages/stencil/components/clipboard/src/components/osds-clipboard/osds-clipboard.tsx
@@ -5,11 +5,11 @@ import {
   odsClipboardDefaultAttributes,
   OdsClipboardEvents,
   OdsClipboardMethods,
-  OdsIconName,
   OdsInputType,
 } from '@ovhcloud/ods-core';
 import { OdsStencilEvents, OdsStencilMethods } from '@ovhcloud/ods-stencil/libraries/stencil-core';
 import { OdsThemeColorIntent } from '@ovhcloud/ods-theming';
+import { ODS_ICON_NAME } from '@ovhcloud/ods-component-icon';
 
 @Component({
   tag: 'osds-clipboard',
@@ -58,7 +58,7 @@ export class OsdsClipboard implements OdsClipboard<OdsStencilMethods<OdsClipboar
                     color={ OdsThemeColorIntent.primary }
                     disabled={ this.disabled }
                     flex={ this.flex }
-                    icon={ OdsIconName.COPY }
+                    icon={ ODS_ICON_NAME.COPY }
                     type={ OdsInputType.text }
                     value={ this.value }
                     onClick={ () => this.handlerClick() }

diff --git a/packages/stencil/components/clipboard/src/global.dev.ts b/packages/stencil/components/clipboard/src/global.dev.ts
@@ -8,6 +8,7 @@ import './global';
 import { OdsLogger } from '@ovhcloud/ods-core';
 
 import '@ovhcloud/ods-stencil/components/input';
+import '@ovhcloud/ods-component-icon';
 
 const logger = new OdsLogger('global-dev');
 logger.log('init');

diff --git a/packages/stencil/components/clipboard/src/global.test.ts b/packages/stencil/components/clipboard/src/global.test.ts
@@ -1,3 +1,4 @@
 import './global';
 
 import '@ovhcloud/ods-stencil/components/input';
+import '@ovhcloud/ods-component-icon';
diff --git a/packages/stencil/components/clipboard/stencil.config.ts b/packages/stencil/components/clipboard/stencil.config.ts
@@ -11,11 +11,11 @@ export const config: Config = getStencilConfig({
   reactOutput: {
     componentCorePackage: '@ovhcloud/ods-stencil/components/clipboard',
     // exclude peer dependencies that corresponds to www usage
-    excludeComponents: ['osds-input']
+    excludeComponents: ['osds-input', 'osds-icon']
   },
   vueOutput: {
     componentCorePackage: '@ovhcloud/ods-stencil/components/clipboard',
-    excludeComponents: ['osds-input']
+    excludeComponents: ['osds-input', 'osds-icon']
   },
   dev: {
     globalScript: 'src/global.dev.ts',

diff --git a/yarn.lock b/yarn.lock
@@ -6142,6 +6142,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@ovhcloud/ods-stencil-clipboard@workspace:packages/stencil/components/clipboard"
   dependencies:
+    "@ovhcloud/ods-component-icon": ^15.0.1
     "@ovhcloud/ods-stencil-component": ^15.0.1
     "@ovhcloud/ods-stencil-component-dev": ^15.0.1
   languageName: unknown