@elliemae/ds-indeterminate-progress-indicator 3.22.0-next.2 → 3.22.0-next.20

package/dist/cjs/DSIndeterminateProgressIndicator.js

@@ -35,33 +35,28 @@ __export(DSIndeterminateProgressIndicator_exports, {
 module.exports = __toCommonJS(DSIndeterminateProgressIndicator_exports);
 var React = __toESM(require("react"));
 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_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useIndeterminateProgressIndicator = require("./config/useIndeterminateProgressIndicator.js");
+var import_constants = require("./constants/index.js");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
 const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)(
   "indeterminate-progress-indicator"
 );
-const DSIndeterminateProgressIndicator = ({
-  containerProps,
-  title,
-  complete,
-  failed,
-  processing,
-  processingComplete,
-  processingCompleteTitle,
-  processingFail,
-  processingFailTitle,
-  animated,
-  percent,
-  lineOnly
-}) => {
-  const [label, setLabel] = (0, import_react.useState)(title);
-  (0, import_react.useEffect)(() => {
-    if ((processingComplete || processingFail || processing) && (complete || failed)) {
-      setLabel(complete ? processingCompleteTitle : processingFailTitle);
-    }
-  }, [failed, complete, processingComplete, processingFail, processing]);
+const DSIndeterminateProgressIndicator = (props) => {
+  const { propsWithDefault, label } = (0, import_useIndeterminateProgressIndicator.useIndeterminateProgressIndicator)(props);
+  const {
+    containerProps,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingFail,
+    animated,
+    percent,
+    lineOnly
+  } = propsWithDefault;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -72,7 +67,7 @@ const DSIndeterminateProgressIndicator = ({
       failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
          ${processingComplete ? classNameBlock("processing-complete") : ""} 
          ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : null}
+         ${lineOnly ? "line-only" : ""}
       `,
       role: "alert",
       ...containerProps,
@@ -91,37 +86,9 @@ const DSIndeterminateProgressIndicator = ({
     }
   );
 };
-DSIndeterminateProgressIndicator.defaultProps = {
-  containerProps: {},
-  title: "",
-  complete: false,
-  failed: false,
-  processing: false,
-  processingComplete: false,
-  processingCompleteTitle: "Complete",
-  processingFail: false,
-  processingFailTitle: "Fail",
-  animated: true,
-  percent: 50,
-  lineOnly: false
-};
-const indeterminateProgressIndicatorProps = {
-  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
-  title: import_ds_props_helpers.PropTypes.string.description("component s label"),
-  processingCompleteTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process is completed"),
-  processingFailTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process has failed"),
-  complete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
-  failed: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
-  processing: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
-  processingComplete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
-  processingFail: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
-  animated: import_ds_props_helpers.PropTypes.bool.description("animate or not").defaultValue(true),
-  percent: import_ds_props_helpers.PropTypes.number.description("completion percentage").defaultValue(50),
-  lineOnly: import_ds_props_helpers.PropTypes.bool.description("hide the label from rendering")
-};
-DSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;
-DSIndeterminateProgressIndicator.displayName = "DSIndeterminateProgressIndicator";
+DSIndeterminateProgressIndicator.propTypes = import_react_desc_prop_types.DSIndeterminateProgressIndicatorPropTypes;
+DSIndeterminateProgressIndicator.displayName = import_constants.DSIndeterminateProgressIndicatorName;
 const IndeterminateProgressIndicatorWithSchema = (0, import_ds_props_helpers.describe)(DSIndeterminateProgressIndicator);
-IndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;
+IndeterminateProgressIndicatorWithSchema.propTypes = import_react_desc_prop_types.DSIndeterminateProgressIndicatorPropTypes;
 var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
 //# sourceMappingURL=DSIndeterminateProgressIndicator.js.map

package/dist/cjs/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSIndeterminateProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable react/require-default-props */\nimport React, { useEffect, useState } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator = ({\n  containerProps,\n  title,\n  complete,\n  failed,\n  processing,\n  processingComplete,\n  processingCompleteTitle,\n  processingFail,\n  processingFailTitle,\n  animated,\n  percent,\n  lineOnly,\n}) => {\n  const [label, setLabel] = useState(title);\n  useEffect(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      setLabel(complete ? processingCompleteTitle : processingFailTitle);\n    }\n  }, [failed, complete, processingComplete, processingFail, processing]);\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : null}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.defaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nconst indeterminateProgressIndicatorProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n};\n\nDSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;\nDSIndeterminateProgressIndicator.displayName = 'DSIndeterminateProgressIndicator';\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\n\nIndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/unbound-method */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : ''}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AA7BJ,8BAAyB;AACzB,mCAGO;AACP,+CAAkD;AAClD,uBAAqD;AACrD,2BAA0C;AAC1C,uCAAmC;AAEnC,MAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,EACzD;AACF;AAEA,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,QAAI,4EAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,SAAS,IAAI,MAC9F,WAAW,eAAe,UAAU,IAAI;AAAA,MAGxC,SAAS,eAAe,QAAQ,IAAI,MAClC,aAAa,eAAe,YAAY,IAAI,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,qBAAqB,IAAI;AAAA,WAC7D,iBAAiB,eAAe,iBAAiB,IAAI;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,MAE9B,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,4CAAC,iCAAAA,SAAA,EAAuB,WAAW,eAAe,cAAc,GAAG,oBAAoB,4CAAC,SAAI,GAAI,OAAO,OAAO,IAC5G;AAAA,QACJ,4CAAC,SAAI,WAAW,GAAG,iBAAiB,KAAK,KACvC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,eAAe;AAAA,YAC9C,OAAO;AAAA,cACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA,YACxE;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,+CAA2C,kCAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
   "names": ["DSTruncatedTooltipText"]
 }

package/dist/cjs/config/useIndeterminateProgressIndicator.js

@@ -0,0 +1,78 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 useIndeterminateProgressIndicator_exports = {};
+__export(useIndeterminateProgressIndicator_exports, {
+  useIndeterminateProgressIndicator: () => useIndeterminateProgressIndicator
+});
+module.exports = __toCommonJS(useIndeterminateProgressIndicator_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useIndeterminateProgressIndicator = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
+    propsFromUser,
+    import_react_desc_prop_types.defaultProps
+  );
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSIndeterminateProgressIndicatorPropTypes);
+  const {
+    title,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingCompleteTitle,
+    processingFail,
+    processingFailTitle
+  } = propsWithDefault;
+  const label = (0, import_react.useMemo)(() => {
+    if ((processingComplete || processingFail || processing) && (complete || failed)) {
+      return complete ? processingCompleteTitle : processingFailTitle;
+    }
+    return title;
+  }, [
+    processingComplete,
+    processingFail,
+    processing,
+    complete,
+    failed,
+    title,
+    processingCompleteTitle,
+    processingFailTitle
+  ]);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      label
+    }),
+    [propsWithDefault, label]
+  );
+};
+//# sourceMappingURL=useIndeterminateProgressIndicator.js.map

package/dist/cjs/config/useIndeterminateProgressIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useIndeterminateProgressIndicator.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSIndeterminateProgressIndicatorT,\n  DSIndeterminateProgressIndicatorPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface IndeterminateProgressIndicatorCTX {\n  propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;\n}\n\nexport const useIndeterminateProgressIndicator = (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSIndeterminateProgressIndicatorT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const {\n    title,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingCompleteTitle,\n    processingFail,\n    processingFailTitle,\n  } = propsWithDefault;\n\n  const label = useMemo(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      return complete ? processingCompleteTitle : processingFailTitle;\n    }\n    return title;\n  }, [\n    processingComplete,\n    processingFail,\n    processing,\n    complete,\n    failed,\n    title,\n    processingCompleteTitle,\n    processingFailTitle,\n  ]);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      label,\n    }),\n    [propsWithDefault, label],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,8BAA6C;AAC7C,mCAIO;AACP,8BAAiC;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,sEAAyC;AAI5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,aAAO,WAAW,0BAA0B;AAAA,IAC9C;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAC1B;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSIndeterminateProgressIndicatorName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSIndeterminateProgressIndicatorT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAqD;AAE9C,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,qDAAoC;AACvF;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,36 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 constants_exports = {};
+__export(constants_exports, {
+  DSIndeterminateProgressIndicatorName: () => DSIndeterminateProgressIndicatorName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uCAAuC;",
+  "names": []
+}

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

@@ -0,0 +1,65 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 = {};
+__export(react_desc_prop_types_exports, {
+  DSIndeterminateProgressIndicatorPropTypes: () => DSIndeterminateProgressIndicatorPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  containerProps: {},
+  title: "",
+  complete: false,
+  failed: false,
+  processing: false,
+  processingComplete: false,
+  processingCompleteTitle: "Complete",
+  processingFail: false,
+  processingFailTitle: "Fail",
+  animated: true,
+  percent: 50,
+  lineOnly: false
+};
+const DSIndeterminateProgressIndicatorPropTypes = {
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  title: import_ds_props_helpers.PropTypes.string.description("component s label"),
+  complete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
+  failed: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
+  processing: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
+  processingComplete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
+  processingCompleteTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process is completed"),
+  processingFail: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
+  processingFailTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process has failed"),
+  animated: import_ds_props_helpers.PropTypes.bool.description("animate or not").defaultValue(true),
+  percent: import_ds_props_helpers.PropTypes.number.description("completion percentage").defaultValue(50),
+  lineOnly: import_ds_props_helpers.PropTypes.bool.description("hide the label from rendering")
+};
+//# 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": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AA2BnB,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,kCAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,kCAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,kCAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,kCAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,kCAAU,KAAK,YAAY,+BAA+B;AACtE;",
+  "names": []
+}

package/dist/esm/DSIndeterminateProgressIndicator.js

@@ -1,32 +1,29 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+import { describe } from "@elliemae/ds-props-helpers";
+import {
+  DSIndeterminateProgressIndicatorPropTypes
+} from "./react-desc-prop-types.js";
+import { useIndeterminateProgressIndicator } from "./config/useIndeterminateProgressIndicator.js";
+import { DSIndeterminateProgressIndicatorName } from "./constants/index.js";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
 const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
   "indeterminate-progress-indicator"
 );
-const DSIndeterminateProgressIndicator = ({
-  containerProps,
-  title,
-  complete,
-  failed,
-  processing,
-  processingComplete,
-  processingCompleteTitle,
-  processingFail,
-  processingFailTitle,
-  animated,
-  percent,
-  lineOnly
-}) => {
-  const [label, setLabel] = useState(title);
-  useEffect(() => {
-    if ((processingComplete || processingFail || processing) && (complete || failed)) {
-      setLabel(complete ? processingCompleteTitle : processingFailTitle);
-    }
-  }, [failed, complete, processingComplete, processingFail, processing]);
+const DSIndeterminateProgressIndicator = (props) => {
+  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);
+  const {
+    containerProps,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingFail,
+    animated,
+    percent,
+    lineOnly
+  } = propsWithDefault;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -37,7 +34,7 @@ const DSIndeterminateProgressIndicator = ({
       failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
          ${processingComplete ? classNameBlock("processing-complete") : ""} 
          ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : null}
+         ${lineOnly ? "line-only" : ""}
       `,
       role: "alert",
       ...containerProps,
@@ -56,38 +53,10 @@ const DSIndeterminateProgressIndicator = ({
     }
   );
 };
-DSIndeterminateProgressIndicator.defaultProps = {
-  containerProps: {},
-  title: "",
-  complete: false,
-  failed: false,
-  processing: false,
-  processingComplete: false,
-  processingCompleteTitle: "Complete",
-  processingFail: false,
-  processingFailTitle: "Fail",
-  animated: true,
-  percent: 50,
-  lineOnly: false
-};
-const indeterminateProgressIndicatorProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
-  title: PropTypes.string.description("component s label"),
-  processingCompleteTitle: PropTypes.string.description("label to display when the process is completed"),
-  processingFailTitle: PropTypes.string.description("label to display when the process has failed"),
-  complete: PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
-  failed: PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
-  processing: PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
-  processingComplete: PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
-  processingFail: PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
-  animated: PropTypes.bool.description("animate or not").defaultValue(true),
-  percent: PropTypes.number.description("completion percentage").defaultValue(50),
-  lineOnly: PropTypes.bool.description("hide the label from rendering")
-};
-DSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;
-DSIndeterminateProgressIndicator.displayName = "DSIndeterminateProgressIndicator";
+DSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;
+DSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;
 const IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);
-IndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;
+IndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;
 var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
 export {
   DSIndeterminateProgressIndicator,

package/dist/esm/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSIndeterminateProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable react/require-default-props */\nimport React, { useEffect, useState } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator = ({\n  containerProps,\n  title,\n  complete,\n  failed,\n  processing,\n  processingComplete,\n  processingCompleteTitle,\n  processingFail,\n  processingFailTitle,\n  animated,\n  percent,\n  lineOnly,\n}) => {\n  const [label, setLabel] = useState(title);\n  useEffect(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      setLabel(complete ? processingCompleteTitle : processingFailTitle);\n    }\n  }, [failed, complete, processingComplete, processingFail, processing]);\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : null}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.defaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nconst indeterminateProgressIndicatorProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n};\n\nDSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;\nDSIndeterminateProgressIndicator.displayName = 'DSIndeterminateProgressIndicator';\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\n\nIndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/unbound-method */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : ''}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SAkB2F,KAlB3F;AA7BJ,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yCAAyC;AAClD,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,OAAO,4BAA4B;AAEnC,MAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,EACzD;AACF;AAEA,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,IAAI,kCAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,SAAS,IAAI,MAC9F,WAAW,eAAe,UAAU,IAAI;AAAA,MAGxC,SAAS,eAAe,QAAQ,IAAI,MAClC,aAAa,eAAe,YAAY,IAAI,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,qBAAqB,IAAI;AAAA,WAC7D,iBAAiB,eAAe,iBAAiB,IAAI;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,MAE9B,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,oBAAC,0BAAuB,WAAW,eAAe,cAAc,GAAG,oBAAoB,oBAAC,SAAI,GAAI,OAAO,OAAO,IAC5G;AAAA,QACJ,oBAAC,SAAI,WAAW,GAAG,iBAAiB,KAAK,KACvC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,eAAe;AAAA,YAC9C,OAAO;AAAA,cACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA,YACxE;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,2CAA2C,SAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
   "names": []
 }

