@elliemae/ds-indeterminate-progress-indicator 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/DSIndeterminateProgressIndicator.js

@@ -1,117 +1,113 @@
-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 DSIndeterminateProgressIndicator_exports = {};
-__export(DSIndeterminateProgressIndicator_exports, {
-  DSIndeterminateProgressIndicator: () => DSIndeterminateProgressIndicator,
-  IndeterminateProgressIndicatorWithSchema: () => IndeterminateProgressIndicatorWithSchema,
-  default: () => DSIndeterminateProgressIndicator_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-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");
-function 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)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+var _div;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const {
+  cssClassName,
+  classNameBlock,
+  classNameElement
+} = dsClassnames.convertPropToCssClassName('indeterminate-progress-indicator');
+
+function DSIndeterminateProgressIndicator(_ref) {
+  let {
+    containerProps,
+    title,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingCompleteTitle,
+    processingFail,
+    processingFailTitle,
+    animated,
+    percent,
+    lineOnly
+  } = _ref;
+  const [label, setLabel] = react.useState(title);
+  react.useEffect(() => {
     if ((processingComplete || processingFail || processing) && (complete || failed)) {
       setLabel(complete ? processingCompleteTitle : processingFailTitle);
     }
   }, [failed, complete, processingComplete, processingFail, processing]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
     "aria-busy": processing,
     "aria-label": label,
     "aria-live": "polite",
-    className: `${cssClassName} ${!complete && !failed && !processing ? classNameBlock("default") : ""} ${complete ? classNameBlock("complete") : ""}  ${failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
-         ${processingComplete ? classNameBlock("processing-complete") : ""} 
-         ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : null}
-      `,
-    role: "alert",
-    ...containerProps
-  }, !lineOnly ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
-    className: classNameBlock("tooltip-text"),
-    containerComponent: /* @__PURE__ */ import_react.default.createElement("div", null),
-    value: label
-  }) : null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: `${classNameElement("bar")}`
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: `${classNameElement("bar-indicator")}`,
-    style: {
-      width: `${!complete && !failed && !animated && processing ? percent : 100}%`
-    }
-  })));
+    className: "".concat(cssClassName, " ").concat(!complete && !failed && !processing ? classNameBlock('default') : '', " ").concat(complete ? classNameBlock('complete') : '', "  ").concat( // eslint-disable-next-line max-len
+    failed ? classNameBlock('failed') : '', " ").concat(processing ? classNameBlock('processing') : '', " ").concat(animated && processing ? 'animated' : '', " \n         ").concat(processingComplete ? classNameBlock('processing-complete') : '', " \n         ").concat(processingFail ? classNameBlock('processing-fail') : '', " \n         ").concat(lineOnly ? 'line-only' : null, "\n      "),
+    role: "alert"
+  }, containerProps), {}, {
+    children: [!lineOnly ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+      className: classNameBlock('tooltip-text'),
+      containerComponent: _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
+      value: label
+    }) : null, /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "".concat(classNameElement('bar'))
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "".concat(classNameElement('bar-indicator')),
+      style: {
+        width: "".concat(!complete && !failed && !animated && processing ? percent : 100, "%")
+      }
+    }))]
+  }));
 }
+
 DSIndeterminateProgressIndicator.defaultProps = {
   containerProps: {},
-  title: "",
+  title: '',
   complete: false,
   failed: false,
   processing: false,
   processingComplete: false,
-  processingCompleteTitle: "Complete",
+  processingCompleteTitle: 'Complete',
   processingFail: false,
-  processingFailTitle: "Fail",
+  processingFailTitle: 'Fail',
   animated: true,
   percent: 50,
   lineOnly: false
 };
 const indeterminateProgressIndicatorProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  title: import_react_desc.PropTypes.string.description("component s label"),
