@elliemae/ds-zoom 1.60.0 → 2.0.0-alpha.12

package/cjs/DSZoom.js

@@ -2,127 +2,110 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsForm = require('@elliemae/ds-form');
-var components_zoomOptions = require('./components/zoomOptions.js');
-var components_utils = require('./components/utils.js');
+var zoomOptions = require('./components/zoomOptions.js');
+var utils = require('./components/utils.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "disabled", "value", "onChange", "containerProps", "zoomOptions"];
+const _excluded = ["className", "disabled", "value", "onChange", "containerProps", "zoomOptions"];
 
-var DSZoom = function DSZoom(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? undefined : _ref$value,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$zoomOptions = _ref.zoomOptions,
-      zoomOptions = _ref$zoomOptions === void 0 ? components_zoomOptions : _ref$zoomOptions,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('zoom-resize', className, {
-    disabled: disabled
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  var defaultOption = zoomOptions.find(function (option) {
-    return option.default;
-  });
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      menuIsOpen = _useState2[0],
-      setMenuIsOpen = _useState2[1];
-
-  var _useState3 = React.useState(defaultOption),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      selectedOption = _useState4[0],
-      setSelectedOption = _useState4[1];
+const DSZoom = _ref => {
+  let {
+    className = '',
+    disabled = false,
+    value = undefined,
+    onChange = () => null,
+    containerProps = {},
+    zoomOptions: zoomOptions$1 = zoomOptions
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var _useState5 = React.useState(!value ? defaultOption : {
-    label: "".concat(components_utils.clean(value), "%"),
-    value: components_utils.clean(value),
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('zoom-resize', className, {
+    disabled
+  });
+  const defaultOption = zoomOptions$1.find(option => option.default);
+  const [menuIsOpen, setMenuIsOpen] = react.useState(false);
+  const [selectedOption, setSelectedOption] = react.useState(defaultOption);
+  const [custom, setCustom] = react.useState(!value ? defaultOption : {
+    label: "".concat(utils.clean(value), "%"),
+    value: utils.clean(value),
     id: 'custom'
-  }),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      custom = _useState6[0],
-      setCustom = _useState6[1];
-
-  var options = [custom].concat(_toConsumableArray__default['default'](zoomOptions.filter(function (option) {
-    return !option.default;
-  })));
-  var currentValue = value || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) || (custom === null || custom === void 0 ? void 0 : custom.value) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value);
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
+  });
+  const options = [custom, ...zoomOptions$1.filter(option => !option.default)];
+  const currentValue = value || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) || (custom === null || custom === void 0 ? void 0 : custom.value) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value);
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread(_objectSpread({
     className: "".concat(cssClassName)
-  }, containerProps, otherProps), /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
-    searchable: true,
-    disabled: disabled,
-    menuIsOpen: menuIsOpen,
-    onChange: function onChange(valueChange, _ref2) {
-      var action = _ref2.action;
-      var op = options.find(function (option) {
-        return option.value === valueChange;
-      });
-      setSelectedOption(op);
-
-      _onChange(op);
-
-      setMenuIsOpen(false);
-
-      if (action === 'select-option') {
-        document.activeElement.blur();
-      }
-    },
-    onClickDropdownIndicator: function onClickDropdownIndicator() {
-      return setMenuIsOpen(!menuIsOpen);
-    },
-    onInputChange: function onInputChange(valueInput, action) {
-      if (valueInput || action.action === 'input-change') {
-        if (!valueInput) {
-          setCustom(defaultOption);
-
-          _onChange(defaultOption);
-        } else if (!Number.isNaN(parseInt(valueInput, 10))) {
-          var cleanValue = parseInt(valueInput, 10);
-          var newOption = {
-            label: "".concat(cleanValue, "%"),
-            value: "".concat(cleanValue, "%"),
-            id: 'custom'
-          };
-          setCustom(newOption);
-
-          _onChange(newOption);
+  }, containerProps), otherProps), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+      searchable: true,
+      disabled: disabled,
+      menuIsOpen: menuIsOpen,
+      onChange: (valueChange, _ref2) => {
+        let {
+          action
+        } = _ref2;
+        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: "".concat(cleanValue, "%"),
+              value: "".concat(cleanValue, "%"),
+              id: 'custom'
+            };
+            setCustom(newOption);
+            onChange(newOption);
+          }
         }
-      }
 
