@elliemae/ds-progress-indicator 3.0.0-next.2 → 3.0.0-next.3

package/dist/cjs/DSProgressIndicator.js

@@ -0,0 +1,113 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSProgressIndicator_exports = {};
+__export(DSProgressIndicator_exports, {
+  DSProgressIndicator: () => DSProgressIndicator,
+  ProgressIndicatorWithSchema: () => ProgressIndicatorWithSchema,
+  default: () => DSProgressIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+var import_ProgressCounter = __toESM(require("./ProgressCounter"));
+var import_ProgressBar = __toESM(require("./ProgressBar"));
+var import_classedComponents = require("./classedComponents");
+const DSProgressIndicator = ({
+  containerProps = {},
+  innerRef = () => null,
+  title = "",
+  counterRenderer = void 0,
+  now = void 0,
+  min = 0,
+  max = void 0,
+  disabled = false,
+  segments = [],
+  style = {}
+}) => {
+  const renderProgressBar = (0, import_react.useMemo)(() => segments.length ? /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default.Segment, __spreadValues({
+    key: i
+  }, segmentProps)))) : /* @__PURE__ */ import_react.default.createElement(import_ProgressBar.default, {
+    max,
+    min,
+    now
+  }), [segments, min, max, now]);
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Wrapper, __spreadProps(__spreadValues({
+    ref: innerRef,
+    "aria-disabled": disabled,
+    classProps: { disabled }
+  }, containerProps), {
+    style
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
+    containerComponent: import_classedComponents.Title,
+    value: title
+  }), /* @__PURE__ */ import_react.default.createElement(import_ProgressCounter.default, {
+    max,
+    min,
+    now,
+    renderer: counterRenderer
+  }), renderProgressBar);
+};
+const variants = ["default", "success", "warning", "info", "error"];
+const progressIndicatorProps = {
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
+  innerRef: import_react_desc.PropTypes.object.description("ref to the components container"),
+  title: import_react_desc.PropTypes.string.description("components title"),
+  variant: import_react_desc.PropTypes.oneOf(variants).description("Progress intent variation"),
+  now: import_react_desc.PropTypes.number.description("Total current value"),
+  min: import_react_desc.PropTypes.number.description("min value"),
+  max: import_react_desc.PropTypes.number.description("max value"),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the progress indicator disabled or not").defaultValue(false),
+  counterRenderer: import_react_desc.PropTypes.func.description("Render a custom counter"),
+  segments: import_react_desc.PropTypes.array.description("An array of multiple progress objects"),
+  style: import_react_desc.PropTypes.object.description("css inline style")
+};
+DSProgressIndicator.propTypes = progressIndicatorProps;
+const ProgressIndicatorWithSchema = (0, import_react_desc.describe)(DSProgressIndicator);
+ProgressIndicatorWithSchema.propTypes = progressIndicatorProps;
+DSProgressIndicator.ProgressBar = import_ProgressBar.default;
+var DSProgressIndicator_default = DSProgressIndicator;
+module.exports = __toCommonJS(DSProgressIndicator_exports);
+//# sourceMappingURL=DSProgressIndicator.js.map

package/dist/cjs/DSProgressIndicator.js.map

