@elliemae/ds-progress-indicator 3.3.0-next.4 → 3.3.0-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/DSProgressIndicator.js +8 -24
  2. package/dist/cjs/DSProgressIndicator.js.map +1 -1
  3. package/dist/cjs/ProgressBar.js +4 -17
  4. package/dist/cjs/ProgressBar.js.map +1 -1
  5. package/dist/esm/DSProgressIndicator.js +8 -26
  6. package/dist/esm/DSProgressIndicator.js.map +1 -1
  7. package/dist/esm/ProgressBar.js +4 -19
  8. package/dist/esm/ProgressBar.js.map +1 -1
  9. package/package.json +4 -4
package/dist/cjs/DSProgressIndicator.js CHANGED
@@ -1,27 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
8
  var __export = (target, all) => {
26
9
  for (var name in all)
27
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -62,20 +45,21 @@ const DSProgressIndicator = ({
62
45
  segments = [],
63
46
  style = {}
64
47
  }) => {
65
- const renderProgressBar = (0, import_react.useMemo)(() => segments.length ? /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default.Segment, __spreadValues({
66
- key: i
67
- }, segmentProps)))) : /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, {
48
+ const renderProgressBar = (0, import_react.useMemo)(() => segments.length ? /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default.Segment, {
49
+ key: i,
50
+ ...segmentProps
51
+ }))) : /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, {
68
52
  max,
69
53
  min,
70
54
  now
71
55
  }), [segments, min, max, now]);
