@elliemae/ds-zoom 3.4.2 → 3.4.3

package/dist/cjs/DSZoom.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSZoom_exports = {};
 __export(DSZoom_exports, {
@@ -27,7 +30,8 @@ __export(DSZoom_exports, {
 });
 module.exports = __toCommonJS(DSZoom_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_form = require("@elliemae/ds-form");
@@ -48,52 +52,55 @@ const DSZoom = ({
   const defaultOption = zoomOptions.find((option) => option.default);
   const [menuIsOpen, setMenuIsOpen] = (0, import_react.useState)(false);
   const [selectedOption, setSelectedOption] = (0, import_react.useState)(defaultOption);
-  const [custom, setCustom] = (0, import_react.useState)(!value ? defaultOption : {
-    label: `${(0, import_utils.clean)(value)}%`,
-    value: (0, import_utils.clean)(value),
-    id: "custom"
-  });
+  const [custom, setCustom] = (0, import_react.useState)(
+    !value ? defaultOption : {
+      label: `${(0, import_utils.clean)(value)}%`,
+      value: (0, import_utils.clean)(value),
+      id: "custom"
+    }
+  );
   const options = [custom, ...zoomOptions.filter((option) => !option.default)];
   const currentValue = value || selectedOption?.value || custom?.value || defaultOption?.value;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: `${cssClassName}`,
     ...containerProps,
-    ...otherProps
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
-    searchable: true,
-    disabled,
-    menuIsOpen,
-    onChange: (valueChange, { action }) => {
-      const op = options.find((option) => option.value === valueChange);
-      setSelectedOption(op);
-      onChange(op);
-      setMenuIsOpen(false);
-      if (action === "select-option") {
-        document.activeElement.blur();
-      }
-    },
-    onClickDropdownIndicator: () => setMenuIsOpen(!menuIsOpen),
-    onInputChange: (valueInput, action) => {
-      if (valueInput || action.action === "input-change") {
-        if (!valueInput) {
-          setCustom(defaultOption);
-          onChange(defaultOption);
-        } else if (!Number.isNaN(parseInt(valueInput, 10))) {
-          const cleanValue = parseInt(valueInput, 10);
-          const newOption = {
-            label: `${cleanValue}%`,
-            value: `${cleanValue}%`,
-            id: "custom"
-          };
-          setCustom(newOption);
-          onChange(newOption);
+    ...otherProps,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
+      searchable: true,
+      disabled,
+      menuIsOpen,
+      onChange: (valueChange, { action }) => {
+        const op = options.find((option) => option.value === valueChange);
+        setSelectedOption(op);
+        onChange(op);
+        setMenuIsOpen(false);
+        if (action === "select-option") {
+          document.activeElement.blur();
+        }
+      },
+      onClickDropdownIndicator: () => setMenuIsOpen(!menuIsOpen),
+      onInputChange: (valueInput, action) => {
+        if (valueInput || action.action === "input-change") {
+          if (!valueInput) {
+            setCustom(defaultOption);
+            onChange(defaultOption);
+          } else if (!Number.isNaN(parseInt(valueInput, 10))) {
+            const cleanValue = parseInt(valueInput, 10);
+            const newOption = {
+              label: `${cleanValue}%`,
+              value: `${cleanValue}%`,
+              id: "custom"
+            };
+            setCustom(newOption);
+            onChange(newOption);
+          }
         }
-      }
-      setMenuIsOpen(false);
-    },
-    options,
-    value: currentValue
-  }));
+        setMenuIsOpen(false);
+      },
+      options,
+      value: currentValue
+    })
+  });
 };
 const zoomProps = {
   className: import_ds_utilities.PropTypes.string.description("html class attribute"),

package/dist/cjs/DSZoom.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSZoom.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport zoomDefaultOptions from './components/zoomOptions';\nimport { clean } from './components/utils';\n\nconst DSZoom = ({\n  className = '',\n  disabled = false,\n  value = undefined,\n  onChange = () => null,\n  containerProps = {},\n  zoomOptions = zoomDefaultOptions,\n  ...otherProps\n}) => {\n  const { cssClassName } = convertPropToCssClassName('zoom-resize', className, {\n    disabled,\n  });\n  const defaultOption = zoomOptions.find((option) => option.default);\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\n  const [selectedOption, setSelectedOption] = useState(defaultOption);\n  const [custom, setCustom] = useState(\n    !value\n      ? defaultOption\n      : {\n          label: `${clean(value)}%`,\n          value: clean(value),\n          id: 'custom',\n        },\n  );\n  const options = [custom, ...zoomOptions.filter((option) => !option.default)];\n\n  const currentValue = value || selectedOption?.value || custom?.value || defaultOption?.value;\n\n  return (\n    <div className={`${cssClassName}`} {...containerProps} {...otherProps}>\n      <DSComboBox\n        searchable\n        disabled={disabled}\n        menuIsOpen={menuIsOpen}\n        onChange={(valueChange, { action }) => {\n          const op = options.find((option) => option.value === valueChange);\n          setSelectedOption(op);\n          onChange(op);\n          setMenuIsOpen(false);\n          if (action === 'select-option') {\n            document.activeElement.blur();\n          }\n        }}\n        onClickDropdownIndicator={() => setMenuIsOpen(!menuIsOpen)}\n        onInputChange={(valueInput, action) => {\n          if (valueInput || action.action === 'input-change') {\n            if (!valueInput) {\n              setCustom(defaultOption);\n              onChange(defaultOption);\n            } else if (!Number.isNaN(parseInt(valueInput, 10))) {\n              const cleanValue = parseInt(valueInput, 10);\n              const newOption = {\n                label: `${cleanValue}%`,\n                value: `${cleanValue}%`,\n                id: 'custom',\n              };\n              setCustom(newOption);\n              onChange(newOption);\n            }\n          }\n          setMenuIsOpen(false);\n        }}\n        options={options}\n        value={currentValue}\n      />\n    </div>\n  );\n};\n\nconst zoomProps = {\n  className: PropTypes.string.description('html class attribute'),\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  disabled: PropTypes.bool.description('disable component').defaultValue(false),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('current value'),\n  onChange: PropTypes.func.description('function called when a new value is selected'),\n  zoomOptions: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    default: PropTypes.bool,\n  }).description('list of options to display in the select menu'),\n};\n\nDSZoom.propTypes = zoomProps;\nDSZoom.displayName = 'DSZoom';\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["zoomDefaultOptions"]
 }