@@ -0,0 +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 'react-desc';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter';\nimport ProgressBar from './ProgressBar';\nimport { Title, Wrapper } from './classedComponents';\n\nconst DSProgressIndicator = ({\n  containerProps = {},\n  innerRef = () => null,\n  title = '',\n  counterRenderer = undefined,\n  now = undefined,\n  min = 0,\n  max = undefined,\n  disabled = false,\n  segments = [],\n  style = {},\n}) => {\n  const renderProgressBar = useMemo(\n    () =>\n      segments.length ? (\n        <ProgressBar>\n          {segments.map(\n            (segmentProps, i) =>\n              !(segmentProps.now < segmentProps.min) && (\n                <ProgressBar.Segment key={i} {...segmentProps} />\n              ),\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar max={max} min={min} now={now} />\n      ),\n    [segments, min, max, now],\n  );\n\n  return (\n    <Wrapper\n      ref={innerRef}\n      aria-disabled={disabled}\n      classProps={{ disabled }}\n      {...containerProps}\n      style={style}\n    >\n      <DSTruncatedTooltipText containerComponent={Title} value={title} />\n      <Counter max={max} min={min} now={now} renderer={counterRenderer} />\n      {renderProgressBar}\n    </Wrapper>\n  );\n};\n\nconst variants = ['default', 'success', 'warning', 'info', 'error'];\n\nconst progressIndicatorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  innerRef: PropTypes.object.description('ref to the components container'),\n  title: PropTypes.string.description('components title'),\n  variant: PropTypes.oneOf(variants).description('Progress intent variation'),\n  now: PropTypes.number.description('Total current value'),\n  min: PropTypes.number.description('min value'),\n  max: PropTypes.number.description('max value'),\n  disabled: PropTypes.bool\n    .description('Whether the progress indicator disabled or not')\n    .defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.array.description(\n    'An array of multiple progress objects',\n  ),\n  style: PropTypes.object.description('css inline style'),\n};\n\nDSProgressIndicator.propTypes = progressIndicatorProps;\n\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;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,wBAAoC;AACpC,uCAAmC;AACnC,6BAAoB;AACpB,yBAAwB;AACxB,+BAA+B;AAE/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,MACJ;AACJ,QAAM,oBAAoB,0BACxB,MACE,SAAS,SACP,mDAAC,4BAAD,MACG,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,mDAAC,2BAAY,SAAb;AAAA,IAAqB,KAAK;AAAA,KAAO,mBAKzC,mDAAC,4BAAD;AAAA,IAAa;AAAA,IAAU;AAAA,IAAU;AAAA,MAErC,CAAC,UAAU,KAAK,KAAK;AAGvB,SACE,mDAAC,kCAAD;AAAA,IACE,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE;AAAA,KACV,iBAJN;AAAA,IAKE;AAAA,MAEA,mDAAC,0CAAD;AAAA,IAAwB,oBAAoB;AAAA,IAAO,OAAO;AAAA,MAC1D,mDAAC,gCAAD;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,MAChD;AAAA;AAKP,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ;AAE3D,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAEF,UAAU,4BAAU,OAAO,YAAY;AAAA,EACvC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,SAAS,4BAAU,MAAM,UAAU,YAAY;AAAA,EAC/C,KAAK,4BAAU,OAAO,YAAY;AAAA,EAClC,KAAK,4BAAU,OAAO,YAAY;AAAA,EAClC,KAAK,4BAAU,OAAO,YAAY;AAAA,EAClC,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa;AAAA,EAChB,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAC5C,UAAU,4BAAU,MAAM,YACxB;AAAA,EAEF,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,oBAAoB,YAAY;AAEhC,MAAM,8BAA8B,gCAAS;AAC7C,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/cjs/ProgressBar.js

