@servicetitan/form 19.3.0 → 20.1.0

package/dist/original-number-input/ordinal-number-input.js

@@ -1,4 +1,3 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     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) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ordinalSuffix = exports.ordinalString = exports.parseIntIntoRange = exports.OrdinalNumberInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const react_1 = require("react");
-let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '@servicetitan/design-system';
+import { action, observable, makeObservable } from 'mobx';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
+let OrdinalNumberInput = class OrdinalNumberInput extends Component {
     constructor(props) {
         super(props);
         Object.defineProperty(this, "hasFocus", {
@@ -58,11 +55,11 @@ let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
                 }
             }
         });
-        (0, mobx_1.makeObservable)(this);
+        makeObservable(this);
     }
     render() {
         const _a = this.props, { min, max, value, onChange } = _a, props = __rest(_a, ["min", "max", "value", "onChange"]);
-        return ((0, jsx_runtime_1.jsx)(design_system_1.Input, Object.assign({ placeholder: this.getPlaceholder() }, props, { value: this.getDisplayValue(), onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange }), void 0));
+        return (_jsx(Input, Object.assign({ placeholder: this.getPlaceholder() }, props, { value: this.getDisplayValue(), onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange }), void 0));
     }
     getPlaceholder() {
         return `${this.props.min}‒${this.props.max}`;
@@ -76,23 +73,23 @@ let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
     }
 };
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], OrdinalNumberInput.prototype, "hasFocus", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Object)
 ], OrdinalNumberInput.prototype, "handleFocus", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Object)
 ], OrdinalNumberInput.prototype, "handleBlur", void 0);
 OrdinalNumberInput = __decorate([
-    mobx_react_1.observer,
+    observer,
     __metadata("design:paramtypes", [Object])
 ], OrdinalNumberInput);
