@elliemae/ds-indeterminate-progress-indicator 3.16.0-next.2 → 3.16.0-next.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -32,7 +32,7 @@ module.exports = __toCommonJS(DSIndeterminateProgressIndicator_exports);
32
32
  var React = __toESM(require("react"));
33
33
  var import_jsx_runtime = require("react/jsx-runtime");
34
34
  var import_react = require("react");
35
- var import_ds_utilities = require("@elliemae/ds-utilities");
35
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
36
36
  var import_ds_classnames = require("@elliemae/ds-classnames");
37
37
  var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
38
38
  const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)(
@@ -101,22 +101,22 @@ DSIndeterminateProgressIndicator.defaultProps = {
101
101
  lineOnly: false
102
102
  };
103
103
  const indeterminateProgressIndicatorProps = {
104
- containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
105
- title: import_ds_utilities.PropTypes.string.description("component s label"),
106
- processingCompleteTitle: import_ds_utilities.PropTypes.string.description("label to display when the process is completed"),
107
- processingFailTitle: import_ds_utilities.PropTypes.string.description("label to display when the process has failed"),
108
- complete: import_ds_utilities.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
109
- failed: import_ds_utilities.PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
110
- processing: import_ds_utilities.PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
111
- processingComplete: import_ds_utilities.PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
112
- processingFail: import_ds_utilities.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
113
- animated: import_ds_utilities.PropTypes.bool.description("animate or not").defaultValue(true),
114
- percent: import_ds_utilities.PropTypes.number.description("completion percentage").defaultValue(50),
115
- lineOnly: import_ds_utilities.PropTypes.bool.description("hide the label from rendering")
104
+ containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
105
+ title: import_ds_props_helpers.PropTypes.string.description("component s label"),
106
+ processingCompleteTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process is completed"),
107
+ processingFailTitle: import_ds_props_helpers.PropTypes.string.description("label to display when the process has failed"),
108
+ complete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),
109
+ failed: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
110
+ processing: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
111
+ processingComplete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
112
+ processingFail: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
113
+ animated: import_ds_props_helpers.PropTypes.bool.description("animate or not").defaultValue(true),
114
+ percent: import_ds_props_helpers.PropTypes.number.description("completion percentage").defaultValue(50),
115
+ lineOnly: import_ds_props_helpers.PropTypes.bool.description("hide the label from rendering")
116
116
  };
117
117
  DSIndeterminateProgressIndicator.propTypes = indeterminateProgressIndicatorProps;
118
118
  DSIndeterminateProgressIndicator.displayName = "DSIndeterminateProgressIndicator";
119
- const IndeterminateProgressIndicatorWithSchema = (0, import_ds_utilities.describe)(DSIndeterminateProgressIndicator);
119
+ const IndeterminateProgressIndicatorWithSchema = (0, import_ds_props_helpers.describe)(DSIndeterminateProgressIndicator);
120
120
  IndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;
121
121
  var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
122
122
  //# sourceMappingURL=DSIndeterminateProgressIndicator.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSIndeterminateProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "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-utilities';\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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiCnB;AA9BJ,mBAA2C;AAC3C,0BAAoC;AACpC,2BAA0C;AAC1C,uCAAmC;AAEnC,MAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,EACzD;AACF;AAEA,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,8BAAU,MAAM;AACd,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,eAAS,WAAW,0BAA0B,mBAAmB;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,oBAAoB,gBAAgB,UAAU,CAAC;AACrE,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,OAGxC,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,eAAe;AAAA,EAC9C,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;AAEA,MAAM,sCAAsC;AAAA,EAC1C,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,yBAAyB,8BAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,qBAAqB,8BAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,8BAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,8BAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,8BAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,gBAAgB,8BAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,UAAU,8BAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,8BAAU,KAAK,YAAY,+BAA+B;AACtE;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,+CAA2C,8BAAS,gCAAgC;AAE1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
4
+ "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"],
5
+ "mappings": "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",
6
6
  "names": ["DSTruncatedTooltipText"]
7
7
  }
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "commonjs",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useEffect, useState } from "react";
4
- import { describe, PropTypes } from "@elliemae/ds-utilities";
4
+ import { describe, PropTypes } from "@elliemae/ds-props-helpers";
5
5
  import { convertPropToCssClassName } from "@elliemae/ds-classnames";
6
6
  import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
7
7
  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSIndeterminateProgressIndicator.tsx"],
4
- "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-utilities';\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"],
4
+ "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"],
5
5
  "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "module",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }
@@ -28,22 +28,22 @@ declare const DSIndeterminateProgressIndicator: {
28
28
  lineOnly: boolean;
29
29
  };
30
30
  propTypes: {
31
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
32
- title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
33
- processingCompleteTitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
34
- processingFailTitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
35
- complete: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
36
- failed: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
37
- processing: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
38
- processingComplete: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
39
- processingFail: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
40
- animated: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
41
- percent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
42
- lineOnly: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
31
+ containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
32
+ title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
33
+ processingCompleteTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
34
+ processingFailTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
35
+ complete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
36
+ failed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
37
+ processing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
38
+ processingComplete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
39
+ processingFail: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
40
+ animated: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
41
+ percent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
42
+ lineOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
43
43
  };
44
44
  displayName: string;
45
45
  };
46
- declare const IndeterminateProgressIndicatorWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
46
+ declare const IndeterminateProgressIndicatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
47
47
  containerProps: any;
48
48
  title: any;
49
49
  complete: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-indeterminate-progress-indicator",
3
- "version": "3.16.0-next.2",
3
+ "version": "3.16.0-next.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
6
6
  "files": [
@@ -39,9 +39,10 @@
39
39
  "indent": 4
40
40
  },
41
41
  "dependencies": {
42
- "@elliemae/ds-classnames": "3.16.0-next.2",
43
- "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.2",
44
- "@elliemae/ds-utilities": "3.16.0-next.2"
42
+ "@elliemae/ds-classnames": "3.16.0-next.4",
43
+ "@elliemae/ds-props-helpers": "3.16.0-next.4",
44
+ "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.4",
45
+ "@elliemae/ds-utilities": "3.16.0-next.4"
45
46
  },
46
47
  "peerDependencies": {
47
48
  "react": "^17.0.2",
@@ -58,7 +59,7 @@
58
59
  "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
59
60
  "dts": "node ../../scripts/dts.mjs",
60
61
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
61
- "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
62
+ "dev:build": "pnpm --filter {.}... build",
62
63
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
63
64
  "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
64
65
  }