@servicetitan/form 31.1.0 → 31.3.0

package/dist/file-uploader/uploader.js

@@ -1,31 +1,69 @@
-import { v4 as uuid } from 'uuid';
-const Resumable = require('resumablejs');
-export class Uploader {
-    constructor(config = {}, handlers = {}, folderName = 'default') {
-        Object.defineProperty(this, "resumable", {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
             enumerable: true,
             configurable: true,
-            writable: true,
-            value: void 0
+            writable: true
         });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+import { v4 as uuid } from 'uuid';
+const Resumable = require('resumablejs');
+export class Uploader {
+    upload(source) {
+        if (source instanceof File) {
+            this.resumable.addFile(source);
+        } else {
+            for (const file of Array.from(source)){
+                this.resumable.addFile(file);
+            }
+        }
+    }
+    cancel(file) {
+        if (file) {
+            for (const resumableFile of this.resumable.files){
+                if (resumableFile.file === file) {
+                    resumableFile.cancel();
+                    break;
+                }
+            }
+        } else {
+            this.resumable.cancel();
+        }
+    }
+    constructor(config = {}, handlers = {}, folderName = 'default'){
+        _define_property(this, "resumable", void 0);
         const { errorParser, ...configuration } = config;
         const resumable = new Resumable({
             target: `/app/api/fileuploader/folders/${folderName}/files`,
             testChunks: false,
             simultaneousUploads: 1,
-            headers: { 'X-Requested-With': 'XMLHttpRequest' },
-            permanentErrors: [302, 400, 404, 415, 500, 501],
-            generateUniqueIdentifier: () => uuid(),
-            fileTypeErrorCallback: (file) => {
-                var _a, _b, _c;
-                (_a = handlers.error) === null || _a === void 0 ? void 0 : _a.call(handlers, file, `File type not allowed. Please provide file of type ${(_c = (_b = configuration.fileType) === null || _b === void 0 ? void 0 : _b.map(ext => `.${ext}`)) === null || _c === void 0 ? void 0 : _c.join(', ')}.`);
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            },
+            permanentErrors: [
+                302,
+                400,
+                404,
+                415,
+                500,
+                501
+            ],
+            generateUniqueIdentifier: ()=>uuid(),
+            fileTypeErrorCallback: (file)=>{
+                var _configuration_fileType_map, _configuration_fileType, _handlers_error;
+                (_handlers_error = handlers.error) === null || _handlers_error === void 0 ? void 0 : _handlers_error.call(handlers, file, `File type not allowed. Please provide file of type ${(_configuration_fileType = configuration.fileType) === null || _configuration_fileType === void 0 ? void 0 : (_configuration_fileType_map = _configuration_fileType.map((ext)=>`.${ext}`)) === null || _configuration_fileType_map === void 0 ? void 0 : _configuration_fileType_map.join(', ')}.`);
             },
-            ...configuration,
+            ...configuration
         });
-        resumable.on('fileAdded', () => {
+        resumable.on('fileAdded', ()=>{
             resumable.upload();
         });
-        resumable.on('fileProgress', resumableFile => {
+        resumable.on('fileProgress', (resumableFile)=>{
             if (resumableFile.isComplete()) {
                 return;
             }
@@ -37,13 +75,13 @@ export class Uploader {
                 handlers.progress(resumableFile.file, progress);
             }
         });
-        resumable.on('fileSuccess', (resumableFile, message) => {
+        resumable.on('fileSuccess', (resumableFile, message)=>{
             if (handlers.success) {
                 handlers.success(resumableFile.file, message);
             }
             resumableFile.cancel();
         });
-        resumable.on('fileError', (resumableFile, message) => {
+        resumable.on('fileError', (resumableFile, message)=>{
             if (handlers.error) {
                 handlers.error(resumableFile.file, errorParser ? errorParser(message) : message);
             }
@@ -51,28 +89,6 @@ export class Uploader {
         });
         this.resumable = resumable;
     }
-    upload(source) {
-        if (source instanceof File) {
-            this.resumable.addFile(source);
-        }
-        else {
-            for (const file of Array.from(source)) {
-                this.resumable.addFile(file);
-            }
-        }
-    }
-    cancel(file) {
-        if (file) {
-            for (const resumableFile of this.resumable.files) {
-                if (resumableFile.file === file) {
-                    resumableFile.cancel();
-                    break;
-                }
-            }
-        }
-        else {
-            this.resumable.cancel();
-        }
-    }
 }
+
 //# sourceMappingURL=uploader.js.map

package/dist/file-uploader/uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploader.js","sourceRoot":"","sources":["../../src/file-uploader/uploader.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/file-uploader/uploader.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\n\nimport { FileUploaderConfig } from './config';\n\nconst Resumable = require('resumablejs');\n\ninterface Resumable {\n    files: ResumableFile[];\n    on(event: 'fileAdded', callback: (file: ResumableFile, event: Event) => void): void;\n    on(event: 'fileProgress', callback: (file: ResumableFile, message?: string) => void): void;\n    on(event: 'fileSuccess', callback: (file: ResumableFile, message?: string) => void): void;\n    on(event: 'fileError', callback: (file: ResumableFile, message?: string) => void): void;\n    addFile(file: File): void;\n    upload(): void;\n    cancel(): void;\n}\n\ninterface ResumableFile {\n    file: File;\n    progress(relative?: boolean): number;\n    isComplete(): boolean;\n    cancel(): void;\n}\n\nexport class Uploader {\n    private readonly resumable: Resumable;\n\n    constructor(\n        config: FileUploaderConfig = {},\n        handlers: {\n            progress?(file: File, progress: number): void;\n            success?(file: File, message?: string): void;\n            error?(file: File, message?: string): void;\n        } = {},\n        folderName = 'default'\n    ) {\n        const { errorParser, ...configuration } = config;\n\n        const resumable: Resumable = new Resumable({\n            target: `/app/api/fileuploader/folders/${folderName}/files`,\n            testChunks: false,\n            simultaneousUploads: 1,\n            headers: { 'X-Requested-With': 'XMLHttpRequest' },\n            permanentErrors: [302, 400, 404, 415, 500, 501],\n            generateUniqueIdentifier: () => uuid(),\n            fileTypeErrorCallback: (file: File) => {\n                handlers.error?.(\n                    file,\n                    `File type not allowed. Please provide file of type ${configuration.fileType\n                        ?.map(ext => `.${ext}`)\n                        ?.join(', ')}.`\n                );\n            },\n            ...configuration,\n        });\n\n        resumable.on('fileAdded', () => {\n            resumable.upload();\n        });\n\n        resumable.on('fileProgress', resumableFile => {\n            if (resumableFile.isComplete()) {\n                return;\n            }\n\n            let progress = Math.floor(resumableFile.progress(false) * 100);\n            if (progress > 99) {\n                progress = 99;\n            }\n\n            if (handlers.progress) {\n                handlers.progress(resumableFile.file, progress);\n            }\n        });\n\n        resumable.on('fileSuccess', (resumableFile, message) => {\n            if (handlers.success) {\n                handlers.success(resumableFile.file, message);\n            }\n\n            resumableFile.cancel();\n        });\n\n        resumable.on('fileError', (resumableFile, message) => {\n            if (handlers.error) {\n                handlers.error(resumableFile.file, errorParser ? errorParser(message) : message);\n            }\n\n            resumableFile.cancel();\n        });\n\n        this.resumable = resumable;\n    }\n\n    upload(source: File | FileList) {\n        if (source instanceof File) {\n            this.resumable.addFile(source);\n        } else {\n            for (const file of Array.from(source)) {\n                this.resumable.addFile(file);\n            }\n        }\n    }\n\n    cancel(file?: File) {\n        if (file) {\n            for (const resumableFile of this.resumable.files) {\n                if (resumableFile.file === file) {\n                    resumableFile.cancel();\n                    break;\n                }\n            }\n        } else {\n            this.resumable.cancel();\n        }\n    }\n}\n"],"names":["v4","uuid","Resumable","require","Uploader","upload","source","File","resumable","addFile","file","Array","from","cancel","resumableFile","files","constructor","config","handlers","folderName","errorParser","configuration","target","testChunks","simultaneousUploads","headers","permanentErrors","generateUniqueIdentifier","fileTypeErrorCallback","error","fileType","map","ext","join","on","isComplete","progress","Math","floor","message","success"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,MAAMC,IAAI,QAAQ,OAAO;AAIlC,MAAMC,YAAYC,QAAQ;AAoB1B,OAAO,MAAMC;IAsETC,OAAOC,MAAuB,EAAE;QAC5B,IAAIA,kBAAkBC,MAAM;YACxB,IAAI,CAACC,SAAS,CAACC,OAAO,CAACH;QAC3B,OAAO;YACH,KAAK,MAAMI,QAAQC,MAAMC,IAAI,CAACN,QAAS;gBACnC,IAAI,CAACE,SAAS,CAACC,OAAO,CAACC;YAC3B;QACJ;IACJ;IAEAG,OAAOH,IAAW,EAAE;QAChB,IAAIA,MAAM;YACN,KAAK,MAAMI,iBAAiB,IAAI,CAACN,SAAS,CAACO,KAAK,CAAE;gBAC9C,IAAID,cAAcJ,IAAI,KAAKA,MAAM;oBAC7BI,cAAcD,MAAM;oBACpB;gBACJ;YACJ;QACJ,OAAO;YACH,IAAI,CAACL,SAAS,CAACK,MAAM;QACzB;IACJ;IAxFAG,YACIC,SAA6B,CAAC,CAAC,EAC/BC,WAII,CAAC,CAAC,EACNC,aAAa,SAAS,CACxB;QAVF,uBAAiBX,aAAjB,KAAA;QAWI,MAAM,EAAEY,WAAW,EAAE,GAAGC,eAAe,GAAGJ;QAE1C,MAAMT,YAAuB,IAAIN,UAAU;YACvCoB,QAAQ,CAAC,8BAA8B,EAAEH,WAAW,MAAM,CAAC;YAC3DI,YAAY;YACZC,qBAAqB;YACrBC,SAAS;gBAAE,oBAAoB;YAAiB;YAChDC,iBAAiB;gBAAC;gBAAK;gBAAK;gBAAK;gBAAK;gBAAK;aAAI;YAC/CC,0BAA0B,IAAM1B;YAChC2B,uBAAuB,CAAClB;oBAGsCW,6BAAAA,yBAF1DH;iBAAAA,kBAAAA,SAASW,KAAK,cAAdX,sCAAAA,qBAAAA,UACIR,MACA,CAAC,mDAAmD,GAAEW,0BAAAA,cAAcS,QAAQ,cAAtBT,+CAAAA,8BAAAA,wBAChDU,GAAG,CAACC,CAAAA,MAAO,CAAC,CAAC,EAAEA,KAAK,eAD4BX,kDAAAA,4BAEhDY,IAAI,CAAC,MAAM,CAAC,CAAC;YAE3B;YACA,GAAGZ,aAAa;QACpB;QAEAb,UAAU0B,EAAE,CAAC,aAAa;YACtB1B,UAAUH,MAAM;QACpB;QAEAG,UAAU0B,EAAE,CAAC,gBAAgBpB,CAAAA;YACzB,IAAIA,cAAcqB,UAAU,IAAI;gBAC5B;YACJ;YAEA,IAAIC,WAAWC,KAAKC,KAAK,CAACxB,cAAcsB,QAAQ,CAAC,SAAS;YAC1D,IAAIA,WAAW,IAAI;gBACfA,WAAW;YACf;YAEA,IAAIlB,SAASkB,QAAQ,EAAE;gBACnBlB,SAASkB,QAAQ,CAACtB,cAAcJ,IAAI,EAAE0B;YAC1C;QACJ;QAEA5B,UAAU0B,EAAE,CAAC,eAAe,CAACpB,eAAeyB;YACxC,IAAIrB,SAASsB,OAAO,EAAE;gBAClBtB,SAASsB,OAAO,CAAC1B,cAAcJ,IAAI,EAAE6B;YACzC;YAEAzB,cAAcD,MAAM;QACxB;QAEAL,UAAU0B,EAAE,CAAC,aAAa,CAACpB,eAAeyB;YACtC,IAAIrB,SAASW,KAAK,EAAE;gBAChBX,SAASW,KAAK,CAACf,cAAcJ,IAAI,EAAEU,cAAcA,YAAYmB,WAAWA;YAC5E;YAEAzB,cAAcD,MAAM;QACxB;QAEA,IAAI,CAACL,SAAS,GAAGA;IACrB;AAwBJ"}

package/dist/form-state-error-banner/form-state-error-banner.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Banner } from '@servicetitan/design-system';
 import { traverseFormState } from '@servicetitan/form-state';
 import { observer } from 'mobx-react';
-export const FormStateErrorBanner = observer(({ form, className, errorTitle = 'Form Incomplete', successTitle = 'Form Complete', }) => {
+export const FormStateErrorBanner = observer(({ form, className, errorTitle = 'Form Incomplete', successTitle = 'Form Complete' })=>{
     const errors = [];
-    traverseFormState(true, form, (_0, formState) => {
+    traverseFormState(true, form, (_0, formState)=>{
         if (formState.formError) {
             errors.push(formState.formError);
         }
@@ -14,8 +14,18 @@ export const FormStateErrorBanner = observer(({ form, className, errorTitle = 'F
     }
     const status = errors.length === 0 ? 'success' : 'critical';
     const title = errors.length === 0 ? successTitle : errorTitle;
-    return (_jsx(Banner, { className: className, status: status, icon: true, title: title, children: _jsx("ul", { children: errors.map((e, index) => (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsx("li", { children: e }, index))) }) }));
+    return /*#__PURE__*/ _jsx(Banner, {
+        className: className,
+        status: status,
+        icon: true,
+        title: title,
+        children: /*#__PURE__*/ _jsx("ul", {
+            children: errors.map((e, index)=>// eslint-disable-next-line react/no-array-index-key
+                /*#__PURE__*/ _jsx("li", {
+                    children: e
+                }, index))
+        })
+    });
 });
+
 //# sourceMappingURL=form-state-error-banner.js.map

package/dist/form-state-error-banner/form-state-error-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-state-error-banner.js","sourceRoot":"","sources":["../../src/form-state-error-banner/form-state-error-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CACxC,CAAkC,EAC9B,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,iBAAiB,EAC9B,YAAY,GAAG,eAAe,GACH,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE;QAC5C,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;YACtB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5D,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9D,OAAO,CACH,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,QAAC,KAAK,EAAE,KAAK,YAC3D,uBACK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;YACtB,oDAAoD;YACpD,uBAAiB,CAAC,IAAT,KAAK,CAAU,CAC3B,CAAC,GACD,GACA,CACZ,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"sources":["../../src/form-state-error-banner/form-state-error-banner.tsx"],"sourcesContent":["import { Banner } from '@servicetitan/design-system';\nimport { traverseFormState } from '@servicetitan/form-state';\nimport { observer } from 'mobx-react';\nimport { FormState, ValidatableMapOrArray } from 'formstate';\n\nexport interface FormStateErrorBannerProps<T extends ValidatableMapOrArray> {\n    form: FormState<T>;\n    className?: string;\n    errorTitle?: string;\n    successTitle?: string;\n}\n\nexport const FormStateErrorBanner = observer(\n    <T extends ValidatableMapOrArray>({\n        form,\n        className,\n        errorTitle = 'Form Incomplete',\n        successTitle = 'Form Complete',\n    }: FormStateErrorBannerProps<T>) => {\n        const errors: string[] = [];\n        traverseFormState(true, form, (_0, formState) => {\n            if (formState.formError) {\n                errors.push(formState.formError);\n            }\n        });\n        if (form.formError) {\n            errors.push(form.formError);\n        }\n        const status = errors.length === 0 ? 'success' : 'critical';\n        const title = errors.length === 0 ? successTitle : errorTitle;\n        return (\n            <Banner className={className} status={status} icon title={title}>\n                <ul>\n                    {errors.map((e, index) => (\n                        // eslint-disable-next-line react/no-array-index-key\n                        <li key={index}>{e}</li>\n                    ))}\n                </ul>\n            </Banner>\n        );\n    }\n);\n"],"names":["Banner","traverseFormState","observer","FormStateErrorBanner","form","className","errorTitle","successTitle","errors","_0","formState","formError","push","status","length","title","icon","ul","map","e","index","li"],"mappings":";AAAA,SAASA,MAAM,QAAQ,8BAA8B;AACrD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,QAAQ,QAAQ,aAAa;AAUtC,OAAO,MAAMC,uBAAuBD,SAChC,CAAkC,EAC9BE,IAAI,EACJC,SAAS,EACTC,aAAa,iBAAiB,EAC9BC,eAAe,eAAe,EACH;IAC3B,MAAMC,SAAmB,EAAE;IAC3BP,kBAAkB,MAAMG,MAAM,CAACK,IAAIC;QAC/B,IAAIA,UAAUC,SAAS,EAAE;YACrBH,OAAOI,IAAI,CAACF,UAAUC,SAAS;QACnC;IACJ;IACA,IAAIP,KAAKO,SAAS,EAAE;QAChBH,OAAOI,IAAI,CAACR,KAAKO,SAAS;IAC9B;IACA,MAAME,SAASL,OAAOM,MAAM,KAAK,IAAI,YAAY;IACjD,MAAMC,QAAQP,OAAOM,MAAM,KAAK,IAAIP,eAAeD;IACnD,qBACI,KAACN;QAAOK,WAAWA;QAAWQ,QAAQA;QAAQG,IAAI;QAACD,OAAOA;kBACtD,cAAA,KAACE;sBACIT,OAAOU,GAAG,CAAC,CAACC,GAAGC,QACZ,oDAAoD;8BACpD,KAACC;8BAAgBF;mBAARC;;;AAK7B,GACF"}

package/dist/form-state-error-banner/index.js

@@ -1,2 +1,3 @@
 export * from './form-state-error-banner';
+
 //# sourceMappingURL=index.js.map

package/dist/form-state-error-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form-state-error-banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
+{"version":3,"sources":["../../src/form-state-error-banner/index.ts"],"sourcesContent":["export * from './form-state-error-banner';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}

package/dist/index.js

@@ -9,4 +9,5 @@ export * from './phone-number-input';
 export * from './original-number-input';
 export * from './input-date-mask';
 export * from '@servicetitan/form-state';
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAElC,cAAc,0BAA0B,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './color-picker';\nexport * from './file-uploader';\nexport * from './form-state-error-banner';\nexport * from './label';\nexport * from './number-input';\nexport * from './masked-input';\nexport * from './date-range-picker';\nexport * from './phone-number-input';\nexport * from './original-number-input';\nexport * from './input-date-mask';\n\nexport * from '@servicetitan/form-state';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB;AAChC,cAAc,4BAA4B;AAC1C,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAElC,cAAc,2BAA2B"}

package/dist/input-date-mask/index.js

@@ -1,2 +1,3 @@
 export * from './input-date-mask';
+
 //# sourceMappingURL=index.js.map

package/dist/input-date-mask/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-date-mask/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"sources":["../../src/input-date-mask/index.ts"],"sourcesContent":["export * from './input-date-mask';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/input-date-mask/input-date-mask.js

@@ -8,20 +8,20 @@ import InputMask from 'react-input-mask';
 import classnames from 'classnames';
 import * as Styles from './input-date-mask.module.css';
 const KEY_DEL = 46;
-export const InputDateMask = observer(({ className, maskChar = 'X', alwaysShowMask, shortLabel, value, onChange, 'qa-testing': qaTestingLocator, error, disabled, placeholder, dateFormat = 'MM/DD/YYYY', minDate, maxDate, }) => {
-    const state = useLocalStore(() => ({
-        maskValue: '',
-        setMask: action(function (mask) {
-            this.maskValue = mask;
-        }),
-    }));
-    const handleKeyDown = (evt) => {
+export const InputDateMask = observer(({ className, maskChar = 'X', alwaysShowMask, shortLabel, value, onChange, 'qa-testing': qaTestingLocator, error, disabled, placeholder, dateFormat = 'MM/DD/YYYY', minDate, maxDate })=>{
+    const state = useLocalStore(()=>({
+            maskValue: '',
+            setMask: action(function(mask) {
+                this.maskValue = mask;
+            })
+        }));
+    const handleKeyDown = (evt)=>{
         if (evt.keyCode === KEY_DEL) {
             onChange(undefined);
             state.setMask('');
         }
     };
-    const handleChange = (event) => {
+    const handleChange = (event)=>{
         const value = event.target.value;
         state.setMask(value);
         if (event.type === 'focus' || event.type === 'blur') {
@@ -29,45 +29,44 @@ export const InputDateMask = observer(({ className, maskChar = 'X', alwaysShowMa
         }
         if (isMaskValid(value)) {
             onChange(parseDate(value));
-        }
-        else {
+        } else {
             onChange(undefined);
         }
     };
-    useEffect(() => {
+    useEffect(()=>{
         if (value === undefined && isMaskValid(state.maskValue)) {
             state.setMask('');
         }
-    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
-    const getMaskError = () => {
+    }, [
+        value
+    ]); // eslint-disable-line react-hooks/exhaustive-deps
+    const getMaskError = ()=>{
         return value === undefined && state.maskValue !== '' && isMaskInvalid(state.maskValue);
     };
-    const getValueError = () => {
+    const getValueError = ()=>{
         return value !== undefined && !isDateInRange(value);
     };
-    const formatDate = (date) => {
+    const formatDate = (date)=>{
         return date ? moment(date).format(dateFormat) : '';
     };
-    const parseDate = (date) => {
+    const parseDate = (date)=>{
         return moment(date, dateFormat).toDate();
     };
-    const isMaskValid = (mask) => {
+    const isMaskValid = (mask)=>{
         return !mask.includes(maskChar) && isDateStringValid(mask);
     };
-    const isMaskInvalid = (mask) => {
+    const isMaskInvalid = (mask)=>{
         return !mask.includes(maskChar) && !isDateStringValid(mask);
     };
-    const isDateStringValid = (date) => {
+    const isDateStringValid = (date)=>{
         return moment(date, dateFormat).isValid() && isDateInRange(parseDate(date));
     };
-    const isDateInRange = (date) => {
+    const isDateInRange = (date)=>{
         if (minDate && maxDate) {
             return date >= minDate && date <= maxDate;
-        }
-        else if (minDate) {
+        } else if (minDate) {
             return date >= minDate;
-        }
-        else if (maxDate) {
+        } else if (maxDate) {
             return date <= maxDate;
         }
         return true;
@@ -76,9 +75,29 @@ export const InputDateMask = observer(({ className, maskChar = 'X', alwaysShowMa
     const realError = error || getMaskError() || getValueError();
     const realPlaceholder = placeholder || mask.replace(/9/g, maskChar);
     const classes = classnames(className, qaTestingLocator, Styles.input, {
-        [Styles.error]: realError,
+        [Styles.error]: realError
+    });
+    const renderFunction = ({ size, ...props })=>/*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsx(Input, {
+                ...props,
+                shortLabel: shortLabel,
+                className: classes,
+                small: true,
+                fluid: true,
+                error: realError,
+                disabled: disabled,
+                placeholder: realPlaceholder
+            })
+        });
+    return /*#__PURE__*/ _jsx(InputMask, {
+        mask: mask,
+        maskChar: maskChar,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        alwaysShowMask: alwaysShowMask,
+        value: formatDate(value) || state.maskValue,
+        children: renderFunction
     });
-    const renderFunction = ({ size, ...props }) => (_jsx("div", { children: _jsx(Input, { ...props, shortLabel: shortLabel, className: classes, small: true, fluid: true, error: realError, disabled: disabled, placeholder: realPlaceholder }) }));
-    return (_jsx(InputMask, { mask: mask, maskChar: maskChar, onChange: handleChange, onKeyDown: handleKeyDown, alwaysShowMask: alwaysShowMask, value: formatDate(value) || state.maskValue, children: renderFunction }));
 });
+
 //# sourceMappingURL=input-date-mask.js.map

package/dist/input-date-mask/input-date-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-date-mask.js","sourceRoot":"","sources":["../../src/input-date-mask/input-date-mask.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,SAAS,EAA0C,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAc,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAEvD,MAAM,OAAO,GAAG,EAAE,CAAC;AAkBnB,MAAM,CAAC,MAAM,aAAa,GAA8C,QAAQ,CAC5E,CAAC,EACG,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,YAAY,EACzB,OAAO,EACP,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC;QAC/B,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,MAAM,CAAC,UAAoC,IAAY;YAC5D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;KACL,CAAC,CAAC,CAAC;IAEJ,MAAM,aAAa,GAAG,CAAC,GAAQ,EAAE,EAAE;QAC/B,IAAI,GAAG,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC1B,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAEjC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAClD,OAAO;QACX,CAAC;QAED,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACrB,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YACtD,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAE/D,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,IAAI,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAW,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,EAAE;QAC/B,OAAO,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,MAAM,EAAE,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;QACvC,OAAO,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,OAAO,EAAE,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAChF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAU,EAAE,EAAE;QACjC,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACrB,OAAO,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC;QAC9C,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,IAAI,OAAO,CAAC;QAC3B,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,IAAI,OAAO,CAAC;QAC3B,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,KAAK,IAAI,YAAY,EAAE,IAAI,aAAa,EAAE,CAAC;IAE7D,MAAM,eAAe,GAAG,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,CAAC,KAAK,EAAE;QAClE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS;KAC5B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAyC,EAAE,EAAE,CAAC,CAClF,wBACI,KAAC,KAAK,OACE,KAAK,EACT,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,OAAO,EAClB,KAAK,QACL,KAAK,QACL,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAC9B,GACA,CACT,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,YAE1C,cAAqB,GACd,CACf,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"sources":["../../src/input-date-mask/input-date-mask.tsx"],"sourcesContent":["import { FC, ChangeEvent, useEffect, InputHTMLAttributes, PropsWithChildren } from 'react';\nimport { Input, InputProps } from '@servicetitan/design-system';\nimport { action } from 'mobx';\nimport { useLocalStore, observer } from 'mobx-react';\nimport moment from 'moment';\nimport InputMask from 'react-input-mask';\nimport classnames from 'classnames';\nimport * as Styles from './input-date-mask.module.css';\n\nconst KEY_DEL = 46;\n\ninterface InputDateMaskStore {\n    maskValue: string;\n    setMask(maskValue: string): void;\n}\n\nexport interface InputDateMaskProps extends Omit<InputProps, 'onChange' | 'value'> {\n    value?: Date;\n    ['qa-testing']?: string;\n    maskChar?: string;\n    alwaysShowMask?: boolean;\n    dateFormat?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    onChange(value: Date | undefined): void;\n}\n\nexport const InputDateMask: FC<PropsWithChildren<InputDateMaskProps>> = observer(\n    ({\n        className,\n        maskChar = 'X',\n        alwaysShowMask,\n        shortLabel,\n        value,\n        onChange,\n        'qa-testing': qaTestingLocator,\n        error,\n        disabled,\n        placeholder,\n        dateFormat = 'MM/DD/YYYY',\n        minDate,\n        maxDate,\n    }: InputDateMaskProps) => {\n        const state = useLocalStore(() => ({\n            maskValue: '',\n            setMask: action(function (this: InputDateMaskStore, mask: string) {\n                this.maskValue = mask;\n            }),\n        }));\n\n        const handleKeyDown = (evt: any) => {\n            if (evt.keyCode === KEY_DEL) {\n                onChange(undefined);\n\n                state.setMask('');\n            }\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const value = event.target.value;\n\n            state.setMask(value);\n\n            if (event.type === 'focus' || event.type === 'blur') {\n                return;\n            }\n\n            if (isMaskValid(value)) {\n                onChange(parseDate(value));\n            } else {\n                onChange(undefined);\n            }\n        };\n\n        useEffect(() => {\n            if (value === undefined && isMaskValid(state.maskValue)) {\n                state.setMask('');\n            }\n        }, [value]); // eslint-disable-line react-hooks/exhaustive-deps\n\n        const getMaskError = () => {\n            return value === undefined && state.maskValue !== '' && isMaskInvalid(state.maskValue);\n        };\n\n        const getValueError = () => {\n            return value !== undefined && !isDateInRange(value);\n        };\n\n        const formatDate = (date?: Date) => {\n            return date ? moment(date).format(dateFormat) : '';\n        };\n\n        const parseDate = (date: string) => {\n            return moment(date, dateFormat).toDate();\n        };\n\n        const isMaskValid = (mask: string) => {\n            return !mask.includes(maskChar) && isDateStringValid(mask);\n        };\n\n        const isMaskInvalid = (mask: string) => {\n            return !mask.includes(maskChar) && !isDateStringValid(mask);\n        };\n\n        const isDateStringValid = (date: string) => {\n            return moment(date, dateFormat).isValid() && isDateInRange(parseDate(date));\n        };\n\n        const isDateInRange = (date: Date) => {\n            if (minDate && maxDate) {\n                return date >= minDate && date <= maxDate;\n            } else if (minDate) {\n                return date >= minDate;\n            } else if (maxDate) {\n                return date <= maxDate;\n            }\n\n            return true;\n        };\n\n        const mask = dateFormat.replace(/[MDY]/g, '9');\n\n        const realError = error || getMaskError() || getValueError();\n\n        const realPlaceholder = placeholder || mask.replace(/9/g, maskChar);\n\n        const classes = classnames(className, qaTestingLocator, Styles.input, {\n            [Styles.error]: realError,\n        });\n\n        const renderFunction = ({ size, ...props }: InputHTMLAttributes<HTMLInputElement>) => (\n            <div>\n                <Input\n                    {...props}\n                    shortLabel={shortLabel}\n                    className={classes}\n                    small\n                    fluid\n                    error={realError}\n                    disabled={disabled}\n                    placeholder={realPlaceholder}\n                />\n            </div>\n        );\n\n        return (\n            <InputMask\n                mask={mask}\n                maskChar={maskChar}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                alwaysShowMask={alwaysShowMask}\n                value={formatDate(value) || state.maskValue}\n            >\n                {renderFunction as any}\n            </InputMask>\n        );\n    }\n);\n"],"names":["useEffect","Input","action","useLocalStore","observer","moment","InputMask","classnames","Styles","KEY_DEL","InputDateMask","className","maskChar","alwaysShowMask","shortLabel","value","onChange","qaTestingLocator","error","disabled","placeholder","dateFormat","minDate","maxDate","state","maskValue","setMask","mask","handleKeyDown","evt","keyCode","undefined","handleChange","event","target","type","isMaskValid","parseDate","getMaskError","isMaskInvalid","getValueError","isDateInRange","formatDate","date","format","toDate","includes","isDateStringValid","isValid","replace","realError","realPlaceholder","classes","input","renderFunction","size","props","div","small","fluid","onKeyDown"],"mappings":"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"}

package/dist/input-date-mask/input-date-mask.module.css.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: true;
+export const error: string;
+export const input: string;
+

package/dist/label/index.js

@@ -1,2 +1,3 @@
 export * from './label';
+
 //# sourceMappingURL=index.js.map

package/dist/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../../src/label/index.ts"],"sourcesContent":["export * from './label';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/label/label.js

@@ -2,5 +2,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Stack, Icon, Text, Tooltip } from '@servicetitan/design-system';
 import * as Styles from './label.module.css';
-export const Label = ({ label, tooltip, tooltipDirection = 'r', hasError, error, }) => (_jsxs("div", { className: classNames(Styles.label, hasError && Styles.hasError), children: [_jsxs(Stack, { className: Styles.text, children: [_jsx(Stack.Item, { children: label }), tooltip && (_jsx(Stack.Item, { className: Styles.tooltip, children: _jsx(Tooltip, { direction: tooltipDirection, text: tooltip, children: _jsx(Icon, { name: "info" }) }) }))] }), hasError && (_jsx(Text, { className: Styles.error, size: 1, children: error }))] }));
+export const Label = ({ label, tooltip, tooltipDirection = 'r', hasError, error })=>/*#__PURE__*/ _jsxs("div", {
+        className: classNames(Styles.label, hasError && Styles.hasError),
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                className: Styles.text,
+                children: [
+                    /*#__PURE__*/ _jsx(Stack.Item, {
+                        children: label
+                    }),
+                    tooltip && /*#__PURE__*/ _jsx(Stack.Item, {
+                        className: Styles.tooltip,
+                        children: /*#__PURE__*/ _jsx(Tooltip, {
+                            direction: tooltipDirection,
+                            text: tooltip,
+                            children: /*#__PURE__*/ _jsx(Icon, {
+                                name: "info"
+                            })
+                        })
+                    })
+                ]
+            }),
+            hasError && /*#__PURE__*/ _jsx(Text, {
+                className: Styles.error,
+                size: 1,
+                children: error
+            })
+        ]
+    });
+
 //# sourceMappingURL=label.js.map

package/dist/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AA4B7C,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,gBAAgB,GAAG,GAAG,EACtB,QAAQ,EACR,KAAK,GACR,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aACjE,MAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,KAAK,CAAC,IAAI,cAAE,KAAK,GAAc,EAC/B,OAAO,IAAI,CACR,KAAC,KAAK,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YACjC,KAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,OAAO,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACd,GACD,CAChB,IACG,EACP,QAAQ,IAAI,CACT,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,YACjC,KAAK,GACH,CACV,IACC,CACT,CAAC"}
+{"version":3,"sources":["../../src/label/label.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { FC } from 'react';\nimport { Stack, Icon, Text, Tooltip } from '@servicetitan/design-system';\n\nimport * as Styles from './label.module.css';\n\ntype Direction =\n    | 'top'\n    | 't'\n    | 'right'\n    | 'r'\n    | 'bottom'\n    | 'b'\n    | 'left'\n    | 'l'\n    | 'topleft'\n    | 'tl'\n    | 'topright'\n    | 'tr'\n    | 'bottomleft'\n    | 'bl'\n    | 'bottomright'\n    | 'br';\n\ninterface LabelProps {\n    label: string;\n    tooltip?: string;\n    tooltipDirection?: Direction;\n    hasError?: boolean;\n    error?: string;\n}\n\nexport const Label: FC<LabelProps> = ({\n    label,\n    tooltip,\n    tooltipDirection = 'r',\n    hasError,\n    error,\n}) => (\n    <div className={classNames(Styles.label, hasError && Styles.hasError)}>\n        <Stack className={Styles.text}>\n            <Stack.Item>{label}</Stack.Item>\n            {tooltip && (\n                <Stack.Item className={Styles.tooltip}>\n                    <Tooltip direction={tooltipDirection} text={tooltip}>\n                        <Icon name=\"info\" />\n                    </Tooltip>\n                </Stack.Item>\n            )}\n        </Stack>\n        {hasError && (\n            <Text className={Styles.error} size={1}>\n                {error}\n            </Text>\n        )}\n    </div>\n);\n"],"names":["classNames","Stack","Icon","Text","Tooltip","Styles","Label","label","tooltip","tooltipDirection","hasError","error","div","className","text","Item","direction","name","size"],"mappings":";AAAA,OAAOA,gBAAgB,aAAa;AAEpC,SAASC,KAAK,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,QAAQ,8BAA8B;AAEzE,YAAYC,YAAY,qBAAqB;AA4B7C,OAAO,MAAMC,QAAwB,CAAC,EAClCC,KAAK,EACLC,OAAO,EACPC,mBAAmB,GAAG,EACtBC,QAAQ,EACRC,KAAK,EACR,iBACG,MAACC;QAAIC,WAAWb,WAAWK,OAAOE,KAAK,EAAEG,YAAYL,OAAOK,QAAQ;;0BAChE,MAACT;gBAAMY,WAAWR,OAAOS,IAAI;;kCACzB,KAACb,MAAMc,IAAI;kCAAER;;oBACZC,yBACG,KAACP,MAAMc,IAAI;wBAACF,WAAWR,OAAOG,OAAO;kCACjC,cAAA,KAACJ;4BAAQY,WAAWP;4BAAkBK,MAAMN;sCACxC,cAAA,KAACN;gCAAKe,MAAK;;;;;;YAK1BP,0BACG,KAACP;gBAAKU,WAAWR,OAAOM,KAAK;gBAAEO,MAAM;0BAChCP;;;OAIf"}

package/dist/label/label.module.css.d.ts

@@ -0,0 +1,7 @@
+export const __esModule: true;
+export const error: string;
+export const hasError: string;
+export const label: string;
+export const text: string;
+export const tooltip: string;
+

package/dist/masked-input.js

@@ -1,11 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactInputMask from 'react-input-mask';
 import { Form } from '@servicetitan/design-system';
-export const MaskedInput = ({ mask, maskChar, value, onChange, placeholder, disabled, formatChars, ...props }) => {
-    const handleInputChange = (e) => {
+export const MaskedInput = ({ mask, maskChar, value, onChange, placeholder, disabled, formatChars, ...props })=>{
+    const handleInputChange = (e)=>{
         onChange(e.target.value);
     };
-    const renderFunction = (innerProps) => (_jsx(Form.Input, { ...props, ...innerProps }));
-    return (_jsx(ReactInputMask, { mask: mask, maskChar: maskChar, value: value, onChange: handleInputChange, placeholder: placeholder, disabled: disabled, formatChars: formatChars, children: renderFunction }));
+    const renderFunction = (innerProps)=>/*#__PURE__*/ _jsx(Form.Input, {
+            ...props,
+            ...innerProps
+        });
+    return /*#__PURE__*/ _jsx(ReactInputMask, {
+        mask: mask,
+        maskChar: maskChar,
+        value: value,
+        onChange: handleInputChange,
+        placeholder: placeholder,
+        disabled: disabled,
+        formatChars: formatChars,
+        children: renderFunction
+    });
 };
+
 //# sourceMappingURL=masked-input.js.map

package/dist/masked-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"masked-input.js","sourceRoot":"","sources":["../src/masked-input.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAkD,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,IAAI,EAAkB,MAAM,6BAA6B,CAAC;AAKnE,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAC9C,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,iBAAiB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC3D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,UAAiD,EAAE,EAAE,CAAC,CAC1E,KAAC,IAAI,CAAC,KAAK,OAAK,KAAK,KAAM,UAAU,GAAI,CAC5C,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,YAEvB,cAAqB,GACT,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../src/masked-input.tsx"],"sourcesContent":["import { FC, InputHTMLAttributes, ChangeEvent } from 'react';\r\n\r\nimport ReactInputMask, { Props as ReactMaskedInputProps } from 'react-input-mask';\r\nimport { Form, FormInputProps } from '@servicetitan/design-system';\r\n\r\ntype MaskedInputProps = FormInputProps &\r\n    Omit<ReactMaskedInputProps, keyof InputHTMLAttributes<HTMLInputElement>>;\r\n\r\nexport const MaskedInput: FC<MaskedInputProps> = ({\r\n    mask,\r\n    maskChar,\r\n    value,\r\n    onChange,\r\n    placeholder,\r\n    disabled,\r\n    formatChars,\r\n    ...props\r\n}) => {\r\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n        onChange(e.target.value);\r\n    };\r\n\r\n    const renderFunction = (innerProps: InputHTMLAttributes<HTMLInputElement>) => (\r\n        <Form.Input {...props} {...innerProps} />\r\n    );\r\n\r\n    return (\r\n        <ReactInputMask\r\n            mask={mask}\r\n            maskChar={maskChar}\r\n            value={value}\r\n            onChange={handleInputChange}\r\n            placeholder={placeholder}\r\n            disabled={disabled}\r\n            formatChars={formatChars}\r\n        >\r\n            {renderFunction as any}\r\n        </ReactInputMask>\r\n    );\r\n};\r\n"],"names":["ReactInputMask","Form","MaskedInput","mask","maskChar","value","onChange","placeholder","disabled","formatChars","props","handleInputChange","e","target","renderFunction","innerProps","Input"],"mappings":";AAEA,OAAOA,oBAAwD,mBAAmB;AAClF,SAASC,IAAI,QAAwB,8BAA8B;AAKnE,OAAO,MAAMC,cAAoC,CAAC,EAC9CC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,WAAW,EACX,GAAGC,OACN;IACG,MAAMC,oBAAoB,CAACC;QACvBN,SAASM,EAAEC,MAAM,CAACR,KAAK;IAC3B;IAEA,MAAMS,iBAAiB,CAACC,2BACpB,KAACd,KAAKe,KAAK;YAAE,GAAGN,KAAK;YAAG,GAAGK,UAAU;;IAGzC,qBACI,KAACf;QACGG,MAAMA;QACNC,UAAUA;QACVC,OAAOA;QACPC,UAAUK;QACVJ,aAAaA;QACbC,UAAUA;QACVC,aAAaA;kBAEZK;;AAGb,EAAE"}

package/dist/number-input/common-interfaces.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=common-interfaces.js.map

package/dist/number-input/common-interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"common-interfaces.js","sourceRoot":"","sources":["../../src/number-input/common-interfaces.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/number-input/common-interfaces.ts"],"sourcesContent":["export type EmptyValue = 0 | undefined;\nexport type NumberValue<TEmpty extends EmptyValue> = TEmpty extends 0 ? number : number | undefined;\n\nexport interface Range {\n    min?: number;\n    max?: number;\n}\n\nexport interface Separators {\n    thousand: string;\n    decimal: string;\n}\n"],"names":[],"mappings":"AAQA,WAGC"}

package/dist/number-input/get-formatted-string.js

@@ -1,7 +1,6 @@
 import { formatNumber as formatNumberDefault } from 'accounting';
 export function getFormattedString(value, { emptyValue, precision, separators }, formatNumber = formatNumberDefault) {
-    return typeof value === 'number' || emptyValue === 0
-        ? formatNumber((typeof value === 'number' ? value : emptyValue), precision !== null && precision !== void 0 ? precision : 0, separators.thousand, separators.decimal)
-        : '';
+    return typeof value === 'number' || emptyValue === 0 ? formatNumber(typeof value === 'number' ? value : emptyValue, precision !== null && precision !== void 0 ? precision : 0, separators.thousand, separators.decimal) : '';
 }
+
 //# sourceMappingURL=get-formatted-string.js.map

package/dist/number-input/get-formatted-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-formatted-string.js","sourceRoot":"","sources":["../../src/number-input/get-formatted-string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAiBjE,MAAM,UAAU,kBAAkB,CAC9B,KAA0B,EAC1B,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAqC,EACxE,eAA6B,mBAAmB;IAEhD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,UAAU,KAAK,CAAC;QAChD,CAAC,CAAC,YAAY,CACR,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAW,EAC1D,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,EACd,UAAU,CAAC,QAAQ,EACnB,UAAU,CAAC,OAAO,CACrB;QACH,CAAC,CAAC,EAAE,CAAC;AACb,CAAC"}
+{"version":3,"sources":["../../src/number-input/get-formatted-string.ts"],"sourcesContent":["import { formatNumber as formatNumberDefault } from 'accounting';\n\nimport { EmptyValue, NumberValue, Separators } from './common-interfaces';\n\nexport type FormatNumber = (\n    value: number,\n    precision?: number,\n    thousand?: string,\n    decimal?: string\n) => string;\n\ninterface GetFormattedStringOptions<TEmpty extends EmptyValue> {\n    emptyValue: TEmpty;\n    precision?: number;\n    separators: Separators;\n}\n\nexport function getFormattedString<TEmpty extends EmptyValue>(\n    value: NumberValue<TEmpty>,\n    { emptyValue, precision, separators }: GetFormattedStringOptions<TEmpty>,\n    formatNumber: FormatNumber = formatNumberDefault\n) {\n    return typeof value === 'number' || emptyValue === 0\n        ? formatNumber(\n              (typeof value === 'number' ? value : emptyValue) as number,\n              precision ?? 0,\n              separators.thousand,\n              separators.decimal\n          )\n        : '';\n}\n"],"names":["formatNumber","formatNumberDefault","getFormattedString","value","emptyValue","precision","separators","thousand","decimal"],"mappings":"AAAA,SAASA,gBAAgBC,mBAAmB,QAAQ,aAAa;AAiBjE,OAAO,SAASC,mBACZC,KAA0B,EAC1B,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAqC,EACxEN,eAA6BC,mBAAmB;IAEhD,OAAO,OAAOE,UAAU,YAAYC,eAAe,IAC7CJ,aACK,OAAOG,UAAU,WAAWA,QAAQC,YACrCC,sBAAAA,uBAAAA,YAAa,GACbC,WAAWC,QAAQ,EACnBD,WAAWE,OAAO,IAEtB;AACV"}

package/dist/number-input/index.js

@@ -1,2 +1,3 @@
 export * from './number-input';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"sources":["../../src/number-input/index.ts"],"sourcesContent":["export * from './number-input';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}