@servicetitan/form 22.4.3 → 22.4.6
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +8 -8
- package/src/form.stories.tsx +35 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/form",
|
|
3
|
-
"version": "22.4.
|
|
3
|
+
"version": "22.4.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/form",
|
|
6
6
|
"repository": {
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"src"
|
|
17
17
|
],
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@servicetitan/confirm": "^22.4.
|
|
20
|
-
"@servicetitan/culture": "^22.4.
|
|
19
|
+
"@servicetitan/confirm": "^22.4.6",
|
|
20
|
+
"@servicetitan/culture": "^22.4.6",
|
|
21
21
|
"@servicetitan/design-system": "~11.8.0",
|
|
22
|
-
"@servicetitan/form-state": "^22.4.
|
|
22
|
+
"@servicetitan/form-state": "^22.4.6",
|
|
23
23
|
"@servicetitan/react-ioc": "^21.6.0",
|
|
24
24
|
"@servicetitan/tokens": "~11.8.0",
|
|
25
25
|
"@types/react": "~17.0.38",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"resumablejs": "~1.0.2"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@servicetitan/confirm": "^22.4.
|
|
39
|
-
"@servicetitan/culture": "^22.4.
|
|
38
|
+
"@servicetitan/confirm": "^22.4.6",
|
|
39
|
+
"@servicetitan/culture": "^22.4.6",
|
|
40
40
|
"@servicetitan/design-system": ">11.8.0",
|
|
41
|
-
"@servicetitan/form-state": "^22.4.
|
|
41
|
+
"@servicetitan/form-state": "^22.4.6",
|
|
42
42
|
"@servicetitan/react-ioc": ">21.0.0",
|
|
43
43
|
"@servicetitan/tokens": ">11.8.0",
|
|
44
44
|
"accounting": "~0.4.1",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"cli": {
|
|
66
66
|
"webpack": false
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "46d364e638c43a68644eb90b3ca48cd605bf2c1f"
|
|
69
69
|
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Frame, Page } from '@servicetitan/design-system';
|
|
2
|
+
import { HashBrowserRouter } from '@servicetitan/hash-browser-router';
|
|
3
|
+
import {
|
|
4
|
+
ColorPickerExample,
|
|
5
|
+
DateRangePickerExample,
|
|
6
|
+
// DropdownStateExample,
|
|
7
|
+
FileUploaderExample,
|
|
8
|
+
InputDateMaskExample,
|
|
9
|
+
NumberInputExample,
|
|
10
|
+
OrdinalNumberInputExample,
|
|
11
|
+
PhoneNumberInputExample,
|
|
12
|
+
} from '../dist/demo';
|
|
13
|
+
|
|
14
|
+
export default {
|
|
15
|
+
title: 'Form/Demos',
|
|
16
|
+
decorators: [
|
|
17
|
+
(Story: any) => (
|
|
18
|
+
<HashBrowserRouter>
|
|
19
|
+
<Frame>
|
|
20
|
+
<Page>
|
|
21
|
+
<Story />
|
|
22
|
+
</Page>
|
|
23
|
+
</Frame>
|
|
24
|
+
</HashBrowserRouter>
|
|
25
|
+
),
|
|
26
|
+
],
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export const ColorPicker = () => <ColorPickerExample />;
|
|
30
|
+
export const DateRangePicker = () => <DateRangePickerExample />;
|
|
31
|
+
export const FileUploader = () => <FileUploaderExample />;
|
|
32
|
+
export const InputDateMask = () => <InputDateMaskExample />;
|
|
33
|
+
export const NumberInput = () => <NumberInputExample />;
|
|
34
|
+
export const OrdinalNumberInput = () => <OrdinalNumberInputExample />;
|
|
35
|
+
export const PhoneNumberInput = () => <PhoneNumberInputExample />;
|