@@ -0,0 +1,99 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ProgressBar_exports = {};
+__export(ProgressBar_exports, {
+  default: () => ProgressBar_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_utils = require("./utils");
+var import_classedComponents = require("./classedComponents");
+function useProgressTrait({
+  now = void 0,
+  min = void 0,
+  max = void 0,
+  text = ""
+}) {
+  const percentage = (0, import_utils.getPercentage)(now, min, max);
+  return {
+    role: "progressbar",
+    "aria-valuenow": now,
+    "aria-valuemin": min,
+    "aria-valuemax": max,
+    "aria-valuetext": text,
+    style: {
+      width: `${percentage}%`
+    }
+  };
+}
+function Progress(props) {
+  const { variant = "default" } = props;
+  const progressTraitProps = useProgressTrait(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ProgressBarProgress, __spreadValues({
+    classProps: { variant }
+  }, progressTraitProps));
+}
+function ProgressBar({
+  variant = "default",
+  now = void 0,
+  min = void 0,
+  max = void 0,
+  children: progressSegments
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ProgressBarStatusBar, null, progressSegments || /* @__PURE__ */ import_react.default.createElement(Progress, {
+    max,
+    min,
+    now,
+    variant
+  }));
+}
+ProgressBar.Segment = Progress;
+ProgressBar.propTypes = {
+  variant: import_prop_types.default.oneOf(["default", "success", "warning", "info", "error"]),
+  now: import_prop_types.default.number,
+  min: import_prop_types.default.number,
+  max: import_prop_types.default.number
+};
+var ProgressBar_default = ProgressBar;
+module.exports = __toCommonJS(ProgressBar_exports);
+//# sourceMappingURL=ProgressBar.js.map

package/dist/cjs/ProgressBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ProgressBar.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents';\n\nfunction useProgressTrait({\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  text = '',\n}) {\n  const percentage = getPercentage(now, min, max);\n  return {\n    role: 'progressbar',\n    'aria-valuenow': now,\n    'aria-valuemin': min,\n    'aria-valuemax': max,\n    'aria-valuetext': text,\n    style: {\n      width: `${percentage}%`,\n    },\n  };\n}\n\nfunction Progress(props) {\n  const { variant = 'default' } = props;\n\n  const progressTraitProps = useProgressTrait(props);\n\n  return (\n    <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />\n  );\n}\n\nfunction ProgressBar({\n  variant = 'default',\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  children: progressSegments,\n}) {\n  return (\n    <ProgressBarStatusBar>\n      {progressSegments || (\n        <Progress max={max} min={min} now={now} variant={variant} />\n      )}\n    </ProgressBarStatusBar>\n  );\n}\n\nProgressBar.Segment = Progress;\n\nProgressBar.propTypes = {\n  /** Progress intent variation */\n  variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'error']),\n  /** Total current value */\n  now: PropTypes.number,\n  /** Min value */\n  min: PropTypes.number,\n  /** Total max */\n  max: PropTypes.number,\n};\n\nexport default ProgressBar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,mBAA8B;AAC9B,+BAA0D;AAE1D,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,gCAAc,KAAK,KAAK;AAC3C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA;AAAA;AAAA;AAKhB,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB;AAE5C,SACE,mDAAC,8CAAD;AAAA,IAAqB,YAAY,EAAE;AAAA,KAAe;AAAA;AAItD,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,mDAAC,+CAAD,MACG,oBACC,mDAAC,UAAD;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA;AAAA;AAMhD,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,0BAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,EAEnE,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AAAA,EAEf,KAAK,0BAAU;AAAA;AAGjB,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/ProgressCounter.js

@@ -0,0 +1,50 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ProgressCounter_exports = {};
+__export(ProgressCounter_exports, {
+  default: () => ProgressCounter_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_utils = require("./utils");
+var import_classedComponents = require("./classedComponents");
+const defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;
+const percentageRenderer = ({ now, max, min }) => {
+  const percentage = (0, import_utils.getPercentage)(now, min, max);
+  return `${percentage}%`;
+};
+const renderers = {
+  default: defaultRenderer,
+  percentage: percentageRenderer
+};
+function ProgressCounter({ now, max, min, renderer = renderers.default }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ProgressIndicatorCounter, null, renderer({ now, max, min }));
+}
+var ProgressCounter_default = ProgressCounter;
+module.exports = __toCommonJS(ProgressCounter_exports);
+//# sourceMappingURL=ProgressCounter.js.map

package/dist/cjs/ProgressCounter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ProgressCounter.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { getPercentage } from './utils';\nimport { ProgressIndicatorCounter } from './classedComponents';\n\nconst defaultRenderer = ({ now, max, min }) => `${min || now} of ${max}`;\nconst percentageRenderer = ({ now, max, min }) => {\n  const percentage = getPercentage(now, min, max);\n  return `${percentage}%`;\n};\n\nconst renderers = {\n  default: defaultRenderer,\n  percentage: percentageRenderer,\n};\n\nfunction ProgressCounter({ now, max, min, renderer = renderers.default }) {\n  return (\n    <ProgressIndicatorCounter>\n      {renderer({ now, max, min })}\n    </ProgressIndicatorCounter>\n  );\n}\n\nexport default ProgressCounter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,mBAA8B;AAC9B,+BAAyC;AAEzC,MAAM,kBAAkB,CAAC,EAAE,KAAK,KAAK,UAAU,GAAG,OAAO,UAAU;AACnE,MAAM,qBAAqB,CAAC,EAAE,KAAK,KAAK,UAAU;AAChD,QAAM,aAAa,gCAAc,KAAK,KAAK;AAC3C,SAAO,GAAG;AAAA;AAGZ,MAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA;AAGd,yBAAyB,EAAE,KAAK,KAAK,KAAK,WAAW,UAAU,WAAW;AACxE,SACE,mDAAC,mDAAD,MACG,SAAS,EAAE,KAAK,KAAK;AAAA;AAK5B,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/cjs/classedComponents.js

@@ -0,0 +1,47 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var classedComponents_exports = {};
+__export(classedComponents_exports, {
+  ProgressBarProgress: () => ProgressBarProgress,
+  ProgressBarStatusBar: () => ProgressBarStatusBar,
+  ProgressIndicatorCounter: () => ProgressIndicatorCounter,
+  Title: () => Title,
+  Wrapper: () => Wrapper,
+  blockName: () => blockName
+});
+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 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);
+const ProgressBarProgress = (0, import_ds_classnames.aggregatedClasses)("div")(progressBlockName, "progress", ({ variant }) => ({ [variant]: true }));
+module.exports = __toCommonJS(classedComponents_exports);
+//# sourceMappingURL=classedComponents.js.map

package/dist/cjs/classedComponents.js.map

@@ -0,0 +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')(\n  blockName,\n  null,\n  ({ disabled }) => ({ disabled }),\n);\nexport const Title = aggregatedClasses('div')(blockName, 'title');\nexport const ProgressIndicatorCounter = aggregatedClasses('span')(\n  blockName,\n  'counter',\n);\nexport const ProgressBarStatusBar = aggregatedClasses('div')(progressBlockName);\nexport const ProgressBarProgress = aggregatedClasses('div')(\n  progressBlockName,\n  'progress',\n  ({ variant }) => ({ [variant]: true }),\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAE3B,MAAM,YAAY;AACzB,MAAM,oBAAoB;AAEnB,MAAM,UAAU,4CAAkB,OACvC,WACA,MACA,CAAC,EAAE,eAAgB,GAAE;AAEhB,MAAM,QAAQ,4CAAkB,OAAO,WAAW;AAClD,MAAM,2BAA2B,4CAAkB,QACxD,WACA;AAEK,MAAM,uBAAuB,4CAAkB,OAAO;AACtD,MAAM,sBAAsB,4CAAkB,OACnD,mBACA,YACA,CAAC,EAAE,cAAe,IAAG,UAAU;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSProgressIndicator.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSProgressIndicator"));
+var import_DSProgressIndicator = __toESM(require("./DSProgressIndicator"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/utils.js

@@ -0,0 +1,37 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utils_exports = {};
+__export(utils_exports, {
+  getPercentage: () => getPercentage
+});
+var React = __toESM(require("react"));
+function getPercentage(now, min, max) {
+  return (now || min) / max * 100;
+}
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -0,0 +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;ACAA,YAAuB;ADAhB,uBAAuB,KAAK,KAAK,KAAK;AAC3C,SAAS,QAAO,OAAO,MAAO;AAAA;",
+  "names": []
+}

package/dist/esm/DSProgressIndicator.js

@@ -0,0 +1,86 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { describe, PropTypes } from "react-desc";
+import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
+import Counter from "./ProgressCounter";
+import ProgressBar from "./ProgressBar";
+import { Title, Wrapper } from "./classedComponents";
+const DSProgressIndicator = ({
+  containerProps = {},
+  innerRef = () => null,
+  title = "",
+  counterRenderer = void 0,
+  now = void 0,
+  min = 0,
+  max = void 0,
+  disabled = false,
+  segments = [],
+  style = {}
+}) => {
+  const renderProgressBar = useMemo(() => segments.length ? /* @__PURE__ */ React2.createElement(ProgressBar, null, segments.map((segmentProps, i) => !(segmentProps.now < segmentProps.min) && /* @__PURE__ */ React2.createElement(ProgressBar.Segment, __spreadValues({
+    key: i
+  }, segmentProps)))) : /* @__PURE__ */ React2.createElement(ProgressBar, {
+    max,
+    min,
+    now
+  }), [segments, min, max, now]);
+  return /* @__PURE__ */ React2.createElement(Wrapper, __spreadProps(__spreadValues({
+    ref: innerRef,
+    "aria-disabled": disabled,
+    classProps: { disabled }
+  }, containerProps), {
+    style
+  }), /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    containerComponent: Title,
+    value: title
+  }), /* @__PURE__ */ React2.createElement(Counter, {
+    max,
+    min,
+    now,
+    renderer: counterRenderer
+  }), renderProgressBar);
+};
+const variants = ["default", "success", "warning", "info", "error"];
+const progressIndicatorProps = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  innerRef: PropTypes.object.description("ref to the components container"),
+  title: PropTypes.string.description("components title"),
+  variant: PropTypes.oneOf(variants).description("Progress intent variation"),
+  now: PropTypes.number.description("Total current value"),
+  min: PropTypes.number.description("min value"),
+  max: PropTypes.number.description("max value"),
+  disabled: PropTypes.bool.description("Whether the progress indicator disabled or not").defaultValue(false),
+  counterRenderer: PropTypes.func.description("Render a custom counter"),
+  segments: PropTypes.array.description("An array of multiple progress objects"),
+  style: PropTypes.object.description("css inline style")
+};
+DSProgressIndicator.propTypes = progressIndicatorProps;
+const ProgressIndicatorWithSchema = describe(DSProgressIndicator);
+ProgressIndicatorWithSchema.propTypes = progressIndicatorProps;
+DSProgressIndicator.ProgressBar = ProgressBar;
+var DSProgressIndicator_default = DSProgressIndicator;
+export {
+  DSProgressIndicator,
+  ProgressIndicatorWithSchema,
+  DSProgressIndicator_default as default
+};
+//# sourceMappingURL=DSProgressIndicator.js.map