-exports.OrdinalNumberInput = OrdinalNumberInput;
-function parseIntIntoRange(input, min, max) {
+export { OrdinalNumberInput };
+export function parseIntIntoRange(input, min, max) {
     let parsed = parseInt(input, 10);
     if (Number.isNaN(parsed)) {
         return undefined;
@@ -105,8 +102,7 @@ function parseIntIntoRange(input, min, max) {
     }
     return parsed;
 }
-exports.parseIntIntoRange = parseIntIntoRange;
-function ordinalString(num) {
+export function ordinalString(num) {
     switch (num % 100) {
         case 11:
         case 12:
@@ -125,8 +121,7 @@ function ordinalString(num) {
             }
     }
 }
-exports.ordinalString = ordinalString;
-function ordinalSuffix(num) {
+export function ordinalSuffix(num) {
     switch (num % 100) {
         case 11:
         case 12:
@@ -145,5 +140,4 @@ function ordinalSuffix(num) {
             }
     }
 }
-exports.ordinalSuffix = ordinalSuffix;
 //# sourceMappingURL=ordinal-number-input.js.map

package/dist/original-number-input/ordinal-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordinal-number-input.js","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ordinal-number-input.js","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"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"}

package/dist/persistent-form-state/domain-storage.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomainStorage = void 0;
-class DomainStorage {
+export class DomainStorage {
     constructor({ cacheKey, version }) {
         Object.defineProperty(this, "version", {
             enumerable: true,
@@ -42,5 +39,4 @@ class DomainStorage {
         localStorage.setItem(this.cacheKey, JSON.stringify(formData));
     }
 }
-exports.DomainStorage = DomainStorage;
 //# sourceMappingURL=domain-storage.js.map

package/dist/persistent-form-state/domain-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/domain-storage.ts"],"names":[],"mappings":";;;AAQA,MAAa,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;AAlCD,sCAkCC"}
+{"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"}

package/dist/persistent-form-state/in-memory-storage.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MemoryStorage = exports.InMemoryStorage = void 0;
-class InMemoryStorage {
+export class InMemoryStorage {
     constructor() {
         Object.defineProperty(this, "storage", {
             enumerable: true,
@@ -29,6 +26,5 @@ class InMemoryStorage {
         this.storage.set(key, value);
     }
 }
-exports.InMemoryStorage = InMemoryStorage;
-exports.MemoryStorage = new InMemoryStorage();
+export const MemoryStorage = new InMemoryStorage();
 //# sourceMappingURL=in-memory-storage.js.map

package/dist/persistent-form-state/in-memory-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"in-memory-storage.js","sourceRoot":"","sources":["../../src/persistent-form-state/in-memory-storage.ts"],"names":[],"mappings":";;;AAGA,MAAa,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;AA1BD,0CA0BC;AAEY,QAAA,aAAa,GAAG,IAAI,eAAe,EAAO,CAAC"}
+{"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"}

package/dist/persistent-form-state/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./persistent-form-state"), exports);
+export * from './persistent-form-state';
 //# sourceMappingURL=index.js.map

package/dist/persistent-form-state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/persistent-form-state/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0DAAwC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/persistent-form-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/persistent-form-state/persistent-form-state.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PersistentFormState = exports.PersistenceMode = void 0;
-const mobx_1 = require("mobx");
-const formstate_1 = require("formstate");
-const in_memory_storage_1 = require("./in-memory-storage");
-const form_helpers_1 = require("../form-helpers");
-const domain_storage_1 = require("./domain-storage");
-var PersistenceMode;
+import { autorun } from 'mobx';
+import { FormState } from 'formstate';
+import { MemoryStorage } from './in-memory-storage';
+import { setFormStateValues, formStateToJS, } from '../form-helpers';
+import { DomainStorage } from './domain-storage';
+export var PersistenceMode;
 (function (PersistenceMode) {
     PersistenceMode[PersistenceMode["Session"] = 0] = "Session";
     PersistenceMode[PersistenceMode["Domain"] = 1] = "Domain";
     PersistenceMode[PersistenceMode["InMemory"] = 2] = "InMemory";
-})(PersistenceMode = exports.PersistenceMode || (exports.PersistenceMode = {}));
-class PersistentFormState extends formstate_1.FormState {
+})(PersistenceMode || (PersistenceMode = {}));
+export class PersistentFormState extends FormState {
     constructor($, cacheKey, persistenceMode, autoSave, version) {
         super($);
         Object.defineProperty(this, "cacheKey", {
@@ -44,7 +41,7 @@ class PersistentFormState extends formstate_1.FormState {
             configurable: true,
             writable: true,
             value: () => {
-                this.storageSystem.setItem(this.cacheKey, (0, form_helpers_1.formStateToJS)(this));
+                this.storageSystem.setItem(this.cacheKey, formStateToJS(this));
             }
         });
         Object.defineProperty(this, "resetForm", {
@@ -61,7 +58,7 @@ class PersistentFormState extends formstate_1.FormState {
             configurable: true,
             writable: true,
             value: () => {
-                (0, mobx_1.autorun)(() => this.save(), { delay: 500 });
+                autorun(() => this.save(), { delay: 500 });
             }
         });
         Object.defineProperty(this, "getCached", {
@@ -71,7 +68,7 @@ class PersistentFormState extends formstate_1.FormState {
             value: () => {
                 const data = this.storageSystem.getItem(this.cacheKey);
                 if (data) {
-                    (0, form_helpers_1.setFormStateValues)(this, data);
+                    setFormStateValues(this, data);
                 }
             }
         });
@@ -79,13 +76,13 @@ class PersistentFormState extends formstate_1.FormState {
             if (!version) {
                 throw 'Set a data structure version.';
             }
-            this.storageSystem = new domain_storage_1.DomainStorage({ cacheKey, version });
+            this.storageSystem = new DomainStorage({ cacheKey, version });
         }
         else if (PersistenceMode.Session === this.persistenceMode) {
             throw 'Use of Session storage is currently unsafe';
         }
         else {
-            this.storageSystem = in_memory_storage_1.MemoryStorage;
+            this.storageSystem = MemoryStorage;
         }
         this.getCached();
         if (autoSave) {
@@ -93,5 +90,4 @@ class PersistentFormState extends formstate_1.FormState {
         }
     }
 }
-exports.PersistentFormState = PersistentFormState;
 //# sourceMappingURL=persistent-form-state.js.map

package/dist/persistent-form-state/persistent-form-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"persistent-form-state.js","sourceRoot":"","sources":["../../src/persistent-form-state/persistent-form-state.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,yCAA6D;AAC7D,2DAAqE;AACrE,kDAKyB;AACzB,qDAAiD;AAEjD,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,2DAAO,CAAA;IACP,yDAAM,CAAA;IACN,6DAAQ,CAAA;AACZ,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B;AAED,MAAa,mBAAqD,SAAQ,qBAAY;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,IAAA,4BAAa,EAAC,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,IAAA,cAAO,EAAC,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,IAAA,iCAAkB,EAAC,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,8BAAa,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,iCAAa,CAAC;SACtC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,QAAQ,EAAE;YACV,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;IACL,CAAC;CAsBJ;AAlDD,kDAkDC"}
+{"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"}

package/dist/phone-number-input/index.js

@@ -1,14 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./phone-number-input"), exports);
+export * from './phone-number-input';
 //# sourceMappingURL=index.js.map

package/dist/phone-number-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/phone-number-input/phone-number-input.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     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) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneNumberInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_input_mask_1 = __importDefault(require("react-input-mask"));
-const design_system_1 = require("@servicetitan/design-system");
-exports.PhoneNumberInput = (0, react_1.forwardRef)((_a, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import InputMask from 'react-input-mask';
+import { Form } from '@servicetitan/design-system';
+export const PhoneNumberInput = forwardRef((_a, ref) => {
     var { sip } = _a, props = __rest(_a, ["sip"]);
-    return sip ? ((0, jsx_runtime_1.jsx)(design_system_1.Form.Input, Object.assign({}, props, { ref: ref }), void 0)) : ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({ maskChar: null, mask: "(999) 999-9999" }, props, { children: () => (0, jsx_runtime_1.jsx)(design_system_1.Form.Input, Object.assign({ ref: ref }, props), void 0) }), void 0));
+    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));
 });
 //# sourceMappingURL=phone-number-input.js.map

package/dist/phone-number-input/phone-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,wEAAyC;AAEzC,+DAAmE;AAMtD,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EACtC,CAAC,EAAiB,EAAE,GAAG,EAAE,EAAE;QAA1B,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IACZ,OAAA,GAAG,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAI,CAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAAI,CACtC,CAAC,CAAC,CAAC,CACA,uBAAC,0BAAS,kBAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,gBAAgB,IAAK,KAAK,cACrD,GAAG,EAAE,CAAC,uBAAC,oBAAI,CAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,UAAI,YAClC,CACf,CAAA;CAAA,CACR,CAAC"}
+{"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

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/form",
-    "version": "19.3.0",
+    "version": "20.1.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/form",
     "repository": {
@@ -10,24 +10,25 @@
     },
     "main": "./dist/index.js",
     "typings": "./dist/index.d.ts",
+    "sideEffects": false,
     "files": [
         "dist",
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/confirm": "^19.3.0",
-        "@servicetitan/culture": "^19.3.0",
-        "@servicetitan/data-query": "^19.3.0",
-        "@servicetitan/design-system": "~10.6.0",
-        "@servicetitan/react-ioc": "^19.3.0",
-        "@servicetitan/tokens": "~10.6.0",
+        "@servicetitan/confirm": "^20.1.0",
+        "@servicetitan/culture": "^20.1.0",
+        "@servicetitan/data-query": "^20.1.0",
+        "@servicetitan/design-system": "~11.2.0",
+        "@servicetitan/react-ioc": "^20.1.0",
+        "@servicetitan/tokens": "~11.2.0",
         "@types/debounce": "~1.2.1",
-        "@types/react": "~17.0.37",
+        "@types/react": "~17.0.38",
         "@types/react-input-mask": "~2.0.5",
-        "@types/uuid": "~8.3.3",
+        "@types/uuid": "~8.3.4",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.8",
+        "mobx": "~6.3.13",
         "mobx-react": "~7.2.1",
         "moment": "~2.29.1",
         "react": "~17.0.2",
@@ -35,15 +36,15 @@
         "resumablejs": "~1.0.2"
     },
     "peerDependencies": {
-        "@servicetitan/confirm": "^17.0.0",
-        "@servicetitan/culture": "^17.0.0",
-        "@servicetitan/data-query": "^17.0.0",
-        "@servicetitan/design-system": "~10.6.0",
-        "@servicetitan/react-ioc": "^17.0.0",
-        "@servicetitan/tokens": "~10.6.0",
+        "@servicetitan/confirm": "^20.0.0",
+        "@servicetitan/culture": "^20.0.0",
+        "@servicetitan/data-query": "^20.0.0",
+        "@servicetitan/design-system": "~11.2.0",
+        "@servicetitan/react-ioc": "^20.0.0",
+        "@servicetitan/tokens": "~11.2.0",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.8",
+        "mobx": "~6.3.13",
         "mobx-react": "~7.2.1",
         "moment": "~2.29.1",
         "react": "~17.0.2",
@@ -65,5 +66,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "c2541cf4d4dc01064f7d327370a90f7b4d107a0e"
+    "gitHead": "aec207a72396ff91bb8aee9693ba2c13f9480f83"
 }

package/src/date-range-picker/date-range-picker.module.css

@@ -4,6 +4,22 @@
     min-width: 14em;
 }
 
+/*
+ * in case when date-range-picker is inside kendo table, calendar gets excessive paggings
+ * `padding: calc(8px - (calc(1.4285714286em + 10px + 0px) - 1.4285714286em)/ 2) 12px;`
+ */
+.date-range-picker :global(td) {
+    padding: var(--spacing-0) !important;
+}
+
+/*
+ * Anvil sets `pointer-events: none;` for icons that prohibits click event
+ */
+.date-range-picker .icon {
+    pointer-events: auto !important;
+    cursor: pointer !important;
+}
+
 .date-range-picker .date-range-picker-kendo {
     width: 0;
     white-space: nowrap;

package/src/date-range-picker/date-range-picker.module.css.d.ts

@@ -1,5 +1,6 @@
 export const __esModule: true;
 export const dateRangePicker: string;
+export const icon: string;
 export const dateRangePickerKendo: string;
 export const popupCenter: string;
 export const popupRight: string;

package/src/date-range-picker/date-range-picker.tsx

@@ -45,6 +45,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
     isFocused = false;
     @observable showDatePicker = false;
     isIconClicked = false;
+    isDateRangePickerClicked = false;
 
     constructor(props: DateRangePickerProps) {
         super(props);
@@ -61,14 +62,14 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
         this.showDatePicker = show !== undefined ? show : !this.showDatePicker;
     }
 
-    handleFocus = (evt: Event) => {
+    handleClickGlobal = (evt: Event) => {
         if (!(evt.target instanceof Node)) {
             return;
         }
 
         const isPrevFocused = this.isFocused;
 
-        this.isFocused = this.wrapElem!.contains(evt.target);
+        this.isFocused = this.isDateRangePickerClicked;
 
         if (!this.isFocused && isPrevFocused) {
             // click outside
@@ -81,6 +82,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
         }
 
         this.isIconClicked = false;
+        this.isDateRangePickerClicked = false;
+    };
+
+    handleClickDateRangePicker = () => {
+        this.isDateRangePickerClicked = true;
     };
 
     handleClickIcon = () => {
@@ -96,13 +102,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
     };
 
     componentDidMount() {
-        window.addEventListener('focus', this.handleFocus, true);
-        window.addEventListener('click', this.handleFocus);
+        window.addEventListener('click', this.handleClickGlobal);
     }
 
     componentWillUnmount() {
-        window.removeEventListener('focus', this.handleFocus, true);
-        window.removeEventListener('click', this.handleFocus);
+        window.removeEventListener('click', this.handleClickGlobal);
     }
 
     handleChange = (event: DateRangePickerChangeEvent) => {
@@ -165,7 +169,11 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
         });
 
         return (
-            <div className={classnames(Styles.dateRangePicker, className)} ref={this.handleRef}>
+            <div
+                className={classnames(Styles.dateRangePicker, className)}
+                ref={this.handleRef}
+                onClick={this.handleClickDateRangePicker}
+            >
                 <DateRangePickerKendo
                     className={Styles.dateRangePickerKendo}
                     calendarSettings={{
@@ -202,7 +210,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
                                 <Icon
                                     name="today"
                                     className={classnames(
-                                        'cursor-pointer',
+                                        Styles.icon,
                                         `${qaTestingLocator}-icon-from`
                                     )}
                                     onClick={this.handleClickIcon}
@@ -228,7 +236,7 @@ export class DateRangePicker extends Component<DateRangePickerProps> {
                                 <Icon
                                     name="today"
                                     className={classnames(
-                                        'cursor-pointer',
+                                        Styles.icon,
                                         `${qaTestingLocator}-icon-to`
                                     )}
                                     onClick={this.handleClickIcon}