@sps-woodland/core 8.56.2 → 8.56.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/action-bar/action-bar/ActionBar.js +44 -59
- package/lib/action-bar/action-bar/ActionBar.ve.js +4 -11
- package/lib/action-bar/action-bar-additional-content/ActionBarAdditionalContent.js +14 -22
- package/lib/action-bar/index.js +54 -74
- package/lib/action-bar/index.umd.cjs +1 -1
- package/lib/action-bar/style.css +2 -1
- package/lib/add-to-list/add-to-list/AddToList.js +220 -302
- package/lib/add-to-list/add-to-list/AddToList.ve.js +79 -24
- package/lib/add-to-list/add-to-list/ItemsList.js +42 -67
- package/lib/add-to-list/add-to-list/ListItem.js +24 -50
- package/lib/add-to-list/index.js +393 -453
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +2 -1
- package/lib/buttons/button/Button.js +95 -121
- package/lib/buttons/button/Button.ve.js +150 -9
- package/lib/buttons/index.js +281 -171
- package/lib/buttons/index.umd.cjs +1 -1
- package/lib/buttons/style.css +2 -1
- package/lib/cards/card/Card.js +19 -27
- package/lib/cards/card/Card.ve.js +4 -4
- package/lib/cards/card-footer/CardFooter.js +12 -13
- package/lib/cards/card-footer/CardFooter.ve.js +4 -4
- package/lib/cards/card-header/CardHeader.js +12 -13
- package/lib/cards/card-header/CardHeader.ve.js +4 -4
- package/lib/cards/card-title/CardTitle.js +11 -12
- package/lib/cards/card-title/CardTitle.ve.js +4 -4
- package/lib/cards/index.js +52 -52
- package/lib/cards/index.umd.cjs +1 -1
- package/lib/cards/style.css +2 -1
- package/lib/column-manager/column-manager/ColumnManager.js +95 -112
- package/lib/column-manager/column-manager/useColumnManager.js +59 -48
- package/lib/column-manager/index.js +2 -5
- package/lib/components/icon/Icon.ve.js +15 -5
- package/lib/components/icon/icons/sprite.svg.js +4 -4
- package/lib/content-row/content-row/ContentRow.js +146 -173
- package/lib/content-row/content-row/ContentRow.ve.js +105 -18
- package/lib/content-row/content-row-col/ContentRowCol.js +37 -48
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +49 -6
- package/lib/content-row/content-row-expansion/ContentRowExpansion.js +16 -24
- package/lib/content-row/index.js +407 -318
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.js +24 -39
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +13 -5
- package/lib/content-row/style.css +2 -1
- package/lib/content-tiles/content-tile/ContentTile.js +71 -60
- package/lib/content-tiles/content-tile/ContentTile.ve.js +36 -14
- package/lib/content-tiles/content-tile-list/ContentTileList.js +12 -13
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +4 -5
- package/lib/content-tiles/index.js +156 -118
- package/lib/content-tiles/index.umd.cjs +1 -1
- package/lib/content-tiles/style.css +2 -1
- package/lib/core.css +2 -1
- package/lib/dropdowns/dropdown/Dropdown.js +56 -68
- package/lib/dropdowns/dropdown/Dropdown.ve.js +37 -8
- package/lib/dropdowns/index.js +171 -171
- package/lib/dropdowns/index.umd.cjs +1 -1
- package/lib/dropdowns/option-list/Option.js +14 -18
- package/lib/dropdowns/option-list/Option.ve.js +4 -5
- package/lib/dropdowns/option-list/OptionList.js +28 -44
- package/lib/dropdowns/option-list/OptionList.ve.js +4 -5
- package/lib/dropdowns/style.css +2 -1
- package/lib/editable-table/EditableTable.js +68 -85
- package/lib/editable-table/index.js +1 -4
- package/lib/feedback-block/FeedbackBlock.js +40 -35
- package/lib/feedback-block/FeedbackBlock.ve.js +56 -7
- package/lib/feedback-block/index.js +132 -85
- package/lib/feedback-block/index.umd.cjs +1 -1
- package/lib/feedback-block/style.css +2 -1
- package/lib/file-upload/file-upload/FileUpload.js +164 -202
- package/lib/file-upload/file-upload/FileUpload.ve.js +84 -18
- package/lib/file-upload/file-upload/mime-type.enum.js +106 -106
- package/lib/file-upload/index.js +390 -353
- package/lib/file-upload/index.umd.cjs +1 -1
- package/lib/file-upload/style.css +2 -1
- package/lib/filter-tiles/filter-tile/FilterTile.js +41 -46
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +51 -9
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.js +12 -15
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +4 -4
- package/lib/filter-tiles/index.js +142 -107
- package/lib/filter-tiles/index.umd.cjs +1 -1
- package/lib/filter-tiles/style.css +2 -1
- package/lib/focused-task/focused-task/FocusedTask.js +52 -74
- package/lib/focused-task/focused-task/FocusedTask.ve.js +13 -12
- package/lib/focused-task/focused-task/useFocusedTask.js +20 -18
- package/lib/focused-task/focused-task-actions/FocusedTaskActions.js +12 -13
- package/lib/focused-task/index.js +127 -144
- package/lib/focused-task/index.umd.cjs +1 -1
- package/lib/focused-task/style.css +2 -1
- package/lib/growler/Growler.js +78 -90
- package/lib/growler/Growler.ve.js +23 -12
- package/lib/growler/GrowlerListProvider.js +38 -39
- package/lib/growler/Sonner.ve.js +17 -12
- package/lib/growler/index.js +249 -274
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/sonner.js +73 -102
- package/lib/growler/style.css +2 -1
- package/lib/index.js +520 -501
- package/lib/index.umd.cjs +4 -4
- package/lib/insight-card/InsightCard.js +90 -84
- package/lib/insight-card/InsightCard.ve.js +148 -15
- package/lib/insight-card/InsightCardSet.js +12 -12
- package/lib/insight-card/index.js +269 -141
- package/lib/insight-card/index.umd.cjs +1 -1
- package/lib/insight-card/style.css +2 -1
- package/lib/key-value-set/index.js +97 -87
- package/lib/key-value-set/index.umd.cjs +1 -1
- package/lib/key-value-set/key-value-set/KeyValueSet.js +17 -21
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +10 -5
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.js +25 -21
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +13 -6
- package/lib/key-value-set/style.css +2 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.js +51 -54
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +30 -8
- package/lib/list-bar/index.js +305 -301
- package/lib/list-bar/index.umd.cjs +1 -1
- package/lib/list-bar/list-bar/InputGroupWrapper.js +10 -19
- package/lib/list-bar/list-bar/ListBar.js +105 -121
- package/lib/list-bar/list-bar/ListBar.ve.js +13 -17
- package/lib/list-bar/list-bar/ListBarSearch.js +20 -21
- package/lib/list-bar/list-bar/ListBarSearchInfo.js +8 -12
- package/lib/list-bar/list-bar/ListBarSortBy.js +28 -38
- package/lib/list-bar/search-results-bar/SearchResultsBar.js +38 -28
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +4 -11
- package/lib/list-bar/style.css +2 -1
- package/lib/matrix/index.js +79 -87
- package/lib/matrix/index.umd.cjs +1 -1
- package/lib/matrix/matrix/Matrix.js +18 -26
- package/lib/matrix/matrix/Matrix.ve.js +4 -7
- package/lib/matrix/matrix-body/MatrixBody.js +10 -13
- package/lib/matrix/matrix-cell/MatrixCell.js +23 -18
- package/lib/matrix/matrix-head/MatrixHead.js +10 -13
- package/lib/matrix/matrix-header/MatrixHeader.js +20 -23
- package/lib/matrix/matrix-row/MatrixRow.js +10 -13
- package/lib/matrix/style.css +2 -1
- package/lib/modal/index.js +197 -187
- package/lib/modal/index.umd.cjs +1 -1
- package/lib/modal/modal/Modal.js +90 -108
- package/lib/modal/modal/Modal.ve.js +43 -13
- package/lib/modal/modal/useModal.js +19 -24
- package/lib/modal/modal-footer/ModalFooter.js +11 -12
- package/lib/modal/style.css +2 -1
- package/lib/node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js +49 -0
- package/lib/node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/index.browser.js +8 -10
- package/lib/node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/url-alphabet/index.js +4 -4
- package/lib/page-title/heading-level/HeadingLevel.js +8 -12
- package/lib/page-title/index.js +33 -40
- package/lib/page-title/index.umd.cjs +1 -1
- package/lib/page-title/page-subtitle/PageSubtitle.js +13 -18
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +4 -5
- package/lib/page-title/page-title/PageTitle.js +15 -19
- package/lib/page-title/page-title/PageTitle.ve.js +4 -7
- package/lib/page-title/style.css +2 -1
- package/lib/photo/index.js +174 -177
- package/lib/photo/index.umd.cjs +1 -1
- package/lib/photo/photo/Photo.js +72 -81
- package/lib/photo/photo/Photo.ve.js +21 -7
- package/lib/photo/photo-carousel/PhotoCarousel.js +36 -51
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +13 -9
- package/lib/photo/style.css +2 -1
- package/lib/product-bar/hooks/usePriorityPlus.js +88 -104
- package/lib/product-bar/index.js +372 -395
- package/lib/product-bar/index.umd.cjs +1 -1
- package/lib/product-bar/product-bar/ProductBar.js +77 -103
- package/lib/product-bar/product-bar/ProductBar.ve.js +46 -15
- package/lib/product-bar/product-bar-name/ProductBarName.js +37 -40
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.js +48 -70
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +4 -8
- package/lib/product-bar/product-bar-tab/ProductBarTab.js +28 -26
- package/lib/product-bar/slack-link/SlackLink.js +26 -30
- package/lib/product-bar/slack-link/SlackLink.ve.js +4 -5
- package/lib/product-bar/style.css +2 -1
- package/lib/product-bar-vertical/index.js +240 -251
- package/lib/product-bar-vertical/index.umd.cjs +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.js +42 -61
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +53 -23
- package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.js +30 -42
- package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.js +71 -89
- package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.js +22 -29
- package/lib/product-bar-vertical/style.css +2 -1
- package/lib/progress-indicators/index.js +372 -255
- package/lib/progress-indicators/index.umd.cjs +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.js +66 -110
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +66 -13
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.js +34 -54
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +136 -8
- package/lib/progress-indicators/progress-ring/ProgressRing.js +45 -52
- package/lib/progress-indicators/style.css +2 -1
- package/lib/rich-text-editor/index.js +556 -582
- package/lib/rich-text-editor/index.umd.cjs +11 -11
- package/lib/rich-text-editor/rich-text-editor/RTELinkModal.js +29 -33
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.js +23 -37
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +13 -6
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.js +68 -77
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +21 -8
- package/lib/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.js +14 -20
- package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.js +14 -20
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.js +33 -27
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.js +79 -88
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.js +28 -36
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEToolbarButtons.js +195 -211
- package/lib/rich-text-editor/rich-text-editor/icons/BOLD.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/INDENT.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/ITALICS.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/LINK.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/ORDERED_LIST.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/OUTDENT.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/REDO.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNDO.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNLINK.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNORDERED_LIST.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/utils/flattenListItemParagraphs.js +12 -12
- package/lib/rich-text-editor/rich-text-editor/utils/removeUnrepresentableBreaks.js +20 -19
- package/lib/rich-text-editor/rich-text-editor/utils/utils.js +11 -15
- package/lib/rich-text-editor/style.css +2 -1
- package/lib/scrollable-container/ScrollableContainer.js +18 -27
- package/lib/scrollable-container/ScrollableContainer.ve.js +4 -4
- package/lib/scrollable-container/index.js +20 -27
- package/lib/scrollable-container/index.umd.cjs +1 -1
- package/lib/scrollable-container/style.css +2 -1
- package/lib/side-nav/index.js +190 -228
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.js +43 -60
- package/lib/side-nav/side-nav/SideNav.ve.js +22 -16
- package/lib/side-nav/side-nav/navContext.js +7 -7
- package/lib/side-nav/side-nav-header/SideNavHeader.js +14 -15
- package/lib/side-nav/side-nav-item/SideNavItem.js +68 -94
- package/lib/side-nav/side-nav-section/SideNavSection.js +16 -26
- package/lib/side-nav/style.css +2 -1
- package/lib/sorting-header/caret/caret.ve.js +13 -5
- package/lib/sorting-header/index.js +269 -251
- package/lib/sorting-header/index.umd.cjs +1 -1
- package/lib/sorting-header/sorting-header/SortingHeader.js +110 -124
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +30 -6
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.js +69 -83
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +21 -7
- package/lib/sorting-header/style.css +2 -1
- package/lib/style.css +2 -1
- package/lib/tabs/index.js +255 -201
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +2 -1
- package/lib/tabs/tab/Tab.js +24 -27
- package/lib/tabs/tab/Tab.ve.js +76 -6
- package/lib/tabs/tab-panel/TabPanel.js +16 -25
- package/lib/tabs/tabs/Tabs.js +101 -112
- package/lib/tabs/tabs/Tabs.ve.js +13 -11
- package/lib/tags/clickable-tag/ClickableTag.js +86 -90
- package/lib/tags/clickable-tag/ClickableTag.ve.js +66 -9
- package/lib/tags/index.js +342 -199
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.js +49 -30
- package/lib/tags/split-tag/SplitTag.ve.js +35 -9
- package/lib/tags/style.css +2 -1
- package/lib/tags/tag/Tag.js +42 -38
- package/lib/tags/tag/Tag.ve.js +41 -6
- package/lib/utils/cl.js +5 -5
- package/lib/zero-state/ZeroState.js +36 -29
- package/lib/zero-state/ZeroState.ve.js +29 -11
- package/lib/zero-state/index.js +103 -78
- package/lib/zero-state/index.umd.cjs +1 -1
- package/lib/zero-state/style.css +2 -1
- package/package.json +12 -12
- package/lib/node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js +0 -57
|
@@ -1,264 +1,381 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import { Button as
|
|
4
|
-
import { SpsTooltip as
|
|
5
|
-
import { useWoodlandLanguage as
|
|
6
|
-
import { Tokens as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { Icon as t, Metadata as n, cl as r, selectChildren as i, useElementId as a } from "@sps-woodland/core";
|
|
3
|
+
import { Button as o } from "@sps-woodland/core/button";
|
|
4
|
+
import { SpsTooltip as s } from "@spscommerce/ds-react";
|
|
5
|
+
import { useWoodlandLanguage as c } from "@spscommerce/i18n";
|
|
6
|
+
import { Tokens as l } from "@sps-woodland/tokens";
|
|
7
|
+
//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
|
|
8
|
+
function u(e, t, n) {
|
|
9
|
+
return t in e ? Object.defineProperty(e, t, {
|
|
10
|
+
value: n,
|
|
11
|
+
enumerable: !0,
|
|
12
|
+
configurable: !0,
|
|
13
|
+
writable: !0
|
|
14
|
+
}) : e[t] = n, e;
|
|
14
15
|
}
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
function d(e, t) {
|
|
17
|
+
var n = Object.keys(e);
|
|
18
|
+
if (Object.getOwnPropertySymbols) {
|
|
19
|
+
var r = Object.getOwnPropertySymbols(e);
|
|
20
|
+
t && (r = r.filter(function(t) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
22
|
+
})), n.push.apply(n, r);
|
|
23
|
+
}
|
|
24
|
+
return n;
|
|
24
25
|
}
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
function f(e) {
|
|
27
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
28
|
+
var n = arguments[t] == null ? {} : arguments[t];
|
|
29
|
+
t % 2 ? d(Object(n), !0).forEach(function(t) {
|
|
30
|
+
u(e, t, n[t]);
|
|
31
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : d(Object(n)).forEach(function(t) {
|
|
32
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
return e;
|
|
35
36
|
}
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
37
|
+
var p = (e, t, n) => {
|
|
38
|
+
for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
|
|
39
|
+
return !0;
|
|
40
|
+
}, m = (e) => (t) => {
|
|
41
|
+
var n = e.defaultClassName, r = f(f({}, e.defaultVariants), t);
|
|
42
|
+
for (var i in r) {
|
|
43
|
+
var a = r[i] ?? e.defaultVariants[i];
|
|
44
|
+
if (a != null) {
|
|
45
|
+
var o = a;
|
|
46
|
+
typeof o == "boolean" && (o = o === !0 ? "true" : "false");
|
|
47
|
+
var s = e.variantClassNames[i][o];
|
|
48
|
+
s && (n += " " + s);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
for (var [c, l] of e.compoundVariants) p(c, r, e.defaultVariants) && (n += " " + l);
|
|
52
|
+
return n;
|
|
53
|
+
}, h = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq0", g = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq1", _ = m({
|
|
54
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq5",
|
|
55
|
+
variantClassNames: {
|
|
56
|
+
completed: {
|
|
57
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq6",
|
|
58
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq7"
|
|
59
|
+
},
|
|
60
|
+
disabled: {
|
|
61
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq8",
|
|
62
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq9"
|
|
63
|
+
},
|
|
64
|
+
color: {
|
|
65
|
+
purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqa",
|
|
66
|
+
blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqb",
|
|
67
|
+
red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqc",
|
|
68
|
+
orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqd",
|
|
69
|
+
grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqe"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
defaultVariants: {
|
|
73
|
+
completed: !1,
|
|
74
|
+
disabled: !1,
|
|
75
|
+
color: "purple"
|
|
76
|
+
},
|
|
77
|
+
compoundVariants: []
|
|
78
|
+
}), v = m({
|
|
79
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqf",
|
|
80
|
+
variantClassNames: { disabled: {
|
|
81
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqg",
|
|
82
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqh"
|
|
83
|
+
} },
|
|
84
|
+
defaultVariants: { disabled: !1 },
|
|
85
|
+
compoundVariants: []
|
|
86
|
+
}), y = m({
|
|
87
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqi",
|
|
88
|
+
variantClassNames: {
|
|
89
|
+
completed: {
|
|
90
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqj",
|
|
91
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqk"
|
|
92
|
+
},
|
|
93
|
+
disabled: {
|
|
94
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aql",
|
|
95
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqm"
|
|
96
|
+
},
|
|
97
|
+
color: {
|
|
98
|
+
purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqn",
|
|
99
|
+
blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqo",
|
|
100
|
+
red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqp",
|
|
101
|
+
orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqq",
|
|
102
|
+
grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqr"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
defaultVariants: {
|
|
106
|
+
completed: !1,
|
|
107
|
+
disabled: !1,
|
|
108
|
+
color: "purple"
|
|
109
|
+
},
|
|
110
|
+
compoundVariants: [[{
|
|
111
|
+
completed: !0,
|
|
112
|
+
disabled: !0
|
|
113
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqs"]]
|
|
114
|
+
}), b = m({
|
|
115
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf80",
|
|
116
|
+
variantClassNames: {
|
|
117
|
+
barCompleted: {
|
|
118
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf81",
|
|
119
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf82"
|
|
120
|
+
},
|
|
121
|
+
disabled: {
|
|
122
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf83",
|
|
123
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf84"
|
|
124
|
+
},
|
|
125
|
+
color: {
|
|
126
|
+
purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf85",
|
|
127
|
+
blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf86",
|
|
128
|
+
red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf87",
|
|
129
|
+
orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf88",
|
|
130
|
+
grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf89"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
defaultVariants: {
|
|
134
|
+
barCompleted: !1,
|
|
135
|
+
disabled: !1,
|
|
136
|
+
color: "purple"
|
|
137
|
+
},
|
|
138
|
+
compoundVariants: []
|
|
139
|
+
}), x = m({
|
|
140
|
+
defaultClassName: "",
|
|
141
|
+
variantClassNames: {
|
|
142
|
+
barCompleted: {
|
|
143
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8a",
|
|
144
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8b"
|
|
145
|
+
},
|
|
146
|
+
color: {
|
|
147
|
+
purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8c",
|
|
148
|
+
blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8d",
|
|
149
|
+
red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8e",
|
|
150
|
+
orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8f",
|
|
151
|
+
grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8g"
|
|
152
|
+
},
|
|
153
|
+
disabled: {
|
|
154
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8h",
|
|
155
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8i"
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
defaultVariants: {
|
|
159
|
+
barCompleted: !1,
|
|
160
|
+
color: "purple",
|
|
161
|
+
disabled: !1
|
|
162
|
+
},
|
|
163
|
+
compoundVariants: []
|
|
164
|
+
}), S = m({
|
|
165
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8j",
|
|
166
|
+
variantClassNames: { stepCompleted: {
|
|
167
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8k",
|
|
168
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8l"
|
|
169
|
+
} },
|
|
170
|
+
defaultVariants: { stepCompleted: !1 },
|
|
171
|
+
compoundVariants: []
|
|
172
|
+
}), C = m({
|
|
173
|
+
defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8m",
|
|
174
|
+
variantClassNames: {
|
|
175
|
+
stepCompleted: {
|
|
176
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8n",
|
|
177
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8o"
|
|
178
|
+
},
|
|
179
|
+
disabled: {
|
|
180
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8p",
|
|
181
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8q"
|
|
182
|
+
},
|
|
183
|
+
barCompleted: {
|
|
184
|
+
true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8r",
|
|
185
|
+
false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8s"
|
|
186
|
+
},
|
|
187
|
+
color: {
|
|
188
|
+
purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8t",
|
|
189
|
+
red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8u",
|
|
190
|
+
blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8v",
|
|
191
|
+
orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8w",
|
|
192
|
+
grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8x"
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
defaultVariants: {
|
|
196
|
+
stepCompleted: !1,
|
|
197
|
+
disabled: !1,
|
|
198
|
+
barCompleted: !1,
|
|
199
|
+
color: "purple"
|
|
200
|
+
},
|
|
201
|
+
compoundVariants: [
|
|
202
|
+
[{
|
|
203
|
+
barCompleted: !0,
|
|
204
|
+
disabled: !0
|
|
205
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8y"],
|
|
206
|
+
[{
|
|
207
|
+
barCompleted: !0,
|
|
208
|
+
disabled: !1
|
|
209
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf8z"],
|
|
210
|
+
[{
|
|
211
|
+
stepCompleted: !0,
|
|
212
|
+
disabled: !0
|
|
213
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf810"],
|
|
214
|
+
[{
|
|
215
|
+
barCompleted: !1,
|
|
216
|
+
disabled: !1,
|
|
217
|
+
stepCompleted: !0,
|
|
218
|
+
color: "purple"
|
|
219
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf811"],
|
|
220
|
+
[{
|
|
221
|
+
barCompleted: !1,
|
|
222
|
+
disabled: !1,
|
|
223
|
+
stepCompleted: !0,
|
|
224
|
+
color: "red"
|
|
225
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf812"],
|
|
226
|
+
[{
|
|
227
|
+
barCompleted: !1,
|
|
228
|
+
disabled: !1,
|
|
229
|
+
stepCompleted: !0,
|
|
230
|
+
color: "blue"
|
|
231
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf813"],
|
|
232
|
+
[{
|
|
233
|
+
barCompleted: !1,
|
|
234
|
+
disabled: !1,
|
|
235
|
+
stepCompleted: !0,
|
|
236
|
+
color: "orange"
|
|
237
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf814"],
|
|
238
|
+
[{
|
|
239
|
+
barCompleted: !1,
|
|
240
|
+
disabled: !1,
|
|
241
|
+
stepCompleted: !0,
|
|
242
|
+
color: "grey"
|
|
243
|
+
}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_2etnf815"]
|
|
244
|
+
]
|
|
245
|
+
});
|
|
246
|
+
//#endregion
|
|
247
|
+
//#region src/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.tsx
|
|
248
|
+
function w({ className: n, title: i, description: o, icon: c, complete: l = !1, disabled: u, barCompleted: d, progressColor: f, ...p }) {
|
|
249
|
+
let m = a().current || void 0;
|
|
250
|
+
return /* @__PURE__ */ e.createElement("li", {
|
|
251
|
+
id: m,
|
|
252
|
+
className: r(C({
|
|
253
|
+
stepCompleted: l,
|
|
254
|
+
disabled: u,
|
|
255
|
+
barCompleted: d,
|
|
256
|
+
color: f
|
|
257
|
+
}), n),
|
|
258
|
+
...p
|
|
259
|
+
}, c && /* @__PURE__ */ e.createElement(t, {
|
|
260
|
+
icon: c,
|
|
261
|
+
size: "sm",
|
|
262
|
+
className: S({ stepCompleted: l && !u })
|
|
263
|
+
}), i && m && /* @__PURE__ */ e.createElement(s, {
|
|
264
|
+
for: m,
|
|
265
|
+
title: i
|
|
266
|
+
}, o));
|
|
100
267
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
268
|
+
n.set(w, {
|
|
269
|
+
name: "ProgressBarStep",
|
|
270
|
+
props: {
|
|
271
|
+
icon: { type: "IconName" },
|
|
272
|
+
complete: { type: "boolean" },
|
|
273
|
+
title: { type: "string" },
|
|
274
|
+
description: { type: "string" }
|
|
275
|
+
}
|
|
109
276
|
});
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
{
|
|
154
|
-
className: W({
|
|
155
|
-
completed: a === 1,
|
|
156
|
-
disabled: s,
|
|
157
|
-
color: i
|
|
158
|
-
})
|
|
159
|
-
},
|
|
160
|
-
`${Math.floor(a * 100)}%`
|
|
161
|
-
)), d.length > 0 ? /* @__PURE__ */ r.createElement(
|
|
162
|
-
"ul",
|
|
163
|
-
{
|
|
164
|
-
className: v(
|
|
165
|
-
H({
|
|
166
|
-
barCompleted: m.length === d.length,
|
|
167
|
-
disabled: s,
|
|
168
|
-
color: i
|
|
169
|
-
}),
|
|
170
|
-
"d-flex align-items-center list-unstyled mb-0"
|
|
171
|
-
)
|
|
172
|
-
},
|
|
173
|
-
q
|
|
174
|
-
) : /* @__PURE__ */ r.createElement(
|
|
175
|
-
"div",
|
|
176
|
-
{
|
|
177
|
-
className: $({
|
|
178
|
-
disabled: s
|
|
179
|
-
})
|
|
180
|
-
},
|
|
181
|
-
/* @__PURE__ */ r.createElement(
|
|
182
|
-
"div",
|
|
183
|
-
{
|
|
184
|
-
className: M({
|
|
185
|
-
completed: a === 1,
|
|
186
|
-
disabled: s,
|
|
187
|
-
color: i
|
|
188
|
-
}),
|
|
189
|
-
style: { width: `${a * 100}%` }
|
|
190
|
-
}
|
|
191
|
-
)
|
|
192
|
-
), o && /* @__PURE__ */ r.createElement("div", { className: F }, o)), n && a !== 1 && /* @__PURE__ */ r.createElement("div", { className: T }, /* @__PURE__ */ r.createElement(
|
|
193
|
-
P,
|
|
194
|
-
{
|
|
195
|
-
kind: "icon",
|
|
196
|
-
icon: "x",
|
|
197
|
-
onClick: n,
|
|
198
|
-
title: h("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
|
|
199
|
-
}
|
|
200
|
-
)));
|
|
277
|
+
//#endregion
|
|
278
|
+
//#region src/progress-indicators/progress-bar/ProgressBar.tsx
|
|
279
|
+
function T({ className: t, children: n, detail: a, disabled: s, onClose: l, percentComplete: u = 0, title: d, showStepsCounter: f, progressColor: p = "purple", ...m }) {
|
|
280
|
+
let { t: S } = c(), [C, T] = e.useState([]), [E] = i(n, [{ type: w }]);
|
|
281
|
+
e.useEffect(() => {
|
|
282
|
+
let e = [];
|
|
283
|
+
E.forEach((t) => {
|
|
284
|
+
t.hasOwnProperty("props") && t.props.complete === !0 && e.push(t), T(e);
|
|
285
|
+
});
|
|
286
|
+
}, []), u && E && console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.", "The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));
|
|
287
|
+
let D = e.Children.map(n, (t) => e.isValidElement(t) ? e.cloneElement(t, {
|
|
288
|
+
disabled: s,
|
|
289
|
+
barCompleted: C.length === E.length,
|
|
290
|
+
progressColor: p
|
|
291
|
+
}) : t);
|
|
292
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
293
|
+
className: r(h, t),
|
|
294
|
+
...m
|
|
295
|
+
}, /* @__PURE__ */ e.createElement("div", { className: g }, d && /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq3" }, /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq4" }, d), E.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, f === !0 && /* @__PURE__ */ e.createElement("div", { className: b({
|
|
296
|
+
barCompleted: C.length === E.length,
|
|
297
|
+
disabled: s,
|
|
298
|
+
color: p
|
|
299
|
+
}) }, `${C.length} of ${E.length} Complete`)) : /* @__PURE__ */ e.createElement("div", { className: _({
|
|
300
|
+
completed: u === 1,
|
|
301
|
+
disabled: s,
|
|
302
|
+
color: p
|
|
303
|
+
}) }, `${Math.floor(u * 100)}%`)), E.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: r(x({
|
|
304
|
+
barCompleted: C.length === E.length,
|
|
305
|
+
disabled: s,
|
|
306
|
+
color: p
|
|
307
|
+
}), "d-flex align-items-center list-unstyled mb-0") }, D) : /* @__PURE__ */ e.createElement("div", { className: v({ disabled: s }) }, /* @__PURE__ */ e.createElement("div", {
|
|
308
|
+
className: y({
|
|
309
|
+
completed: u === 1,
|
|
310
|
+
disabled: s,
|
|
311
|
+
color: p
|
|
312
|
+
}),
|
|
313
|
+
style: { width: `${u * 100}%` }
|
|
314
|
+
})), a && /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aqt" }, a)), l && u !== 1 && /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_3__hash_aun9aq2" }, /* @__PURE__ */ e.createElement(o, {
|
|
315
|
+
kind: "icon",
|
|
316
|
+
icon: "x",
|
|
317
|
+
onClick: l,
|
|
318
|
+
title: S("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
|
|
319
|
+
})));
|
|
201
320
|
}
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
321
|
+
n.set(T, {
|
|
322
|
+
name: "Progress Bar",
|
|
323
|
+
props: {
|
|
324
|
+
detail: { type: "string" },
|
|
325
|
+
disabled: { type: "boolean" },
|
|
326
|
+
onClose: { type: "() => void" },
|
|
327
|
+
percentComplete: {
|
|
328
|
+
type: "number",
|
|
329
|
+
default: "0"
|
|
330
|
+
},
|
|
331
|
+
progressColor: {
|
|
332
|
+
type: "\"purple\" | \"blue\" | \"red\" | \"orange\" | \"grey\"",
|
|
333
|
+
default: "\"purple\""
|
|
334
|
+
}
|
|
335
|
+
}
|
|
211
336
|
});
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
stroke: p.color.purple.medium,
|
|
242
|
-
fill: "transparent",
|
|
243
|
-
strokeWidth: 4,
|
|
244
|
-
strokeDasharray: `${t} ${t}`,
|
|
245
|
-
style: { strokeDashoffset: l },
|
|
246
|
-
r: a,
|
|
247
|
-
cx: p.component["progress-ring"][e],
|
|
248
|
-
cy: p.component["progress-ring"][e]
|
|
249
|
-
}
|
|
250
|
-
)
|
|
251
|
-
));
|
|
337
|
+
//#endregion
|
|
338
|
+
//#region src/progress-indicators/progress-ring/ProgressRing.tsx
|
|
339
|
+
function E({ className: t, size: n = "sm", progress: r = 0, ...i }) {
|
|
340
|
+
let a = l.component["progress-ring"][n] - 4, o = a * 2 * Math.PI, s = o - r / 100 * o;
|
|
341
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
342
|
+
className: t,
|
|
343
|
+
...i
|
|
344
|
+
}, /* @__PURE__ */ e.createElement("svg", {
|
|
345
|
+
height: l.component["progress-ring"][n] * 2,
|
|
346
|
+
width: l.component["progress-ring"][n] * 2,
|
|
347
|
+
style: { transform: "rotate(-90deg)" }
|
|
348
|
+
}, /* @__PURE__ */ e.createElement("circle", {
|
|
349
|
+
stroke: l.color.grey["medium-light"],
|
|
350
|
+
fill: "transparent",
|
|
351
|
+
strokeWidth: 4,
|
|
352
|
+
strokeDasharray: `${o} ${o}`,
|
|
353
|
+
r: a,
|
|
354
|
+
cx: l.component["progress-ring"][n],
|
|
355
|
+
cy: l.component["progress-ring"][n]
|
|
356
|
+
}), /* @__PURE__ */ e.createElement("circle", {
|
|
357
|
+
stroke: l.color.purple.medium,
|
|
358
|
+
fill: "transparent",
|
|
359
|
+
strokeWidth: 4,
|
|
360
|
+
strokeDasharray: `${o} ${o}`,
|
|
361
|
+
style: { strokeDashoffset: s },
|
|
362
|
+
r: a,
|
|
363
|
+
cx: l.component["progress-ring"][n],
|
|
364
|
+
cy: l.component["progress-ring"][n]
|
|
365
|
+
})));
|
|
252
366
|
}
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
367
|
+
n.set(E, {
|
|
368
|
+
name: "Progress Ring",
|
|
369
|
+
props: {
|
|
370
|
+
size: {
|
|
371
|
+
type: "\"sm\" | \"md\" | \"lg\"",
|
|
372
|
+
default: "\"sm\""
|
|
373
|
+
},
|
|
374
|
+
progress: {
|
|
375
|
+
type: "number",
|
|
376
|
+
default: "0"
|
|
377
|
+
}
|
|
378
|
+
}
|
|
259
379
|
});
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
b as ProgressBarStep,
|
|
263
|
-
J as ProgressRing
|
|
264
|
-
};
|
|
380
|
+
//#endregion
|
|
381
|
+
export { T as ProgressBar, w as ProgressBarStep, E as ProgressRing };
|