package/dist/esm/config/useIndeterminateProgressIndicator.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import {
+  DSIndeterminateProgressIndicatorPropTypes,
+  defaultProps
+} from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useIndeterminateProgressIndicator = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);
+  const {
+    title,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingCompleteTitle,
+    processingFail,
+    processingFailTitle
+  } = propsWithDefault;
+  const label = useMemo(() => {
+    if ((processingComplete || processingFail || processing) && (complete || failed)) {
+      return complete ? processingCompleteTitle : processingFailTitle;
+    }
+    return title;
+  }, [
+    processingComplete,
+    processingFail,
+    processing,
+    complete,
+    failed,
+    title,
+    processingCompleteTitle,
+    processingFailTitle
+  ]);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      label
+    }),
+    [propsWithDefault, label]
+  );
+};
+export {
+  useIndeterminateProgressIndicator
+};
+//# sourceMappingURL=useIndeterminateProgressIndicator.js.map

package/dist/esm/config/useIndeterminateProgressIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useIndeterminateProgressIndicator.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSIndeterminateProgressIndicatorT,\n  DSIndeterminateProgressIndicatorPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface IndeterminateProgressIndicatorCTX {\n  propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;\n}\n\nexport const useIndeterminateProgressIndicator = (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSIndeterminateProgressIndicatorT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const {\n    title,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingCompleteTitle,\n    processingFail,\n    processingFailTitle,\n  } = propsWithDefault;\n\n  const label = useMemo(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      return complete ? processingCompleteTitle : processingFailTitle;\n    }\n    return title;\n  }, [\n    processingComplete,\n    processingFail,\n    processing,\n    complete,\n    failed,\n    title,\n    processingCompleteTitle,\n    processingFailTitle,\n  ]);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      label,\n    }),\n    [propsWithDefault, label],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAC/B,SAAS,oCAAoC;AAC7C;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,yCAAyC;AAI5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,QAAQ,MAAM;AAC1B,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,aAAO,WAAW,0BAA0B;AAAA,IAC9C;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAC1B;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSIndeterminateProgressIndicatorName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSIndeterminateProgressIndicatorT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,4CAA4C;AAE9C,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,oCAAoC;AACvF;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";
+export {
+  DSIndeterminateProgressIndicatorName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,uCAAuC;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  containerProps: {},
+  title: "",
+  complete: false,
+  failed: false,
+  processing: false,
+  processingComplete: false,
+  processingCompleteTitle: "Complete",
+  processingFail: false,
+  processingFailTitle: "Fail",
+  animated: true,
+  percent: 50,
+  lineOnly: false
+};
+const DSIndeterminateProgressIndicatorPropTypes = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  title: PropTypes.string.description("component s label"),
+  complete: PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
+  failed: PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
+  processing: PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
+  processingComplete: PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
+  processingCompleteTitle: PropTypes.string.description("label to display when the process is completed"),
+  processingFail: PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
+  processingFailTitle: PropTypes.string.description("label to display when the process has failed"),
+  animated: PropTypes.bool.description("animate or not").defaultValue(true),
+  percent: PropTypes.number.description("completion percentage").defaultValue(50),
+  lineOnly: PropTypes.bool.description("hide the label from rendering")
+};
+export {
+  DSIndeterminateProgressIndicatorPropTypes,
+  defaultProps
+};
+//# 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", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AA2BnB,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,UAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,UAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,UAAU,KAAK,YAAY,+BAA+B;AACtE;",
+  "names": []
+}

