@servicetitan/form 22.4.5 → 23.0.0

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 (8) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/color-picker/color-palette.d.ts +1 -1
  3. package/dist/color-picker/color-palette.d.ts.map +1 -1
  4. package/dist/color-picker/color-palette.js +2 -3
  5. package/dist/color-picker/color-palette.js.map +1 -1
  6. package/package.json +16 -16
  7. package/src/color-picker/color-palette.ts +2 -3
  8. package/src/form.stories.tsx +35 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v23.0.0 (Fri Sep 09 2022)
2
+
3
+ #### 💥 Breaking Change
4
+
5
+ - DS-1141: Updating dependencies for design-system, tokens, formstate, etc [#150](https://github.com/servicetitan/anvil-uikit-contrib/pull/150) ([@rgdelato](https://github.com/rgdelato))
6
+
7
+ #### Authors: 1
8
+
9
+ - Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
10
+
11
+ ---
12
+
13
+ # v22.5.0 (Wed Aug 31 2022)
14
+
15
+ #### 🏠 Internal
16
+
17
+ - FAR-981: Moving examples to contrib storybook [#133](https://github.com/servicetitan/anvil-uikit-contrib/pull/133) ([@rgdelato](https://github.com/rgdelato))
18
+
19
+ #### Authors: 1
20
+
21
+ - Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
22
+
23
+ ---
24
+
1
25
  # v22.4.1 (Wed Jul 13 2022)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/color-picker/color-palette.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const colorPalette: any[];
1
+ export declare const colorPalette: string[];
2
2
  //# sourceMappingURL=color-palette.d.ts.map
package/dist/color-picker/color-palette.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,OA0DuB,CAAC"}
1
+ {"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UA0Da,CAAC"}
package/dist/color-picker/color-palette.js CHANGED
@@ -1,5 +1,4 @@
1
- import tokens from '@servicetitan/tokens';
2
- import { rgbToHex } from '@servicetitan/design-system';
1
+ import { tokens } from '@servicetitan/tokens/core';
3
2
  export const colorPalette = [
4
3
  [
5
4
  tokens.colorRed200,
@@ -58,5 +57,5 @@ export const colorPalette = [
58
57
  ],
59
58
  ]
60
59
  .flat()
61
- .map(color => rgbToHex(color).toLowerCase());
60
+ .map(color => color.toLowerCase());
62
61
  //# sourceMappingURL=color-palette.js.map
package/dist/color-picker/color-palette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-palette.js","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;CACJ;KACI,IAAI,EAAE;KACN,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC"}
1
+ {"version":3,"file":"color-palette.js","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;CACJ;KACI,IAAI,EAAE;KACN,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/form",
3
- "version": "22.4.5",
3
+ "version": "23.0.0",
4
4
  "description": "",
5
5
  "homepage": "https://docs.st.dev/docs/frontend/form",
6
6
  "repository": {
@@ -16,17 +16,17 @@
16
16
  "src"
17
17
  ],
18
18
  "devDependencies": {
19
- "@servicetitan/confirm": "^22.4.5",
20
- "@servicetitan/culture": "^22.4.5",
21
- "@servicetitan/design-system": "~11.8.0",
22
- "@servicetitan/form-state": "^22.4.5",
19
+ "@servicetitan/confirm": "^23.0.0",
20
+ "@servicetitan/culture": "^23.0.0",
21
+ "@servicetitan/design-system": ">=12.4.1",
22
+ "@servicetitan/form-state": "^23.0.0",
23
23
  "@servicetitan/react-ioc": "^21.6.0",
24
- "@servicetitan/tokens": "~11.8.0",
24
+ "@servicetitan/tokens": ">=12.1.11",
25
25
  "@types/react": "~17.0.38",
26
26
  "@types/react-input-mask": "~2.0.5",
27
27
  "@types/uuid": "~8.3.4",
28
28
  "accounting": "~0.4.1",
29
- "formstate": "^2.0.0",
29
+ "formstate": "^2.1.0",
30
30
  "mobx": "~6.6.0",
31
31
  "mobx-react": "~7.5.0",
32
32
  "moment": "~2.29.3",
@@ -35,14 +35,14 @@
35
35
  "resumablejs": "~1.0.2"
36
36
  },
37
37
  "peerDependencies": {
38
- "@servicetitan/confirm": "^22.4.5",
39
- "@servicetitan/culture": "^22.4.5",
40
- "@servicetitan/design-system": ">11.8.0",
41
- "@servicetitan/form-state": "^22.4.5",
38
+ "@servicetitan/confirm": "^23.0.0",
39
+ "@servicetitan/culture": "^23.0.0",
40
+ "@servicetitan/design-system": ">=12.4.1",
41
+ "@servicetitan/form-state": "^23.0.0",
42
42
  "@servicetitan/react-ioc": ">21.0.0",
43
- "@servicetitan/tokens": ">11.8.0",
43
+ "@servicetitan/tokens": ">=12.1.11",
44
44
  "accounting": "~0.4.1",
45
- "formstate": "^2.0.0",
45
+ "formstate": "^2.1.0",
46
46
  "mobx": "~6.6.0",
47
47
  "mobx-react": "~7.5.0",
48
48
  "moment": "~2.29.3",
@@ -52,8 +52,8 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-licensing": "~1.2.0",
55
- "@progress/kendo-react-dateinputs": "~4.10.0",
56
- "@progress/kendo-react-intl": "~4.10.0",
55
+ "@progress/kendo-react-dateinputs": "~5.5.0",
56
+ "@progress/kendo-react-intl": "~5.5.0",
57
57
  "classnames": "^2.3.1",
58
58
  "debounce": "^1.2.1",
59
59
  "react-input-mask": "~2.0.4",
@@ -65,5 +65,5 @@
65
65
  "cli": {
66
66
  "webpack": false
67
67
  },
68
- "gitHead": "01a6292ee7c2166a6403492b8a26fef3a46e15a0"
68
+ "gitHead": "c29a739a4437e2bb2a91805e01d34858fe0c7425"
69
69
  }
package/src/color-picker/color-palette.ts CHANGED
@@ -1,5 +1,4 @@
1
- import tokens from '@servicetitan/tokens';
2
- import { rgbToHex } from '@servicetitan/design-system';
1
+ import { tokens } from '@servicetitan/tokens/core';
3
2
 
4
3
  export const colorPalette = [
5
4
  [
@@ -59,4 +58,4 @@ export const colorPalette = [
59
58
  ],
60
59
  ]
61
60
  .flat()
62
- .map(color => rgbToHex(color).toLowerCase());
61
+ .map(color => color.toLowerCase());
package/src/form.stories.tsx ADDED
@@ -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 />;