-      setMenuIsOpen(false);
-    },
-    options: options,
-    value: currentValue
+        setMenuIsOpen(false);
+      },
+      options: options,
+      value: currentValue
+    })
   }));
 };
 
-var zoomProps = {
+const zoomProps = {
   className: reactDesc.PropTypes.string.description('html class attribute'),
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
   disabled: reactDesc.PropTypes.bool.description('disable component').defaultValue(false),
@@ -134,11 +117,9 @@ var zoomProps = {
     default: reactDesc.PropTypes.bool
   }).description('list of options to display in the select menu')
 };
-DSZoom.propTypes = zoomProps;
-var ZoomWithSchema = reactDesc.describe(DSZoom);
+const ZoomWithSchema = reactDesc.describe(DSZoom);
 ZoomWithSchema.propTypes = zoomProps;
 
 exports.DSZoom = DSZoom;
 exports.ZoomWithSchema = ZoomWithSchema;
-exports['default'] = DSZoom;
-//# sourceMappingURL=DSZoom.js.map
+exports["default"] = DSZoom;

package/cjs/components/utils.js

@@ -2,21 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getCurrentFont = function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
-};
-var setSize = function setSize(size) {
-  return document.querySelector(':root').setAttribute('style', "font-size: ".concat(size, "px"));
-};
-var getFactor = function getFactor(value) {
-  return value / 100;
-};
-var clean = function clean(value) {
-  return value.replace(/\D/g, '').substring(0, 3);
-};
+require('core-js/modules/es.string.replace.js');
+
+const getCurrentFont = () => Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
+const setSize = size => document.querySelector(':root').setAttribute('style', "font-size: ".concat(size, "px"));
+const getFactor = value => value / 100;
+const clean = value => value.replace(/\D/g, '').substring(0, 3);
 
 exports.clean = clean;
 exports.getCurrentFont = getCurrentFont;
 exports.getFactor = getFactor;
 exports.setSize = setSize;
-//# sourceMappingURL=utils.js.map

package/cjs/components/zoomOptions.js

@@ -28,4 +28,3 @@ var zoomDefaultOptions = [{
 }];
 
 module.exports = zoomDefaultOptions;
-//# sourceMappingURL=zoomOptions.js.map

package/cjs/index.js

@@ -3,20 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSZoom = require('./DSZoom.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./components/zoomOptions.js');
-require('./components/utils.js');
 
 
 
 exports.DSZoom = DSZoom.DSZoom;
 exports.ZoomWithSchema = DSZoom.ZoomWithSchema;
-exports.default = DSZoom.DSZoom;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSZoom.DSZoom;

package/esm/DSZoom.js

@@ -1,116 +1,101 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useState } from 'react';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useState } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { DSComboBox } from '@elliemae/ds-form';
 import zoomDefaultOptions from './components/zoomOptions.js';
 import { clean } from './components/utils.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["className", "disabled", "value", "onChange", "containerProps", "zoomOptions"];
+const _excluded = ["className", "disabled", "value", "onChange", "containerProps", "zoomOptions"];
 
