@elliemae/ds-zoom 1.61.10 → 1.61.13

package/cjs/DSZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSZoom.js","sources":["../../src/DSZoom.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n"],"names":["DSZoom","className","disabled","value","undefined","onChange","containerProps","zoomOptions","zoomDefaultOptions","otherProps","convertPropToCssClassName","cssClassName","defaultOption","find","option","default","useState","menuIsOpen","setMenuIsOpen","selectedOption","setSelectedOption","label","clean","id","custom","setCustom","options","filter","currentValue","React","DSComboBox","valueChange","action","op","document","activeElement","blur","valueInput","Number","isNaN","parseInt","cleanValue","newOption","zoomProps","PropTypes","string","description","object","bool","defaultValue","oneOfType","number","func","shape","propTypes","ZoomWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSZoom.js","sources":["../../src/DSZoom.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n"],"names":["DSZoom","className","disabled","value","undefined","onChange","containerProps","zoomOptions","zoomDefaultOptions","otherProps","convertPropToCssClassName","cssClassName","defaultOption","find","option","default","useState","menuIsOpen","setMenuIsOpen","selectedOption","setSelectedOption","label","clean","id","custom","setCustom","options","filter","currentValue","React","DSComboBox","valueChange","action","op","document","activeElement","blur","valueInput","Number","isNaN","parseInt","cleanValue","newOption","zoomProps","PropTypes","string","description","object","bool","defaultValue","oneOfType","number","func","shape","propTypes","ZoomWithSchema","describe"],"mappings":"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"}

package/cjs/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/utils.tsx"],"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"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","setSize","size","setAttribute","getFactor","value","clean","replace","substring"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAC5BC,MAAM,CACJC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADI,CADsB;AAAA;IAOjBC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD;AAAA,SACrBL,QAAQ,CAACC,aAAT,CAAuB,OAAvB,EAAgCK,YAAhC,CAA6C,OAA7C,uBAAoED,IAApE,QADqB;AAAA;IAGVE,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SAAWA,KAAK,GAAG,GAAnB;AAAA;IAEZC,KAAK,GAAG,SAARA,KAAQ,CAACD,KAAD;AAAA,SAAWA,KAAK,CAACE,OAAN,CAAc,KAAd,EAAqB,EAArB,EAAyBC,SAAzB,CAAmC,CAAnC,EAAsC,CAAtC,CAAX;AAAA;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/utils.tsx"],"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"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","setSize","size","setAttribute","getFactor","value","clean","replace","substring"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,OAC5BC,MAAM,CACJC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADI,CADsB;AAAA;IAOjBC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD;EAAA,OACrBL,QAAQ,CAACC,aAAT,CAAuB,OAAvB,EAAgCK,YAAhC,CAA6C,OAA7C,uBAAoED,IAApE,QADqB;AAAA;IAGVE,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;EAAA,OAAWA,KAAK,GAAG,GAAnB;AAAA;IAEZC,KAAK,GAAG,SAARA,KAAQ,CAACD,KAAD;EAAA,OAAWA,KAAK,CAACE,OAAN,CAAc,KAAd,EAAqB,EAArB,EAAyBC,SAAzB,CAAmC,CAAnC,EAAsC,CAAtC,CAAX;AAAA;;;;;;;"}

package/cjs/components/zoomOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"zoomOptions.js","sources":["../../../src/components/zoomOptions.tsx"],"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"],"names":["label","value","default"],"mappings":";;AAAA,yBAAe,CACb;AACEA,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CADa,EAKb;AACED,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CALa,EASb;AACED,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CATa,EAab;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE,KAFT;AAGEC,EAAAA,OAAO,EAAE;AAHX,CAba,EAkBb;AACEF,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAlBa,EAsBb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAtBa,EA0Bb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CA1Ba,EA8Bb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CA9Ba,CAAf;;;;"}
+{"version":3,"file":"zoomOptions.js","sources":["../../../src/components/zoomOptions.tsx"],"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"],"names":["label","value","default"],"mappings":";;AAAA,yBAAe,CACb;EACEA,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CADa,EAKb;EACED,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CALa,EASb;EACED,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CATa,EAab;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE,KAFT;EAGEC,OAAO,EAAE;AAHX,CAba,EAkBb;EACEF,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CAlBa,EAsBb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CAtBa,EA0Bb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CA1Ba,EA8Bb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CA9Ba,CAAf;;;;"}

