@elliemae/ds-progress-indicator 3.32.0-rc.2 → 3.32.0-rc.4

package/dist/cjs/DSProgressIndicator.js

@@ -43,12 +43,12 @@ var import_ProgressBar = __toESM(require("./ProgressBar.js"));
 var import_classedComponents = require("./classedComponents.js");
 const DSProgressIndicator = ({
   containerProps = {},
-  innerRef = () => null,
+  innerRef,
   title = "",
-  counterRenderer = void 0,
-  now = void 0,
+  counterRenderer,
+  now = 0,
   min = 0,
-  max = void 0,
+  max = 0,
   disabled = false,
   segments = [],
   style = {}

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.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,uCAAuC;AACvC,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,2DAAuB,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,mBAAAD;AAGlC,IAAO,8BAAQ;",
+  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { useMemo, type WeakValidationMap } 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';\nimport type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\nconst DSProgressIndicator = ({\n  containerProps = {},\n  innerRef,\n  title = '',\n  counterRenderer,\n  now = 0,\n  min = 0,\n  max = 0,\n  disabled = false,\n  segments = [],\n  style = {},\n}: DSProgressIndicatorT.Props) => {\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} as WeakValidationMap<unknown>;\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;AD2BiC;AA1BxD,mBAAuD;AACvD,8BAAoC;AACpC,uCAAuC;AACvC,6BAAoB;AACpB,yBAAwB;AACxB,+BAA+B;AAG/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AACX,MAAkC;AAChC,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,2DAAuB,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,mBAAAD;AAGlC,IAAO,8BAAQ;",
   "names": ["ProgressBar", "Counter"]
 }

package/dist/cjs/ProgressBar.js

@@ -36,7 +36,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_utils = require("./utils.js");
 var import_classedComponents = require("./classedComponents.js");
-function useProgressTrait({ now = void 0, min = void 0, max = void 0 }) {
+function useProgressTrait({ now = 0, min = 0, max = 0 }) {
   const percentage = (0, import_utils.getPercentage)(now, min, max);
   return {
     role: "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.js';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents.js';\n\nfunction useProgressTrait({ now = undefined, min = undefined, max = undefined }) {\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-label': 'progress bar',\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,OAAU,GAAG;AAC/E,QAAM,iBAAa,4BAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,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;",
+  "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 = 0, min = 0, max = 0 }: { now?: number; min?: number; max?: number }) {\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-label': 'progress bar',\n    style: {\n      width: `${percentage}%`,\n    },\n  };\n}\n\nconst Progress = (props: { variant: string; now?: number; min?: number; max?: number }) => {\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  variant?: string;\n  now?: number;\n  min?: number;\n  max?: number;\n  children?: React.ReactNode;\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,GAAG,MAAM,GAAG,MAAM,EAAE,GAAiD;AACrG,QAAM,iBAAa,4BAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,UAAyE;AACzF,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,MAOE,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

@@ -44,6 +44,11 @@ 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

@@ -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.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;",
+  "sourcesContent": ["import React from 'react';\nimport { getPercentage } from './utils.js';\nimport { ProgressIndicatorCounter } from './classedComponents.js';\nimport type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\nconst defaultRenderer: DSProgressIndicatorT.DefaultRendererT = ({ now, max, min }) => `${min || now} of ${max}`;\n\nconst percentageRenderer = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => {\n  const percentage = getPercentage(now, min, max);\n  return `${percentage}%`;\n};\n\nconst renderers = {\n  default: defaultRenderer,\n  percentage: percentageRenderer,\n};\n\nconst ProgressCounter = ({\n  now,\n  max,\n  min,\n  renderer = renderers.default,\n}: DSProgressIndicatorT.PercentageT & { renderer?: DSProgressIndicatorT.DefaultRendererT }) => (\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;ADuBrB;AAtBF,mBAA8B;AAC9B,+BAAyC;AAGzC,MAAM,kBAAyD,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AAE1G,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAwC;AAClF,QAAM,iBAAa,4BAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,UAAU;AACvB,MACE,4CAAC,qDAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/classedComponents.js

@@ -40,7 +40,9 @@ var React = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 const blockName = "determinate-progress-indicator";
 const progressBlockName = "progress-bar";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ disabled }) => ({ disabled }));
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ disabled }) => ({
+  disabled
+}));
 const Title = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "title");
 const ProgressIndicatorCounter = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "counter");
 const ProgressBarStatusBar = (0, import_ds_classnames.aggregatedClasses)("div")(progressBlockName);

