@elliemae/ds-progress-indicator 3.16.0 → 3.16.1-rc.10

package/dist/cjs/DSProgressIndicator.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,9 +38,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_ProgressCounter = __toESM(require("./ProgressCounter"));
-var import_ProgressBar = __toESM(require("./ProgressBar"));
-var import_classedComponents = require("./classedComponents");
+var import_ProgressCounter = __toESM(require("./ProgressCounter.js"));
+var import_ProgressBar = __toESM(require("./ProgressBar.js"));
+var import_classedComponents = require("./classedComponents.js");
 const DSProgressIndicator = ({
   containerProps = {},
   innerRef = () => null,

package/dist/cjs/DSProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "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-props-helpers';\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,8BAAoC;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,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,UAAU,kCAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,kCAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,kCAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,kCAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,kCAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,kCAA8B,kCAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc,mBAAAF;AAGlC,IAAO,8BAAQ;",
+  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter.js';\nimport ProgressBar from './ProgressBar.js';\nimport { Title, Wrapper } from './classedComponents.js';\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,8BAAoC;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,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,UAAU,kCAAU,OAAO,YAAY,iCAAiC;AAAA,EACxE,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA,EACtD,SAAS,kCAAU,MAAM,QAAQ,EAAE,YAAY,2BAA2B;AAAA,EAC1E,KAAK,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EACvD,KAAK,kCAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,KAAK,kCAAU,OAAO,YAAY,WAAW;AAAA,EAC7C,UAAU,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EACzG,iBAAiB,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EACrE,UAAU,kCAAU,MAAM,YAAY,uCAAuC;AAAA,EAC7E,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AACxD;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,kCAA8B,kCAAS,mBAAmB;AAChE,4BAA4B,YAAY;AAExC,oBAAoB,cAAc,mBAAAF;AAGlC,IAAO,8BAAQ;",
   "names": ["ProgressBar", "DSTruncatedTooltipText", "Counter"]
 }

package/dist/cjs/ProgressBar.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,8 +34,8 @@ module.exports = __toCommonJS(ProgressBar_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
-var import_utils = require("./utils");
-var import_classedComponents = require("./classedComponents");
+var import_utils = require("./utils.js");
+var import_classedComponents = require("./classedComponents.js");
 function useProgressTrait({ now = void 0, min = void 0, max = void 0, text = "" }) {
   const percentage = (0, import_utils.getPercentage)(now, min, max);
   return {
@@ -59,9 +63,13 @@ const ProgressBar = ({
 }) => /* @__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 = {
+  /** Progress intent variation */
   variant: import_prop_types.default.oneOf(["default", "success", "warning", "info", "error"]),
+  /** Total current value */
   now: import_prop_types.default.number,
+  /** Min value */
   min: import_prop_types.default.number,
+  /** Total max */
   max: import_prop_types.default.number
 };
 var ProgressBar_default = ProgressBar;

package/dist/cjs/ProgressBar.js.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils.js';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents.js';\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,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;AAAA,EAEtB,SAAS,kBAAAA,QAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA;AAAA,EAE3E,KAAK,kBAAAA,QAAU;AAAA;AAAA,EAEf,KAAK,kBAAAA,QAAU;AAAA;AAAA,EAEf,KAAK,kBAAAA,QAAU;AACjB;AAEA,IAAO,sBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/ProgressCounter.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,8 +33,8 @@ __export(ProgressCounter_exports, {
 module.exports = __toCommonJS(ProgressCounter_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_utils = require("./utils");
-var import_classedComponents = require("./classedComponents");
+var import_utils = require("./utils.js");
+var import_classedComponents = require("./classedComponents.js");
 const defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;
 const percentageRenderer = ({ now, max, min }) => {
   const percentage = (0, import_utils.getPercentage)(now, min, max);

package/dist/cjs/ProgressCounter.js.map

@@ -1,7 +1,7 @@
 {
   "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,qDAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { getPercentage } from './utils.js';\nimport { ProgressIndicatorCounter } from './classedComponents.js';\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,qDAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/classedComponents.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/classedComponents.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/classedComponents.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport const blockName = 'determinate-progress-indicator';\nconst progressBlockName = 'progress-bar';\n\nexport const Wrapper = aggregatedClasses('div')(blockName, null, ({ disabled }) => ({ disabled }));\nexport const Title = aggregatedClasses('div')(blockName, 'title');\nexport const ProgressIndicatorCounter = aggregatedClasses('span')(blockName, 'counter');\nexport const ProgressBarStatusBar = aggregatedClasses('div')(progressBlockName);\nexport const ProgressBarProgress = aggregatedClasses('div')(progressBlockName, 'progress', ({ variant }) => ({\n  [variant]: true,\n}));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAAO,EAAE,SAAS,EAAE;AAC1F,MAAM,YAAQ,wCAAkB,KAAK,EAAE,WAAW,OAAO;AACzD,MAAM,+BAA2B,wCAAkB,MAAM,EAAE,WAAW,SAAS;AAC/E,MAAM,2BAAuB,wCAAkB,KAAK,EAAE,iBAAiB;AACvE,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC3G,CAAC,UAAU;AACb,EAAE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAAO,EAAE,SAAS,EAAE;AAC1F,MAAM,YAAQ,wCAAkB,KAAK,EAAE,WAAW,OAAO;AACzD,MAAM,+BAA2B,wCAAkB,MAAM,EAAE,WAAW,SAAS;AAC/E,MAAM,2BAAuB,wCAAkB,KAAK,EAAE,iBAAiB;AACvE,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC3G,CAAC,OAAO,GAAG;AACb,EAAE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,6 +33,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSProgressIndicator"), module.exports);
-var import_DSProgressIndicator = __toESM(require("./DSProgressIndicator"));
+__reExport(src_exports, require("./DSProgressIndicator.js"), module.exports);
+var import_DSProgressIndicator = __toESM(require("./DSProgressIndicator.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSProgressIndicator';\nexport { default } from './DSProgressIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,kCAAd;AACA,iCAAwB;",
+  "sourcesContent": ["export * from './DSProgressIndicator.js';\nexport { default } from './DSProgressIndicator.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qCAAd;AACA,iCAAwB;",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/cjs/utils.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export function getPercentage(now, min, max) {\n  return ((now || min) / max) * 100;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,cAAc,KAAK,KAAK,KAAK;AAC3C,UAAS,OAAO,OAAO,MAAO;AAChC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,cAAc,KAAK,KAAK,KAAK;AAC3C,UAAS,OAAO,OAAO,MAAO;AAChC;",
   "names": []
 }

package/dist/esm/DSProgressIndicator.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { describe, PropTypes } from "@elliemae/ds-props-helpers";
 import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
-import Counter from "./ProgressCounter";
-import ProgressBar from "./ProgressBar";
-import { Title, Wrapper } from "./classedComponents";
+import Counter from "./ProgressCounter.js";
+import ProgressBar from "./ProgressBar.js";
+import { Title, Wrapper } from "./classedComponents.js";
 const DSProgressIndicator = ({
   containerProps = {},
   innerRef = () => null,

package/dist/esm/DSProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "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-props-helpers';\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"],
+  "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-props-helpers';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter.js';\nimport ProgressBar from './ProgressBar.js';\nimport { Title, Wrapper } from './classedComponents.js';\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,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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
-import { getPercentage } from "./utils";
-import { ProgressBarProgress, ProgressBarStatusBar } from "./classedComponents";
+import { getPercentage } from "./utils.js";
+import { ProgressBarProgress, ProgressBarStatusBar } from "./classedComponents.js";
 function useProgressTrait({ now = void 0, min = void 0, max = void 0, text = "" }) {
   const percentage = getPercentage(now, min, max);
   return {
@@ -30,9 +30,13 @@ const ProgressBar = ({
 }) => /* @__PURE__ */ jsx(ProgressBarStatusBar, { children: progressSegments || /* @__PURE__ */ jsx(Progress, { max, min, now, variant }) });
 ProgressBar.Segment = Progress;
 ProgressBar.propTypes = {
+  /** Progress intent variation */
   variant: PropTypes.oneOf(["default", "success", "warning", "info", "error"]),
+  /** Total current value */
   now: PropTypes.number,
+  /** Min value */
   min: PropTypes.number,
+  /** Total max */
   max: PropTypes.number
 };
 var ProgressBar_default = ProgressBar;

package/dist/esm/ProgressBar.js.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils.js';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents.js';\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,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;AAAA,EAEtB,SAAS,UAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA;AAAA,EAE3E,KAAK,UAAU;AAAA;AAAA,EAEf,KAAK,UAAU;AAAA;AAAA,EAEf,KAAK,UAAU;AACjB;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/ProgressCounter.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { getPercentage } from "./utils";
-import { ProgressIndicatorCounter } from "./classedComponents";
+import { getPercentage } from "./utils.js";
+import { ProgressIndicatorCounter } from "./classedComponents.js";
 const defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;
 const percentageRenderer = ({ now, max, min }) => {
   const percentage = getPercentage(now, min, max);

package/dist/esm/ProgressCounter.js.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { getPercentage } from './utils.js';\nimport { ProgressIndicatorCounter } from './classedComponents.js';\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,4BAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/classedComponents.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/classedComponents.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport const blockName = 'determinate-progress-indicator';\nconst progressBlockName = 'progress-bar';\n\nexport const Wrapper = aggregatedClasses('div')(blockName, null, ({ disabled }) => ({ disabled }));\nexport const Title = aggregatedClasses('div')(blockName, 'title');\nexport const ProgressIndicatorCounter = aggregatedClasses('span')(blockName, 'counter');\nexport const ProgressBarStatusBar = aggregatedClasses('div')(progressBlockName);\nexport const ProgressBarProgress = aggregatedClasses('div')(progressBlockName, 'progress', ({ variant }) => ({\n  [variant]: true,\n}));\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAAO,EAAE,SAAS,EAAE;AAC1F,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,OAAO;AACzD,MAAM,2BAA2B,kBAAkB,MAAM,EAAE,WAAW,SAAS;AAC/E,MAAM,uBAAuB,kBAAkB,KAAK,EAAE,iBAAiB;AACvE,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC3G,CAAC,UAAU;AACb,EAAE;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAAO,EAAE,SAAS,EAAE;AAC1F,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,OAAO;AACzD,MAAM,2BAA2B,kBAAkB,MAAM,EAAE,WAAW,SAAS;AAC/E,MAAM,uBAAuB,kBAAkB,KAAK,EAAE,iBAAiB;AACvE,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC3G,CAAC,OAAO,GAAG;AACb,EAAE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "./DSProgressIndicator";
-import { default as default2 } from "./DSProgressIndicator";
+export * from "./DSProgressIndicator.js";
+import { default as default2 } from "./DSProgressIndicator.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSProgressIndicator';\nexport { default } from './DSProgressIndicator';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSProgressIndicator.js';\nexport { default } from './DSProgressIndicator.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

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

package/dist/types/DSProgressIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const DSProgressIndicator: {
     ({ containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, }: {
         containerProps?: {} | undefined;
@@ -12,17 +13,17 @@ declare const DSProgressIndicator: {
         style?: {} | undefined;
     }): JSX.Element;
     propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        now: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        min: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        max: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        counterRenderer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        segments: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        now: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        min: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        max: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        counterRenderer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        segments: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
     ProgressBar: {
@@ -42,7 +43,7 @@ declare const DSProgressIndicator: {
         };
     };
 };
-declare const ProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
+declare const ProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     innerRef?: (() => null) | undefined;
     title?: string | undefined;

package/dist/types/ProgressBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const ProgressBar: {
     ({ variant, now, min, max, children: progressSegments, }: {

package/dist/types/ProgressCounter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const ProgressCounter: ({ now, max, min, renderer }: {
     now: any;
     max: any;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSProgressIndicator';
-export { default } from './DSProgressIndicator';
+export * from './DSProgressIndicator.js';
+export { default } from './DSProgressIndicator.js';

package/package.json

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