72
- return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Wrapper, __spreadProps(__spreadValues({
56
+ return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Wrapper, {
73
57
  ref: innerRef,
74
58
  "aria-disabled": disabled,
75
- classProps: { disabled }
76
- }, containerProps), {
59
+ classProps: { disabled },
60
+ ...containerProps,
77
61
  style
78
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
62
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
79
63
  containerComponent: import_classedComponents.Title,
80
64
  value: title
81
65
  }), /* @__PURE__ */ import_react.default.createElement(import_ProgressCounter.default, {
package/dist/cjs/DSProgressIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter';\nimport ProgressBar from './ProgressBar';\nimport { Title, Wrapper } from './classedComponents';\n\nconst DSProgressIndicator = ({\n containerProps = {},\n innerRef = () => null,\n title = '',\n counterRenderer = undefined,\n now = undefined,\n min = 0,\n max = undefined,\n disabled = false,\n segments = [],\n style = {},\n}) => {\n const renderProgressBar = useMemo(\n () =>\n segments.length ? (\n <ProgressBar>\n {segments.map(\n (segmentProps, i) =>\n !(segmentProps.now < segmentProps.min) && (\n <ProgressBar.Segment key={i} {...segmentProps} />\n ),\n )}\n </ProgressBar>\n ) : (\n <ProgressBar max={max} min={min} now={now} />\n ),\n [segments, min, max, now],\n );\n\n return (\n <Wrapper\n ref={innerRef}\n aria-disabled={disabled}\n classProps={{ disabled }}\n {...containerProps}\n style={style}\n >\n <DSTruncatedTooltipText containerComponent={Title} value={title} />\n <Counter max={max} min={min} now={now} renderer={counterRenderer} />\n {renderProgressBar}\n </Wrapper>\n );\n};\n\nconst variants = ['default', 'success', 'warning', 'info', 'error'];\n\nconst progressIndicatorProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n innerRef: PropTypes.object.description('ref to the components container'),\n title: PropTypes.string.description('components title'),\n variant: PropTypes.oneOf(variants).description('Progress intent variation'),\n now: PropTypes.number.description('Total current value'),\n min: PropTypes.number.description('min value'),\n max: PropTypes.number.description('max value'),\n disabled: PropTypes.bool\n .description('Whether the progress indicator disabled or not')\n .defaultValue(false),\n counterRenderer: PropTypes.func.description('Render a custom counter'),\n segments: PropTypes.array.description(\n 'An array of multiple progress objects',\n ),\n style: PropTypes.object.description('css inline style'),\n};\n\nDSProgressIndicator.propTypes = progressIndicatorProps;\nDSProgressIndicator.displayName = 'DSProgressIndicator';\nconst ProgressIndicatorWithSchema = describe(DSProgressIndicator);\nProgressIndicatorWithSchema.propTypes = progressIndicatorProps;\n\nDSProgressIndicator.ProgressBar = ProgressBar;\n\nexport { DSProgressIndicator, ProgressIndicatorWithSchema };\nexport default DSProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAAoC;AACpC,uCAAmC;AACnC,6BAAoB;AACpB,yBAAwB;AACxB,+BAA+B;AAE/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AAAA,MACL;AACJ,QAAM,oBAAoB,0BACxB,MACE,SAAS,SACP,mDAAC,kCACE,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,mDAAC,2BAAY,SAAZ;AAAA,IAAoB,KAAK;AAAA,KAAO,aAAc,CAErD,CACF,IAEA,mDAAC;AAAA,IAAY;AAAA,IAAU;AAAA,IAAU;AAAA,GAAU,GAE/C,CAAC,UAAU,KAAK,KAAK,GAAG,CAC1B;AAEA,SACE,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE,SAAS;AAAA,KACnB,iBAJL;AAAA,IAKC;AAAA,MAEA,mDAAC;AAAA,IAAuB,oBAAoB;AAAA,IAAO,OAAO;AAAA,GAAO,GACjE,mDAAC;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,GAAiB,GACjE,iBACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,8BAAU,OAAO,YAC/B,kDACF;AAAA,EACA,UAAU,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,8BAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,8BAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,8BAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,8BAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA,EACrB,iBAAiB,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,8BAAU,MAAM,YACxB,uCACF;AAAA,EACA,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,kCAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAAoC;AACpC,uCAAmC;AACnC,6BAAoB;AACpB,yBAAwB;AACxB,+BAA+B;AAE/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AAAA,MACL;AACJ,QAAM,oBAAoB,0BACxB,MACE,SAAS,SACP,mDAAC,kCACE,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,mDAAC,2BAAY,SAAZ;AAAA,IAAoB,KAAK;AAAA,IAAI,GAAG;AAAA,GAAc,CAErD,CACF,IAEA,mDAAC;AAAA,IAAY;AAAA,IAAU;AAAA,IAAU;AAAA,GAAU,GAE/C,CAAC,UAAU,KAAK,KAAK,GAAG,CAC1B;AAEA,SACE,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE,SAAS;AAAA,IACtB,GAAG;AAAA,IACJ;AAAA,KAEA,mDAAC;AAAA,IAAuB,oBAAoB;AAAA,IAAO,OAAO;AAAA,GAAO,GACjE,mDAAC;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,GAAiB,GACjE,iBACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,8BAAU,OAAO,YAC/B,kDACF;AAAA,EACA,UAAU,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,8BAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,8BAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,8BAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,8BAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA,EACrB,iBAAiB,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,8BAAU,MAAM,YACxB,uCACF;AAAA,EACA,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,kCAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/ProgressBar.js CHANGED
@@ -3,22 +3,8 @@ var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
6
  var __getProtoOf = Object.getPrototypeOf;
8
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
8
  var __export = (target, all) => {
23
9
  for (var name in all)
24
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -64,9 +50,10 @@ function useProgressTrait({
64
50
  function Progress(props) {
65
51
  const { variant = "default" } = props;
66
52
  const progressTraitProps = useProgressTrait(props);
67
- return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ProgressBarProgress, __spreadValues({
68
- classProps: { variant }
69
- }, progressTraitProps));
53
+ return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ProgressBarProgress, {
54
+ classProps: { variant },
55
+ ...progressTraitProps
56
+ });
70
57
  }
71
58
  function ProgressBar({
72
59
  variant = "default",
package/dist/cjs/ProgressBar.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ProgressBar.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents';\n\nfunction useProgressTrait({\n now = undefined,\n min = undefined,\n max = undefined,\n text = '',\n}) {\n const percentage = getPercentage(now, min, max);\n return {\n role: 'progressbar',\n 'aria-valuenow': now,\n 'aria-valuemin': min,\n 'aria-valuemax': max,\n 'aria-valuetext': text,\n style: {\n width: `${percentage}%`,\n },\n };\n}\n\nfunction Progress(props) {\n const { variant = 'default' } = props;\n\n const progressTraitProps = useProgressTrait(props);\n\n return (\n <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />\n );\n}\n\nfunction ProgressBar({\n variant = 'default',\n now = undefined,\n min = undefined,\n max = undefined,\n children: progressSegments,\n}) {\n return (\n <ProgressBarStatusBar>\n {progressSegments || (\n <Progress max={max} min={min} now={now} variant={variant} />\n )}\n </ProgressBarStatusBar>\n );\n}\n\nProgressBar.Segment = Progress;\n\nProgressBar.propTypes = {\n /** Progress intent variation */\n variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'error']),\n /** Total current value */\n now: PropTypes.number,\n /** Min value */\n min: PropTypes.number,\n /** Total max */\n max: PropTypes.number,\n};\n\nexport default ProgressBar;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,mBAA8B;AAC9B,+BAA0D;AAE1D,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,gCAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SACE,mDAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,KAAO,mBAAoB;AAE1E;AAEA,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,mDAAC,qDACE,oBACC,mDAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB,CAE9D;AAEJ;AAEA,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,0BAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AACjB;AAEA,IAAO,sBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,mBAA8B;AAC9B,+BAA0D;AAE1D,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,gCAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SACE,mDAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,IAAI,GAAG;AAAA,GAAoB;AAE1E;AAEA,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,mDAAC,qDACE,oBACC,mDAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB,CAE9D;AAEJ;AAEA,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,0BAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AACjB;AAEA,IAAO,sBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSProgressIndicator.js CHANGED
@@ -1,23 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
2
  import * as React from "react";
22
3
  import React2, { useMemo } from "react";
23
4
  import { describe, PropTypes } from "@elliemae/ds-utilities";
@@ -37,20 +18,21 @@ const DSProgressIndicator = ({
37
18
  segments = [],
38
19
  style = {}
39
20
  }) => {
40
- const renderProgressBar = useMemo(() => segments.length ? /* @__PURE__ */ React2.createElement(ProgressBar, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ React2.createElement(ProgressBar.Segment, __spreadValues({
41
- key: i
42
- }, segmentProps)))) : /* @__PURE__ */ React2.createElement(ProgressBar, {
21
+ const renderProgressBar = useMemo(() => segments.length ? /* @__PURE__ */ React2.createElement(ProgressBar, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ React2.createElement(ProgressBar.Segment, {
22
+ key: i,
23
+ ...segmentProps
24
+ }))) : /* @__PURE__ */ React2.createElement(ProgressBar, {
43
25
  max,
44
26
  min,
45
27
  now
46
28
  }), [segments, min, max, now]);
47
- return /* @__PURE__ */ React2.createElement(Wrapper, __spreadProps(__spreadValues({
29
+ return /* @__PURE__ */ React2.createElement(Wrapper, {
48
30
  ref: innerRef,
49
31
  "aria-disabled": disabled,
50
- classProps: { disabled }
51
- }, containerProps), {
32
+ classProps: { disabled },
33
+ ...containerProps,
52
34
  style
53
- }), /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
35
+ }, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
54
36
  containerComponent: Title,
55
37
  value: title
56
38
  }), /* @__PURE__ */ React2.createElement(Counter, {
package/dist/esm/DSProgressIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSProgressIndicator.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter';\nimport ProgressBar from './ProgressBar';\nimport { Title, Wrapper } from './classedComponents';\n\nconst DSProgressIndicator = ({\n containerProps = {},\n innerRef = () => null,\n title = '',\n counterRenderer = undefined,\n now = undefined,\n min = 0,\n max = undefined,\n disabled = false,\n segments = [],\n style = {},\n}) => {\n const renderProgressBar = useMemo(\n () =>\n segments.length ? (\n <ProgressBar>\n {segments.map(\n (segmentProps, i) =>\n !(segmentProps.now < segmentProps.min) && (\n <ProgressBar.Segment key={i} {...segmentProps} />\n ),\n )}\n </ProgressBar>\n ) : (\n <ProgressBar max={max} min={min} now={now} />\n ),\n [segments, min, max, now],\n );\n\n return (\n <Wrapper\n ref={innerRef}\n aria-disabled={disabled}\n classProps={{ disabled }}\n {...containerProps}\n style={style}\n >\n <DSTruncatedTooltipText containerComponent={Title} value={title} />\n <Counter max={max} min={min} now={now} renderer={counterRenderer} />\n {renderProgressBar}\n </Wrapper>\n );\n};\n\nconst variants = ['default', 'success', 'warning', 'info', 'error'];\n\nconst progressIndicatorProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n innerRef: PropTypes.object.description('ref to the components container'),\n title: PropTypes.string.description('components title'),\n variant: PropTypes.oneOf(variants).description('Progress intent variation'),\n now: PropTypes.number.description('Total current value'),\n min: PropTypes.number.description('min value'),\n max: PropTypes.number.description('max value'),\n disabled: PropTypes.bool\n .description('Whether the progress indicator disabled or not')\n .defaultValue(false),\n counterRenderer: PropTypes.func.description('Render a custom counter'),\n segments: PropTypes.array.description(\n 'An array of multiple progress objects',\n ),\n style: PropTypes.object.description('css inline style'),\n};\n\nDSProgressIndicator.propTypes = progressIndicatorProps;\nDSProgressIndicator.displayName = 'DSProgressIndicator';\nconst ProgressIndicatorWithSchema = describe(DSProgressIndicator);\nProgressIndicatorWithSchema.propTypes = progressIndicatorProps;\n\nDSProgressIndicator.ProgressBar = ProgressBar;\n\nexport { DSProgressIndicator, ProgressIndicatorWithSchema };\nexport default DSProgressIndicator;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AAAA,MACL;AACJ,QAAM,oBAAoB,QACxB,MACE,SAAS,SACP,qCAAC,mBACE,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,qCAAC,YAAY,SAAZ;AAAA,IAAoB,KAAK;AAAA,KAAO,aAAc,CAErD,CACF,IAEA,qCAAC;AAAA,IAAY;AAAA,IAAU;AAAA,IAAU;AAAA,GAAU,GAE/C,CAAC,UAAU,KAAK,KAAK,GAAG,CAC1B;AAEA,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE,SAAS;AAAA,KACnB,iBAJL;AAAA,IAKC;AAAA,MAEA,qCAAC;AAAA,IAAuB,oBAAoB;AAAA,IAAO,OAAO;AAAA,GAAO,GACjE,qCAAC;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,GAAiB,GACjE,iBACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAC/B,kDACF;AAAA,EACA,UAAU,UAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,UAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,UAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,UAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA,EACrB,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU,MAAM,YACxB,uCACF;AAAA,EACA,OAAO,UAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,SAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
5
+ "mappings": ";AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AAAA,MACL;AACJ,QAAM,oBAAoB,QACxB,MACE,SAAS,SACP,qCAAC,mBACE,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,qCAAC,YAAY,SAAZ;AAAA,IAAoB,KAAK;AAAA,IAAI,GAAG;AAAA,GAAc,CAErD,CACF,IAEA,qCAAC;AAAA,IAAY;AAAA,IAAU;AAAA,IAAU;AAAA,GAAU,GAE/C,CAAC,UAAU,KAAK,KAAK,GAAG,CAC1B;AAEA,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE,SAAS;AAAA,IACtB,GAAG;AAAA,IACJ;AAAA,KAEA,qCAAC;AAAA,IAAuB,oBAAoB;AAAA,IAAO,OAAO;AAAA,GAAO,GACjE,qCAAC;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,GAAiB,GACjE,iBACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAC/B,kDACF;AAAA,EACA,UAAU,UAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,UAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,UAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,UAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,UAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA,EACrB,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU,MAAM,YACxB,uCACF;AAAA,EACA,OAAO,UAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,8BAA8B,SAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/ProgressBar.js CHANGED
@@ -1,20 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
6
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
7
- var __spreadValues = (a, b) => {
8
- for (var prop in b || (b = {}))
9
- if (__hasOwnProp.call(b, prop))
10
- __defNormalProp(a, prop, b[prop]);
11
- if (__getOwnPropSymbols)
12
- for (var prop of __getOwnPropSymbols(b)) {
13
- if (__propIsEnum.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- }
16
- return a;
17
- };
18
2
  import * as React from "react";
19
3
  import React2 from "react";
20
4
  import PropTypes from "prop-types";
@@ -41,9 +25,10 @@ function useProgressTrait({
41
25
  function Progress(props) {
42
26
  const { variant = "default" } = props;
43
27
  const progressTraitProps = useProgressTrait(props);
44
- return /* @__PURE__ */ React2.createElement(ProgressBarProgress, __spreadValues({
45
- classProps: { variant }
46
- }, progressTraitProps));
28
+ return /* @__PURE__ */ React2.createElement(ProgressBarProgress, {
29
+ classProps: { variant },
30
+ ...progressTraitProps
31
+ });
47
32
  }
48
33
  function ProgressBar({
49
34
  variant = "default",
package/dist/esm/ProgressBar.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ProgressBar.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents';\n\nfunction useProgressTrait({\n now = undefined,\n min = undefined,\n max = undefined,\n text = '',\n}) {\n const percentage = getPercentage(now, min, max);\n return {\n role: 'progressbar',\n 'aria-valuenow': now,\n 'aria-valuemin': min,\n 'aria-valuemax': max,\n 'aria-valuetext': text,\n style: {\n width: `${percentage}%`,\n },\n };\n}\n\nfunction Progress(props) {\n const { variant = 'default' } = props;\n\n const progressTraitProps = useProgressTrait(props);\n\n return (\n <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />\n );\n}\n\nfunction ProgressBar({\n variant = 'default',\n now = undefined,\n min = undefined,\n max = undefined,\n children: progressSegments,\n}) {\n return (\n <ProgressBarStatusBar>\n {progressSegments || (\n <Progress max={max} min={min} now={now} variant={variant} />\n )}\n </ProgressBarStatusBar>\n );\n}\n\nProgressBar.Segment = Progress;\n\nProgressBar.propTypes = {\n /** Progress intent variation */\n variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'error']),\n /** Total current value */\n now: PropTypes.number,\n /** Min value */\n min: PropTypes.number,\n /** Total max */\n max: PropTypes.number,\n};\n\nexport default ProgressBar;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SACE,qCAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,KAAO,mBAAoB;AAE1E;AAEA,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,qCAAC,4BACE,oBACC,qCAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB,CAE9D;AAEJ;AAEA,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,UAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AACjB;AAEA,IAAO,sBAAQ;",
5
+ "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AAEA,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SACE,qCAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,IAAI,GAAG;AAAA,GAAoB;AAE1E;AAEA,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,qCAAC,4BACE,oBACC,qCAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB,CAE9D;AAEJ;AAEA,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,UAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AACjB;AAEA,IAAO,sBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-progress-indicator",
3
- "version": "3.3.0-next.4",
3
+ "version": "3.3.0-next.5",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Progress Indicator",
6
6
  "files": [
@@ -55,9 +55,9 @@
55
55
  "indent": 4
56
56
  },
57
57
  "dependencies": {
58
- "@elliemae/ds-classnames": "3.3.0-next.4",
59
- "@elliemae/ds-truncated-tooltip-text": "3.3.0-next.4",
60
- "@elliemae/ds-utilities": "3.3.0-next.4",
58
+ "@elliemae/ds-classnames": "3.3.0-next.5",
59
+ "@elliemae/ds-truncated-tooltip-text": "3.3.0-next.5",
60
+ "@elliemae/ds-utilities": "3.3.0-next.5",
61
61
  "prop-types": "~15.8.1"
62
62
  },
63
63
  "peerDependencies": {