-  processingCompleteTitle: import_react_desc.PropTypes.string.description("label to display when the process is completed"),
-  processingFailTitle: import_react_desc.PropTypes.string.description("label to display when the process has failed"),
-  complete: import_react_desc.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
-  failed: import_react_desc.PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
-  processing: import_react_desc.PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
-  processingComplete: import_react_desc.PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
-  processingFail: import_react_desc.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
-  animated: import_react_desc.PropTypes.bool.description("animate or not").defaultValue(true),
-  percent: import_react_desc.PropTypes.number.description("completion percentage").defaultValue(50),
-  lineOnly: import_react_desc.PropTypes.bool.description("hide the label from rendering")
+  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
+  title: reactDesc.PropTypes.string.description('component s label'),
+  processingCompleteTitle: reactDesc.PropTypes.string.description('label to display when the process is completed'),
+  processingFailTitle: reactDesc.PropTypes.string.description('label to display when the process has failed'),
+  complete: reactDesc.PropTypes.bool.description('Sets the process state to completed').defaultValue(false),
+  failed: reactDesc.PropTypes.bool.description('Sets the process state to failed').defaultValue(false),
+  processing: reactDesc.PropTypes.bool.description('Sets the process state to processing').defaultValue(false),
+  processingComplete: reactDesc.PropTypes.bool.description('Sets the process state to processing and then completed').defaultValue(false),
+  processingFail: reactDesc.PropTypes.bool.description('Sets the process state to processing and then failed').defaultValue(false),
+  animated: reactDesc.PropTypes.bool.description('animate or not').defaultValue(true),
+  percent: reactDesc.PropTypes.number.description('completion percentage').defaultValue(50),
+  lineOnly: reactDesc.PropTypes.bool.description('hide the label from rendering')
 };
-DSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;
-const IndeterminateProgressIndicatorWithSchema = (0, import_react_desc.describe)(DSIndeterminateProgressIndicator);
+const IndeterminateProgressIndicatorWithSchema = reactDesc.describe(DSIndeterminateProgressIndicator);
 IndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;
-var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
-module.exports = __toCommonJS(DSIndeterminateProgressIndicator_exports);
-//# sourceMappingURL=DSIndeterminateProgressIndicator.js.map
+
+exports.DSIndeterminateProgressIndicator = DSIndeterminateProgressIndicator;
+exports.IndeterminateProgressIndicatorWithSchema = IndeterminateProgressIndicatorWithSchema;
+exports["default"] = DSIndeterminateProgressIndicator;

package/cjs/index.js

@@ -1,36 +1,11 @@
-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_DSIndeterminateProgressIndicator.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSIndeterminateProgressIndicator"));
-var import_DSIndeterminateProgressIndicator = require("./DSIndeterminateProgressIndicator");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSIndeterminateProgressIndicator = require('./DSIndeterminateProgressIndicator.js');
+
+
+
+exports.DSIndeterminateProgressIndicator = DSIndeterminateProgressIndicator.DSIndeterminateProgressIndicator;
+exports.IndeterminateProgressIndicatorWithSchema = DSIndeterminateProgressIndicator.IndeterminateProgressIndicatorWithSchema;
+exports["default"] = DSIndeterminateProgressIndicator.DSIndeterminateProgressIndicator;

package/esm/DSIndeterminateProgressIndicator.js