-var DSZoom = function DSZoom(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? undefined : _ref$value,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$zoomOptions = _ref.zoomOptions,
-      zoomOptions = _ref$zoomOptions === void 0 ? zoomDefaultOptions : _ref$zoomOptions,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _convertPropToCssClas = convertPropToCssClassName('zoom-resize', className, {
-    disabled: disabled
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName;
-
-  var defaultOption = zoomOptions.find(function (option) {
-    return option.default;
-  });
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      menuIsOpen = _useState2[0],
-      setMenuIsOpen = _useState2[1];
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  var _useState3 = useState(defaultOption),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selectedOption = _useState4[0],
-      setSelectedOption = _useState4[1];
+const DSZoom = _ref => {
+  let {
+    className = '',
+    disabled = false,
+    value = undefined,
+    onChange = () => null,
+    containerProps = {},
+    zoomOptions = zoomDefaultOptions
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState5 = useState(!value ? defaultOption : {
+  const {
+    cssClassName
+  } = convertPropToCssClassName('zoom-resize', className, {
+    disabled
+  });
+  const defaultOption = zoomOptions.find(option => option.default);
+  const [menuIsOpen, setMenuIsOpen] = useState(false);
+  const [selectedOption, setSelectedOption] = useState(defaultOption);
+  const [custom, setCustom] = useState(!value ? defaultOption : {
     label: "".concat(clean(value), "%"),
     value: clean(value),
     id: 'custom'
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      custom = _useState6[0],
-      setCustom = _useState6[1];
-
-  var options = [custom].concat(_toConsumableArray(zoomOptions.filter(function (option) {
-    return !option.default;
-  })));
-  var currentValue = value || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) || (custom === null || custom === void 0 ? void 0 : custom.value) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  });
+  const options = [custom, ...zoomOptions.filter(option => !option.default)];
+  const currentValue = value || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) || (custom === null || custom === void 0 ? void 0 : custom.value) || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
     className: "".concat(cssClassName)
-  }, containerProps, otherProps), /*#__PURE__*/React.createElement(DSComboBox, {
-    searchable: true,
-    disabled: disabled,
-    menuIsOpen: menuIsOpen,
-    onChange: function onChange(valueChange, _ref2) {
-      var action = _ref2.action;
-      var op = options.find(function (option) {
-        return option.value === valueChange;
-      });
-      setSelectedOption(op);
-
-      _onChange(op);
-
-      setMenuIsOpen(false);
-
-      if (action === 'select-option') {
-        document.activeElement.blur();
-      }
-    },
-    onClickDropdownIndicator: function onClickDropdownIndicator() {
-      return setMenuIsOpen(!menuIsOpen);
-    },
-    onInputChange: function onInputChange(valueInput, action) {
-      if (valueInput || action.action === 'input-change') {
-        if (!valueInput) {
-          setCustom(defaultOption);
-
-          _onChange(defaultOption);
-        } else if (!Number.isNaN(parseInt(valueInput, 10))) {
-          var cleanValue = parseInt(valueInput, 10);
-          var newOption = {
-            label: "".concat(cleanValue, "%"),
-            value: "".concat(cleanValue, "%"),
-            id: 'custom'
-          };
-          setCustom(newOption);
-
-          _onChange(newOption);
+  }, containerProps), otherProps), {}, {
+    children: /*#__PURE__*/_jsx(DSComboBox, {
+      searchable: true,
+      disabled: disabled,
+      menuIsOpen: menuIsOpen,
+      onChange: (valueChange, _ref2) => {
+        let {
+          action
+        } = _ref2;
+        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: "".concat(cleanValue, "%"),
+              value: "".concat(cleanValue, "%"),
+              id: 'custom'
+            };
+            setCustom(newOption);
+            onChange(newOption);
+          }
         }
-      }
 
-      setMenuIsOpen(false);
-    },
-    options: options,
-    value: currentValue
+        setMenuIsOpen(false);
+      },
+      options: options,
+      value: currentValue
+    })
   }));
 };
 
-var zoomProps = {
+const zoomProps = {
   className: PropTypes.string.description('html class attribute'),
   containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
   disabled: PropTypes.bool.description('disable component').defaultValue(false),
@@ -122,9 +107,7 @@ var zoomProps = {
     default: PropTypes.bool
   }).description('list of options to display in the select menu')
 };
-DSZoom.propTypes = zoomProps;
-var ZoomWithSchema = describe(DSZoom);
+const ZoomWithSchema = describe(DSZoom);
 ZoomWithSchema.propTypes = zoomProps;
 
 export { DSZoom, ZoomWithSchema, DSZoom as default };
-//# sourceMappingURL=DSZoom.js.map

package/esm/components/utils.js

