norma-library 0.6.3 → 0.6.5

package/src/stories/SelectInput.stories.tsx

@@ -1,79 +1,79 @@
-import React, { useState } from 'react';
-import SelectInput from '../components/SelectInput';
-
-export default {
-  title: 'Form/SelectInput',
-  component: SelectInput,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  argTypes: { 
-    className: {
-      description: 'Adicione uma classe.',
-    },
-    label: {
-      description: 'Adicione uma label.'
-    },
-    onChange: {
-      description: 'Função para capturar o valor quando alterado.'
-    },
-    placeholder: {
-      description: 'Adicione um placeholder.'
-    },
-    options: {
-      description: 'Lista de valores a ser exibido.'
-    },
-    value: {
-      description: 'Valor selecionado.'
-    },
-    isSearchable: {
-      description: 'Habilita a função de buscar um valor.'
-    },
-    isClearable: {
-      description: 'Habilita a função de limpar o item selecionado.'
-    },
-    disabled: {
-      description: 'Habilita ou desabilita.'
-    }
-  }
-}
-
-export const Default = (args) => {
-  const options = [
-    {
-      label: 'options 1',
-      value: 'value 1'
-    },
-    {
-      label: 'options 2',
-      value: 'value 2'
-    },
-    {
-      label: 'options 3',
-      value: 'value 3'
-    }
-  ]
-  const [selectedValue, setSelectedValue] = useState<any>(options[0])
-  return (
-    <div style={{
-      width: 300
-    }}>
-      <SelectInput 
-        options={options}
-        value={selectedValue}
-        onChange={(value) => setSelectedValue(value)} 
-        {...args} 
-      />
-    </div>
-  )
-}
-
-Default.args = { 
-  className: '',
-  label: 'Selecione:',
-  placeholder: 'Selecione uma opção',
-  disabled: false,
-  isSearchable: false,
-  isClearable: false,
+import React, { useState } from 'react';
+import SelectInput from '../components/SelectInput';
+
+export default {
+  title: 'Form/SelectInput',
+  component: SelectInput,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: { 
+    className: {
+      description: 'Adicione uma classe.',
+    },
+    label: {
+      description: 'Adicione uma label.'
+    },
+    onChange: {
+      description: 'Função para capturar o valor quando alterado.'
+    },
+    placeholder: {
+      description: 'Adicione um placeholder.'
+    },
+    options: {
+      description: 'Lista de valores a ser exibido.'
+    },
+    value: {
+      description: 'Valor selecionado.'
+    },
+    isSearchable: {
+      description: 'Habilita a função de buscar um valor.'
+    },
+    isClearable: {
+      description: 'Habilita a função de limpar o item selecionado.'
+    },
+    disabled: {
+      description: 'Habilita ou desabilita.'
+    }
+  }
+}
+
+export const Default = (args) => {
+  const options = [
+    {
+      label: 'options 1',
+      value: 'value 1'
+    },
+    {
+      label: 'options 2',
+      value: 'value 2'
+    },
+    {
+      label: 'options 3',
+      value: 'value 3'
+    }
+  ]
+  const [selectedValue, setSelectedValue] = useState<any>(options[0])
+  return (
+    <div style={{
+      width: 300
+    }}>
+      <SelectInput 
+        options={options}
+        value={selectedValue}
+        onChange={(value) => setSelectedValue(value)} 
+        {...args} 
+      />
+    </div>
+  )
+}
+
+Default.args = { 
+  className: '',
+  label: 'Selecione:',
+  placeholder: 'Selecione uma opção',
+  disabled: false,
+  isSearchable: false,
+  isClearable: false,
 }