@@ -1,88 +1,101 @@
-import * as React from "react";
-import React2, { useEffect, useState } from "react";
-import { describe, PropTypes } from "react-desc";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
-const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName("indeterminate-progress-indicator");
-function DSIndeterminateProgressIndicator({
-  containerProps,
-  title,
-  complete,
-  failed,
-  processing,
-  processingComplete,
-  processingCompleteTitle,
-  processingFail,
-  processingFailTitle,
-  animated,
-  percent,
-  lineOnly
-}) {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useEffect } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { jsxs } from 'react/jsx-runtime';
+
+var _div;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const {
+  cssClassName,
+  classNameBlock,
+  classNameElement
+} = convertPropToCssClassName('indeterminate-progress-indicator');
+
+function DSIndeterminateProgressIndicator(_ref) {
+  let {
+    containerProps,
+    title,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingCompleteTitle,
+    processingFail,
+    processingFailTitle,
+    animated,
+    percent,
+    lineOnly
+  } = _ref;
   const [label, setLabel] = useState(title);
   useEffect(() => {
     if ((processingComplete || processingFail || processing) && (complete || failed)) {
       setLabel(complete ? processingCompleteTitle : processingFailTitle);
     }
   }, [failed, complete, processingComplete, processingFail, processing]);
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     "aria-busy": processing,
     "aria-label": label,
     "aria-live": "polite",
-    className: `${cssClassName} ${!complete && !failed && !processing ? classNameBlock("default") : ""} ${complete ? classNameBlock("complete") : ""}  ${failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
-         ${processingComplete ? classNameBlock("processing-complete") : ""} 
-         ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : null}
-      `,
-    role: "alert",
-    ...containerProps
-  }, !lineOnly ? /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    className: classNameBlock("tooltip-text"),
-    containerComponent: /* @__PURE__ */ React2.createElement("div", null),
-    value: label
-  }) : null, /* @__PURE__ */ React2.createElement("div", {
-    className: `${classNameElement("bar")}`
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: `${classNameElement("bar-indicator")}`,
-    style: {
-      width: `${!complete && !failed && !animated && processing ? percent : 100}%`
-    }
-  })));
+    className: "".concat(cssClassName, " ").concat(!complete && !failed && !processing ? classNameBlock('default') : '', " ").concat(complete ? classNameBlock('complete') : '', "  ").concat( // eslint-disable-next-line max-len
+    failed ? classNameBlock('failed') : '', " ").concat(processing ? classNameBlock('processing') : '', " ").concat(animated && processing ? 'animated' : '', " \n         ").concat(processingComplete ? classNameBlock('processing-complete') : '', " \n         ").concat(processingFail ? classNameBlock('processing-fail') : '', " \n         ").concat(lineOnly ? 'line-only' : null, "\n      "),
+    role: "alert"
+  }, containerProps), {}, {
+    children: [!lineOnly ? /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+      className: classNameBlock('tooltip-text'),
+      containerComponent: _div || (_div = /*#__PURE__*/_jsx("div", {})),
+      value: label
+    }) : null, /*#__PURE__*/_jsx("div", {
+      className: "".concat(classNameElement('bar'))
+    }, void 0, /*#__PURE__*/_jsx("div", {
+      className: "".concat(classNameElement('bar-indicator')),
+      style: {
+        width: "".concat(!complete && !failed && !animated && processing ? percent : 100, "%")
+      }
+    }))]
+  }));
 }
+
 DSIndeterminateProgressIndicator.defaultProps = {
   containerProps: {},
-  title: "",
+  title: '',
   complete: false,
   failed: false,
   processing: false,
   processingComplete: false,
-  processingCompleteTitle: "Complete",
+  processingCompleteTitle: 'Complete',
   processingFail: false,
-  processingFailTitle: "Fail",
+  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")
+  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;
 const IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);
 IndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;
-var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
-export {
-  DSIndeterminateProgressIndicator,
-  IndeterminateProgressIndicatorWithSchema,
-  DSIndeterminateProgressIndicator_default as default
-};
-//# sourceMappingURL=DSIndeterminateProgressIndicator.js.map
+
+export { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema, DSIndeterminateProgressIndicator as default };

package/esm/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-export * from "./DSIndeterminateProgressIndicator";
-import { default as default2 } from "./DSIndeterminateProgressIndicator";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema, DSIndeterminateProgressIndicator as default } from './DSIndeterminateProgressIndicator.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-indeterminate-progress-indicator",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
   "module": "./esm/index.js",
