form-input-fields 1.0.20 → 1.0.21
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.
- package/README.md +25 -1
- package/dist/stories/App.stories.d.ts +19 -0
- package/dist/stories/App.stories.d.ts.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
A collection of Material-UI form field components with Formik integration.
|
|
4
4
|
|
|
5
|
-
**Version 1.0.
|
|
5
|
+
**Version 1.0.21**
|
|
6
6
|
|
|
7
7
|
More control in the progress of development.
|
|
8
8
|
|
|
@@ -1829,6 +1829,30 @@ npm run test:debug
|
|
|
1829
1829
|
|
|
1830
1830
|
## History
|
|
1831
1831
|
|
|
1832
|
+
### 2025-11-11 - Storybook Documentation Site Created
|
|
1833
|
+
|
|
1834
|
+
#### Added interactive Storybook documentation at https://formik-input-fields.netlify.app
|
|
1835
|
+
|
|
1836
|
+
Created comprehensive Storybook documentation for all form field components:
|
|
1837
|
+
|
|
1838
|
+
- **FormTextField**: Stories for basic usage, variants, error states, and custom styling
|
|
1839
|
+
- **FormCheckboxField**: Interactive checkbox examples with state management
|
|
1840
|
+
- **FormDateField**: Date picker stories with various configurations and constraints
|
|
1841
|
+
- **FormDateTextField**: Text-based date input with format variations
|
|
1842
|
+
- **FormDropDownField**: Dropdown examples with default selections and validation
|
|
1843
|
+
- **FormMaskField**: Extensive masking examples (phone, date, credit card, license plate, hex colors)
|
|
1844
|
+
- **FormSwitch**: Switch component stories with different colors, sizes, and placements
|
|
1845
|
+
- **Form Fields Demo**: Complete interactive demo showcasing all components in a comprehensive form
|
|
1846
|
+
|
|
1847
|
+
The Storybook site provides:
|
|
1848
|
+
- Interactive component examples with live controls
|
|
1849
|
+
- Comprehensive documentation for all props and features
|
|
1850
|
+
- Real-time code generation showing implementation details
|
|
1851
|
+
- Responsive design testing across different screen sizes
|
|
1852
|
+
- Accessibility testing and validation
|
|
1853
|
+
|
|
1854
|
+
---
|
|
1855
|
+
|
|
1832
1856
|
### 2025-11-10 - Enhanced Styling Support and Standardized Form Controls
|
|
1833
1857
|
|
|
1834
1858
|
#### Added `sx` prop support to all form controls
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { default as App } from '../App';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof App;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
code: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Demo: Story;
|
|
19
|
+
//# sourceMappingURL=App.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"App.stories.d.ts","sourceRoot":"","sources":["../../src/stories/App.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,GAAG,MAAM,QAAQ,CAAC;AAEzB,QAAA,MAAM,IAAI;;;;;;;;;;;;CAimBkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAGlB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "form-input-fields",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "A customizable form field components built with TypeScript",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@mui/material": "^7.3.5",
|
|
54
54
|
"@mui/styles": "^6.4.8",
|
|
55
55
|
"@mui/x-date-pickers": "^8.17.0",
|
|
56
|
-
"@storybook/addon-docs": "10.0.6",
|
|
56
|
+
"@storybook/addon-docs": "^10.0.6",
|
|
57
57
|
"@storybook/addon-onboarding": "10.0.6",
|
|
58
58
|
"@storybook/react-vite": "10.0.6",
|
|
59
59
|
"@testing-library/dom": "^10.4.1",
|