package/esm/DSZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSZoom.js","sources":["../../src/DSZoom.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n"],"names":["DSZoom","className","disabled","value","undefined","onChange","containerProps","zoomOptions","zoomDefaultOptions","otherProps","convertPropToCssClassName","cssClassName","defaultOption","find","option","default","useState","menuIsOpen","setMenuIsOpen","selectedOption","setSelectedOption","label","clean","id","custom","setCustom","options","filter","currentValue","valueChange","action","op","document","activeElement","blur","valueInput","Number","isNaN","parseInt","cleanValue","newOption","zoomProps","PropTypes","string","description","object","bool","defaultValue","oneOfType","number","func","shape","propTypes","ZoomWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSZoom.js","sources":["../../src/DSZoom.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useState } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst ZoomWithSchema = describe(DSZoom);\nZoomWithSchema.propTypes = zoomProps;\n\nexport { DSZoom, ZoomWithSchema };\nexport default DSZoom;\n"],"names":["DSZoom","className","disabled","value","undefined","onChange","containerProps","zoomOptions","zoomDefaultOptions","otherProps","convertPropToCssClassName","cssClassName","defaultOption","find","option","default","useState","menuIsOpen","setMenuIsOpen","selectedOption","setSelectedOption","label","clean","id","custom","setCustom","options","filter","currentValue","valueChange","action","op","document","activeElement","blur","valueInput","Number","isNaN","parseInt","cleanValue","newOption","zoomProps","PropTypes","string","description","object","bool","defaultValue","oneOfType","number","func","shape","propTypes","ZoomWithSchema","describe"],"mappings":"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"}

package/esm/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/utils.tsx"],"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"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","setSize","size","setAttribute","getFactor","value","clean","replace","substring"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAC5BC,MAAM,CACJC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADI,CADsB;AAAA;IAOjBC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD;AAAA,SACrBL,QAAQ,CAACC,aAAT,CAAuB,OAAvB,EAAgCK,YAAhC,CAA6C,OAA7C,uBAAoED,IAApE,QADqB;AAAA;IAGVE,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SAAWA,KAAK,GAAG,GAAnB;AAAA;IAEZC,KAAK,GAAG,SAARA,KAAQ,CAACD,KAAD;AAAA,SAAWA,KAAK,CAACE,OAAN,CAAc,KAAd,EAAqB,EAArB,EAAyBC,SAAzB,CAAmC,CAAnC,EAAsC,CAAtC,CAAX;AAAA;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/utils.tsx"],"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"],"names":["getCurrentFont","Number","window","getComputedStyle","document","querySelector","getPropertyValue","match","setSize","size","setAttribute","getFactor","value","clean","replace","substring"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,OAC5BC,MAAM,CACJC,MAAM,CACHC,gBADH,CACoBC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CADpB,EAEGC,gBAFH,CAEoB,WAFpB,EAGGC,KAHH,CAGS,KAHT,EAGgB,CAHhB,CADI,CADsB;AAAA;IAOjBC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD;EAAA,OACrBL,QAAQ,CAACC,aAAT,CAAuB,OAAvB,EAAgCK,YAAhC,CAA6C,OAA7C,uBAAoED,IAApE,QADqB;AAAA;IAGVE,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;EAAA,OAAWA,KAAK,GAAG,GAAnB;AAAA;IAEZC,KAAK,GAAG,SAARA,KAAQ,CAACD,KAAD;EAAA,OAAWA,KAAK,CAACE,OAAN,CAAc,KAAd,EAAqB,EAArB,EAAyBC,SAAzB,CAAmC,CAAnC,EAAsC,CAAtC,CAAX;AAAA;;;;"}

package/esm/components/zoomOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"zoomOptions.js","sources":["../../../src/components/zoomOptions.tsx"],"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"],"names":["label","value","default"],"mappings":"AAAA,yBAAe,CACb;AACEA,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CADa,EAKb;AACED,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CALa,EASb;AACED,EAAAA,KAAK,EAAE,KADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CATa,EAab;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE,KAFT;AAGEC,EAAAA,OAAO,EAAE;AAHX,CAba,EAkBb;AACEF,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAlBa,EAsBb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CAtBa,EA0Bb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CA1Ba,EA8Bb;AACED,EAAAA,KAAK,EAAE,MADT;AAEEC,EAAAA,KAAK,EAAE;AAFT,CA9Ba,CAAf;;;;"}
+{"version":3,"file":"zoomOptions.js","sources":["../../../src/components/zoomOptions.tsx"],"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"],"names":["label","value","default"],"mappings":"AAAA,yBAAe,CACb;EACEA,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CADa,EAKb;EACED,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CALa,EASb;EACED,KAAK,EAAE,KADT;EAEEC,KAAK,EAAE;AAFT,CATa,EAab;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE,KAFT;EAGEC,OAAO,EAAE;AAHX,CAba,EAkBb;EACEF,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CAlBa,EAsBb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CAtBa,EA0Bb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CA1Ba,EA8Bb;EACED,KAAK,EAAE,MADT;EAEEC,KAAK,EAAE;AAFT,CA9Ba,CAAf;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zoom",
-  "version": "1.61.10",
+  "version": "1.61.13",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Zoom",
   "module": "esm/index.js",
@@ -16,8 +16,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "1.61.10",
-    "@elliemae/ds-form": "1.61.10",
+    "@elliemae/ds-classnames": "1.61.13",
+    "@elliemae/ds-form": "1.61.13",
     "react-desc": "^4.1.2"
   },
   "peerDependencies": {