@@ -36,8 +36,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.0-alpha.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
+    "@elliemae/ds-classnames": "3.0.0-next.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.2",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/cjs/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "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 'react-desc';\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\nfunction 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;\n\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA2C;AAC3C,wBAAoC;AACpC,2BAA0C;AAC1C,uCAAmC;AAEnC,MAAM,EAAE,cAAc,gBAAgB,qBAAqB,oDACzD;AAGF,0CAA0C;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM,CAAC,OAAO,YAAY,2BAAS;AACnC,8BAAU,MAAM;AACd,QAAK,uBAAsB,kBAAkB,eAAgB,aAAY,SAAS;AAChF,eAAS,WAAW,0BAA0B;AAAA;AAAA,KAE/C,CAAC,QAAQ,UAAU,oBAAoB,gBAAgB;AAC1D,SACE,mDAAC,OAAD;AAAA,IACE,aAAW;AAAA,IACX,cAAY;AAAA,IACZ,aAAU;AAAA,IACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,aAAa,MAC9F,WAAW,eAAe,cAAc,OAGxC,SAAS,eAAe,YAAY,MAClC,aAAa,eAAe,gBAAgB,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,yBAAyB;AAAA,WAC7D,iBAAiB,eAAe,qBAAqB;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,IAE9B,MAAK;AAAA,OACD;AAAA,KAEH,CAAC,WACA,mDAAC,0CAAD;AAAA,IAAwB,WAAW,eAAe;AAAA,IAAiB,oBAAoB,mDAAC,OAAD;AAAA,IAAS,OAAO;AAAA,OACrG,MACJ,mDAAC,OAAD;AAAA,IAAK,WAAW,GAAG,iBAAiB;AAAA,KAClC,mDAAC,OAAD;AAAA,IACE,WAAW,GAAG,iBAAiB;AAAA,IAC/B,OAAO;AAAA,MACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA;AAAA;AAAA;AAQlF,iCAAiC,eAAe;AAAA,EAC9C,gBAAgB;AAAA,EAChB,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;AAAA;AAGZ,MAAM,sCAAsC;AAAA,EAC1C,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,yBAAyB,4BAAU,OAAO,YAAY;AAAA,EACtD,qBAAqB,4BAAU,OAAO,YAAY;AAAA,EAClD,UAAU,4BAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EACzF,QAAQ,4BAAU,KAAK,YAAY,oCAAoC,aAAa;AAAA,EACpF,YAAY,4BAAU,KAAK,YAAY,wCAAwC,aAAa;AAAA,EAC5F,oBAAoB,4BAAU,KAC3B,YAAY,2DACZ,aAAa;AAAA,EAChB,gBAAgB,4BAAU,KACvB,YAAY,wDACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,KAAK,YAAY,kBAAkB,aAAa;AAAA,EACpE,SAAS,4BAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EAC5E,UAAU,4BAAU,KAAK,YAAY;AAAA;AAGvC,iCAAiC,YAAY;AAE7C,MAAM,2CAA2C,gCAAS;AAE1D,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
-  "names": []
-}

package/cjs/index.js.map

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

package/esm/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "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 'react-desc';\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\nfunction 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;\n\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\n\nIndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AAEA,MAAM,EAAE,cAAc,gBAAgB,qBAAqB,0BACzD;AAGF,0CAA0C;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,YAAU,MAAM;AACd,QAAK,uBAAsB,kBAAkB,eAAgB,aAAY,SAAS;AAChF,eAAS,WAAW,0BAA0B;AAAA;AAAA,KAE/C,CAAC,QAAQ,UAAU,oBAAoB,gBAAgB;AAC1D,SACE,qCAAC,OAAD;AAAA,IACE,aAAW;AAAA,IACX,cAAY;AAAA,IACZ,aAAU;AAAA,IACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,aAAa,MAC9F,WAAW,eAAe,cAAc,OAGxC,SAAS,eAAe,YAAY,MAClC,aAAa,eAAe,gBAAgB,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,yBAAyB;AAAA,WAC7D,iBAAiB,eAAe,qBAAqB;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,IAE9B,MAAK;AAAA,OACD;AAAA,KAEH,CAAC,WACA,qCAAC,wBAAD;AAAA,IAAwB,WAAW,eAAe;AAAA,IAAiB,oBAAoB,qCAAC,OAAD;AAAA,IAAS,OAAO;AAAA,OACrG,MACJ,qCAAC,OAAD;AAAA,IAAK,WAAW,GAAG,iBAAiB;AAAA,KAClC,qCAAC,OAAD;AAAA,IACE,WAAW,GAAG,iBAAiB;AAAA,IAC/B,OAAO;AAAA,MACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA;AAAA;AAAA;AAQlF,iCAAiC,eAAe;AAAA,EAC9C,gBAAgB;AAAA,EAChB,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;AAAA;AAGZ,MAAM,sCAAsC;AAAA,EAC1C,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,yBAAyB,UAAU,OAAO,YAAY;AAAA,EACtD,qBAAqB,UAAU,OAAO,YAAY;AAAA,EAClD,UAAU,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EACzF,QAAQ,UAAU,KAAK,YAAY,oCAAoC,aAAa;AAAA,EACpF,YAAY,UAAU,KAAK,YAAY,wCAAwC,aAAa;AAAA,EAC5F,oBAAoB,UAAU,KAC3B,YAAY,2DACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KACvB,YAAY,wDACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,kBAAkB,aAAa;AAAA,EACpE,SAAS,UAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EAC5E,UAAU,UAAU,KAAK,YAAY;AAAA;AAGvC,iCAAiC,YAAY;AAE7C,MAAM,2CAA2C,SAAS;AAE1D,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
-  "names": []
-}

package/esm/index.js.map

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