@elliemae/ds-progress-indicator 3.12.0-rc.2 → 3.12.0-rc.21

package/dist/cjs/DSProgressIndicator.js

@@ -50,39 +50,16 @@ const DSProgressIndicator = ({
   style = {}
 }) => {
   const renderProgressBar = (0, import_react.useMemo)(
-    () => segments.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default, {
-      children: segments.map(
-        (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default.Segment, {
-          ...segmentProps
-        }, i)
-      )
-    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default, {
-      max,
-      min,
-      now
-    }),
+    () => segments.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default, { children: segments.map(
+      (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default.Segment, { ...segmentProps }, i)
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressBar.default, { max, min, now }),
     [segments, min, max, now]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.Wrapper, {
-    ref: innerRef,
-    "aria-disabled": disabled,
-    classProps: { disabled },
-    ...containerProps,
-    style,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, {
-        containerComponent: import_classedComponents.Title,
-        value: title
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressCounter.default, {
-        max,
-        min,
-        now,
-        renderer: counterRenderer
-      }),
-      renderProgressBar
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.Wrapper, { ref: innerRef, "aria-disabled": disabled, classProps: { disabled }, ...containerProps, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, { containerComponent: import_classedComponents.Title, value: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressCounter.default, { max, min, now, renderer: counterRenderer }),
+    renderProgressBar
+  ] });
 };
 const variants = ["default", "success", "warning", "info", "error"];
 const progressIndicatorProps = {

package/dist/cjs/DSProgressIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "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) && <ProgressBar.Segment key={i} {...segmentProps} />,\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar max={max} min={min} now={now} />\n      ),\n    [segments, min, max, now],\n  );\n\n  return (\n    <Wrapper ref={innerRef} aria-disabled={disabled} classProps={{ disabled }} {...containerProps} style={style}>\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('Set of Properties attached to the main container'),\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.description('Whether the progress indicator disabled or not').defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.array.description('An array of multiple progress objects'),\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BiC;AAzBxD,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;AACX,MAAM;AACJ,QAAM,wBAAoB;AAAA,IACxB,MACE,SAAS,SACP,4CAAC,mBAAAA,SAAA;AAAA,MACE,mBAAS;AAAA,QACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAAQ,4CAAC,mBAAAA,QAAY,SAAZ;AAAA,UAA6B,GAAG;AAAA,WAAP,CAAqB;AAAA,MAC7F;AAAA,KACF,IAEA,4CAAC,mBAAAA,SAAA;AAAA,MAAY;AAAA,MAAU;AAAA,MAAU;AAAA,KAAU;AAAA,IAE/C,CAAC,UAAU,KAAK,KAAK,GAAG;AAAA,EAC1B;AAEA,SACE,6CAAC;AAAA,IAAQ,KAAK;AAAA,IAAU,iBAAe;AAAA,IAAU,YAAY,EAAE,SAAS;AAAA,IAAI,GAAG;AAAA,IAAgB;AAAA,IAC7F;AAAA,kDAAC,iCAAAC,SAAA;AAAA,QAAuB,oBAAoB;AAAA,QAAO,OAAO;AAAA,OAAO;AAAA,MACjE,4CAAC,uBAAAC,SAAA;AAAA,QAAQ;AAAA,QAAU;AAAA,QAAU;AAAA,QAAU,UAAU;AAAA,OAAiB;AAAA,MACjE;AAAA;AAAA,GACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,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,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,8BAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,kCAA8B,8BAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc,mBAAAF;AAGlC,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BiC;AAzBxD,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;AACX,MAAM;AACJ,QAAM,wBAAoB;AAAA,IACxB,MACE,SAAS,SACP,4CAAC,mBAAAA,SAAA,EACE,mBAAS;AAAA,MACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAAQ,4CAAC,mBAAAA,QAAY,SAAZ,EAA6B,GAAG,gBAAP,CAAqB;AAAA,IAC7F,GACF,IAEA,4CAAC,mBAAAA,SAAA,EAAY,KAAU,KAAU,KAAU;AAAA,IAE/C,CAAC,UAAU,KAAK,KAAK,GAAG;AAAA,EAC1B;AAEA,SACE,6CAAC,oCAAQ,KAAK,UAAU,iBAAe,UAAU,YAAY,EAAE,SAAS,GAAI,GAAG,gBAAgB,OAC7F;AAAA,gDAAC,iCAAAC,SAAA,EAAuB,oBAAoB,gCAAO,OAAO,OAAO;AAAA,IACjE,4CAAC,uBAAAC,SAAA,EAAQ,KAAU,KAAU,KAAU,UAAU,iBAAiB;AAAA,IACjE;AAAA,KACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,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,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,8BAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,kCAA8B,8BAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc,mBAAAF;AAGlC,IAAO,8BAAQ;",
   "names": ["ProgressBar", "DSTruncatedTooltipText", "Counter"]
 }

package/dist/cjs/ProgressBar.js

@@ -48,10 +48,7 @@ function useProgressTrait({ now = void 0, min = void 0, max = void 0, text = ""
 const Progress = (props) => {
   const { variant = "default" } = props;
   const progressTraitProps = useProgressTrait(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressBarProgress, {
-    classProps: { variant },
-    ...progressTraitProps
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressBarProgress, { classProps: { variant }, ...progressTraitProps });
 };
 const ProgressBar = ({
   variant = "default",
@@ -59,14 +56,7 @@ const ProgressBar = ({
   min = void 0,
   max = void 0,
   children: progressSegments
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressBarStatusBar, {
-  children: progressSegments || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Progress, {
-    max,
-    min,
-    now,
-    variant
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressBarStatusBar, { children: progressSegments || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Progress, { max, min, now, variant }) });
 ProgressBar.Segment = Progress;
 ProgressBar.propTypes = {
   variant: import_prop_types.default.oneOf(["default", "success", "warning", "info", "error"]),

package/dist/cjs/ProgressBar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ProgressBar.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents';\n\nfunction useProgressTrait({ now = undefined, min = undefined, max = undefined, text = '' }) {\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\nconst Progress = (props) => {\n  const { variant = 'default' } = props;\n\n  const progressTraitProps = useProgressTrait(props);\n\n  return <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />;\n};\n\nconst ProgressBar = ({\n  variant = 'default',\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  children: progressSegments,\n}) => (\n  <ProgressBarStatusBar>\n    {progressSegments || <Progress max={max} min={min} now={now} variant={variant} />}\n  </ProgressBarStatusBar>\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBd;AAvBT,wBAAsB;AACtB,mBAA8B;AAC9B,+BAA0D;AAE1D,SAAS,iBAAiB,EAAE,MAAM,QAAW,MAAM,QAAW,MAAM,QAAW,OAAO,GAAG,GAAG;AAC1F,QAAM,iBAAa,4BAAc,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,MAAM,WAAW,CAAC,UAAU;AAC1B,QAAM,EAAE,UAAU,UAAU,IAAI;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,4CAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,IAAI,GAAG;AAAA,GAAoB;AAC/E;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ,MACE,4CAAC;AAAA,EACE,8BAAoB,4CAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB;AAAA,CACjF;AAGF,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,kBAAAA,QAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,kBAAAA,QAAU;AAAA,EAEf,KAAK,kBAAAA,QAAU;AAAA,EAEf,KAAK,kBAAAA,QAAU;AACjB;AAEA,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBd;AAvBT,wBAAsB;AACtB,mBAA8B;AAC9B,+BAA0D;AAE1D,SAAS,iBAAiB,EAAE,MAAM,QAAW,MAAM,QAAW,MAAM,QAAW,OAAO,GAAG,GAAG;AAC1F,QAAM,iBAAa,4BAAc,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,MAAM,WAAW,CAAC,UAAU;AAC1B,QAAM,EAAE,UAAU,UAAU,IAAI;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,4CAAC,gDAAoB,YAAY,EAAE,QAAQ,GAAI,GAAG,oBAAoB;AAC/E;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ,MACE,4CAAC,iDACE,8BAAoB,4CAAC,YAAS,KAAU,KAAU,KAAU,SAAkB,GACjF;AAGF,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,kBAAAA,QAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA,EAE3E,KAAK,kBAAAA,QAAU;AAAA,EAEf,KAAK,kBAAAA,QAAU;AAAA,EAEf,KAAK,kBAAAA,QAAU;AACjB;AAEA,IAAO,sBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/ProgressCounter.js

@@ -40,8 +40,6 @@ const renderers = {
   default: defaultRenderer,
   percentage: percentageRenderer
 };
-const ProgressCounter = ({ now, max, min, renderer = renderers.default }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressIndicatorCounter, {
-  children: renderer({ now, max, min })
-});
+const ProgressCounter = ({ now, max, min, renderer = renderers.default }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ProgressIndicatorCounter, { children: renderer({ now, max, min }) });
 var ProgressCounter_default = ProgressCounter;
 //# sourceMappingURL=ProgressCounter.js.map

package/dist/cjs/ProgressCounter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ProgressCounter.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { getPercentage } from './utils';\nimport { ProgressIndicatorCounter } from './classedComponents';\n\nconst defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;\nconst percentageRenderer = ({ now, max, min }) => {\n  const percentage = getPercentage(now, min, max);\n  return `${percentage}%`;\n};\n\nconst renderers = {\n  default: defaultRenderer,\n  percentage: percentageRenderer,\n};\n\nconst ProgressCounter = ({ now, max, min, renderer = renderers.default }) => (\n  <ProgressIndicatorCounter>{renderer({ now, max, min })}</ProgressIndicatorCounter>\n);\n\nexport default ProgressCounter;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,mBAA8B;AAC9B,+BAAyC;AAEzC,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AACnE,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM;AAChD,QAAM,iBAAa,4BAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,KAAK,WAAW,UAAU,QAAQ,MACrE,4CAAC;AAAA,EAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC;AAAA,CAAE;AAGzD,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,mBAA8B;AAC9B,+BAAyC;AAEzC,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AACnE,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM;AAChD,QAAM,iBAAa,4BAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,KAAK,WAAW,UAAU,QAAQ,MACrE,4CAAC,qDAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/DSProgressIndicator.js

@@ -19,39 +19,16 @@ const DSProgressIndicator = ({
   style = {}
 }) => {
   const renderProgressBar = useMemo(
-    () => segments.length ? /* @__PURE__ */ jsx(ProgressBar, {
-      children: segments.map(
-        (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ jsx(ProgressBar.Segment, {
-          ...segmentProps
-        }, i)
-      )
-    }) : /* @__PURE__ */ jsx(ProgressBar, {
-      max,
-      min,
-      now
-    }),
+    () => segments.length ? /* @__PURE__ */ jsx(ProgressBar, { children: segments.map(
+      (segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ jsx(ProgressBar.Segment, { ...segmentProps }, i)
+    ) }) : /* @__PURE__ */ jsx(ProgressBar, { max, min, now }),
     [segments, min, max, now]
   );
-  return /* @__PURE__ */ jsxs(Wrapper, {
-    ref: innerRef,
-    "aria-disabled": disabled,
-    classProps: { disabled },
-    ...containerProps,
-    style,
-    children: [
-      /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
-        containerComponent: Title,
-        value: title
-      }),
-      /* @__PURE__ */ jsx(Counter, {
-        max,
-        min,
-        now,
-        renderer: counterRenderer
-      }),
-      renderProgressBar
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Wrapper, { ref: innerRef, "aria-disabled": disabled, classProps: { disabled }, ...containerProps, style, children: [
+    /* @__PURE__ */ jsx(DSTruncatedTooltipText, { containerComponent: Title, value: title }),
+    /* @__PURE__ */ jsx(Counter, { max, min, now, renderer: counterRenderer }),
+    renderProgressBar
+  ] });
 };
 const variants = ["default", "success", "warning", "info", "error"];
 const progressIndicatorProps = {

package/dist/esm/DSProgressIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSProgressIndicator.tsx"],
   "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) && <ProgressBar.Segment key={i} {...segmentProps} />,\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar max={max} min={min} now={now} />\n      ),\n    [segments, min, max, now],\n  );\n\n  return (\n    <Wrapper ref={innerRef} aria-disabled={disabled} classProps={{ disabled }} {...containerProps} style={style}>\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('Set of Properties attached to the main container'),\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.description('Whether the progress indicator disabled or not').defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.array.description('An array of multiple progress objects'),\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"],
-  "mappings": "AAAA,YAAY,WAAW;AC0BiC,cAUpD,YAVoD;AAzBxD,SAAgB,eAAe;AAC/B,SAAS,UAAU,iBAAiB;AACpC,OAAO,4BAA4B;AACnC,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,SAAS,OAAO,eAAe;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;AACX,MAAM;AACJ,QAAM,oBAAoB;AAAA,IACxB,MACE,SAAS,SACP,oBAAC;AAAA,MACE,mBAAS;AAAA,QACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAAQ,oBAAC,YAAY,SAAZ;AAAA,UAA6B,GAAG;AAAA,WAAP,CAAqB;AAAA,MAC7F;AAAA,KACF,IAEA,oBAAC;AAAA,MAAY;AAAA,MAAU;AAAA,MAAU;AAAA,KAAU;AAAA,IAE/C,CAAC,UAAU,KAAK,KAAK,GAAG;AAAA,EAC1B;AAEA,SACE,qBAAC;AAAA,IAAQ,KAAK;AAAA,IAAU,iBAAe;AAAA,IAAU,YAAY,EAAE,SAAS;AAAA,IAAI,GAAG;AAAA,IAAgB;AAAA,IAC7F;AAAA,0BAAC;AAAA,QAAuB,oBAAoB;AAAA,QAAO,OAAO;AAAA,OAAO;AAAA,MACjE,oBAAC;AAAA,QAAQ;AAAA,QAAU;AAAA,QAAU;AAAA,QAAU,UAAU;AAAA,OAAiB;AAAA,MACjE;AAAA;AAAA,GACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,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,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,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;",
+  "mappings": "AAAA,YAAY,WAAW;AC0BiC,cAUpD,YAVoD;AAzBxD,SAAgB,eAAe;AAC/B,SAAS,UAAU,iBAAiB;AACpC,OAAO,4BAA4B;AACnC,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,SAAS,OAAO,eAAe;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;AACX,MAAM;AACJ,QAAM,oBAAoB;AAAA,IACxB,MACE,SAAS,SACP,oBAAC,eACE,mBAAS;AAAA,MACR,CAAC,cAAc,MACb,EAAE,aAAa,MAAM,aAAa,QAAQ,oBAAC,YAAY,SAAZ,EAA6B,GAAG,gBAAP,CAAqB;AAAA,IAC7F,GACF,IAEA,oBAAC,eAAY,KAAU,KAAU,KAAU;AAAA,IAE/C,CAAC,UAAU,KAAK,KAAK,GAAG;AAAA,EAC1B;AAEA,SACE,qBAAC,WAAQ,KAAK,UAAU,iBAAe,UAAU,YAAY,EAAE,SAAS,GAAI,GAAG,gBAAgB,OAC7F;AAAA,wBAAC,0BAAuB,oBAAoB,OAAO,OAAO,OAAO;AAAA,IACjE,oBAAC,WAAQ,KAAU,KAAU,KAAU,UAAU,iBAAiB;AAAA,IACjE;AAAA,KACH;AAEJ;AAEA,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO;AAElE,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,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,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,UAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,UAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,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;",
   "names": []
 }

package/dist/esm/ProgressBar.js

@@ -19,10 +19,7 @@ function useProgressTrait({ now = void 0, min = void 0, max = void 0, text = ""
 const Progress = (props) => {
   const { variant = "default" } = props;
   const progressTraitProps = useProgressTrait(props);
-  return /* @__PURE__ */ jsx(ProgressBarProgress, {
-    classProps: { variant },
-    ...progressTraitProps
-  });
+  return /* @__PURE__ */ jsx(ProgressBarProgress, { classProps: { variant }, ...progressTraitProps });
 };
 const ProgressBar = ({
   variant = "default",
@@ -30,14 +27,7 @@ const ProgressBar = ({
   min = void 0,
   max = void 0,
   children: progressSegments
-}) => /* @__PURE__ */ jsx(ProgressBarStatusBar, {
-  children: progressSegments || /* @__PURE__ */ jsx(Progress, {
-    max,
-    min,
-    now,
-    variant
-  })
-});
+}) => /* @__PURE__ */ jsx(ProgressBarStatusBar, { children: progressSegments || /* @__PURE__ */ jsx(Progress, { max, min, now, variant }) });
 ProgressBar.Segment = Progress;
 ProgressBar.propTypes = {
   variant: PropTypes.oneOf(["default", "success", "warning", "info", "error"]),

package/dist/esm/ProgressBar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ProgressBar.tsx"],
   "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({ now = undefined, min = undefined, max = undefined, text = '' }) {\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\nconst Progress = (props) => {\n  const { variant = 'default' } = props;\n\n  const progressTraitProps = useProgressTrait(props);\n\n  return <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />;\n};\n\nconst ProgressBar = ({\n  variant = 'default',\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  children: progressSegments,\n}) => (\n  <ProgressBarStatusBar>\n    {progressSegments || <Progress max={max} min={min} now={now} variant={variant} />}\n  </ProgressBarStatusBar>\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBd;AAvBT,OAAO,eAAe;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB,4BAA4B;AAE1D,SAAS,iBAAiB,EAAE,MAAM,QAAW,MAAM,QAAW,MAAM,QAAW,OAAO,GAAG,GAAG;AAC1F,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,MAAM,WAAW,CAAC,UAAU;AAC1B,QAAM,EAAE,UAAU,UAAU,IAAI;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,oBAAC;AAAA,IAAoB,YAAY,EAAE,QAAQ;AAAA,IAAI,GAAG;AAAA,GAAoB;AAC/E;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ,MACE,oBAAC;AAAA,EACE,8BAAoB,oBAAC;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,GAAkB;AAAA,CACjF;AAGF,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;",
+  "mappings": "AAAA,YAAY,WAAW;ACwBd;AAvBT,OAAO,eAAe;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB,4BAA4B;AAE1D,SAAS,iBAAiB,EAAE,MAAM,QAAW,MAAM,QAAW,MAAM,QAAW,OAAO,GAAG,GAAG;AAC1F,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,MAAM,WAAW,CAAC,UAAU;AAC1B,QAAM,EAAE,UAAU,UAAU,IAAI;AAEhC,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,oBAAC,uBAAoB,YAAY,EAAE,QAAQ,GAAI,GAAG,oBAAoB;AAC/E;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AACZ,MACE,oBAAC,wBACE,8BAAoB,oBAAC,YAAS,KAAU,KAAU,KAAU,SAAkB,GACjF;AAGF,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;",
   "names": []
 }

package/dist/esm/ProgressCounter.js

@@ -11,9 +11,7 @@ const renderers = {
   default: defaultRenderer,
   percentage: percentageRenderer
 };
-const ProgressCounter = ({ now, max, min, renderer = renderers.default }) => /* @__PURE__ */ jsx(ProgressIndicatorCounter, {
-  children: renderer({ now, max, min })
-});
+const ProgressCounter = ({ now, max, min, renderer = renderers.default }) => /* @__PURE__ */ jsx(ProgressIndicatorCounter, { children: renderer({ now, max, min }) });
 var ProgressCounter_default = ProgressCounter;
 export {
   ProgressCounter_default as default

package/dist/esm/ProgressCounter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ProgressCounter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { getPercentage } from './utils';\nimport { ProgressIndicatorCounter } from './classedComponents';\n\nconst defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;\nconst percentageRenderer = ({ now, max, min }) => {\n  const percentage = getPercentage(now, min, max);\n  return `${percentage}%`;\n};\n\nconst renderers = {\n  default: defaultRenderer,\n  percentage: percentageRenderer,\n};\n\nconst ProgressCounter = ({ now, max, min, renderer = renderers.default }) => (\n  <ProgressIndicatorCounter>{renderer({ now, max, min })}</ProgressIndicatorCounter>\n);\n\nexport default ProgressCounter;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AAEzC,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AACnE,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM;AAChD,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,KAAK,WAAW,UAAU,QAAQ,MACrE,oBAAC;AAAA,EAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC;AAAA,CAAE;AAGzD,IAAO,0BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AAEzC,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AACnE,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM;AAChD,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,KAAK,WAAW,UAAU,QAAQ,MACrE,oBAAC,4BAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-progress-indicator",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Progress Indicator",
   "files": [
@@ -55,10 +55,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
-    "prop-types": "~15.8.1"
+    "prop-types": "~15.8.1",
+    "@elliemae/ds-classnames": "3.12.0-rc.21",
+    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.21",
+    "@elliemae/ds-utilities": "3.12.0-rc.21"
   },
   "peerDependencies": {
     "react": "^17.0.2",