form-input-fields 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +591 -284
  2. package/dist/controls/FormCheckboxField/FormCheckboxField.d.ts +4 -1
  3. package/dist/controls/FormCheckboxField/FormCheckboxField.d.ts.map +1 -1
  4. package/dist/controls/FormDateField/FormDateField.d.ts +3 -1
  5. package/dist/controls/FormDateField/FormDateField.d.ts.map +1 -1
  6. package/dist/controls/FormDateTextField/FormDateTextField.d.ts +4 -2
  7. package/dist/controls/FormDateTextField/FormDateTextField.d.ts.map +1 -1
  8. package/dist/controls/FormDropDownField/FormDropDownField.d.ts +4 -2
  9. package/dist/controls/FormDropDownField/FormDropDownField.d.ts.map +1 -1
  10. package/dist/controls/FormMaskField/FormMaskField.d.ts +3 -0
  11. package/dist/controls/FormMaskField/FormMaskField.d.ts.map +1 -1
  12. package/dist/controls/FormSwitch/FormSwitch.d.ts +3 -0
  13. package/dist/controls/FormSwitch/FormSwitch.d.ts.map +1 -1
  14. package/dist/controls/FormTextField/FormTextField.d.ts +3 -1
  15. package/dist/controls/FormTextField/FormTextField.d.ts.map +1 -1
  16. package/dist/index.es.js +2093 -2080
  17. package/dist/index.es.js.map +1 -1
  18. package/dist/index.js +50 -50
  19. package/dist/index.js.map +1 -1
  20. package/dist/stories/FormCheckboxField.stories.d.ts +22 -0
  21. package/dist/stories/FormCheckboxField.stories.d.ts.map +1 -0
  22. package/dist/stories/FormDateField.stories.d.ts +10 -0
  23. package/dist/stories/FormDateField.stories.d.ts.map +1 -0
  24. package/dist/stories/FormDateTextField.stories.d.ts +8 -0
  25. package/dist/stories/FormDateTextField.stories.d.ts.map +1 -0
  26. package/dist/stories/FormDropDownField.stories.d.ts +8 -0
  27. package/dist/stories/FormDropDownField.stories.d.ts.map +1 -0
  28. package/dist/stories/FormMaskField.stories.d.ts +11 -0
  29. package/dist/stories/FormMaskField.stories.d.ts.map +1 -0
  30. package/dist/stories/FormSwitch.stories.d.ts +7 -0
  31. package/dist/stories/FormSwitch.stories.d.ts.map +1 -0
  32. package/dist/stories/FormTextField.stories.d.ts +8 -0
  33. package/dist/stories/FormTextField.stories.d.ts.map +1 -0
  34. package/package.json +14 -7
package/dist/stories/FormCheckboxField.stories.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').MemoExoticComponent<({ id, label, checked, onChange, sx, }: import('..').FormCheckboxFieldProps) => import("react/jsx-runtime").JSX.Element>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ checked: {
11
+ control: "boolean";
12
+ };
13
+ label: {
14
+ control: "text";
15
+ };
16
+ };
17
+ };
18
+ export default meta;
19
+ type Story = StoryObj<typeof meta>;
20
+ export declare const Basic: Story;
21
+ export declare const WithFormik: Story;
22
+ //# sourceMappingURL=FormCheckboxField.stories.d.ts.map
package/dist/stories/FormCheckboxField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormCheckboxField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormCheckboxField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAWgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KA2BnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8DxB,CAAC"}
package/dist/stories/FormDateField.stories.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Basic: Story;
6
+ export declare const WithValidation: Story;
7
+ export declare const AppointmentScheduler: Story;
8
+ export declare const ReadOnly: Story;
9
+ export declare const CustomChangeHandler: Story;
10
+ //# sourceMappingURL=FormDateField.stories.d.ts.map
package/dist/stories/FormDateField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDateField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormDateField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CA0BnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA0BlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAuCjC,CAAC"}
package/dist/stories/FormDateTextField.stories.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Basic: Story;
6
+ export declare const WithFormik: Story;
7
+ export declare const CustomFormat: Story;
8
+ //# sourceMappingURL=FormDateTextField.stories.d.ts.map
package/dist/stories/FormDateTextField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDateTextField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormDateTextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CAyBnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAsBnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC"}
package/dist/stories/FormDropDownField.stories.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Basic: Story;
6
+ export declare const WithDefaultSelection: Story;
7
+ export declare const RequiredWithValidation: Story;
8
+ //# sourceMappingURL=FormDropDownField.stories.d.ts.map
package/dist/stories/FormDropDownField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDropDownField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormDropDownField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CA2BnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KA8BnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA4BlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAiEpC,CAAC"}
package/dist/stories/FormMaskField.stories.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const PhoneNumber: Story;
6
+ export declare const DateInput: Story;
7
+ export declare const ProductCode: Story;
8
+ export declare const CreditCard: Story;
9
+ export declare const CustomChangeHandler: Story;
10
+ export declare const ShowMaskPattern: Story;
11
+ //# sourceMappingURL=FormMaskField.stories.d.ts.map
package/dist/stories/FormMaskField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormMaskField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormMaskField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CA2BnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC"}
package/dist/stories/FormSwitch.stories.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Basic: Story;
6
+ export declare const WithFormik: Story;
7
+ //# sourceMappingURL=FormSwitch.stories.d.ts.map
package/dist/stories/FormSwitch.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormSwitch.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormSwitch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CAiCnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqDxB,CAAC"}
package/dist/stories/FormTextField.stories.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta<any>;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Basic: Story;
6
+ export declare const WithFormikValidation: Story;
7
+ export declare const CustomValidation: Story;
8
+ //# sourceMappingURL=FormTextField.stories.d.ts.map
package/dist/stories/FormTextField.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormTextField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/FormTextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,GAAG,CAyBnB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA+DlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "form-input-fields",
3
- "version": "1.0.16",
3
+ "version": "1.0.18",
4
4
  "description": "A customizable form field components built with TypeScript",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -17,7 +17,9 @@
