@sps-woodland/core 8.56.2 → 8.56.4
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.3/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,17 +1,23 @@
|
|
|
1
|
+
import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
|
|
1
2
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
//#region src/side-nav/side-nav/SideNav.css.ts
|
|
4
|
+
var t = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p0", n = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p1", r = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p2", i = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p3", a = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p4", o = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5", s = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p6", c = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p7", l = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8", u = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9",
|
|
6
|
+
variantClassNames: {
|
|
7
|
+
selected: {
|
|
8
|
+
true: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pa",
|
|
9
|
+
false: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pb"
|
|
10
|
+
},
|
|
11
|
+
inFilter: {
|
|
12
|
+
true: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pc",
|
|
13
|
+
false: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pd"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
selected: !1,
|
|
18
|
+
inFilter: !0
|
|
19
|
+
},
|
|
20
|
+
compoundVariants: []
|
|
21
|
+
}), d = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pf", f = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg";
|
|
22
|
+
//#endregion
|
|
23
|
+
export { c as sideNavBranch, t as sideNavContainer, l as sideNavExpand, d as sideNavExpandIcon, i as sideNavFilterSection, a as sideNavFilterWrapper, n as sideNavHeader, u as sideNavLeaf, f as sideNavLink, o as sideNavSection, s as sideNavSectionTitle, r as sideNavTitle };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { createContext as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { createContext as e } from "react";
|
|
2
|
+
//#region src/side-nav/side-nav/navContext.ts
|
|
3
|
+
var t = e({
|
|
4
|
+
filterValue: "",
|
|
5
|
+
activeItem: ""
|
|
5
6
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
7
|
+
//#endregion
|
|
8
|
+
export { t as navContext };
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { sideNavHeader as e, sideNavTitle as t } from "../side-nav/SideNav.ve.js";
|
|
2
|
+
import { Metadata as n } from "@sps-woodland/core";
|
|
3
|
+
import * as r from "react";
|
|
4
|
+
//#region src/side-nav/side-nav-header/SideNavHeader.tsx
|
|
5
|
+
function i({ children: n, className: i, ...a }) {
|
|
6
|
+
return /* @__PURE__ */ r.createElement("div", {
|
|
7
|
+
className: e,
|
|
8
|
+
...a
|
|
9
|
+
}, /* @__PURE__ */ r.createElement("div", { className: t }, n));
|
|
10
10
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
n.set(i, {
|
|
12
|
+
name: "SideNavHeader",
|
|
13
|
+
props: {}
|
|
14
14
|
});
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { i as SideNavHeader };
|
|
@@ -1,96 +1,70 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
icon: i ? "chevron-down" : "chevron-right",
|
|
54
|
-
onClick: () => {
|
|
55
|
-
N(!i);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
)), k)
|
|
59
|
-
), i && u) : /* @__PURE__ */ e.createElement(
|
|
60
|
-
"li",
|
|
61
|
-
{
|
|
62
|
-
ref: m,
|
|
63
|
-
className: x({
|
|
64
|
-
selected: n.activeItem === r,
|
|
65
|
-
inFilter: v
|
|
66
|
-
})
|
|
67
|
-
},
|
|
68
|
-
/* @__PURE__ */ e.createElement(
|
|
69
|
-
c,
|
|
70
|
-
{
|
|
71
|
-
className: g,
|
|
72
|
-
onClick: () => {
|
|
73
|
-
a && a(r);
|
|
74
|
-
},
|
|
75
|
-
...h,
|
|
76
|
-
...s
|
|
77
|
-
},
|
|
78
|
-
f
|
|
79
|
-
)
|
|
80
|
-
));
|
|
1
|
+
import { sideNavExpand as e, sideNavExpandIcon as t, sideNavLeaf as n, sideNavLink as r } from "../side-nav/SideNav.ve.js";
|
|
2
|
+
import { navContext as i } from "../side-nav/navContext.js";
|
|
3
|
+
import { Icon as a, Metadata as o, selectChildren as s } from "@sps-woodland/core";
|
|
4
|
+
import * as c from "react";
|
|
5
|
+
//#region src/side-nav/side-nav-item/SideNavItem.tsx
|
|
6
|
+
function l({ children: o, className: u, onSelect: d, as: f, keyId: p, selectableAsParent: m, defaultExpanded: h = !0, expanded: g, onExpandedChange: _, ...v }) {
|
|
7
|
+
let y = f ?? "a", [b, x] = s(o, [{ type: l }]), [S, C] = c.useState(h), [w, T] = c.useState(!0), E = c.useContext(i), D = c.useRef(null), O = g !== void 0, k = E.filterValue.length > 0 ? !0 : g ?? S, A = (e) => {
|
|
8
|
+
O || C(e), _?.(e);
|
|
9
|
+
}, j = {
|
|
10
|
+
tabIndex: 0,
|
|
11
|
+
role: y === "a" && v.href == null ? "link" : void 0,
|
|
12
|
+
onKeyDown: (e) => {
|
|
13
|
+
if (e.key !== "Enter" && e.key !== " ") return;
|
|
14
|
+
let t = e.currentTarget;
|
|
15
|
+
t.tagName === "BUTTON" || t.tagName === "A" && t.hasAttribute("href") || (e.preventDefault(), t.click());
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
return c.useEffect(() => {
|
|
19
|
+
T(D.current?.innerText.toLowerCase().includes(E.filterValue.toLowerCase()) || !1), E.filterValue.length > 0 && !O && C(!0);
|
|
20
|
+
}, [E]), /* @__PURE__ */ c.createElement(c.Fragment, null, b.length ? /* @__PURE__ */ c.createElement("ul", { className: e }, /* @__PURE__ */ c.createElement("li", {
|
|
21
|
+
ref: D,
|
|
22
|
+
className: n({
|
|
23
|
+
selected: m && E.activeItem === p,
|
|
24
|
+
inFilter: w
|
|
25
|
+
}),
|
|
26
|
+
onClick: () => {
|
|
27
|
+
d && m ? d(p) : d && !m && A(!k);
|
|
28
|
+
}
|
|
29
|
+
}, /* @__PURE__ */ c.createElement(y, {
|
|
30
|
+
className: r,
|
|
31
|
+
...j,
|
|
32
|
+
...v
|
|
33
|
+
}, /* @__PURE__ */ c.createElement("div", null, /* @__PURE__ */ c.createElement(a, {
|
|
34
|
+
className: t,
|
|
35
|
+
icon: k ? "chevron-down" : "chevron-right",
|
|
36
|
+
onClick: () => {
|
|
37
|
+
A(!k);
|
|
38
|
+
}
|
|
39
|
+
})), x)), k && b) : /* @__PURE__ */ c.createElement("li", {
|
|
40
|
+
ref: D,
|
|
41
|
+
className: n({
|
|
42
|
+
selected: E.activeItem === p,
|
|
43
|
+
inFilter: w
|
|
44
|
+
})
|
|
45
|
+
}, /* @__PURE__ */ c.createElement(y, {
|
|
46
|
+
className: r,
|
|
47
|
+
onClick: () => {
|
|
48
|
+
d && d(p);
|
|
49
|
+
},
|
|
50
|
+
...j,
|
|
51
|
+
...v
|
|
52
|
+
}, o)));
|
|
81
53
|
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
54
|
+
o.set(l, {
|
|
55
|
+
name: "SideNavItem",
|
|
56
|
+
props: {
|
|
57
|
+
keyId: {
|
|
58
|
+
type: "string",
|
|
59
|
+
required: !0
|
|
60
|
+
},
|
|
61
|
+
onSelect: { type: "function" },
|
|
62
|
+
selectableAsParent: { type: "boolean" },
|
|
63
|
+
defaultExpanded: { type: "boolean" },
|
|
64
|
+
expanded: { type: "boolean" },
|
|
65
|
+
onExpandedChange: { type: "function" },
|
|
66
|
+
as: { type: "string" }
|
|
67
|
+
}
|
|
93
68
|
});
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
};
|
|
69
|
+
//#endregion
|
|
70
|
+
export { l as SideNavItem };
|
|
@@ -1,28 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}) {
|
|
12
|
-
const [n, o] = p(r, [{ type: a }]), d = N(n, (s) => s.type === a ? [
|
|
13
|
-
{
|
|
14
|
-
onSelect: i ? (c) => i(c) : () => {
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
] : []);
|
|
18
|
-
return /* @__PURE__ */ e.createElement("div", { className: v, ...m }, t && /* @__PURE__ */ e.createElement("div", { className: h }, t), /* @__PURE__ */ e.createElement("ul", { className: S }, d), o);
|
|
1
|
+
import { sideNavBranch as e, sideNavSection as t } from "../side-nav/SideNav.ve.js";
|
|
2
|
+
import { SideNavItem as n } from "../side-nav-item/SideNavItem.js";
|
|
3
|
+
import { Metadata as r, modChildren as i, selectChildren as a } from "@sps-woodland/core";
|
|
4
|
+
import * as o from "react";
|
|
5
|
+
//#region src/side-nav/side-nav-section/SideNavSection.tsx
|
|
6
|
+
function s({ children: r, className: s, title: c, onSelect: l, ...u }) {
|
|
7
|
+
let [d, f] = a(r, [{ type: n }]), p = i(d, (e) => e.type === n ? [{ onSelect: l ? (e) => l(e) : () => {} }] : []);
|
|
8
|
+
return /* @__PURE__ */ o.createElement("div", {
|
|
9
|
+
className: t,
|
|
10
|
+
...u
|
|
11
|
+
}, c && /* @__PURE__ */ o.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p6" }, c), /* @__PURE__ */ o.createElement("ul", { className: e }, p), f);
|
|
19
12
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
title: { type: "string" }
|
|
24
|
-
}
|
|
13
|
+
r.set(s, {
|
|
14
|
+
name: "SideNavSection",
|
|
15
|
+
props: { title: { type: "string" } }
|
|
25
16
|
});
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
};
|
|
17
|
+
//#endregion
|
|
18
|
+
export { s as SideNavSection };
|
package/lib/side-nav/style.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_side-
|
|
1
|
+
.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p0{word-wrap:break-word;background-color:#fff;background-clip:border-box;border:.0625rem solid #d2d4d4;border-radius:.125rem;flex-direction:column;min-width:0;display:flex;position:relative}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p1{background-color:#fff;border-bottom:.0625rem solid #d2d4d4;margin-bottom:0;padding:.5rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p2{float:left;text-transform:uppercase;align-items:center;margin-bottom:0;padding-left:.5rem;font-size:.75rem;font-weight:600;line-height:1.5rem;display:flex}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p2>i{margin-right:.25rem;font-size:.875rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p3{border-bottom:.0625rem solid #d2d4d4;padding:.5rem 0}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p4{margin:6px 21px}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5{margin:0;padding:.5rem 0}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5+.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5{border-top:.0625rem solid #d2d4d4}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p6{color:#717779;margin:.25rem 0 .5rem 1rem;font-size:1rem;font-weight:400}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p7{margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem;list-style:none}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8{padding-left:0}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9{width:100%;display:block}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pa{color:#1f282c;background-color:#e6f2f8;font-weight:700;box-shadow:inset .125rem 0 #007db8}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pd{display:none}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pe{width:100%;display:block}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pf{vertical-align:middle;margin:0 .25rem 0 -.875rem;font-size:.625rem;line-height:1.25rem;display:inline-block}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{color:#1f282c;cursor:pointer;padding:.5rem 1rem .5rem 1.25rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;display:flex}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg:hover{color:#1f282c;background-color:#f3f4f4;text-decoration:none}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:2.125rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:3rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:3.875rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:4.75rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pe>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:2.125rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pe>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:3rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pe>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:3.875rem}.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pe>.pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pg{padding-left:4.75rem}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
+
import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
|
|
1
2
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
3
|
+
//#region src/sorting-header/caret/caret.css.ts
|
|
4
|
+
var t = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf0",
|
|
6
|
+
variantClassNames: {
|
|
7
|
+
up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf1" },
|
|
8
|
+
down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_4__hash_ax8xqf2" }
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {},
|
|
11
|
+
compoundVariants: []
|
|
12
|
+
});
|
|
13
|
+
//#endregion
|
|
14
|
+
export { t as headerCaret };
|