@@ -1,15 +1,8 @@
-var getCurrentFont = function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
-};
-var setSize = function setSize(size) {
-  return document.querySelector(':root').setAttribute('style', "font-size: ".concat(size, "px"));
-};
-var getFactor = function getFactor(value) {
-  return value / 100;
-};
-var clean = function clean(value) {
-  return value.replace(/\D/g, '').substring(0, 3);
-};
+import 'core-js/modules/es.string.replace.js';
+
+const getCurrentFont = () => Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
+const setSize = size => document.querySelector(':root').setAttribute('style', "font-size: ".concat(size, "px"));
+const getFactor = value => value / 100;
+const clean = value => value.replace(/\D/g, '').substring(0, 3);
 
 export { clean, getCurrentFont, getFactor, setSize };
-//# sourceMappingURL=utils.js.map

package/esm/components/zoomOptions.js

@@ -26,4 +26,3 @@ var zoomDefaultOptions = [{
 }];
 
 export { zoomDefaultOptions as default };
-//# sourceMappingURL=zoomOptions.js.map

package/esm/index.js

@@ -1,12 +1 @@
 export { DSZoom, ZoomWithSchema, DSZoom as default } from './DSZoom.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
-import './components/zoomOptions.js';
-import './components/utils.js';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@elliemae/ds-zoom",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Zoom",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Zoom",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./DSZoom": {
+      "import": "./esm/DSZoom.js",
+      "require": "./cjs/DSZoom.js"
+    },
+    "./components/zoomOptions": {
+      "import": "./esm/components/zoomOptions.js",
+      "require": "./cjs/components/zoomOptions.js"
+    },
+    "./components/utils": {
+      "import": "./esm/components/utils.js",
+      "require": "./cjs/components/utils.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,16 +44,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-form": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSZoom.d.ts

@@ -0,0 +1,79 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSZoom: {
+    ({ className, disabled, value, onChange, containerProps, zoomOptions, ...otherProps }: {
+        [x: string]: any;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        value?: undefined;
+        onChange?: (() => null) | undefined;
+        containerProps?: {} | undefined;
+        zoomOptions?: ({
+            label: string;
+            value: string;
+            default?: undefined;
+        } | {
+            label: string;
+            value: string;
+            default: boolean;
+        })[] | undefined;
+    }): JSX.Element;
+    propTypes: {
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        zoomOptions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const ZoomWithSchema: {
+    (props?: {
+        [x: string]: any;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        value?: undefined;
+        onChange?: (() => null) | undefined;
+        containerProps?: {} | undefined;
+        zoomOptions?: ({
+            label: string;
+            value: string;
+            default?: undefined;
+        } | {
+            label: string;
+            value: string;
+            default: boolean;
+        })[] | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSZoom, ZoomWithSchema };
+export default DSZoom;

package/types/components/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getCurrentFont: () => number;
+export declare const setSize: (size: any) => void;
+export declare const getFactor: (value: any) => number;
+export declare const clean: (value: any) => any;

package/types/components/zoomOptions.d.ts

@@ -0,0 +1,10 @@
+declare const _default: ({
+    label: string;
+    value: string;
+    default?: undefined;
+} | {
+    label: string;
+    value: string;
+    default: boolean;
+})[];
+export default _default;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSZoom';
+export { default } from './DSZoom';

package/types/tests/DSZoom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/DSZoom/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-zoom/DSZoom",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSZoom.js",
-  "module": "../esm/DSZoom.js"
-}

package/cjs/DSZoom.js.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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;;;;;;;"}

package/cjs/components/zoomOptions.js.map

@@ -1 +0,0 @@
-{"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;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/components/utils/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-zoom/components/utils",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../../cjs/components/utils.js",
-  "module": "../../esm/components/utils.js"
-}

package/components/zoomOptions/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-zoom/components/zoomOptions",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../../cjs/components/zoomOptions.js",
-  "module": "../../esm/components/zoomOptions.js"
-}

package/esm/DSZoom.js.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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;;;;"}

package/esm/components/zoomOptions.js.map

@@ -1 +0,0 @@
-{"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;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}