package/dist/cjs/classedComponents.js.map

@@ -1,7 +1,7 @@
 {
   "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,OAAO,GAAG;AACb,EAAE;",
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport const blockName = 'determinate-progress-indicator';\nconst progressBlockName = 'progress-bar';\n\nexport const Wrapper: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode; style: object; classProps: object }\n> = aggregatedClasses('div')(blockName, null, ({ disabled }: { disabled: boolean }) => ({\n  disabled,\n}));\n\nexport const Title = aggregatedClasses('div')(blockName, 'title');\n\nexport const ProgressIndicatorCounter: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('span')(blockName, 'counter');\n\nexport const ProgressBarStatusBar: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('div')(progressBlockName);\n\nexport const ProgressBarProgress: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { classProps: object }\n> = 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,cAET,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAA8B;AAAA,EACtF;AACF,EAAE;AAEK,MAAM,YAAQ,wCAAkB,KAAK,EAAE,WAAW,OAAO;AAEzD,MAAM,+BAET,wCAAkB,MAAM,EAAE,WAAW,SAAS;AAE3C,MAAM,2BAET,wCAAkB,KAAK,EAAE,iBAAiB;AAEvC,MAAM,0BAET,wCAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC5E,CAAC,OAAO,GAAG;AACb,EAAE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -34,5 +34,6 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./DSProgressIndicator.js"), module.exports);
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 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.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;",
+  "sourcesContent": ["export * from './DSProgressIndicator.js';\nexport { type DSProgressIndicatorT } from './react-desc-prop-types.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,mCAA0C;AAC1C,iCAAwB;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,28 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export declare namespace DSProgressIndicatorT {\n  export type PercentageT = {\n    min: number;\n    max: number;\n    now: number;\n  };\n\n  export type DefaultRendererT = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => string;\n\n  export type VariantT = 'default' | 'success' | 'warning' | 'info' | 'error';\n\n  export type SegmentsT = {\n    length?: number;\n    min: number;\n    max: number;\n    now: number;\n    variant: VariantT;\n  };\n\n  export interface DefaultProps {\n    title: string;\n    innerRef: React.MutableRefObject<unknown>;\n    counterRenderer: DefaultRendererT;\n    min: number;\n    disabled: boolean;\n    segments: SegmentsT[] | readonly SegmentsT[];\n    style: object;\n  }\n\n  export interface OptionalProps {\n    containerProps?: { [key: string]: string };\n    now?: number;\n    max?: number;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-progress-indicator-valid.js

@@ -0,0 +1,120 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+const testOptionalProps = {
+  containerProps: { "data-testid": "" },
+  max: 100,
+  now: 10
+};
+const ref = import_react.default.createRef();
+const testPartialDefaults = {
+  disabled: false,
+  min: 0,
+  style: { border: "1px solid red" }
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: ""
+};
+const testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const testInferedTypeCompatibility = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const testDefinitionAsConst = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSProgressIndicator, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSProgressIndicator, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSProgressIndicator, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSProgressIndicator,
+    {
+      counterRenderer: () => "",
+      disabled: true,
+      innerRef: ref,
+      min: 0,
+      segments: [],
+      style: {},
+      title: "",
+      containerProps: {},
+      max: 100,
+      now: 20
+    }
+  )
+] });
+//# sourceMappingURL=typescript-progress-indicator-valid.js.map

package/dist/cjs/typescript-testing/typescript-progress-indicator-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-progress-indicator-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSProgressIndicator } from '../index.js';\nimport type { DSProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSProgressIndicatorT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerProps: { 'data-testid': '' },\n  max: 100,\n  now: 10,\n};\n\nconst ref = React.createRef();\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  disabled: false,\n  min: 0,\n  style: { border: '1px solid red' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSProgressIndicator {...testExplicitDefinition} />\n    <DSProgressIndicator {...testInferedTypeCompatibility} />\n    <DSProgressIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSProgressIndicator\n      counterRenderer={() => ''}\n      disabled\n      innerRef={ref}\n      min={0}\n      segments={[]}\n      style={{}}\n      title=\"\"\n      containerProps={{}}\n      max={100}\n      now={20}\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoGrB;AAnGF,mBAAkB;AAClB,eAAoC;AASpC,MAAM,oBAAiD;AAAA,EACrD,gBAAgB,EAAE,eAAe,GAAG;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,MAAM,aAAAA,QAAM,UAAU;AAI5B,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO,EAAE,QAAQ,gBAAgB;AACnC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB;AAAA,EAC5B,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,gCAAqB,GAAG,wBAAwB;AAAA,EACjD,4CAAC,gCAAqB,GAAG,8BAA8B;AAAA,EACvD,4CAAC,gCAAqB,GAAG,uBAAuB;AAAA,EAEhD;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,MAAM;AAAA,MACvB,UAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,OAAM;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA;AAAA,EACP;AAAA,GACF;",
+  "names": ["React"]
+}