package/dist/cjs/components/utils.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
@@ -28,7 +31,9 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"));
-const getCurrentFont = () => Number(window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]);
+const getCurrentFont = () => Number(
+  window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]
+);
 const setSize = (size) => document.querySelector(":root").setAttribute("style", `font-size: ${size}px`);
 const getFactor = (value) => value / 100;
 const clean = (value) => value.replace(/\D/g, "").substring(0, 3);

package/dist/cjs/components/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const getCurrentFont = () =>\n  Number(\n    window\n      .getComputedStyle(document.querySelector(':root'))\n      .getPropertyValue('font-size')\n      .match(/\\d+/)[0],\n  );\nexport const setSize = (size) =>\n  document.querySelector(':root').setAttribute('style', `font-size: ${size}px`);\n\nexport const getFactor = (value) => value / 100;\n\nexport const clean = (value) => value.replace(/\\D/g, '').substring(0, 3);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB,MAC5B,OACE,OACG,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAChD,iBAAiB,WAAW,EAC5B,MAAM,KAAK,EAAE,EAClB;AACK,MAAM,UAAU,CAAC,SACtB,SAAS,cAAc,OAAO,EAAE,aAAa,SAAS,cAAc,QAAQ;AAEvE,MAAM,YAAY,CAAC,UAAU,QAAQ;AAErC,MAAM,QAAQ,CAAC,UAAU,MAAM,QAAQ,OAAO,EAAE,EAAE,UAAU,GAAG,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB,MAC5B;AAAA,EACE,OACG,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAChD,iBAAiB,WAAW,EAC5B,MAAM,KAAK,EAAE;AAClB;AACK,MAAM,UAAU,CAAC,SACtB,SAAS,cAAc,OAAO,EAAE,aAAa,SAAS,cAAc,QAAQ;AAEvE,MAAM,YAAY,CAAC,UAAU,QAAQ;AAErC,MAAM,QAAQ,CAAC,UAAU,MAAM,QAAQ,OAAO,EAAE,EAAE,UAAU,GAAG,CAAC;",
   "names": []
 }

