@elliemae/ds-zoom 2.0.0-alpha.1 → 2.0.0-alpha.13

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,13 +26,12 @@ 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"];
 
 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; }
 
-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; }
+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; }
 
 const DSZoom = _ref => {
   let {
@@ -35,7 +42,7 @@ const DSZoom = _ref => {
     containerProps = {},
     zoomOptions: zoomOptions$1 = zoomOptions
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const {
     cssClassName
@@ -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);
@@ -114,4 +122,4 @@ ZoomWithSchema.propTypes = zoomProps;
 
 exports.DSZoom = DSZoom;
 exports.ZoomWithSchema = ZoomWithSchema;
-exports['default'] = DSZoom;
+exports["default"] = DSZoom;

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/cjs/index.js

@@ -8,4 +8,4 @@ var DSZoom = require('./DSZoom.js');
 
 exports.DSZoom = DSZoom.DSZoom;
 exports.ZoomWithSchema = DSZoom.ZoomWithSchema;
-exports.default = DSZoom.DSZoom;
+exports["default"] = DSZoom.DSZoom;

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.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zoom",
   "module": "./esm/index.js",
@@ -44,10 +44,13 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.1",
-    "@elliemae/ds-form": "2.0.0-alpha.1",
-    "react-desc": "^4.1.3"
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-form": "2.0.0-alpha.13",
+    "react-desc": "~4.1.3"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",

package/types/DSZoom.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSZoom: {
     ({ className, disabled, value, onChange, containerProps, zoomOptions, ...otherProps }: {
@@ -18,14 +19,61 @@ declare const DSZoom: {
         })[] | undefined;
     }): JSX.Element;
     propTypes: {
-        className: any;
-        containerProps: any;
-        disabled: any;
-        value: any;
-        onChange: any;
-        zoomOptions: any;
+        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: any;
+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/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"
-  ]
-}