@elliemae/ds-progress-indicator 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DSProgressIndicator.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx2 = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
@@ -20,23 +27,24 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
 
 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 DSProgressIndicator = ({
-  containerProps = {},
-  innerRef = () => null,
-  title = '',
-  counterRenderer = undefined,
-  now = undefined,
-  min = 0,
-  max = undefined,
-  disabled = false,
-  segments = [],
-  style = {}
-}) => {
+const DSProgressIndicator = _ref => {
   var _ProgressBar;
 
-  const renderProgressBar = react.useMemo(() => segments.length ? /*#__PURE__*/_jsx2__default['default'](ProgressBar, {}, void 0, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /*#__PURE__*/jsxRuntime.jsx(ProgressBar.Segment, _objectSpread({}, segmentProps), i))) : _ProgressBar || (_ProgressBar = /*#__PURE__*/_jsx2__default['default'](ProgressBar, {
+  let {
+    containerProps = {},
+    innerRef = () => null,
+    title = '',
+    counterRenderer = undefined,
+    now = undefined,
+    min = 0,
+    max = undefined,
+    disabled = false,
+    segments = [],
+    style = {}
+  } = _ref;
+  const renderProgressBar = react.useMemo(() => segments.length ? /*#__PURE__*/_jsx2__default["default"](ProgressBar, {}, void 0, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /*#__PURE__*/jsxRuntime.jsx(ProgressBar.Segment, _objectSpread({}, segmentProps), i))) : _ProgressBar || (_ProgressBar = /*#__PURE__*/_jsx2__default["default"](ProgressBar, {
     max: max,
     min: min,
     now: now
@@ -49,10 +57,10 @@ const DSProgressIndicator = ({
     }
   }, containerProps), {}, {
     style: style,
-    children: [/*#__PURE__*/_jsx2__default['default'](DSTruncatedTooltipText__default['default'], {
+    children: [/*#__PURE__*/_jsx2__default["default"](DSTruncatedTooltipText__default["default"], {
       containerComponent: classedComponents.Title,
       value: title
-    }), /*#__PURE__*/_jsx2__default['default'](ProgressCounter, {
+    }), /*#__PURE__*/_jsx2__default["default"](ProgressCounter, {
       max: max,
       min: min,
       now: now,
@@ -81,4 +89,4 @@ DSProgressIndicator.ProgressBar = ProgressBar;
 
 exports.DSProgressIndicator = DSProgressIndicator;
 exports.ProgressIndicatorWithSchema = ProgressIndicatorWithSchema;
-exports['default'] = DSProgressIndicator;
+exports["default"] = DSProgressIndicator;

package/cjs/ProgressBar.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _jsx2 = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -14,14 +19,15 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-function useProgressTrait({
-  now = undefined,
-  min = undefined,
-  max = undefined,
-  text = ''
-}) {
+function useProgressTrait(_ref) {
+  let {
+    now = undefined,
+    min = undefined,
+    max = undefined,
+    text = ''
+  } = _ref;
   const percentage = utils.getPercentage(now, min, max);
   return {
     role: 'progressbar',
@@ -30,7 +36,7 @@ function useProgressTrait({
     'aria-valuemax': max,
     'aria-valuetext': text,
     style: {
-      width: `${percentage}%`
+      width: "".concat(percentage, "%")
     }
   };
 }
@@ -47,14 +53,15 @@ function Progress(props) {
   }, progressTraitProps));
 }
 
-function ProgressBar({
-  variant = 'default',
-  now = undefined,
-  min = undefined,
-  max = undefined,
-  children: progressSegments
-}) {
-  return /*#__PURE__*/_jsx2__default['default'](classedComponents.ProgressBarStatusBar, {}, void 0, progressSegments || /*#__PURE__*/_jsx2__default['default'](Progress, {
+function ProgressBar(_ref2) {
+  let {
+    variant = 'default',
+    now = undefined,
+    min = undefined,
+    max = undefined,
+    children: progressSegments
+  } = _ref2;
+  return /*#__PURE__*/_jsx2__default["default"](classedComponents.ProgressBarStatusBar, {}, void 0, progressSegments || /*#__PURE__*/_jsx2__default["default"](Progress, {
     max: max,
     min: min,
     now: now,

package/cjs/ProgressCounter.js

@@ -9,19 +9,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
 
-const defaultRenderer = ({
-  now,
-  max,
-  min
-}) => `${min || now} of ${max}`;
-
-const percentageRenderer = ({
-  now,
-  max,
-  min
-}) => {
+const defaultRenderer = _ref => {
+  let {
+    now,
+    max,
+    min
+  } = _ref;
+  return "".concat(min || now, " of ").concat(max);
+};
+
+const percentageRenderer = _ref2 => {
+  let {
+    now,
+    max,
+    min
+  } = _ref2;
   const percentage = utils.getPercentage(now, min, max);
-  return `${percentage}%`;
+  return "".concat(percentage, "%");
 };
 
 const renderers = {
@@ -29,13 +33,14 @@ const renderers = {
   percentage: percentageRenderer
 };
 
-function ProgressCounter({
-  now,
-  max,
-  min,
-  renderer = renderers.default
-}) {
-  return /*#__PURE__*/_jsx2__default['default'](classedComponents.ProgressIndicatorCounter, {}, void 0, renderer({
+function ProgressCounter(_ref3) {
+  let {
+    now,
+    max,
+    min,
+    renderer = renderers.default
+  } = _ref3;
+  return /*#__PURE__*/_jsx2__default["default"](classedComponents.ProgressIndicatorCounter, {}, void 0, renderer({
     now,
     max,
     min

package/cjs/classedComponents.js

@@ -6,19 +6,25 @@ var dsClassnames = require('@elliemae/ds-classnames');
 
 const blockName = 'determinate-progress-indicator';
 const progressBlockName = 'progress-bar';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  disabled
-}) => ({
-  disabled
-}));
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    disabled
+  } = _ref;
+  return {
+    disabled
+  };
+});
 const Title = dsClassnames.aggregatedClasses('div')(blockName, 'title');
 const ProgressIndicatorCounter = dsClassnames.aggregatedClasses('span')(blockName, 'counter');
 const ProgressBarStatusBar = dsClassnames.aggregatedClasses('div')(progressBlockName);
-const ProgressBarProgress = dsClassnames.aggregatedClasses('div')(progressBlockName, 'progress', ({
-  variant
-}) => ({
-  [variant]: true
-}));
+const ProgressBarProgress = dsClassnames.aggregatedClasses('div')(progressBlockName, 'progress', _ref2 => {
+  let {
+    variant
+  } = _ref2;
+  return {
+    [variant]: true
+  };
+});
 
 exports.ProgressBarProgress = ProgressBarProgress;
 exports.ProgressBarStatusBar = ProgressBarStatusBar;

package/cjs/index.js

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

package/esm/DSProgressIndicator.js

@@ -1,5 +1,12 @@
 import _jsx2 from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 { useMemo } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
@@ -12,20 +19,21 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-const DSProgressIndicator = ({
-  containerProps = {},
-  innerRef = () => null,
-  title = '',
-  counterRenderer = undefined,
-  now = undefined,
-  min = 0,
-  max = undefined,
-  disabled = false,
-  segments = [],
-  style = {}
-}) => {
+const DSProgressIndicator = _ref => {
   var _ProgressBar;
 
+  let {
+    containerProps = {},
+    innerRef = () => null,
+    title = '',
+    counterRenderer = undefined,
+    now = undefined,
+    min = 0,
+    max = undefined,
+    disabled = false,
+    segments = [],
+    style = {}
+  } = _ref;
   const renderProgressBar = useMemo(() => segments.length ? /*#__PURE__*/_jsx2(ProgressBar, {}, void 0, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /*#__PURE__*/jsx(ProgressBar.Segment, _objectSpread({}, segmentProps), i))) : _ProgressBar || (_ProgressBar = /*#__PURE__*/_jsx2(ProgressBar, {
     max: max,
     min: min,

package/esm/ProgressBar.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx2 from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -9,12 +14,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-function useProgressTrait({
-  now = undefined,
-  min = undefined,
-  max = undefined,
-  text = ''
-}) {
+function useProgressTrait(_ref) {
+  let {
+    now = undefined,
+    min = undefined,
+    max = undefined,
+    text = ''
+  } = _ref;
   const percentage = getPercentage(now, min, max);
   return {
     role: 'progressbar',
@@ -23,7 +29,7 @@ function useProgressTrait({
     'aria-valuemax': max,
     'aria-valuetext': text,
     style: {
-      width: `${percentage}%`
+      width: "".concat(percentage, "%")
     }
   };
 }
@@ -40,13 +46,14 @@ function Progress(props) {
   }, progressTraitProps));
 }
 
-function ProgressBar({
-  variant = 'default',
-  now = undefined,
-  min = undefined,
-  max = undefined,
-  children: progressSegments
-}) {
+function ProgressBar(_ref2) {
+  let {
+    variant = 'default',
+    now = undefined,
+    min = undefined,
+    max = undefined,
+    children: progressSegments
+  } = _ref2;
   return /*#__PURE__*/_jsx2(ProgressBarStatusBar, {}, void 0, progressSegments || /*#__PURE__*/_jsx2(Progress, {
     max: max,
     min: min,

package/esm/ProgressCounter.js

@@ -3,19 +3,23 @@ import 'react';
 import { getPercentage } from './utils.js';
 import { ProgressIndicatorCounter } from './classedComponents.js';
 
-const defaultRenderer = ({
-  now,
-  max,
-  min
-}) => `${min || now} of ${max}`;
+const defaultRenderer = _ref => {
+  let {
+    now,
+    max,
+    min
+  } = _ref;
+  return "".concat(min || now, " of ").concat(max);
+};
 
-const percentageRenderer = ({
-  now,
-  max,
-  min
-}) => {
+const percentageRenderer = _ref2 => {
+  let {
+    now,
+    max,
+    min
+  } = _ref2;
   const percentage = getPercentage(now, min, max);
-  return `${percentage}%`;
+  return "".concat(percentage, "%");
 };
 
 const renderers = {
@@ -23,12 +27,13 @@ const renderers = {
   percentage: percentageRenderer
 };
 
-function ProgressCounter({
-  now,
-  max,
-  min,
-  renderer = renderers.default
-}) {
+function ProgressCounter(_ref3) {
+  let {
+    now,
+    max,
+    min,
+    renderer = renderers.default
+  } = _ref3;
   return /*#__PURE__*/_jsx2(ProgressIndicatorCounter, {}, void 0, renderer({
     now,
     max,

package/esm/classedComponents.js

@@ -2,18 +2,24 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 
 const blockName = 'determinate-progress-indicator';
 const progressBlockName = 'progress-bar';
-const Wrapper = aggregatedClasses('div')(blockName, null, ({
-  disabled
-}) => ({
-  disabled
-}));
+const Wrapper = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    disabled
+  } = _ref;
+  return {
+    disabled
+  };
+});
 const Title = aggregatedClasses('div')(blockName, 'title');
 const ProgressIndicatorCounter = aggregatedClasses('span')(blockName, 'counter');
 const ProgressBarStatusBar = aggregatedClasses('div')(progressBlockName);
-const ProgressBarProgress = aggregatedClasses('div')(progressBlockName, 'progress', ({
-  variant
-}) => ({
-  [variant]: true
-}));
+const ProgressBarProgress = aggregatedClasses('div')(progressBlockName, 'progress', _ref2 => {
+  let {
+    variant
+  } = _ref2;
+  return {
+    [variant]: true
+  };
+});
 
 export { ProgressBarProgress, ProgressBarStatusBar, ProgressIndicatorCounter, Title, Wrapper, blockName };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-progress-indicator",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Progress Indicator",
   "module": "./esm/index.js",
@@ -52,10 +52,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.1",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.13",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.3"
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",

package/types/DSProgressIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import ProgressBar from './ProgressBar';
 declare const DSProgressIndicator: {
@@ -14,20 +15,87 @@ declare const DSProgressIndicator: {
         style?: {} | undefined;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        innerRef: any;
-        title: any;
-        variant: any;
-        now: any;
-        min: any;
-        max: any;
-        disabled: any;
-        counterRenderer: any;
-        segments: any;
-        style: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        title: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        variant: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        now: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        min: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        max: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        counterRenderer: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        segments: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
     ProgressBar: typeof ProgressBar;
 };
-declare const ProgressIndicatorWithSchema: any;
+declare const ProgressIndicatorWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        innerRef?: (() => null) | undefined;
+        title?: string | undefined;
+        counterRenderer?: undefined;
+        now?: undefined;
+        min?: number | undefined;
+        max?: undefined;
+        disabled?: boolean | undefined;
+        segments?: never[] | undefined;
+        style?: {} | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSProgressIndicator, ProgressIndicatorWithSchema };
 export default DSProgressIndicator;

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"
-  ]
-}