package/dist/cjs/components/zoomOptions.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var zoomOptions_exports = {};
 __export(zoomOptions_exports, {

package/dist/cjs/components/zoomOptions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/zoomOptions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export default [\n  {\n    label: '25%',\n    value: '25',\n  },\n  {\n    label: '50%',\n    value: '50',\n  },\n  {\n    label: '75%',\n    value: '75',\n  },\n  {\n    label: '100%',\n    value: '100',\n    default: true,\n  },\n  {\n    label: '125%',\n    value: '125',\n  },\n  {\n    label: '150%',\n    value: '150',\n  },\n  {\n    label: '175%',\n    value: '175',\n  },\n  {\n    label: '200%',\n    value: '200',\n  },\n];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,IAAO,sBAAQ;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,IAAO,sBAAQ;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './DSZoom';\nexport { default } from './DSZoom';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qBAAd;AACA,oBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qBAAd;AACA,oBAAwB;",
   "names": []
 }

package/dist/esm/DSZoom.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { DSComboBox } from "@elliemae/ds-form";
@@ -20,52 +21,55 @@ const DSZoom = ({
   const defaultOption = zoomOptions.find((option) => option.default);
   const [menuIsOpen, setMenuIsOpen] = useState(false);
   const [selectedOption, setSelectedOption] = useState(defaultOption);
-  const [custom, setCustom] = useState(!value ? defaultOption : {
-    label: `${clean(value)}%`,
-    value: clean(value),
-    id: "custom"
-  });
+  const [custom, setCustom] = useState(
+    !value ? defaultOption : {
+      label: `${clean(value)}%`,
+      value: clean(value),
+      id: "custom"
+    }
+  );
   const options = [custom, ...zoomOptions.filter((option) => !option.default)];
   const currentValue = value || selectedOption?.value || custom?.value || defaultOption?.value;
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ jsx("div", {
     className: `${cssClassName}`,
     ...containerProps,
-    ...otherProps
-  }, /* @__PURE__ */ React2.createElement(DSComboBox, {
-    searchable: true,
-    disabled,
-    menuIsOpen,
-    onChange: (valueChange, { action }) => {
-      const op = options.find((option) => option.value === valueChange);
-      setSelectedOption(op);
-      onChange(op);
-      setMenuIsOpen(false);
-      if (action === "select-option") {
-        document.activeElement.blur();
-      }
-    },
-    onClickDropdownIndicator: () => setMenuIsOpen(!menuIsOpen),
-    onInputChange: (valueInput, action) => {
-      if (valueInput || action.action === "input-change") {
-        if (!valueInput) {
-          setCustom(defaultOption);
-          onChange(defaultOption);
-        } else if (!Number.isNaN(parseInt(valueInput, 10))) {
-          const cleanValue = parseInt(valueInput, 10);
-          const newOption = {
-            label: `${cleanValue}%`,
-            value: `${cleanValue}%`,
-            id: "custom"
-          };
-          setCustom(newOption);
-          onChange(newOption);
+    ...otherProps,
+    children: /* @__PURE__ */ jsx(DSComboBox, {
+      searchable: true,
+      disabled,
+      menuIsOpen,
+      onChange: (valueChange, { action }) => {
+        const op = options.find((option) => option.value === valueChange);
+        setSelectedOption(op);
+        onChange(op);
+        setMenuIsOpen(false);
+        if (action === "select-option") {
+          document.activeElement.blur();
+        }
+      },
+      onClickDropdownIndicator: () => setMenuIsOpen(!menuIsOpen),
+      onInputChange: (valueInput, action) => {
+        if (valueInput || action.action === "input-change") {
+          if (!valueInput) {
+            setCustom(defaultOption);
+            onChange(defaultOption);
+          } else if (!Number.isNaN(parseInt(valueInput, 10))) {
+            const cleanValue = parseInt(valueInput, 10);
+            const newOption = {
+              label: `${cleanValue}%`,
+              value: `${cleanValue}%`,
+              id: "custom"
+            };
+            setCustom(newOption);
+            onChange(newOption);
+          }
         }
-      }
-      setMenuIsOpen(false);
-    },
-    options,
-    value: currentValue
-  }));
+        setMenuIsOpen(false);
+      },
+      options,
+      value: currentValue
+    })
+  });
 };
 const zoomProps = {
   className: PropTypes.string.description("html class attribute"),

package/dist/esm/DSZoom.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSZoom.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport zoomDefaultOptions from './components/zoomOptions';\nimport { clean } from './components/utils';\n\nconst DSZoom = ({\n  className = '',\n  disabled = false,\n  value = undefined,\n  onChange = () => null,\n  containerProps = {},\n  zoomOptions = zoomDefaultOptions,\n  ...otherProps\n}) => {\n  const { cssClassName } = convertPropToCssClassName('zoom-resize', className, {\n    disabled,\n  });\n  const defaultOption = zoomOptions.find((option) => option.default);\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\n  const [selectedOption, setSelectedOption] = useState(defaultOption);\n  const [custom, setCustom] = useState(\n    !value\n      ? defaultOption\n      : {\n          label: `${clean(value)}%`,\n          value: clean(value),\n          id: 'custom',\n        },\n  );\n  const options = [custom, ...zoomOptions.filter((option) => !option.default)];\n\n  const currentValue = value || selectedOption?.value || custom?.value || defaultOption?.value;\n\n  return (\n    <div className={`${cssClassName}`} {...containerProps} {...otherProps}>\n      <DSComboBox\n        searchable\n        disabled={disabled}\n        menuIsOpen={menuIsOpen}\n        onChange={(valueChange, { action }) => {\n          const op = options.find((option) => option.value === valueChange);\n          setSelectedOption(op);\n          onChange(op);\n          setMenuIsOpen(false);\n          if (action === 'select-option') {\n            document.activeElement.blur();\n          }\n        }}\n        onClickDropdownIndicator={() => setMenuIsOpen(!menuIsOpen)}\n        onInputChange={(valueInput, action) => {\n          if (valueInput || action.action === 'input-change') {\n            if (!valueInput) {\n              setCustom(defaultOption);\n              onChange(defaultOption);\n            } else if (!Number.isNaN(parseInt(valueInput, 10))) {\n              const cleanValue = parseInt(valueInput, 10);\n              const newOption = {\n                label: `${cleanValue}%`,\n                value: `${cleanValue}%`,\n                id: 'custom',\n              };\n              setCustom(newOption);\n              onChange(newOption);\n            }\n          }\n          setMenuIsOpen(false);\n        }}\n        options={options}\n        value={currentValue}\n      />\n    </div>\n  );\n};\n\nconst zoomProps = {\n  className: PropTypes.string.description('html class attribute'),\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  disabled: PropTypes.bool.description('disable component').defaultValue(false),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('current value'),\n  onChange: PropTypes.func.description('function called when a new value is selected'),\n  zoomOptions: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    default: PropTypes.bool,\n  }).description('list of options to display in the select menu'),\n};\n\nDSZoom.propTypes = zoomProps;\nDSZoom.displayName = 'DSZoom';\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,cAAc;AAAA,KACX;AAAA,MACC;AACJ,QAAM,EAAE,iBAAiB,0BAA0B,eAAe,WAAW;AAAA,IAC3E;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,YAAY,KAAK,CAAC,WAAW,OAAO,OAAO;AACjE,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,gBAAgB,qBAAqB,SAAS,aAAa;AAClE,QAAM,CAAC,QAAQ,aAAa,SAC1B,CAAC,QACG,gBACA;AAAA,IACE,OAAO,GAAG,MAAM,KAAK;AAAA,IACrB,OAAO,MAAM,KAAK;AAAA,IAClB,IAAI;AAAA,EACN,CACN;AACA,QAAM,UAAU,CAAC,QAAQ,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,OAAO,OAAO,CAAC;AAE3E,QAAM,eAAe,SAAS,gBAAgB,SAAS,QAAQ,SAAS,eAAe;AAEvF,SACE,qCAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAiB,GAAG;AAAA,KACzD,qCAAC;AAAA,IACC,YAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,CAAC,aAAa,EAAE,aAAa;AACrC,YAAM,KAAK,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,WAAW;AAChE,wBAAkB,EAAE;AACpB,eAAS,EAAE;AACX,oBAAc,KAAK;AACnB,UAAI,WAAW,iBAAiB;AAC9B,iBAAS,cAAc,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,IACA,0BAA0B,MAAM,cAAc,CAAC,UAAU;AAAA,IACzD,eAAe,CAAC,YAAY,WAAW;AACrC,UAAI,cAAc,OAAO,WAAW,gBAAgB;AAClD,YAAI,CAAC,YAAY;AACf,oBAAU,aAAa;AACvB,mBAAS,aAAa;AAAA,QACxB,WAAW,CAAC,OAAO,MAAM,SAAS,YAAY,EAAE,CAAC,GAAG;AAClD,gBAAM,aAAa,SAAS,YAAY,EAAE;AAC1C,gBAAM,YAAY;AAAA,YAChB,OAAO,GAAG;AAAA,YACV,OAAO,GAAG;AAAA,YACV,IAAI;AAAA,UACN;AACA,oBAAU,SAAS;AACnB,mBAAS,SAAS;AAAA,QACpB;AAAA,MACF;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,IACA;AAAA,IACA,OAAO;AAAA,GACT,CACF;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,UAAU,UAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,eAAe;AAAA,EAC9G,UAAU,UAAU,KAAK,YAAY,8CAA8C;AAAA,EACnF,aAAa,UAAU,MAAM;AAAA,IAC3B,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IAC/D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IAC/D,SAAS,UAAU;AAAA,EACrB,CAAC,EAAE,YAAY,+CAA+C;AAChE;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,MAAM,iBAAiB,SAAS,MAAM;AACtC,eAAe,YAAY;AAG3B,IAAO,iBAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/utils.js

