All files / src/common/components/input Input.stories.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import InputComponent from './Input'
import { action } from '@storybook/addon-actions'
import { BADGE } from '@geometricpanda/storybook-addon-badges'
import { addDefaults, addArgTypes } from 'common/utils/storybookMode'
 
const defaultProps = {
  onChange: action('onChangeInput'),
}
 
const addTheme = addDefaults({
  defaultProps,
  figmaURL: 'https://www.figma.com/file/pFx6z24OMgktLQL64aKYjG/Booksys?node-id=157%3A26',
})
 
export default {
  title: 'Components/Input',
 
  parameters: {
    badges: [BADGE.STABLE],
  },
  argTypes: addArgTypes({
    id: {
      defaultValue: '1',
      type: 'string',
    },
    type: {
      defaultValue: 'text',
      options: ['text', 'select'],
      control: { type: 'radio' },
    },
 
    title: {
      defaultValue: 'Name',
      type: 'string',
    },
    placeholder: {
      defaultValue: 'Put the name',
      type: 'string',
    },
    list: {
      defaultValue: [{ value: 'val', text: 'option text' }],
      type: 'list',
    },
    value: {
      defaultValue: 'value',
      type: 'string',
    },
    disabled: {
      defaultValue: false,
      type: 'boolean',
    },
    showClearButton: {
      defaultValue: false,
      type: 'boolean',
    },
  }),
}
 
export const Input = addTheme((props) => <InputComponent {...props} />)