All files / src/components/lib/InlineEditInputFactory InlineEditInputFactory.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import { InlineEditInputFactory } from './InlineEditInputFactory';
 
export default {
  title: 'Component/InlineEditInputFactory',
  component: InlineEditInputFactory,
  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
  tags: ['autodocs'],
  parameters: {
    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
    layout: 'padded',
  },
  // decorators: [
  //   (Story) => (
  //     <StyleWrapper>
  //       <div
  //         className="inline-edit__textarea-wrapper"
  //         style={{
  //           height: 30,
  //           border: '1px solid whitesmoke',
  //         }}
  //       >
  //         <Story />
  //       </div>
  //     </StyleWrapper>
  //   ),
  // ],
};
 
export const InlineEditInputFactoryDefault = {
  args: {
    component: 'input', // or 'textarea',
    label: '',
    // initialLabel,
    defaultLabel: null,
    onSave: () => {},
    setLabel: () => {},
    onUndoClick: () => {},
    inputRef: null,
    maxLength: 255,
  },
};