@3t-transform/threeteeui 0.1.33 → 0.1.35

package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js

@@ -1,26 +1,26 @@
-import { withActions } from '@storybook/addon-actions/decorator';
-export default {
-  title: 'molecules/Sorter',
-  component: 'tttx-sorter',
-  argTypes: {
-    fieldOptionsData: {
-      control: { type: 'object' },
-    },
-    defaultOption: {
-      control: { type: 'text' },
-    },
-    sorterKey: {
-      control: { type: 'text' },
-    },
-  },
-  parameters: {
-    actions: {
-      handles: ['sorterChangeEvent'],
-    },
-  },
-  decorators: [withActions],
-};
-const TemplateSorter = ({ fieldOptionsData, sorterKey, defaultOption }) => {
+import { withActions } from '@storybook/addon-actions/decorator';
+export default {
+  title: 'molecules/Sorter',
+  component: 'tttx-sorter',
+  argTypes: {
+    fieldOptionsData: {
+      control: { type: 'object' },
+    },
+    defaultOption: {
+      control: { type: 'text' },
+    },
+    sorterKey: {
+      control: { type: 'text' },
+    },
+  },
+  parameters: {
+    actions: {
+      handles: ['sorterChangeEvent'],
+    },
+  },
+  decorators: [withActions],
+};
+const TemplateSorter = ({ fieldOptionsData, sorterKey, defaultOption }) => {
   return `
         <div style='width: 250px;'>
           <tttx-sorter
@@ -28,22 +28,22 @@ const TemplateSorter = ({ fieldOptionsData, sorterKey, defaultOption }) => {
               default-option='${defaultOption}'
               sorter-key='${sorterKey}'/>
         </div>
-    `;
-};
-const fieldOptionsData = {
-  sorterOptions: [{ optionLabel: 'Expiry date' }, { optionLabel: 'Qualification name' }],
-};
-export const BasicSorter = TemplateSorter.bind({});
-BasicSorter.args = {
-  fieldOptionsData: fieldOptionsData,
-  sorterKey: 'BasicDropdown',
-  defaultOption: 'Qualification name',
-};
-export const AnotherSorter = TemplateSorter.bind({});
-AnotherSorter.args = {
-  fieldOptionsData: {
-    sorterOptions: [{ optionLabel: 'Name' }, { optionLabel: 'Date of Birth' }, { optionLabel: 'Job Role' }],
-  },
-  sorterKey: 'BasicDropdown',
-  defaultOption: 'Date of Birth',
-};
+    `;
+};
+const fieldOptionsData = {
+  sorterOptions: [{ optionLabel: 'Expiry date' }, { optionLabel: 'Qualification name' }],
+};
+export const BasicSorter = TemplateSorter.bind({});
+BasicSorter.args = {
+  fieldOptionsData: fieldOptionsData,
+  sorterKey: 'BasicDropdown',
+  defaultOption: 'Qualification name',
+};
+export const AnotherSorter = TemplateSorter.bind({});
+AnotherSorter.args = {
+  fieldOptionsData: {
+    sorterOptions: [{ optionLabel: 'Name' }, { optionLabel: 'Date of Birth' }, { optionLabel: 'Job Role' }],
+  },
+  sorterKey: 'BasicDropdown',
+  defaultOption: 'Date of Birth',
+};

package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.css

@@ -218,6 +218,19 @@ input:focus-visible {
   margin-top: 4px;
 }
 
+label.inputBlock.readonly {
+  pointer-events: none;
+  user-select: none;
+  color: gray;
+}
+
+input[readonly] {
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+  color: gray;
+}
+
 :host {
   display: block;
 }