@elliemae/ds-zoom 2.0.0-alpha.9 → 2.0.0-next.12

package/cjs/DSZoom.js

@@ -5,10 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 DSComboBox = require('@elliemae/ds-form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var zoomOptions = require('./components/zoomOptions.js');
 var utils = require('./components/utils.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,7 +26,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 const _excluded = ["className", "disabled", "value", "onChange", "containerProps", "zoomOptions"];
 
@@ -46,22 +53,23 @@ const DSZoom = _ref => {
   const [menuIsOpen, setMenuIsOpen] = react.useState(false);
   const [selectedOption, setSelectedOption] = react.useState(defaultOption);
   const [custom, setCustom] = react.useState(!value ? defaultOption : {
-    label: `${utils.clean(value)}%`,
+    label: "".concat(utils.clean(value), "%"),
     value: utils.clean(value),
     id: 'custom'
   });
   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: `${cssClassName}`
+    className: "".concat(cssClassName)
   }, containerProps), otherProps), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
+    children: /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
       searchable: true,
       disabled: disabled,
       menuIsOpen: menuIsOpen,
-      onChange: (valueChange, {
-        action
-      }) => {
+      onChange: (valueChange, _ref2) => {
+        let {
+          action
+        } = _ref2;
         const op = options.find(option => option.value === valueChange);
         setSelectedOption(op);
         onChange(op);
@@ -80,8 +88,8 @@ const DSZoom = _ref => {
           } else if (!Number.isNaN(parseInt(valueInput, 10))) {
             const cleanValue = parseInt(valueInput, 10);
             const newOption = {
-              label: `${cleanValue}%`,
-              value: `${cleanValue}%`,
+              label: "".concat(cleanValue, "%"),
+              value: "".concat(cleanValue, "%"),
               id: 'custom'
             };
             setCustom(newOption);

package/cjs/components/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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: ${size}px`);
+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);
 

package/esm/DSZoom.js

@@ -1,10 +1,18 @@
 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 '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/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import zoomDefaultOptions from './components/zoomOptions.js';
 import { clean } from './components/utils.js';
 import { jsx } from 'react/jsx-runtime';
@@ -35,22 +43,23 @@ const DSZoom = _ref => {
   const [menuIsOpen, setMenuIsOpen] = useState(false);
   const [selectedOption, setSelectedOption] = useState(defaultOption);
   const [custom, setCustom] = useState(!value ? defaultOption : {
-    label: `${clean(value)}%`,
+    label: "".concat(clean(value), "%"),
     value: clean(value),
     id: 'custom'
   });
   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: `${cssClassName}`
+    className: "".concat(cssClassName)
   }, containerProps), otherProps), {}, {
     children: /*#__PURE__*/_jsx(DSComboBox, {
       searchable: true,
       disabled: disabled,
       menuIsOpen: menuIsOpen,
-      onChange: (valueChange, {
-        action
-      }) => {
+      onChange: (valueChange, _ref2) => {
+        let {
+          action
+        } = _ref2;
         const op = options.find(option => option.value === valueChange);
         setSelectedOption(op);
         onChange(op);
@@ -69,8 +78,8 @@ const DSZoom = _ref => {
           } else if (!Number.isNaN(parseInt(valueInput, 10))) {
             const cleanValue = parseInt(valueInput, 10);
             const newOption = {
-              label: `${cleanValue}%`,
-              value: `${cleanValue}%`,
+              label: "".concat(cleanValue, "%"),
+              value: "".concat(cleanValue, "%"),
               id: 'custom'
             };
             setCustom(newOption);

package/esm/components/utils.js

@@ -1,7 +1,7 @@
 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: ${size}px`);
+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);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zoom",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zoom",
   "module": "./esm/index.js",
@@ -44,10 +44,9 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.9",
-    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.9",
-    "@elliemae/ds-form": "2.0.0-alpha.9",
-    "react-desc": "^4.1.3"
+    "@elliemae/ds-classnames": "2.0.0-next.12",
+    "@elliemae/ds-form": "2.0.0-next.12",
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}