17
17
  "test": "jest --detectOpenHandles --forceExit --logHeapUsage",
18
18
  "test:watch": "jest --watch --detectOpenHandles --forceExit",
19
19
  "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand --verbose",
20
- "test:coverage": "jest --coverage --detectOpenHandles --forceExit"
20
+ "test:coverage": "jest --coverage --detectOpenHandles --forceExit",
21
+ "storybook": "storybook dev -p 6006",
22
+ "build-storybook": "storybook build"
21
23
  },
22
24
  "keywords": [
23
25
  "react",
@@ -48,9 +50,12 @@
48
50
  "@babel/preset-typescript": "^7.28.5",
49
51
  "@emotion/react": "^11.14.0",
50
52
  "@emotion/styled": "^11.14.1",
51
- "@mui/styles": "^6.4.8",
52
53
  "@mui/material": "^7.3.5",
53
- "@mui/x-date-pickers": "^8.16.0",
54
+ "@mui/styles": "^6.4.8",
55
+ "@mui/x-date-pickers": "^8.17.0",
56
+ "@storybook/addon-docs": "10.0.6",
57
+ "@storybook/addon-onboarding": "10.0.6",
58
+ "@storybook/react-vite": "10.0.6",
54
59
  "@testing-library/dom": "^10.4.1",
55
60
  "@testing-library/jest-dom": "^6.9.1",
56
61
  "@testing-library/react": "^16.3.0",
@@ -60,22 +65,24 @@
60
65
  "@types/react": "^19.2.2",
61
66
  "@types/react-dom": "^19.2.2",
62
67
  "dayjs": "^1.11.19",
63
- "formik": "^2.4.6",
68
+ "eslint-plugin-storybook": "10.0.6",
69
+ "formik": "^2.4.9",
64
70
  "jest": "^30.2.0",
65
71
  "jest-environment-jsdom": "^30.2.0",
66
72
  "jsdom": "^27.1.0",
67
73
  "react": "^19.2.0",
68
74
  "react-dom": "^19.2.0",
75
+ "storybook": "10.0.6",
69
76
  "ts-jest": "^29.4.5",
70
77
  "typescript": "^5.9.3",
71
- "vite": "^7.1.12",
78
+ "vite": "^7.2.2",
72
79
  "vite-plugin-dts": "^4.5.4"
73
80
  },
74
81
  "peerDependencies": {
75
82
  "@emotion/react": "^11.14.0",
76
83
  "@emotion/styled": "^11.14.1",
77
- "@mui/styles": "^6.4.8",
78
84
  "@mui/material": "^7.2.0",
85
+ "@mui/styles": "^6.4.8",
79
86
  "@mui/x-date-pickers": "^8.7.0",
80
87
  "dayjs": "^1.11.13",
81
88
  "formik": "^2.4.6",