package/dist/cjs/utils.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "sourcesContent": ["export function getPercentage(now: number, min: number, max: number): number {\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,KAAa,KAAa,KAAqB;AAC3E,UAAS,OAAO,OAAO,MAAO;AAChC;",
   "names": []
 }

package/dist/esm/DSProgressIndicator.js

@@ -8,12 +8,12 @@ import ProgressBar from "./ProgressBar.js";
 import { Title, Wrapper } from "./classedComponents.js";
 const DSProgressIndicator = ({
   containerProps = {},
-  innerRef = () => null,
+  innerRef,
   title = "",
-  counterRenderer = void 0,
-  now = void 0,
+  counterRenderer,
+  now = 0,
   min = 0,
-  max = void 0,
+  max = 0,
   disabled = false,
   segments = [],
   style = {}

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.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,SAAS,8BAA8B;AACvC,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo, type WeakValidationMap } 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';\nimport type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\nconst DSProgressIndicator = ({\n  containerProps = {},\n  innerRef,\n  title = '',\n  counterRenderer,\n  now = 0,\n  min = 0,\n  max = 0,\n  disabled = false,\n  segments = [],\n  style = {},\n}: DSProgressIndicatorT.Props) => {\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} as WeakValidationMap<unknown>;\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;AC2BiC,cAUpD,YAVoD;AA1BxD,SAAgB,eAAuC;AACvD,SAAS,UAAU,iBAAiB;AACpC,SAAS,8BAA8B;AACvC,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,SAAS,OAAO,eAAe;AAG/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW,CAAC;AAAA,EACZ,QAAQ,CAAC;AACX,MAAkC;AAChC,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

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { getPercentage } from "./utils.js";
 import { ProgressBarProgress, ProgressBarStatusBar } from "./classedComponents.js";
-function useProgressTrait({ now = void 0, min = void 0, max = void 0 }) {
+function useProgressTrait({ now = 0, min = 0, max = 0 }) {
   const percentage = getPercentage(now, min, max);
   return {
     role: "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.js';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents.js';\n\nfunction useProgressTrait({ now = undefined, min = undefined, max = undefined }) {\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-label': 'progress bar',\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,OAAU,GAAG;AAC/E,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,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;",
+  "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 = 0, min = 0, max = 0 }: { now?: number; min?: number; max?: number }) {\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-label': 'progress bar',\n    style: {\n      width: `${percentage}%`,\n    },\n  };\n}\n\nconst Progress = (props: { variant: string; now?: number; min?: number; max?: number }) => {\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  variant?: string;\n  now?: number;\n  min?: number;\n  max?: number;\n  children?: React.ReactNode;\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,GAAG,MAAM,GAAG,MAAM,EAAE,GAAiD;AACrG,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,MACL,OAAO,GAAG;AAAA,IACZ;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,UAAyE;AACzF,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,MAOE,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

@@ -11,7 +11,12 @@ 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

@@ -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.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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { getPercentage } from './utils.js';\nimport { ProgressIndicatorCounter } from './classedComponents.js';\nimport type { DSProgressIndicatorT } from './react-desc-prop-types.js';\n\nconst defaultRenderer: DSProgressIndicatorT.DefaultRendererT = ({ now, max, min }) => `${min || now} of ${max}`;\n\nconst percentageRenderer = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => {\n  const percentage = getPercentage(now, min, max);\n  return `${percentage}%`;\n};\n\nconst renderers = {\n  default: defaultRenderer,\n  percentage: percentageRenderer,\n};\n\nconst ProgressCounter = ({\n  now,\n  max,\n  min,\n  renderer = renderers.default,\n}: DSProgressIndicatorT.PercentageT & { renderer?: DSProgressIndicatorT.DefaultRendererT }) => (\n  <ProgressIndicatorCounter>{renderer({ now, max, min })}</ProgressIndicatorCounter>\n);\n\nexport default ProgressCounter;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBrB;AAtBF,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AAGzC,MAAM,kBAAyD,CAAC,EAAE,KAAK,KAAK,IAAI,MAAM,GAAG,OAAO,UAAU;AAE1G,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,IAAI,MAAwC;AAClF,QAAM,aAAa,cAAc,KAAK,KAAK,GAAG;AAC9C,SAAO,GAAG;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AACd;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,UAAU;AACvB,MACE,oBAAC,4BAA0B,mBAAS,EAAE,KAAK,KAAK,IAAI,CAAC,GAAE;AAGzD,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/classedComponents.js

@@ -2,7 +2,9 @@ import * as React from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 const blockName = "determinate-progress-indicator";
 const progressBlockName = "progress-bar";
-const Wrapper = aggregatedClasses("div")(blockName, null, ({ disabled }) => ({ disabled }));
+const Wrapper = aggregatedClasses("div")(blockName, null, ({ disabled }) => ({
+  disabled
+}));
 const Title = aggregatedClasses("div")(blockName, "title");
 const ProgressIndicatorCounter = aggregatedClasses("span")(blockName, "counter");
 const ProgressBarStatusBar = aggregatedClasses("div")(progressBlockName);

package/dist/esm/classedComponents.js.map

@@ -1,7 +1,7 @@
 {
   "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,OAAO,GAAG;AACb,EAAE;",
+  "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: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode; style: object; classProps: object }\n> = aggregatedClasses('div')(blockName, null, ({ disabled }: { disabled: boolean }) => ({\n  disabled,\n}));\n\nexport const Title = aggregatedClasses('div')(blockName, 'title');\n\nexport const ProgressIndicatorCounter: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('span')(blockName, 'counter');\n\nexport const ProgressBarStatusBar: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { children: React.ReactNode }\n> = aggregatedClasses('div')(progressBlockName);\n\nexport const ProgressBarProgress: React.ForwardRefExoticComponent<\n  React.RefAttributes<unknown> & { classProps: object }\n> = 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,UAET,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,SAAS,OAA8B;AAAA,EACtF;AACF,EAAE;AAEK,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,OAAO;AAEzD,MAAM,2BAET,kBAAkB,MAAM,EAAE,WAAW,SAAS;AAE3C,MAAM,uBAET,kBAAkB,KAAK,EAAE,iBAAiB;AAEvC,MAAM,sBAET,kBAAkB,KAAK,EAAE,mBAAmB,YAAY,CAAC,EAAE,QAAQ,OAAO;AAAA,EAC5E,CAAC,OAAO,GAAG;AACb,EAAE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 export * from "./DSProgressIndicator.js";
+import {} from "./react-desc-prop-types.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.js';\nexport { default } from './DSProgressIndicator.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSProgressIndicator.js';\nexport { type DSProgressIndicatorT } from './react-desc-prop-types.js';\nexport { default } from './DSProgressIndicator.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,eAA0C;AAC1C,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-progress-indicator-valid.js

@@ -0,0 +1,97 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { DSProgressIndicator } from "../index.js";
+const testOptionalProps = {
+  containerProps: { "data-testid": "" },
+  max: 100,
+  now: 10
+};
+const ref = React2.createRef();
+const testPartialDefaults = {
+  disabled: false,
+  min: 0,
+  style: { border: "1px solid red" }
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: ""
+};
+const testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const testInferedTypeCompatibility = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const testDefinitionAsConst = {
+  counterRenderer: () => "",
+  disabled: false,
+  innerRef: ref,
+  min: 0,
+  segments: [],
+  style: {},
+  title: "",
+  containerProps: {},
+  max: 100,
+  now: 20
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSProgressIndicator, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSProgressIndicator, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSProgressIndicator, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    DSProgressIndicator,
+    {
+      counterRenderer: () => "",
+      disabled: true,
+      innerRef: ref,
+      min: 0,
+      segments: [],
+      style: {},
+      title: "",
+      containerProps: {},
+      max: 100,
+      now: 20
+    }
+  )
+] });
+//# sourceMappingURL=typescript-progress-indicator-valid.js.map

package/dist/esm/typescript-testing/typescript-progress-indicator-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-progress-indicator-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSProgressIndicator } from '../index.js';\nimport type { DSProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSProgressIndicatorT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerProps: { 'data-testid': '' },\n  max: 100,\n  now: 10,\n};\n\nconst ref = React.createRef();\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  disabled: false,\n  min: 0,\n  style: { border: '1px solid red' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  counterRenderer: () => '',\n  disabled: false,\n  innerRef: ref,\n  min: 0,\n  segments: [],\n  style: {},\n  title: '',\n  containerProps: {},\n  max: 100,\n  now: 20,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSProgressIndicator {...testExplicitDefinition} />\n    <DSProgressIndicator {...testInferedTypeCompatibility} />\n    <DSProgressIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSProgressIndicator\n      counterRenderer={() => ''}\n      disabled\n      innerRef={ref}\n      min={0}\n      segments={[]}\n      style={{}}\n      title=\"\"\n      containerProps={{}}\n      max={100}\n      now={20}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoGrB,mBAEE,KAFF;AAnGF,OAAOA,YAAW;AAClB,SAAS,2BAA2B;AASpC,MAAM,oBAAiD;AAAA,EACrD,gBAAgB,EAAE,eAAe,GAAG;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,MAAMA,OAAM,UAAU;AAI5B,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO,EAAE,QAAQ,gBAAgB;AACnC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB;AAAA,EAC5B,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,uBAAqB,GAAG,wBAAwB;AAAA,EACjD,oBAAC,uBAAqB,GAAG,8BAA8B;AAAA,EACvD,oBAAC,uBAAqB,GAAG,uBAAuB;AAAA,EAEhD;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,MAAM;AAAA,MACvB,UAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,OAAM;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA;AAAA,EACP;AAAA,GACF;",
+  "names": ["React"]
+}

package/dist/esm/utils.js.map

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

package/dist/types/DSProgressIndicator.d.ts

@@ -1,39 +1,23 @@
+import React from 'react';
+import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
 declare const DSProgressIndicator: {
-    ({ containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, }: {
-        containerProps?: {} | undefined;
-        innerRef?: (() => null) | undefined;
-        title?: string | undefined;
-        counterRenderer?: undefined;
-        now?: undefined;
-        min?: number | undefined;
-        max?: undefined;
-        disabled?: boolean | undefined;
-        segments?: never[] | undefined;
-        style?: {} | undefined;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        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;
-    };
+    ({ containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, }: DSProgressIndicatorT.Props): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: React.WeakValidationMap<unknown>;
     displayName: string;
     ProgressBar: {
         ({ variant, now, min, max, children: progressSegments, }: {
             variant?: string | undefined;
-            now?: undefined;
-            min?: undefined;
-            max?: undefined;
-            children: any;
+            now?: number | undefined;
+            min?: number | undefined;
+            max?: number | undefined;
+            children?: React.ReactNode;
         }): import("react/jsx-runtime.js").JSX.Element;
-        Segment: (props: any) => import("react/jsx-runtime.js").JSX.Element;
+        Segment: (props: {
+            variant: string;
+            now?: number | undefined;
+            min?: number | undefined;
+            max?: number | undefined;
+        }) => import("react/jsx-runtime.js").JSX.Element;
         propTypes: {
             variant: import("prop-types").Requireable<string>;
             now: import("prop-types").Requireable<number>;
@@ -42,17 +26,6 @@ declare const DSProgressIndicator: {
         };
     };
 };
-declare const ProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
-    containerProps?: {} | undefined;
-    innerRef?: (() => null) | undefined;
-    title?: string | undefined;
-    counterRenderer?: undefined;
-    now?: undefined;
-    min?: number | undefined;
-    max?: undefined;
-    disabled?: boolean | undefined;
-    segments?: never[] | undefined;
-    style?: {} | undefined;
-}>;
+declare const ProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSProgressIndicatorT.Props>;
 export { DSProgressIndicator, ProgressIndicatorWithSchema };
 export default DSProgressIndicator;

package/dist/types/ProgressBar.d.ts

@@ -1,13 +1,19 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const ProgressBar: {
     ({ variant, now, min, max, children: progressSegments, }: {
         variant?: string | undefined;
-        now?: undefined;
-        min?: undefined;
-        max?: undefined;
-        children: any;
+        now?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        children?: React.ReactNode;
     }): import("react/jsx-runtime.js").JSX.Element;
-    Segment: (props: any) => import("react/jsx-runtime.js").JSX.Element;
+    Segment: (props: {
+        variant: string;
+        now?: number;
+        min?: number;
+        max?: number;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     propTypes: {
         /** Progress intent variation */
         variant: PropTypes.Requireable<string>;

package/dist/types/ProgressCounter.d.ts

@@ -1,11 +1,5 @@
-declare const ProgressCounter: ({ now, max, min, renderer }: {
-    now: any;
-    max: any;
-    min: any;
-    renderer?: (({ now, max, min }: {
-        now: any;
-        max: any;
-        min: any;
-    }) => string) | undefined;
+import type { DSProgressIndicatorT } from './react-desc-prop-types.js';
+declare const ProgressCounter: ({ now, max, min, renderer, }: DSProgressIndicatorT.PercentageT & {
+    renderer?: DSProgressIndicatorT.DefaultRendererT | undefined;
 }) => import("react/jsx-runtime.js").JSX.Element;
 export default ProgressCounter;

package/dist/types/classedComponents.d.ts

@@ -1,7 +1,17 @@
 /// <reference types="react" />
 export declare const blockName = "determinate-progress-indicator";
-export declare const Wrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Wrapper: React.ForwardRefExoticComponent<React.RefAttributes<unknown> & {
+    children: React.ReactNode;
+    style: object;
+    classProps: object;
+}>;
 export declare const Title: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export declare const ProgressIndicatorCounter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export declare const ProgressBarStatusBar: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export declare const ProgressBarProgress: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ProgressIndicatorCounter: React.ForwardRefExoticComponent<React.RefAttributes<unknown> & {
+    children: React.ReactNode;
+}>;
+export declare const ProgressBarStatusBar: React.ForwardRefExoticComponent<React.RefAttributes<unknown> & {
+    children: React.ReactNode;
+}>;
+export declare const ProgressBarProgress: React.ForwardRefExoticComponent<React.RefAttributes<unknown> & {
+    classProps: object;
+}>;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DSProgressIndicator.js';
+export { type DSProgressIndicatorT } from './react-desc-prop-types.js';
 export { default } from './DSProgressIndicator.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+export declare namespace DSProgressIndicatorT {
+    type PercentageT = {
+        min: number;
+        max: number;
+        now: number;
+    };
+    type DefaultRendererT = ({ now, max, min }: DSProgressIndicatorT.PercentageT) => string;
+    type VariantT = 'default' | 'success' | 'warning' | 'info' | 'error';
+    type SegmentsT = {
+        length?: number;
+        min: number;
+        max: number;
+        now: number;
+        variant: VariantT;
+    };
+    interface DefaultProps {
+        title: string;
+        innerRef: React.MutableRefObject<unknown>;
+        counterRenderer: DefaultRendererT;
+        min: number;
+        disabled: boolean;
+        segments: SegmentsT[] | readonly SegmentsT[];
+        style: object;
+    }
+    interface OptionalProps {
+        containerProps?: {
+            [key: string]: string;
+        };
+        now?: number;
+        max?: number;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps {
+    }
+}

package/dist/types/typescript-testing/typescript-progress-indicator-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils.d.ts

@@ -1 +1 @@
-export declare function getPercentage(now: any, min: any, max: any): number;
+export declare function getPercentage(now: number, min: number, max: number): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-progress-indicator",
-  "version": "3.32.0-rc.2",
+  "version": "3.32.0-rc.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Progress Indicator",
   "files": [
@@ -56,14 +56,14 @@
   },
   "dependencies": {
     "prop-types": "~15.8.1",
-    "@elliemae/ds-classnames": "3.32.0-rc.2",
-    "@elliemae/ds-props-helpers": "3.32.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.32.0-rc.2"
+    "@elliemae/ds-classnames": "3.32.0-rc.4",
+    "@elliemae/ds-props-helpers": "3.32.0-rc.4",
+    "@elliemae/ds-truncated-tooltip-text": "3.32.0-rc.4"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.32.0-rc.2"
+    "@elliemae/ds-monorepo-devops": "3.32.0-rc.4"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -71,7 +71,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
@@ -80,8 +80,6 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
     "dts": "node ../../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build",
-    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }