@servicetitan/form 19.3.0 → 20.1.0

package/dist/color-picker/color-palette.js

@@ -1,68 +1,62 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorPalette = void 0;
-const tokens_1 = __importDefault(require("@servicetitan/tokens"));
-const design_system_1 = require("@servicetitan/design-system");
-exports.colorPalette = [
+import tokens from '@servicetitan/tokens';
+import { rgbToHex } from '@servicetitan/design-system';
+export const colorPalette = [
     [
-        tokens_1.default.colorRed200,
-        tokens_1.default.colorOrange200,
-        tokens_1.default.colorYellow200,
-        tokens_1.default.colorGreen200,
-        tokens_1.default.colorCyan200,
-        tokens_1.default.colorBlue200,
-        tokens_1.default.colorMagenta200,
-        tokens_1.default.colorPurple200,
-        tokens_1.default.colorNeutral60,
+        tokens.colorRed200,
+        tokens.colorOrange200,
+        tokens.colorYellow200,
+        tokens.colorGreen200,
+        tokens.colorCyan200,
+        tokens.colorBlue200,
+        tokens.colorMagenta200,
+        tokens.colorPurple200,
+        tokens.colorNeutral60,
     ],
     [
-        tokens_1.default.colorRed300,
-        tokens_1.default.colorOrange300,
-        tokens_1.default.colorYellow300,
-        tokens_1.default.colorGreen300,
-        tokens_1.default.colorCyan300,
-        tokens_1.default.colorBlue300,
-        tokens_1.default.colorMagenta300,
-        tokens_1.default.colorPurple300,
-        tokens_1.default.colorNeutral70,
+        tokens.colorRed300,
+        tokens.colorOrange300,
+        tokens.colorYellow300,
+        tokens.colorGreen300,
+        tokens.colorCyan300,
+        tokens.colorBlue300,
+        tokens.colorMagenta300,
+        tokens.colorPurple300,
+        tokens.colorNeutral70,
     ],
     [
-        tokens_1.default.colorRed400,
-        tokens_1.default.colorOrange400,
-        tokens_1.default.colorYellow400,
-        tokens_1.default.colorGreen400,
-        tokens_1.default.colorCyan400,
-        tokens_1.default.colorBlue400,
-        tokens_1.default.colorMagenta400,
-        tokens_1.default.colorPurple400,
-        tokens_1.default.colorNeutral90,
+        tokens.colorRed400,
+        tokens.colorOrange400,
+        tokens.colorYellow400,
+        tokens.colorGreen400,
+        tokens.colorCyan400,
+        tokens.colorBlue400,
+        tokens.colorMagenta400,
+        tokens.colorPurple400,
+        tokens.colorNeutral90,
     ],
     [
-        tokens_1.default.colorRed500,
-        tokens_1.default.colorOrange500,
-        tokens_1.default.colorYellow500,
-        tokens_1.default.colorGreen500,
-        tokens_1.default.colorCyan500,
-        tokens_1.default.colorBlue500,
-        tokens_1.default.colorMagenta500,
-        tokens_1.default.colorPurple500,
-        tokens_1.default.colorNeutral200,
+        tokens.colorRed500,
+        tokens.colorOrange500,
+        tokens.colorYellow500,
+        tokens.colorGreen500,
+        tokens.colorCyan500,
+        tokens.colorBlue500,
+        tokens.colorMagenta500,
+        tokens.colorPurple500,
+        tokens.colorNeutral200,
     ],
     [
-        tokens_1.default.colorRed600,
-        tokens_1.default.colorOrange600,
-        tokens_1.default.colorYellow600,
-        tokens_1.default.colorGreen600,
-        tokens_1.default.colorCyan600,
-        tokens_1.default.colorBlue600,
-        tokens_1.default.colorMagenta600,
-        tokens_1.default.colorPurple600,
-        tokens_1.default.colorNeutral400,
+        tokens.colorRed600,
+        tokens.colorOrange600,
+        tokens.colorYellow600,
+        tokens.colorGreen600,
+        tokens.colorCyan600,
+        tokens.colorBlue600,
+        tokens.colorMagenta600,
+        tokens.colorPurple600,
+        tokens.colorNeutral400,
     ],
 ]
     .flat()
-    .map(color => (0, design_system_1.rgbToHex)(color).toLowerCase());
+    .map(color => rgbToHex(color).toLowerCase());
 //# sourceMappingURL=color-palette.js.map

package/dist/color-picker/color-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-palette.js","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":";;;;;;AAAA,kEAA0C;AAC1C,+DAAuD;AAE1C,QAAA,YAAY,GAAG;IACxB;QACI,gBAAM,CAAC,WAAW;QAClB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,aAAa;QACpB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,eAAe;QACtB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;KACxB;IACD;QACI,gBAAM,CAAC,WAAW;QAClB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,aAAa;QACpB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,eAAe;QACtB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;KACxB;IACD;QACI,gBAAM,CAAC,WAAW;QAClB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,aAAa;QACpB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,eAAe;QACtB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;KACxB;IACD;QACI,gBAAM,CAAC,WAAW;QAClB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,aAAa;QACpB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,eAAe;QACtB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,eAAe;KACzB;IACD;QACI,gBAAM,CAAC,WAAW;QAClB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,aAAa;QACpB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,YAAY;QACnB,gBAAM,CAAC,eAAe;QACtB,gBAAM,CAAC,cAAc;QACrB,gBAAM,CAAC,eAAe;KACzB;CACJ;KACI,IAAI,EAAE;KACN,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAA,wBAAQ,EAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC"}
+{"version":3,"file":"color-palette.js","sourceRoot":"","sources":["../../src/color-picker/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;KACxB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;IACD;QACI,MAAM,CAAC,WAAW;QAClB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,YAAY;QACnB,MAAM,CAAC,eAAe;QACtB,MAAM,CAAC,cAAc;QACrB,MAAM,CAAC,eAAe;KACzB;CACJ;KACI,IAAI,EAAE;KACN,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC"}

package/dist/color-picker/color-picker.js

@@ -1,39 +1,17 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const design_system_1 = require("@servicetitan/design-system");
-const color_palette_1 = require("./color-palette");
-const Styles = __importStar(require("./color-picker.module.css"));
-const ColorPicker = ({ label, colors = color_palette_1.colorPalette, value, preview: Preview, onChange, }) => {
-    const ref = (0, react_1.useRef)(null);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const handleClickOutside = (0, react_1.useCallback)((event) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { Popover, BodyText, Card, ColorPicker as AnvilColorPicker, } from '@servicetitan/design-system';
+import { colorPalette } from './color-palette';
+import * as Styles from './color-picker.module.css';
+export const ColorPicker = ({ label, colors = colorPalette, value, preview: Preview, onChange, }) => {
+    const ref = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const handleClickOutside = useCallback((event) => {
         if (ref.current && !ref.current.contains(event.target)) {
             setIsOpen(false);
         }
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
@@ -42,7 +20,6 @@ const ColorPicker = ({ label, colors = color_palette_1.colorPalette, value, prev
     const handleTriggerClick = () => {
         setIsOpen(isOpen => !isOpen);
     };
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: "d-f" }, { children: (0, jsx_runtime_1.jsxs)(design_system_1.Popover, Object.assign({ trigger: (0, jsx_runtime_1.jsx)("div", { style: { background: value }, onClick: handleTriggerClick, className: Styles.colorPicker }, void 0), open: isOpen, direction: "rb", popoverContentClassName: "p-3", className: Styles.colorPickerPopover }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "medium", className: "m-b-1" }, { children: label }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Card, Object.assign({ padding: "thin" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.ColorPicker, { colors: colors, value: value === null || value === void 0 ? void 0 : value.toLowerCase(), onChange: onChange }, void 0) }), void 0), Preview && (0, jsx_runtime_1.jsx)(Preview, { color: value }, void 0)] }), void 0) }), void 0));
+    return (_jsx("div", Object.assign({ ref: ref, className: "d-f" }, { children: _jsxs(Popover, Object.assign({ trigger: _jsx("div", { style: { background: value }, onClick: handleTriggerClick, className: Styles.colorPicker }, void 0), open: isOpen, direction: "rb", popoverContentClassName: "p-3", className: Styles.colorPickerPopover }, { children: [_jsx(BodyText, Object.assign({ size: "medium", className: "m-b-1" }, { children: label }), void 0), _jsx(Card, Object.assign({ padding: "thin" }, { children: _jsx(AnvilColorPicker, { colors: colors, value: value === null || value === void 0 ? void 0 : value.toLowerCase(), onChange: onChange }, void 0) }), void 0), Preview && _jsx(Preview, { color: value }, void 0)] }), void 0) }), void 0));
 };
-exports.ColorPicker = ColorPicker;
 //# sourceMappingURL=color-picker.js.map

package/dist/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/color-picker/color-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoF;AAEpF,+DAKqC;AAErC,mDAA+C;AAE/C,kEAAoD;AAc7C,MAAM,WAAW,GAAyB,CAAC,EAC9C,KAAK,EACL,MAAM,GAAG,4BAAY,EACrB,KAAK,EACL,OAAO,EAAE,OAAO,EAChB,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAY,EAAE,EAAE;QACpD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5D,SAAS,CAAC,KAAK,CAAC,CAAC;SACpB;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,8CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,gBAC1B,wBAAC,uBAAO,kBACJ,OAAO,EACH,gCACI,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAC5B,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,MAAM,CAAC,WAAW,WAC/B,EAEN,IAAI,EAAE,MAAM,EACZ,SAAS,EAAC,IAAI,EACd,uBAAuB,EAAC,KAAK,EAC7B,SAAS,EAAE,MAAM,CAAC,kBAAkB,iBAEpC,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,gBACpC,KAAK,YACC,EACX,uBAAC,oBAAI,kBAAC,OAAO,EAAC,MAAM,gBAChB,uBAAC,2BAAgB,IACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,EAC3B,QAAQ,EAAE,QAAQ,WACpB,YACC,EACN,OAAO,IAAI,uBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,WAAI,aAC/B,YACR,CACT,CAAC;AACN,CAAC,CAAC;AA1DW,QAAA,WAAW,eA0DtB"}
+{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/color-picker/color-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEpF,OAAO,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,IAAI,gBAAgB,GAClC,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,MAAM,MAAM,2BAA2B,CAAC;AAcpD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAC9C,KAAK,EACL,MAAM,GAAG,YAAY,EACrB,KAAK,EACL,OAAO,EAAE,OAAO,EAChB,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAY,EAAE,EAAE;QACpD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5D,SAAS,CAAC,KAAK,CAAC,CAAC;SACpB;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,gBAC1B,MAAC,OAAO,kBACJ,OAAO,EACH,cACI,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAC5B,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,MAAM,CAAC,WAAW,WAC/B,EAEN,IAAI,EAAE,MAAM,EACZ,SAAS,EAAC,IAAI,EACd,uBAAuB,EAAC,KAAK,EAC7B,SAAS,EAAE,MAAM,CAAC,kBAAkB,iBAEpC,KAAC,QAAQ,kBAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,gBACpC,KAAK,YACC,EACX,KAAC,IAAI,kBAAC,OAAO,EAAC,MAAM,gBAChB,KAAC,gBAAgB,IACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,EAC3B,QAAQ,EAAE,QAAQ,WACpB,YACC,EACN,OAAO,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,WAAI,aAC/B,YACR,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/color-picker/index.js

@@ -1,15 +1,3 @@
-"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("./color-picker"), exports);
-__exportStar(require("./color-palette"), exports);
+export * from './color-picker';
+export * from './color-palette';
 //# sourceMappingURL=index.js.map

package/dist/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/color-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/color-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/date-range-picker/date-range-picker.d.ts

@@ -28,10 +28,12 @@ export declare class DateRangePicker extends Component<DateRangePickerProps> {
     isFocused: boolean;
     showDatePicker: boolean;
     isIconClicked: boolean;
+    isDateRangePickerClicked: boolean;
     constructor(props: DateRangePickerProps);
     handleRef: (wrapElem: HTMLDivElement) => void;
     toggleShow(show?: boolean): void;
-    handleFocus: (evt: Event) => void;
+    handleClickGlobal: (evt: Event) => void;
+    handleClickDateRangePicker: () => void;
     handleClickIcon: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/date-range-picker/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAEH,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACb,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAEpD,QAAQ,CAAC,EAAE,GAAG,CAAsB;IAChD,SAAS,UAAS;IACN,cAAc,UAAS;IACnC,aAAa,UAAS;gBAEV,KAAK,EAAE,oBAAoB;IAMvC,SAAS,aAAc,cAAc,UAEnC;IAGF,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;IAIzB,WAAW,QAAS,KAAK,UAoBvB;IAEF,eAAe,aAUb;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY,UAAW,0BAA0B,UAQ/C;IAEF,gBAAgB,oCAQd;IAEF,cAAc,kCAQZ;IAEF,MAAM;IA0HN,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,SAAM;IAIzC,uBAAuB,OAAQ,eAAe,gBAAgB,CAAC,UAG7D;IAEF,IAAI,WAAW,qBAad;IAED,IAAI,SAAS,qBAYZ;CACJ"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAEH,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACb,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBACa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAEpD,QAAQ,CAAC,EAAE,GAAG,CAAsB;IAChD,SAAS,UAAS;IACN,cAAc,UAAS;IACnC,aAAa,UAAS;IACtB,wBAAwB,UAAS;gBAErB,KAAK,EAAE,oBAAoB;IAMvC,SAAS,aAAc,cAAc,UAEnC;IAGF,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO;IAIzB,iBAAiB,QAAS,KAAK,UAqB7B;IAEF,0BAA0B,aAExB;IAEF,eAAe,aAUb;IAEF,iBAAiB;IAIjB,oBAAoB;IAIpB,YAAY,UAAW,0BAA0B,UAQ/C;IAEF,gBAAgB,oCAQd;IAEF,cAAc,kCAQZ;IAEF,MAAM;IA8HN,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,SAAM;IAIzC,uBAAuB,OAAQ,eAAe,gBAAgB,CAAC,UAG7D;IAEF,IAAI,WAAW,qBAad;IAED,IAAI,SAAS,qBAYZ;CACJ"}

package/dist/date-range-picker/date-range-picker.js

@@ -1,47 +1,22 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
 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);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
-const design_system_1 = require("@servicetitan/design-system");
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const classnames_1 = __importDefault(require("classnames"));
-const moment_1 = __importDefault(require("moment"));
-const Styles = __importStar(require("./date-range-picker.module.css"));
-let DateRangePicker = class DateRangePicker extends react_1.Component {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
+import { DateRangePicker as DateRangePickerKendo, } from '@progress/kendo-react-dateinputs';
+import { Icon, InputDateMask, Stack } from '@servicetitan/design-system';
+import { observable, action, makeObservable } from 'mobx';
+import { observer } from 'mobx-react';
+import classnames from 'classnames';
+import moment from 'moment';
+import * as Styles from './date-range-picker.module.css';
+let DateRangePicker = class DateRangePicker extends Component {
     constructor(props) {
         super(props);
         // `HTMLDivElement` leads to issues with Node/SSR
@@ -69,6 +44,12 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
             writable: true,
             value: false
         });
+        Object.defineProperty(this, "isDateRangePickerClicked", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         Object.defineProperty(this, "handleRef", {
             enumerable: true,
             configurable: true,
@@ -77,7 +58,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
                 this.wrapElem = wrapElem;
             }
         });
-        Object.defineProperty(this, "handleFocus", {
+        Object.defineProperty(this, "handleClickGlobal", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -86,7 +67,7 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
                     return;
                 }
                 const isPrevFocused = this.isFocused;
-                this.isFocused = this.wrapElem.contains(evt.target);
+                this.isFocused = this.isDateRangePickerClicked;
                 if (!this.isFocused && isPrevFocused) {
                     // click outside
                     this.props.field.enableAutoValidationAndValidate();
@@ -97,6 +78,15 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
                     this.props.field.disableAutoValidation();
                 }
                 this.isIconClicked = false;
+                this.isDateRangePickerClicked = false;
+            }
+        });
+        Object.defineProperty(this, "handleClickDateRangePicker", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.isDateRangePickerClicked = true;
             }
         });
         Object.defineProperty(this, "handleClickIcon", {
@@ -164,29 +154,27 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
                 this.props.field.onChange({ from: values[0] || undefined, to: values[1] || undefined });
             }
         });