@@ -1,5 +1,7 @@
 import * as React from "react";
-const getCurrentFont = () => Number(window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]);
+const getCurrentFont = () => Number(
+  window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]
+);
 const setSize = (size) => document.querySelector(":root").setAttribute("style", `font-size: ${size}px`);
 const getFactor = (value) => value / 100;
 const clean = (value) => value.replace(/\D/g, "").substring(0, 3);

package/dist/esm/components/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/utils.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getCurrentFont = () =>\n  Number(\n    window\n      .getComputedStyle(document.querySelector(':root'))\n      .getPropertyValue('font-size')\n      .match(/\\d+/)[0],\n  );\nexport const setSize = (size) =>\n  document.querySelector(':root').setAttribute('style', `font-size: ${size}px`);\n\nexport const getFactor = (value) => value / 100;\n\nexport const clean = (value) => value.replace(/\\D/g, '').substring(0, 3);\n"],
-  "mappings": "AAAA;ACAO,MAAM,iBAAiB,MAC5B,OACE,OACG,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAChD,iBAAiB,WAAW,EAC5B,MAAM,KAAK,EAAE,EAClB;AACK,MAAM,UAAU,CAAC,SACtB,SAAS,cAAc,OAAO,EAAE,aAAa,SAAS,cAAc,QAAQ;AAEvE,MAAM,YAAY,CAAC,UAAU,QAAQ;AAErC,MAAM,QAAQ,CAAC,UAAU,MAAM,QAAQ,OAAO,EAAE,EAAE,UAAU,GAAG,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB,MAC5B;AAAA,EACE,OACG,iBAAiB,SAAS,cAAc,OAAO,CAAC,EAChD,iBAAiB,WAAW,EAC5B,MAAM,KAAK,EAAE;AAClB;AACK,MAAM,UAAU,CAAC,SACtB,SAAS,cAAc,OAAO,EAAE,aAAa,SAAS,cAAc,QAAQ;AAEvE,MAAM,YAAY,CAAC,UAAU,QAAQ;AAErC,MAAM,QAAQ,CAAC,UAAU,MAAM,QAAQ,OAAO,EAAE,EAAE,UAAU,GAAG,CAAC;",
   "names": []
 }

package/dist/esm/components/zoomOptions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/zoomOptions.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export default [\n  {\n    label: '25%',\n    value: '25',\n  },\n  {\n    label: '50%',\n    value: '50',\n  },\n  {\n    label: '75%',\n    value: '75',\n  },\n  {\n    label: '100%',\n    value: '100',\n    default: true,\n  },\n  {\n    label: '125%',\n    value: '125',\n  },\n  {\n    label: '150%',\n    value: '150',\n  },\n  {\n    label: '175%',\n    value: '175',\n  },\n  {\n    label: '200%',\n    value: '200',\n  },\n];\n"],
-  "mappings": "AAAA;ACAA,IAAO,sBAAQ;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,IAAO,sBAAQ;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSZoom';\nexport { default } from './DSZoom';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zoom",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zoom",
   "files": [
@@ -47,9 +47,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.4.2",
-    "@elliemae/ds-form": "3.4.2",
-    "@elliemae/ds-utilities": "3.4.2"
+    "@elliemae/ds-classnames": "3.4.3",
+    "@elliemae/ds-form": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",