@servicetitan/form 19.1.0 → 20.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/color-picker/color-palette.js +49 -55
- package/dist/color-picker/color-palette.js.map +1 -1
- package/dist/color-picker/color-picker.js +11 -34
- package/dist/color-picker/color-picker.js.map +1 -1
- package/dist/color-picker/index.js +2 -14
- package/dist/color-picker/index.js.map +1 -1
- package/dist/date-range-picker/date-range-picker.js +21 -46
- package/dist/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/date-range-picker/index.js +1 -13
- package/dist/date-range-picker/index.js.map +1 -1
- package/dist/date-range.js +1 -2
- package/dist/demo/color-picker.js +11 -14
- package/dist/demo/color-picker.js.map +1 -1
- package/dist/demo/date-range-picker.js +9 -12
- package/dist/demo/date-range-picker.js.map +1 -1
- package/dist/demo/dropdown-state.js +25 -29
- package/dist/demo/dropdown-state.js.map +1 -1
- package/dist/demo/file-uploader.js +10 -13
- package/dist/demo/file-uploader.js.map +1 -1
- package/dist/demo/index.js +8 -20
- package/dist/demo/index.js.map +1 -1
- package/dist/demo/input-date-mask.js +9 -12
- package/dist/demo/input-date-mask.js.map +1 -1
- package/dist/demo/number-input.js +9 -12
- package/dist/demo/number-input.js.map +1 -1
- package/dist/demo/original-number-input.js +9 -12
- package/dist/demo/original-number-input.js.map +1 -1
- package/dist/demo/phone-number-input.js +4 -7
- package/dist/demo/phone-number-input.js.map +1 -1
- package/dist/dropdown-state.js +25 -32
- package/dist/dropdown-state.js.map +1 -1
- package/dist/file-uploader/config.js +4 -8
- package/dist/file-uploader/config.js.map +1 -1
- package/dist/file-uploader/file-uploader.js +26 -29
- package/dist/file-uploader/file-uploader.js.map +1 -1
- package/dist/file-uploader/index.js +2 -7
- package/dist/file-uploader/index.js.map +1 -1
- package/dist/file-uploader/uploader.js +3 -7
- package/dist/file-uploader/uploader.js.map +1 -1
- package/dist/form-helpers.js +29 -48
- package/dist/form-helpers.js.map +1 -1
- package/dist/form-state-error-banner/form-state-error-banner.js +8 -11
- package/dist/form-state-error-banner/form-state-error-banner.js.map +1 -1
- package/dist/form-state-error-banner/index.js +1 -13
- package/dist/form-state-error-banner/index.js.map +1 -1
- package/dist/form-validators.js +8 -11
- package/dist/form-validators.js.map +1 -1
- package/dist/index.js +14 -26
- package/dist/index.js.map +1 -1
- package/dist/input-date-mask/index.js +1 -13
- package/dist/input-date-mask/index.js.map +1 -1
- package/dist/input-date-mask/input-date-mask.js +19 -44
- package/dist/input-date-mask/input-date-mask.js.map +1 -1
- package/dist/label/index.js +1 -13
- package/dist/label/index.js.map +1 -1
- package/dist/label/label.js +5 -31
- package/dist/label/label.js.map +1 -1
- package/dist/masked-input.d.ts.map +1 -1
- package/dist/masked-input.js +6 -13
- package/dist/masked-input.js.map +1 -1
- package/dist/number-input/common-interfaces.js +1 -2
- package/dist/number-input/get-formatted-string.js +2 -6
- package/dist/number-input/get-formatted-string.js.map +1 -1
- package/dist/number-input/index.js +1 -13
- package/dist/number-input/index.js.map +1 -1
- package/dist/number-input/number-input.js +22 -29
- package/dist/number-input/number-input.js.map +1 -1
- package/dist/number-input/process-value.js +2 -6
- package/dist/number-input/process-value.js.map +1 -1
- package/dist/original-number-input/index.js +1 -13
- package/dist/original-number-input/index.js.map +1 -1
- package/dist/original-number-input/ordinal-number-input.js +16 -22
- package/dist/original-number-input/ordinal-number-input.js.map +1 -1
- package/dist/persistent-form-state/domain-storage.js +1 -5
- package/dist/persistent-form-state/domain-storage.js.map +1 -1
- package/dist/persistent-form-state/in-memory-storage.js +2 -6
- package/dist/persistent-form-state/in-memory-storage.js.map +1 -1
- package/dist/persistent-form-state/index.js +1 -13
- package/dist/persistent-form-state/index.js.map +1 -1
- package/dist/persistent-form-state/persistent-form-state.js +13 -17
- package/dist/persistent-form-state/persistent-form-state.js.map +1 -1
- package/dist/phone-number-input/index.js +1 -13
- package/dist/phone-number-input/index.js.map +1 -1
- package/dist/phone-number-input/phone-number-input.js +6 -12
- package/dist/phone-number-input/phone-number-input.js.map +1 -1
- package/package.json +19 -18
- package/src/masked-input.tsx +2 -0
@@ -1,4 +1,3 @@
|
|
1
|
-
"use strict";
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
@@ -19,14 +18,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
19
18
|
}
|
20
19
|
return t;
|
21
20
|
};
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
const react_1 = require("react");
|
29
|
-
let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
|
21
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
22
|
+
import { Input } from '@servicetitan/design-system';
|
23
|
+
import { action, observable, makeObservable } from 'mobx';
|
24
|
+
import { observer } from 'mobx-react';
|
25
|
+
import { Component } from 'react';
|
26
|
+
let OrdinalNumberInput = class OrdinalNumberInput extends Component {
|
30
27
|
constructor(props) {
|
31
28
|
super(props);
|
32
29
|
Object.defineProperty(this, "hasFocus", {
|
@@ -58,11 +55,11 @@ let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
|
|
58
55
|
}
|
59
56
|
}
|
60
57
|
});
|
61
|
-
|
58
|
+
makeObservable(this);
|
62
59
|
}
|
63
60
|
render() {
|
64
61
|
const _a = this.props, { min, max, value, onChange } = _a, props = __rest(_a, ["min", "max", "value", "onChange"]);
|
65
|
-
return ((
|
62
|
+
return (_jsx(Input, Object.assign({ placeholder: this.getPlaceholder() }, props, { value: this.getDisplayValue(), onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange }), void 0));
|
66
63
|
}
|
67
64
|
getPlaceholder() {
|
68
65
|
return `${this.props.min}‒${this.props.max}`;
|
@@ -76,23 +73,23 @@ let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
|
|
76
73
|
}
|
77
74
|
};
|
78
75
|
__decorate([
|
79
|
-
|
76
|
+
observable,
|
80
77
|
__metadata("design:type", Object)
|
81
78
|
], OrdinalNumberInput.prototype, "hasFocus", void 0);
|
82
79
|
__decorate([
|
83
|
-
|
80
|
+
action,
|
84
81
|
__metadata("design:type", Object)
|
85
82
|
], OrdinalNumberInput.prototype, "handleFocus", void 0);
|
86
83
|
__decorate([
|
87
|
-
|
84
|
+
action,
|
88
85
|
__metadata("design:type", Object)
|
89
86
|
], OrdinalNumberInput.prototype, "handleBlur", void 0);
|
90
87
|
OrdinalNumberInput = __decorate([
|
91
|
-
|
88
|
+
observer,
|
92
89
|
__metadata("design:paramtypes", [Object])
|
93
90
|
], OrdinalNumberInput);
|
94
|
-
|
95
|
-
function parseIntIntoRange(input, min, max) {
|
91
|
+
export { OrdinalNumberInput };
|
92
|
+
export function parseIntIntoRange(input, min, max) {
|
96
93
|
let parsed = parseInt(input, 10);
|
97
94
|
if (Number.isNaN(parsed)) {
|
98
95
|
return undefined;
|
@@ -105,8 +102,7 @@ function parseIntIntoRange(input, min, max) {
|
|
105
102
|
}
|
106
103
|
return parsed;
|
107
104
|
}
|
108
|
-
|
109
|
-
function ordinalString(num) {
|
105
|
+
export function ordinalString(num) {
|
110
106
|
switch (num % 100) {
|
111
107
|
case 11:
|
112
108
|
case 12:
|
@@ -125,8 +121,7 @@ function ordinalString(num) {
|
|
125
121
|
}
|
126
122
|
}
|
127
123
|
}
|
128
|
-
|
129
|
-
function ordinalSuffix(num) {
|
124
|
+
export function ordinalSuffix(num) {
|
130
125
|
switch (num % 100) {
|
131
126
|
case 11:
|
132
127
|
case 12:
|
@@ -145,5 +140,4 @@ function ordinalSuffix(num) {
|
|
145
140
|
}
|
146
141
|
}
|
147
142
|
}
|
148
|
-
exports.ordinalSuffix = ordinalSuffix;
|
149
143
|
//# sourceMappingURL=ordinal-number-input.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ordinal-number-input.js","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ordinal-number-input.js","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,4 @@
|
|
1
|
-
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.DomainStorage = void 0;
|
4
|
-
class DomainStorage {
|
1
|
+
export class DomainStorage {
|
5
2
|
constructor({ cacheKey, version }) {
|
6
3
|
Object.defineProperty(this, "version", {
|
7
4
|
enumerable: true,
|
@@ -42,5 +39,4 @@ class DomainStorage {
|
|
42
39
|
localStorage.setItem(this.cacheKey, JSON.stringify(formData));
|
43
40
|
}
|
44
41
|
}
|
45
|
-
exports.DomainStorage = DomainStorage;
|
46
42
|
//# sourceMappingURL=domain-storage.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"domain-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/domain-storage.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"domain-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/domain-storage.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,aAAa;IAItB,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAyC;QAHxE;;;;;WAAiC;QACjC;;;;;WAAkC;QAG9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAED,OAAO;QACH,IAAI;YACA,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,UAAU,EAAE;gBACZ,MAAM,QAAQ,GAAsB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;gBAC3D,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE;oBACnC,OAAO,QAAQ,CAAC,KAAK,CAAC;iBACzB;gBACD,IAAI,CAAC,UAAU,EAAE,CAAC;aACrB;SACJ;QAAC,OAAO,CAAC,EAAE;YACR,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,UAAU;QACN,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CAAC,CAAS,EAAE,KAAwB;QACvC,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QAClD,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,CAAC;CACJ"}
|
@@ -1,7 +1,4 @@
|
|
1
|
-
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.MemoryStorage = exports.InMemoryStorage = void 0;
|
4
|
-
class InMemoryStorage {
|
1
|
+
export class InMemoryStorage {
|
5
2
|
constructor() {
|
6
3
|
Object.defineProperty(this, "storage", {
|
7
4
|
enumerable: true,
|
@@ -29,6 +26,5 @@ class InMemoryStorage {
|
|
29
26
|
this.storage.set(key, value);
|
30
27
|
}
|
31
28
|
}
|
32
|
-
|
33
|
-
exports.MemoryStorage = new InMemoryStorage();
|
29
|
+
export const MemoryStorage = new InMemoryStorage();
|
34
30
|
//# sourceMappingURL=in-memory-storage.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"in-memory-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/in-memory-storage.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"in-memory-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/in-memory-storage.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,eAAe;IAA5B;QACI;;;;mBAAkB,IAAI,GAAG,EAA6B;WAAC;IAyB3D,CAAC;IAvBG,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,KAAK;QACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,CAAC,GAAW;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/E,CAAC;IAED,GAAG,CAAC,KAAa;QACb,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/E,CAAC;IAED,UAAU,CAAC,GAAW;QAClB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,CAAC,GAAW,EAAE,KAAwB;QACzC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,EAAO,CAAC"}
|
@@ -1,14 +1,2 @@
|
|
1
|
-
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
-
}) : (function(o, m, k, k2) {
|
6
|
-
if (k2 === undefined) k2 = k;
|
7
|
-
o[k2] = m[k];
|
8
|
-
}));
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
11
|
-
};
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
-
__exportStar(require("./persistent-form-state"), exports);
|
1
|
+
export * from './persistent-form-state';
|
14
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/persistent-form-state/index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/persistent-form-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
@@ -1,18 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
const form_helpers_1 = require("../form-helpers");
|
8
|
-
const domain_storage_1 = require("./domain-storage");
|
9
|
-
var PersistenceMode;
|
1
|
+
import { autorun } from 'mobx';
|
2
|
+
import { FormState } from 'formstate';
|
3
|
+
import { MemoryStorage } from './in-memory-storage';
|
4
|
+
import { setFormStateValues, formStateToJS, } from '../form-helpers';
|
5
|
+
import { DomainStorage } from './domain-storage';
|
6
|
+
export var PersistenceMode;
|
10
7
|
(function (PersistenceMode) {
|
11
8
|
PersistenceMode[PersistenceMode["Session"] = 0] = "Session";
|
12
9
|
PersistenceMode[PersistenceMode["Domain"] = 1] = "Domain";
|
13
10
|
PersistenceMode[PersistenceMode["InMemory"] = 2] = "InMemory";
|
14
|
-
})(PersistenceMode
|
15
|
-
class PersistentFormState extends
|
11
|
+
})(PersistenceMode || (PersistenceMode = {}));
|
12
|
+
export class PersistentFormState extends FormState {
|
16
13
|
constructor($, cacheKey, persistenceMode, autoSave, version) {
|
17
14
|
super($);
|
18
15
|
Object.defineProperty(this, "cacheKey", {
|
@@ -44,7 +41,7 @@ class PersistentFormState extends formstate_1.FormState {
|
|
44
41
|
configurable: true,
|
45
42
|
writable: true,
|
46
43
|
value: () => {
|
47
|
-
this.storageSystem.setItem(this.cacheKey,
|
44
|
+
this.storageSystem.setItem(this.cacheKey, formStateToJS(this));
|
48
45
|
}
|
49
46
|
});
|
50
47
|
Object.defineProperty(this, "resetForm", {
|
@@ -61,7 +58,7 @@ class PersistentFormState extends formstate_1.FormState {
|
|
61
58
|
configurable: true,
|
62
59
|
writable: true,
|
63
60
|
value: () => {
|
64
|
-
|
61
|
+
autorun(() => this.save(), { delay: 500 });
|
65
62
|
}
|
66
63
|
});
|
67
64
|
Object.defineProperty(this, "getCached", {
|
@@ -71,7 +68,7 @@ class PersistentFormState extends formstate_1.FormState {
|
|
71
68
|
value: () => {
|
72
69
|
const data = this.storageSystem.getItem(this.cacheKey);
|
73
70
|
if (data) {
|
74
|
-
|
71
|
+
setFormStateValues(this, data);
|
75
72
|
}
|
76
73
|
}
|
77
74
|
});
|
@@ -79,13 +76,13 @@ class PersistentFormState extends formstate_1.FormState {
|
|
79
76
|
if (!version) {
|
80
77
|
throw 'Set a data structure version.';
|
81
78
|
}
|
82
|
-
this.storageSystem = new
|
79
|
+
this.storageSystem = new DomainStorage({ cacheKey, version });
|
83
80
|
}
|
84
81
|
else if (PersistenceMode.Session === this.persistenceMode) {
|
85
82
|
throw 'Use of Session storage is currently unsafe';
|
86
83
|
}
|
87
84
|
else {
|
88
|
-
this.storageSystem =
|
85
|
+
this.storageSystem = MemoryStorage;
|
89
86
|
}
|
90
87
|
this.getCached();
|
91
88
|
if (autoSave) {
|
@@ -93,5 +90,4 @@ class PersistentFormState extends formstate_1.FormState {
|
|
93
90
|
}
|
94
91
|
}
|
95
92
|
}
|
96
|
-
exports.PersistentFormState = PersistentFormState;
|
97
93
|
//# sourceMappingURL=persistent-form-state.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"persistent-form-state.js","sourceRoot":"","sources":["../../src/persistent-form-state/persistent-form-state.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"persistent-form-state.js","sourceRoot":"","sources":["../../src/persistent-form-state/persistent-form-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAyB,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAmB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAGH,kBAAkB,EAClB,aAAa,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,2DAAO,CAAA;IACP,yDAAM,CAAA;IACN,6DAAQ,CAAA;AACZ,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAED,MAAM,OAAO,mBAAqD,SAAQ,SAAY;IAIlF,YACI,CAAI,EACI,QAAgB,EAChB,eAAgC,EACxC,QAAkB,EAClB,OAAgB;QAEhB,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;mBALD;;;;;;mBACA;;QANZ;;;;;WAA8D;QAC9D;;;;mBAAyB,IAAI,CAAC,KAAK;WAAC;QA4BpC;;;;mBAAO,GAAG,EAAE;gBACR,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;YACnE,CAAC;WAAC;QAEF;;;;mBAAY,GAAG,EAAE;gBACb,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD,CAAC;WAAC;QAEF;;;;mBAAsB,GAAG,EAAE;gBACvB,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,CAAC;WAAC;QAEF;;;;mBAAoB,GAAG,EAAE;gBACrB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAEvD,IAAI,IAAI,EAAE;oBACN,kBAAkB,CAAC,IAAI,EAAE,IAAsD,CAAC,CAAC;iBACpF;YACL,CAAC;WAAC;QApCE,IAAI,eAAe,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,EAAE;YACjD,IAAI,CAAC,OAAO,EAAE;gBACV,MAAM,+BAA+B,CAAC;aACzC;YACD,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;SACpE;aAAM,IAAI,eAAe,CAAC,OAAO,KAAK,IAAI,CAAC,eAAe,EAAE;YACzD,MAAM,4CAA4C,CAAC;SACtD;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;SACtC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,QAAQ,EAAE;YACV,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;IACL,CAAC;CAsBJ"}
|
@@ -1,14 +1,2 @@
|
|
1
|
-
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
-
}) : (function(o, m, k, k2) {
|
6
|
-
if (k2 === undefined) k2 = k;
|
7
|
-
o[k2] = m[k];
|
8
|
-
}));
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
11
|
-
};
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
-
__exportStar(require("./phone-number-input"), exports);
|
1
|
+
export * from './phone-number-input';
|
14
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
@@ -1,4 +1,3 @@
|
|
1
|
-
"use strict";
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
3
2
|
var t = {};
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -10,17 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
9
|
}
|
11
10
|
return t;
|
12
11
|
};
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
19
|
-
const react_1 = require("react");
|
20
|
-
const react_input_mask_1 = __importDefault(require("react-input-mask"));
|
21
|
-
const design_system_1 = require("@servicetitan/design-system");
|
22
|
-
exports.PhoneNumberInput = (0, react_1.forwardRef)((_a, ref) => {
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
+
import { forwardRef } from 'react';
|
14
|
+
import InputMask from 'react-input-mask';
|
15
|
+
import { Form } from '@servicetitan/design-system';
|
16
|
+
export const PhoneNumberInput = forwardRef((_a, ref) => {
|
23
17
|
var { sip } = _a, props = __rest(_a, ["sip"]);
|
24
|
-
return sip ? ((
|
18
|
+
return sip ? (_jsx(Form.Input, Object.assign({}, props, { ref: ref }), void 0)) : (_jsx(InputMask, Object.assign({ maskChar: null, mask: "(999) 999-9999" }, props, { children: () => _jsx(Form.Input, Object.assign({ ref: ref }, props), void 0) }), void 0));
|
25
19
|
});
|
26
20
|
//# sourceMappingURL=phone-number-input.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAkB,MAAM,6BAA6B,CAAC;AAMnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACtC,CAAC,EAAiB,EAAE,GAAG,EAAE,EAAE;QAA1B,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IACZ,OAAA,GAAG,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,CAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,kBAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,gBAAgB,IAAK,KAAK,cACrD,GAAG,EAAE,CAAC,KAAC,IAAI,CAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,UAAI,YAClC,CACf,CAAA;CAAA,CACR,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@servicetitan/form",
|
3
|
-
"version": "
|
3
|
+
"version": "20.0.0",
|
4
4
|
"description": "",
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/form",
|
6
6
|
"repository": {
|
@@ -10,24 +10,25 @@
|
|
10
10
|
},
|
11
11
|
"main": "./dist/index.js",
|
12
12
|
"typings": "./dist/index.d.ts",
|
13
|
+
"sideEffects": false,
|
13
14
|
"files": [
|
14
15
|
"dist",
|
15
16
|
"src"
|
16
17
|
],
|
17
18
|
"devDependencies": {
|
18
|
-
"@servicetitan/confirm": "^
|
19
|
-
"@servicetitan/culture": "^
|
20
|
-
"@servicetitan/data-query": "^
|
21
|
-
"@servicetitan/design-system": "~
|
22
|
-
"@servicetitan/react-ioc": "^
|
23
|
-
"@servicetitan/tokens": "~
|
19
|
+
"@servicetitan/confirm": "^20.0.0",
|
20
|
+
"@servicetitan/culture": "^20.0.0",
|
21
|
+
"@servicetitan/data-query": "^20.0.0",
|
22
|
+
"@servicetitan/design-system": "~11.1.0",
|
23
|
+
"@servicetitan/react-ioc": "^20.0.0",
|
24
|
+
"@servicetitan/tokens": "~11.1.0",
|
24
25
|
"@types/debounce": "~1.2.1",
|
25
|
-
"@types/react": "~17.0.
|
26
|
+
"@types/react": "~17.0.38",
|
26
27
|
"@types/react-input-mask": "~2.0.5",
|
27
|
-
"@types/uuid": "~8.3.
|
28
|
+
"@types/uuid": "~8.3.4",
|
28
29
|
"accounting": "~0.4.1",
|
29
30
|
"formstate": "~2.0.0",
|
30
|
-
"mobx": "~6.3.
|
31
|
+
"mobx": "~6.3.12",
|
31
32
|
"mobx-react": "~7.2.1",
|
32
33
|
"moment": "~2.29.1",
|
33
34
|
"react": "~17.0.2",
|
@@ -35,15 +36,15 @@
|
|
35
36
|
"resumablejs": "~1.0.2"
|
36
37
|
},
|
37
38
|
"peerDependencies": {
|
38
|
-
"@servicetitan/confirm": "^
|
39
|
-
"@servicetitan/culture": "^
|
40
|
-
"@servicetitan/data-query": "^
|
41
|
-
"@servicetitan/design-system": "~
|
42
|
-
"@servicetitan/react-ioc": "^
|
43
|
-
"@servicetitan/tokens": "~
|
39
|
+
"@servicetitan/confirm": "^20.0.0",
|
40
|
+
"@servicetitan/culture": "^20.0.0",
|
41
|
+
"@servicetitan/data-query": "^20.0.0",
|
42
|
+
"@servicetitan/design-system": "~11.1.0",
|
43
|
+
"@servicetitan/react-ioc": "^20.0.0",
|
44
|
+
"@servicetitan/tokens": "~11.1.0",
|
44
45
|
"accounting": "~0.4.1",
|
45
46
|
"formstate": "~2.0.0",
|
46
|
-
"mobx": "~6.3.
|
47
|
+
"mobx": "~6.3.12",
|
47
48
|
"mobx-react": "~7.2.1",
|
48
49
|
"moment": "~2.29.1",
|
49
50
|
"react": "~17.0.2",
|
@@ -65,5 +66,5 @@
|
|
65
66
|
"cli": {
|
66
67
|
"webpack": false
|
67
68
|
},
|
68
|
-
"gitHead": "
|
69
|
+
"gitHead": "f4af5745b847bb20eeaffe74e5db6f3b8621ae55"
|
69
70
|
}
|
package/src/masked-input.tsx
CHANGED
@@ -13,6 +13,7 @@ export const MaskedInput: FC<MaskedInputProps> = ({
|
|
13
13
|
onChange,
|
14
14
|
placeholder,
|
15
15
|
disabled,
|
16
|
+
formatChars,
|
16
17
|
...props
|
17
18
|
}) => {
|
18
19
|
const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {
|
@@ -27,6 +28,7 @@ export const MaskedInput: FC<MaskedInputProps> = ({
|
|
27
28
|
onChange={handleInputChange}
|
28
29
|
placeholder={placeholder}
|
29
30
|
disabled={disabled}
|
31
|
+
formatChars={formatChars}
|
30
32
|
>
|
31
33
|
{(innerProps: InputHTMLAttributes<HTMLInputElement>) => (
|
32
34
|
<Form.Input {...props} {...innerProps} />
|