package/dist/types/DSIndeterminateProgressIndicator.d.ts

@@ -1,61 +1,6 @@
-declare const DSIndeterminateProgressIndicator: {
-    ({ containerProps, title, complete, failed, processing, processingComplete, processingCompleteTitle, processingFail, processingFailTitle, animated, percent, lineOnly, }: {
-        containerProps: any;
-        title: any;
-        complete: any;
-        failed: any;
-        processing: any;
-        processingComplete: any;
-        processingCompleteTitle: any;
-        processingFail: any;
-        processingFailTitle: any;
-        animated: any;
-        percent: any;
-        lineOnly: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        containerProps: {};
-        title: string;
-        complete: boolean;
-        failed: boolean;
-        processing: boolean;
-        processingComplete: boolean;
-        processingCompleteTitle: string;
-        processingFail: boolean;
-        processingFailTitle: string;
-        animated: boolean;
-        percent: number;
-        lineOnly: boolean;
-    };
-    propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        processingCompleteTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        processingFailTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        complete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        failed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        processing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        processingComplete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        processingFail: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        animated: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        percent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        lineOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    };
-    displayName: string;
-};
-declare const IndeterminateProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
-    containerProps: any;
-    title: any;
-    complete: any;
-    failed: any;
-    processing: any;
-    processingComplete: any;
-    processingCompleteTitle: any;
-    processingFail: any;
-    processingFailTitle: any;
-    animated: any;
-    percent: any;
-    lineOnly: any;
-}>;
+import React from 'react';
+import { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';
+declare const DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props>;
+declare const IndeterminateProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSIndeterminateProgressIndicatorT.Props>;
 export { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };
 export default DSIndeterminateProgressIndicator;

package/dist/types/config/useIndeterminateProgressIndicator.d.ts

@@ -0,0 +1,8 @@
+import { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';
+export interface IndeterminateProgressIndicatorCTX {
+    propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;
+}
+export declare const useIndeterminateProgressIndicator: (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {
+    propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;
+    label: string;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSIndeterminateProgressIndicatorT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare namespace DSIndeterminateProgressIndicatorT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        containerProps: object;
+        title: string;
+        complete: boolean;
+        failed: boolean;
+        processing: boolean;
+        processingComplete: boolean;
+        processingCompleteTitle: string;
+        processingFail: boolean;
+        processingFailTitle: string;
+        animated: boolean;
+        percent: number;
+        lineOnly: boolean;
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps;
+export declare const DSIndeterminateProgressIndicatorPropTypes: import("react").WeakValidationMap<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-indeterminate-progress-indicator",
-  "version": "3.22.0-next.2",
+  "version": "3.22.0-next.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
   "files": [
@@ -39,9 +39,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.22.0-next.2",
-    "@elliemae/ds-props-helpers": "3.22.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.22.0-next.2"
+    "@elliemae/ds-classnames": "3.22.0-next.20",
+    "@elliemae/ds-props-helpers": "3.22.0-next.20",
+    "@elliemae/ds-truncated-tooltip-text": "3.22.0-next.20"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.22",
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.20"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -53,7 +57,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
+    "test": "pui-cli test --passWithNoTests",
     "lint": "node ../../scripts/lint.mjs",
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",