@servicetitan/form 19.0.0 → 19.4.0

package/dist/masked-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"masked-input.d.ts","sourceRoot":"","sources":["../src/masked-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAe,MAAM,OAAO,CAAC;AAE7D,OAAuB,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAQ,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnE,aAAK,gBAAgB,GAAG,cAAc,GAClC,IAAI,CAAC,qBAAqB,EAAE,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE7E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2B5C,CAAC"}
+{"version":3,"file":"masked-input.d.ts","sourceRoot":"","sources":["../src/masked-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAe,MAAM,OAAO,CAAC;AAE7D,OAAuB,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAQ,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnE,aAAK,gBAAgB,GAAG,cAAc,GAClC,IAAI,CAAC,qBAAqB,EAAE,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE7E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6B5C,CAAC"}

package/dist/masked-input.js

@@ -19,11 +19,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_input_mask_1 = __importDefault(require("react-input-mask"));
 const design_system_1 = require("@servicetitan/design-system");
 const MaskedInput = (_a) => {
-    var { mask, maskChar, value, onChange, placeholder, disabled } = _a, props = __rest(_a, ["mask", "maskChar", "value", "onChange", "placeholder", "disabled"]);
+    var { mask, maskChar, value, onChange, placeholder, disabled, formatChars } = _a, props = __rest(_a, ["mask", "maskChar", "value", "onChange", "placeholder", "disabled", "formatChars"]);
     const handleInputChange = (e) => {
         onChange(e.target.value);
     };
-    return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({ mask: mask, maskChar: maskChar, value: value, onChange: handleInputChange, placeholder: placeholder, disabled: disabled }, { children: (innerProps) => ((0, jsx_runtime_1.jsx)(design_system_1.Form.Input, Object.assign({}, props, innerProps), void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, Object.assign({ mask: mask, maskChar: maskChar, value: value, onChange: handleInputChange, placeholder: placeholder, disabled: disabled, formatChars: formatChars }, { children: (innerProps) => ((0, jsx_runtime_1.jsx)(design_system_1.Form.Input, Object.assign({}, props, innerProps), void 0)) }), void 0));
 };
 exports.MaskedInput = MaskedInput;
 //# 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,wEAAkF;AAClF,+DAAmE;AAK5D,MAAM,WAAW,GAAyB,CAAC,EAQjD,EAAE,EAAE;QAR6C,EAC9C,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,OAEX,EADM,KAAK,cAPsC,oEAQjD,CADW;IAER,MAAM,iBAAiB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC3D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,0BAAc,kBACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBAEjB,CAAC,UAAiD,EAAE,EAAE,CAAC,CACpD,uBAAC,oBAAI,CAAC,KAAK,oBAAK,KAAK,EAAM,UAAU,UAAI,CAC5C,YACY,CACpB,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB"}
+{"version":3,"file":"masked-input.js","sourceRoot":"","sources":["../src/masked-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,wEAAkF;AAClF,+DAAmE;AAK5D,MAAM,WAAW,GAAyB,CAAC,EASjD,EAAE,EAAE;QAT6C,EAC9C,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,WAAW,OAEd,EADM,KAAK,cARsC,mFASjD,CADW;IAER,MAAM,iBAAiB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC3D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,0BAAc,kBACX,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,gBAEvB,CAAC,UAAiD,EAAE,EAAE,CAAC,CACpD,uBAAC,oBAAI,CAAC,KAAK,oBAAK,KAAK,EAAM,UAAU,UAAI,CAC5C,YACY,CACpB,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,WAAW,eA6BtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/form",
-    "version": "19.0.0",
+    "version": "19.4.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/form",
     "repository": {
@@ -15,19 +15,19 @@
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/confirm": "^19.0.0",
-        "@servicetitan/culture": "^19.0.0",
-        "@servicetitan/data-query": "^19.0.0",
+        "@servicetitan/confirm": "^19.4.0",
+        "@servicetitan/culture": "^19.4.0",
+        "@servicetitan/data-query": "^19.4.0",
         "@servicetitan/design-system": "~10.6.0",
-        "@servicetitan/react-ioc": "^19.0.0",
+        "@servicetitan/react-ioc": "^19.4.0",
         "@servicetitan/tokens": "~10.6.0",
         "@types/debounce": "~1.2.1",
-        "@types/react": "~17.0.35",
+        "@types/react": "~17.0.38",
         "@types/react-input-mask": "~2.0.5",
-        "@types/uuid": "~8.3.1",
+        "@types/uuid": "~8.3.3",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.7",
+        "mobx": "~6.3.10",
         "mobx-react": "~7.2.1",
         "moment": "~2.29.1",
         "react": "~17.0.2",
@@ -43,7 +43,7 @@
         "@servicetitan/tokens": "~10.6.0",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.7",
+        "mobx": "~6.3.10",
         "mobx-react": "~7.2.1",
         "moment": "~2.29.1",
         "react": "~17.0.2",
@@ -65,5 +65,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "efb844833047aa20f082a4f71dfd2c6af06937a9"
+    "gitHead": "e0d513b1faedbdab6406eff719acc14dc8d4c68e"
 }

package/src/masked-input.tsx

@@ -13,6 +13,7 @@ export const MaskedInput: FC<MaskedInputProps> = ({
     onChange,
     placeholder,
     disabled,
+    formatChars,
     ...props
 }) => {
     const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {
@@ -27,6 +28,7 @@ export const MaskedInput: FC<MaskedInputProps> = ({
             onChange={handleInputChange}
             placeholder={placeholder}
             disabled={disabled}
+            formatChars={formatChars}
         >
             {(innerProps: InputHTMLAttributes<HTMLInputElement>) => (
                 <Form.Input {...props} {...innerProps} />