@elliemae/ds-indeterminate-progress-indicator 3.11.1-rc.0 → 3.12.0-next.0
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSIndeterminateProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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\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;\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;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["DSTruncatedTooltipText"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSIndeterminateProgressIndicator.tsx"],
|
|
4
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\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;\nDSIndeterminateProgressIndicator.displayName = 'DSIndeterminateProgressIndicator';\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\n\nIndeterminateProgressIndicatorWithSchema.propTypes = indeterminateProgressIndicatorProps;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-indeterminate-progress-indicator",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.12.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
|
|
6
6
|
"files": [
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"indent": 4
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@elliemae/ds-classnames": "3.
|
|
43
|
-
"@elliemae/ds-truncated-tooltip-text": "3.
|
|
44
|
-
"@elliemae/ds-utilities": "3.
|
|
42
|
+
"@elliemae/ds-classnames": "3.12.0-next.0",
|
|
43
|
+
"@elliemae/ds-truncated-tooltip-text": "3.12.0-next.0",
|
|
44
|
+
"@elliemae/ds-utilities": "3.12.0-next.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"react": "^17.0.2",
|
|
@@ -55,8 +55,11 @@
|
|
|
55
55
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
56
56
|
"test": "node ../../scripts/testing/test.mjs",
|
|
57
57
|
"lint": "node ../../scripts/lint.mjs",
|
|
58
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
58
59
|
"dts": "node ../../scripts/dts.mjs",
|
|
59
60
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
61
|
+
"dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
|
|
62
|
+
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
60
63
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
61
64
|
}
|
|
62
65
|
}
|