@true-engineering/true-react-common-ui-kit 1.12.1 → 2.0.1

package/src/components/Input/Input.stories.tsx

@@ -1,92 +1,92 @@
-import { useState } from 'react';
-import { ComponentStory } from '@storybook/react';
-
-import { Input, IInputProps } from './Input';
-import { icons } from '../Icon/icons';
-
-const types: Array<IInputProps['type']> = [
-  'text',
-  'password',
-  'email',
-  'number',
-];
-const inlineStyles = [
-  undefined,
-  'top',
-  'bottom',
-  'top-left',
-  'top-right',
-  'bottom-left',
-  'bottom-right',
-  'left',
-  'right',
-  'middle',
-];
-const masks = [undefined, '99/99', 'aaa-aaa', '***+***'];
-const iconTypes = [undefined, ...Object.keys(icons)];
-const borders = [undefined, 'left', 'top', 'right', 'bottom'];
-const errorPositions = ['bottom', 'top'];
-
-export default {
-  title: 'Inputs/Input',
-  component: Input,
-  argTypes: {
-    type: { control: 'radio', options: types },
-    border: { control: 'radio', options: borders },
-    iconType: { control: 'select', options: iconTypes },
-    errorPosition: { control: 'inline-radio', options: errorPositions },
-    mask: { control: 'select', options: masks },
-    inlineStyles: { control: 'select', options: inlineStyles },
-  },
-};
-
-const Template: ComponentStory<typeof Input> = (args) => {
-  const [value, setValue] = useState('');
-
-  return (
-    <Input
-      {...args}
-      value={value}
-      onChange={(v) => setValue(v)}
-      onIconClick={() => console.log('icon click')}
-    />
-  );
-};
-
-export const Default = Template.bind({});
-
-Default.args = {
-  label: 'Label',
-  placeholder: 'Placeholder',
-  infoMessage: 'Message Info',
-  units: 'RUB',
-  type: 'text',
-  border: undefined,
-  hasFloatingLabel: true,
-  hasRequiredLabel: true,
-  isInvalid: false,
-  errorMessage: 'Error Text',
-  isActive: false,
-  isDisabled: false,
-  isRequired: false,
-  isReadonly: false,
-  isClearable: false,
-  isLoading: false,
-  inlineStyle: undefined,
-};
-
-Default.parameters = {
-  controls: {
-    exclude: [
-      'testId',
-      'data',
-      'tabIndex',
-      'onChange',
-      'onFocus',
-      'onBlur',
-      'onPaste',
-      'onKeyDown',
-      'onIconClick',
-    ],
-  },
-};
+import { useState } from 'react';
+import { ComponentStory } from '@storybook/react';
+
+import { Input, IInputProps } from './Input';
+import { icons } from '../Icon/icons';
+
+const types: Array<IInputProps['type']> = [
+  'text',
+  'password',
+  'email',
+  'number',
+];
+const inlineStyles = [
+  undefined,
+  'top',
+  'bottom',
+  'top-left',
+  'top-right',
+  'bottom-left',
+  'bottom-right',
+  'left',
+  'right',
+  'middle',
+];
+const masks = [undefined, '99/99', 'aaa-aaa', '***+***'];
+const iconTypes = [undefined, ...Object.keys(icons)];
+const borders = [undefined, 'left', 'top', 'right', 'bottom'];
+const errorPositions = ['bottom', 'top'];
+
+export default {
+  title: 'Inputs/Input',
+  component: Input,
+  argTypes: {
+    type: { control: 'radio', options: types },
+    border: { control: 'radio', options: borders },
+    iconType: { control: 'select', options: iconTypes },
+    errorPosition: { control: 'inline-radio', options: errorPositions },
+    mask: { control: 'select', options: masks },
+    inlineStyles: { control: 'select', options: inlineStyles },
+  },
+};
+
+const Template: ComponentStory<typeof Input> = (args) => {
+  const [value, setValue] = useState('');
+
+  return (
+    <Input
+      {...args}
+      value={value}
+      onChange={(v) => setValue(v)}
+      onIconClick={() => console.log('icon click')}
+    />
+  );
+};
+
+export const Default = Template.bind({});
+
+Default.args = {
+  label: 'Label',
+  placeholder: 'Placeholder',
+  infoMessage: 'Message Info',
+  units: 'RUB',
+  type: 'text',
+  border: undefined,
+  hasFloatingLabel: true,
+  hasRequiredLabel: true,
+  isInvalid: false,
+  errorMessage: 'Error Text',
+  isActive: false,
+  isDisabled: false,
+  isRequired: false,
+  isReadonly: false,
+  isClearable: false,
+  isLoading: false,
+  inlineStyle: undefined,
+};
+
+Default.parameters = {
+  controls: {
+    exclude: [
+      'testId',
+      'data',
+      'tabIndex',
+      'onChange',
+      'onFocus',
+      'onBlur',
+      'onPaste',
+      'onKeyDown',
+      'onIconClick',
+    ],
+  },
+};