-        (0, mobx_1.makeObservable)(this);
+        makeObservable(this);
     }
     toggleShow(show) {
         this.showDatePicker = show !== undefined ? show : !this.showDatePicker;
     }
     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);
     }
     render() {
         var _a, _b;
         const { hasError } = this.props.field;
         const { 'qa-testing': qaTestingLocator, placeHolder, inputFormat, className, calendarComponent, headerTitleComponent, cellComponent, minDate, maxDate, calendarMinDate, calendarMaxDate, topView, bottomView, horizontalAlign, disabled = false, small, maskChar, } = this.props;
         const value = this.props.field.value ? this.props.field.value : {};
-        const horizontalAlignClass = (0, classnames_1.default)({
+        const horizontalAlignClass = classnames({
             [Styles.popupCenter]: horizontalAlign === 'center',
             [Styles.popupRight]: horizontalAlign === 'right',
         });
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(Styles.dateRangePicker, className), ref: this.handleRef }, { children: [(0, jsx_runtime_1.jsx)(kendo_react_dateinputs_1.DateRangePicker, { className: Styles.dateRangePickerKendo, calendarSettings: {
+        return (_jsxs("div", Object.assign({ className: classnames(Styles.dateRangePicker, className), ref: this.handleRef, onClick: this.handleClickDateRangePicker }, { children: [_jsx(DateRangePickerKendo, { className: Styles.dateRangePickerKendo, calendarSettings: {
                         min: minDate !== null && minDate !== void 0 ? minDate : calendarMinDate,
                         max: maxDate !== null && maxDate !== void 0 ? maxDate : calendarMaxDate,
                         topView,
@@ -202,10 +190,10 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
                         tabIndex: -1,
                     }, endDateInputSettings: {
                         tabIndex: -1,
-                    }, show: this.showDatePicker, value: { start: (_a = value.from) !== null && _a !== void 0 ? _a : null, end: (_b = value.to) !== null && _b !== void 0 ? _b : null }, onChange: this.handleChange, min: minDate, max: maxDate, calendar: calendarComponent }, void 0), (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center", className: "flex-grow-1" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)(design_system_1.InputDateMask, { shortLabel: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "today", className: (0, classnames_1.default)('cursor-pointer', `${qaTestingLocator}-icon-from`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.from, onChange: this.handleFromChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-from`, dateFormat: inputFormat, minDate: minDate, maxDate: this.maxFromDate, small: small, maskChar: maskChar }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "arrow_forward", className: Styles.endLabel }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)(design_system_1.InputDateMask, { shortLabel: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "today", className: (0, classnames_1.default)('cursor-pointer', `${qaTestingLocator}-icon-to`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.to, onChange: this.handleToChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-to`, dateFormat: inputFormat, minDate: this.minToDate, maxDate: maxDate, small: small, maskChar: maskChar }, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("input", { hidden: true, "qa-testing": qaTestingLocator, onChange: this.handleHiddenInputChange }, void 0)] }), void 0));
+                    }, show: this.showDatePicker, value: { start: (_a = value.from) !== null && _a !== void 0 ? _a : null, end: (_b = value.to) !== null && _b !== void 0 ? _b : null }, onChange: this.handleChange, min: minDate, max: maxDate, calendar: calendarComponent }, void 0), _jsxs(Stack, Object.assign({ alignItems: "center", className: "flex-grow-1" }, { children: [_jsx(Stack.Item, Object.assign({ fill: true }, { children: _jsx(InputDateMask, { shortLabel: _jsx(Icon, { name: "today", className: classnames(Styles.icon, `${qaTestingLocator}-icon-from`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.from, onChange: this.handleFromChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-from`, dateFormat: inputFormat, minDate: minDate, maxDate: this.maxFromDate, small: small, maskChar: maskChar }, void 0) }), void 0), _jsx(Icon, { name: "arrow_forward", className: Styles.endLabel }, void 0), _jsx(Stack.Item, Object.assign({ fill: true }, { children: _jsx(InputDateMask, { shortLabel: _jsx(Icon, { name: "today", className: classnames(Styles.icon, `${qaTestingLocator}-icon-to`), onClick: this.handleClickIcon }, void 0), placeholder: placeHolder, value: value.to, onChange: this.handleToChange, error: hasError, disabled: disabled, "qa-testing": `${qaTestingLocator}-to`, dateFormat: inputFormat, minDate: this.minToDate, maxDate: maxDate, small: small, maskChar: maskChar }, void 0) }), void 0)] }), void 0), _jsx("input", { hidden: true, "qa-testing": qaTestingLocator, onChange: this.handleHiddenInputChange }, void 0)] }), void 0));
     }
     formatDate(date, inputFormat = 'L') {
-        return date ? (0, moment_1.default)(date).format(inputFormat) : '';
+        return date ? moment(date).format(inputFormat) : '';
     }
     get maxFromDate() {
         const { disableRangeValidation, maxDate, field } = this.props;
@@ -231,26 +219,26 @@ let DateRangePicker = class DateRangePicker extends react_1.Component {
     }
 };
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], DateRangePicker.prototype, "wrapElem", void 0);
 __decorate([
-    mobx_1.observable,
+    observable,
     __metadata("design:type", Object)
 ], DateRangePicker.prototype, "showDatePicker", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Object)
 ], DateRangePicker.prototype, "handleRef", void 0);
 __decorate([
-    mobx_1.action,
+    action,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Boolean]),
     __metadata("design:returntype", void 0)
 ], DateRangePicker.prototype, "toggleShow", null);
 DateRangePicker = __decorate([
-    mobx_react_1.observer,
+    observer,
     __metadata("design:paramtypes", [Object])
 ], DateRangePicker);
-exports.DateRangePicker = DateRangePicker;
+export { DateRangePicker };
 //# sourceMappingURL=date-range-picker.js.map

package/dist/date-range-picker/date-range-picker.js.map

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

package/dist/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/dist/date-range-picker/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("./date-range-picker"), exports);
+export * from './date-range-picker';
 //# sourceMappingURL=index.js.map

package/dist/date-range-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date-range-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAoC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/date-range.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=date-range.js.map

package/dist/demo/color-picker.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPickerExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const formstate_1 = require("formstate");
-const Preview = ({ color, label }) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 2, className: "m-t-3 m-b-1" }, { children: "Preview" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Card, Object.assign({ light: true, padding: "none" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Tag, Object.assign({ color: color, className: "m-1-i" }, { children: label }), void 0) }), void 0)] }, void 0));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useRef, useMemo } from 'react';
+import { observer } from 'mobx-react';
+import { Text, Card, Tag } from '@servicetitan/design-system';
+import { ColorPicker } from '..';
+import { FieldState } from 'formstate';
+const Preview = ({ color, label }) => (_jsxs(Fragment, { children: [_jsx(Text, Object.assign({ size: 2, className: "m-t-3 m-b-1" }, { children: "Preview" }), void 0), _jsx(Card, Object.assign({ light: true, padding: "none" }, { children: _jsx(Tag, Object.assign({ color: color, className: "m-1-i" }, { children: label }), void 0) }), void 0)] }, void 0));
 function useColorField(initial) {
-    return (0, react_1.useRef)(new formstate_1.FieldState(initial)).current;
+    return useRef(new FieldState(initial)).current;
 }
-exports.ColorPickerExample = (0, mobx_react_1.observer)(() => {
+export const ColorPickerExample = observer(() => {
     const defaultField = useColorField(undefined);
-    const preview = (0, react_1.useMemo)(() => ({ color }) => (0, jsx_runtime_1.jsx)(Preview, { label: "Confirmed Appointment", color: color }, void 0), []);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 4, className: "m-b-half" }, { children: "Default" }), void 0), (0, jsx_runtime_1.jsx)(__1.ColorPicker, { label: "Tag Color", value: defaultField.value, onChange: defaultField.onChange, preview: preview }, void 0)] }, void 0));
+    const preview = useMemo(() => ({ color }) => _jsx(Preview, { label: "Confirmed Appointment", color: color }, void 0), []);
+    return (_jsxs(Fragment, { children: [_jsx(Text, Object.assign({ size: 4, className: "m-b-half" }, { children: "Default" }), void 0), _jsx(ColorPicker, { label: "Tag Color", value: defaultField.value, onChange: defaultField.onChange, preview: preview }, void 0)] }, void 0));
 });
 //# sourceMappingURL=color-picker.js.map

package/dist/demo/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/demo/color-picker.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsD;AAEtD,2CAAsC;AAEtC,+DAA8D;AAE9D,0BAA0D;AAE1D,yCAAuC;AAMvC,MAAM,OAAO,GAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACpD,wBAAC,gBAAQ,eACL,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,aAAa,qCAE/B,EACP,uBAAC,oBAAI,kBAAC,KAAK,QAAC,OAAO,EAAC,MAAM,gBACtB,uBAAC,mBAAG,kBAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,gBAC/B,KAAK,YACJ,YACH,YACA,CACd,CAAC;AAEF,SAAS,aAAa,CAA+B,OAAU;IAC3D,OAAO,IAAA,cAAM,EAAC,IAAI,sBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAEY,QAAA,kBAAkB,GAAO,IAAA,qBAAQ,EAAC,GAAG,EAAE;IAChD,MAAM,YAAY,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;IAElE,MAAM,OAAO,GAAgC,IAAA,eAAO,EAChD,GAAG,EAAE,CACD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACV,uBAAC,OAAO,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,WAAI,EAC/D,EAAE,CACL,CAAC;IAEF,OAAO,CACH,wBAAC,gBAAQ,eACL,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU,qCAE5B,EACP,uBAAC,eAAW,IACR,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,OAAO,EAAE,OAAO,WAClB,YACK,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/demo/color-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAM,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,WAAW,EAA2B,MAAM,IAAI,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAMvC,MAAM,OAAO,GAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACpD,MAAC,QAAQ,eACL,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,aAAa,qCAE/B,EACP,KAAC,IAAI,kBAAC,KAAK,QAAC,OAAO,EAAC,MAAM,gBACtB,KAAC,GAAG,kBAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,gBAC/B,KAAK,YACJ,YACH,YACA,CACd,CAAC;AAEF,SAAS,aAAa,CAA+B,OAAU;IAC3D,OAAO,MAAM,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAO,QAAQ,CAAC,GAAG,EAAE;IAChD,MAAM,YAAY,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;IAElE,MAAM,OAAO,GAAgC,OAAO,CAChD,GAAG,EAAE,CACD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACV,KAAC,OAAO,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,WAAI,EAC/D,EAAE,CACL,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU,qCAE5B,EACP,KAAC,WAAW,IACR,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,OAAO,EAAE,OAAO,WAClB,YACK,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/demo/date-range-picker.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const formstate_1 = require("formstate");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useRef } from 'react';
+import { observer } from 'mobx-react';
+import { Text } from '@servicetitan/design-system';
+import { DateRangePicker } from '..';
+import { FieldState } from 'formstate';
 function useDateRangeField(initial) {
-    return (0, react_1.useRef)(new formstate_1.FieldState(initial)).current;
+    return useRef(new FieldState(initial)).current;
 }
-exports.DateRangePickerExample = (0, mobx_react_1.observer)(() => {
+export const DateRangePickerExample = observer(() => {
     const defaultField = useDateRangeField(undefined);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 4, className: "m-b-half" }, { children: "Default" }), void 0), (0, jsx_runtime_1.jsx)(__1.DateRangePicker, { maskChar: "X", field: defaultField, "qa-testing": "qa-date-range-picker", horizontalAlign: "right", small: true }, void 0)] }, void 0));
+    return (_jsxs(Fragment, { children: [_jsx(Text, Object.assign({ size: 4, className: "m-b-half" }, { children: "Default" }), void 0), _jsx(DateRangePicker, { maskChar: "X", field: defaultField, "qa-testing": "qa-date-range-picker", horizontalAlign: "right", small: true }, void 0)] }, void 0));
 });
 //# sourceMappingURL=date-range-picker.js.map