package/dist/esm/DSProgressIndicator.js.map

@@ -0,0 +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 'react-desc';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport Counter from './ProgressCounter';\nimport ProgressBar from './ProgressBar';\nimport { Title, Wrapper } from './classedComponents';\n\nconst DSProgressIndicator = ({\n  containerProps = {},\n  innerRef = () => null,\n  title = '',\n  counterRenderer = undefined,\n  now = undefined,\n  min = 0,\n  max = undefined,\n  disabled = false,\n  segments = [],\n  style = {},\n}) => {\n  const renderProgressBar = useMemo(\n    () =>\n      segments.length ? (\n        <ProgressBar>\n          {segments.map(\n            (segmentProps, i) =>\n              !(segmentProps.now < segmentProps.min) && (\n                <ProgressBar.Segment key={i} {...segmentProps} />\n              ),\n          )}\n        </ProgressBar>\n      ) : (\n        <ProgressBar max={max} min={min} now={now} />\n      ),\n    [segments, min, max, now],\n  );\n\n  return (\n    <Wrapper\n      ref={innerRef}\n      aria-disabled={disabled}\n      classProps={{ disabled }}\n      {...containerProps}\n      style={style}\n    >\n      <DSTruncatedTooltipText containerComponent={Title} value={title} />\n      <Counter max={max} min={min} now={now} renderer={counterRenderer} />\n      {renderProgressBar}\n    </Wrapper>\n  );\n};\n\nconst variants = ['default', 'success', 'warning', 'info', 'error'];\n\nconst progressIndicatorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  innerRef: PropTypes.object.description('ref to the components container'),\n  title: PropTypes.string.description('components title'),\n  variant: PropTypes.oneOf(variants).description('Progress intent variation'),\n  now: PropTypes.number.description('Total current value'),\n  min: PropTypes.number.description('min value'),\n  max: PropTypes.number.description('max value'),\n  disabled: PropTypes.bool\n    .description('Whether the progress indicator disabled or not')\n    .defaultValue(false),\n  counterRenderer: PropTypes.func.description('Render a custom counter'),\n  segments: PropTypes.array.description(\n    'An array of multiple progress objects',\n  ),\n  style: PropTypes.object.description('css inline style'),\n};\n\nDSProgressIndicator.propTypes = progressIndicatorProps;\n\nconst ProgressIndicatorWithSchema = describe(DSProgressIndicator);\nProgressIndicatorWithSchema.propTypes = progressIndicatorProps;\n\nDSProgressIndicator.ProgressBar = ProgressBar;\n\nexport { DSProgressIndicator, ProgressIndicatorWithSchema };\nexport default DSProgressIndicator;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,MACJ;AACJ,QAAM,oBAAoB,QACxB,MACE,SAAS,SACP,qCAAC,aAAD,MACG,SAAS,IACR,CAAC,cAAc,MACb,CAAE,cAAa,MAAM,aAAa,QAChC,qCAAC,YAAY,SAAb;AAAA,IAAqB,KAAK;AAAA,KAAO,mBAKzC,qCAAC,aAAD;AAAA,IAAa;AAAA,IAAU;AAAA,IAAU;AAAA,MAErC,CAAC,UAAU,KAAK,KAAK;AAGvB,SACE,qCAAC,SAAD;AAAA,IACE,KAAK;AAAA,IACL,iBAAe;AAAA,IACf,YAAY,EAAE;AAAA,KACV,iBAJN;AAAA,IAKE;AAAA,MAEA,qCAAC,wBAAD;AAAA,IAAwB,oBAAoB;AAAA,IAAO,OAAO;AAAA,MAC1D,qCAAC,SAAD;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU,UAAU;AAAA,MAChD;AAAA;AAKP,MAAM,WAAW,CAAC,WAAW,WAAW,WAAW,QAAQ;AAE3D,MAAM,yBAAyB;AAAA,EAC7B,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,UAAU,UAAU,OAAO,YAAY;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,SAAS,UAAU,MAAM,UAAU,YAAY;AAAA,EAC/C,KAAK,UAAU,OAAO,YAAY;AAAA,EAClC,KAAK,UAAU,OAAO,YAAY;AAAA,EAClC,KAAK,UAAU,OAAO,YAAY;AAAA,EAClC,UAAU,UAAU,KACjB,YAAY,kDACZ,aAAa;AAAA,EAChB,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAC5C,UAAU,UAAU,MAAM,YACxB;AAAA,EAEF,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,oBAAoB,YAAY;AAEhC,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;AAExC,oBAAoB,cAAc;AAGlC,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/esm/ProgressBar.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { getPercentage } from "./utils";
+import { ProgressBarProgress, ProgressBarStatusBar } from "./classedComponents";
+function useProgressTrait({
+  now = void 0,
+  min = void 0,
+  max = void 0,
+  text = ""
+}) {
+  const percentage = getPercentage(now, min, max);
+  return {
+    role: "progressbar",
+    "aria-valuenow": now,
+    "aria-valuemin": min,
+    "aria-valuemax": max,
+    "aria-valuetext": text,
+    style: {
+      width: `${percentage}%`
+    }
+  };
+}
+function Progress(props) {
+  const { variant = "default" } = props;
+  const progressTraitProps = useProgressTrait(props);
+  return /* @__PURE__ */ React2.createElement(ProgressBarProgress, __spreadValues({
+    classProps: { variant }
+  }, progressTraitProps));
+}
+function ProgressBar({
+  variant = "default",
+  now = void 0,
+  min = void 0,
+  max = void 0,
+  children: progressSegments
+}) {
+  return /* @__PURE__ */ React2.createElement(ProgressBarStatusBar, null, progressSegments || /* @__PURE__ */ React2.createElement(Progress, {
+    max,
+    min,
+    now,
+    variant
+  }));
+}
+ProgressBar.Segment = Progress;
+ProgressBar.propTypes = {
+  variant: PropTypes.oneOf(["default", "success", "warning", "info", "error"]),
+  now: PropTypes.number,
+  min: PropTypes.number,
+  max: PropTypes.number
+};
+var ProgressBar_default = ProgressBar;
+export {
+  ProgressBar_default as default
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/esm/ProgressBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ProgressBar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getPercentage } from './utils';\nimport { ProgressBarProgress, ProgressBarStatusBar } from './classedComponents';\n\nfunction useProgressTrait({\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  text = '',\n}) {\n  const percentage = getPercentage(now, min, max);\n  return {\n    role: 'progressbar',\n    'aria-valuenow': now,\n    'aria-valuemin': min,\n    'aria-valuemax': max,\n    'aria-valuetext': text,\n    style: {\n      width: `${percentage}%`,\n    },\n  };\n}\n\nfunction Progress(props) {\n  const { variant = 'default' } = props;\n\n  const progressTraitProps = useProgressTrait(props);\n\n  return (\n    <ProgressBarProgress classProps={{ variant }} {...progressTraitProps} />\n  );\n}\n\nfunction ProgressBar({\n  variant = 'default',\n  now = undefined,\n  min = undefined,\n  max = undefined,\n  children: progressSegments,\n}) {\n  return (\n    <ProgressBarStatusBar>\n      {progressSegments || (\n        <Progress max={max} min={min} now={now} variant={variant} />\n      )}\n    </ProgressBarStatusBar>\n  );\n}\n\nProgressBar.Segment = Progress;\n\nProgressBar.propTypes = {\n  /** Progress intent variation */\n  variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'error']),\n  /** Total current value */\n  now: PropTypes.number,\n  /** Min value */\n  min: PropTypes.number,\n  /** Total max */\n  max: PropTypes.number,\n};\n\nexport default ProgressBar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,0BAA0B;AAAA,EACxB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,GACN;AACD,QAAM,aAAa,cAAc,KAAK,KAAK;AAC3C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,GAAG;AAAA;AAAA;AAAA;AAKhB,kBAAkB,OAAO;AACvB,QAAM,EAAE,UAAU,cAAc;AAEhC,QAAM,qBAAqB,iBAAiB;AAE5C,SACE,qCAAC,qBAAD;AAAA,IAAqB,YAAY,EAAE;AAAA,KAAe;AAAA;AAItD,qBAAqB;AAAA,EACnB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,GACT;AACD,SACE,qCAAC,sBAAD,MACG,oBACC,qCAAC,UAAD;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA,IAAU;AAAA;AAAA;AAMhD,YAAY,UAAU;AAEtB,YAAY,YAAY;AAAA,EAEtB,SAAS,UAAU,MAAM,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,EAEnE,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AAAA,EAEf,KAAK,UAAU;AAAA;AAGjB,IAAO,sBAAQ;",
+  "names": []
+}