@sps-woodland/core 8.56.1 → 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.css.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/AddToList.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/AddToList.js +220 -295
- package/lib/add-to-list/add-to-list/AddToList.ve.js +79 -24
- package/lib/add-to-list/add-to-list/ItemsList.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/ItemsList.js +42 -66
- package/lib/add-to-list/add-to-list/ListItem.js +24 -50
- package/lib/add-to-list/index.js +393 -444
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +2 -1
- package/lib/buttons/button/Button.css.d.ts.map +1 -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.css.d.ts.map +1 -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.d.ts.map +1 -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.css.d.ts.map +1 -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.css.d.ts.map +1 -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.css.d.ts.map +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.css.d.ts.map +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.d.ts.map +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.js +41 -33
- 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 -94
- 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 -173
- 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.css.d.ts.map +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.js +36 -47
- 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.css.d.ts.map +1 -1
- 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 -216
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.css.d.ts.map +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.d.ts.map +1 -1
- package/lib/side-nav/side-nav-item/SideNavItem.js +68 -82
- 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 -243
- 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.css.d.ts +2 -0
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.css.d.ts.map +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.d.ts.map +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.js +69 -75
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +21 -5
- package/lib/sorting-header/style.css +2 -1
- package/lib/style.css +2 -1
- package/lib/tabs/index.js +255 -200
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +2 -1
- package/lib/tabs/tab/Tab.css.d.ts.map +1 -1
- package/lib/tabs/tab/Tab.js +24 -27
- package/lib/tabs/tab/Tab.ve.js +76 -6
- package/lib/tabs/tab-panel/TabPanel.d.ts.map +1 -1
- package/lib/tabs/tab-panel/TabPanel.js +16 -23
- package/lib/tabs/tabs/Tabs.css.d.ts +1 -0
- package/lib/tabs/tabs/Tabs.css.d.ts.map +1 -1
- package/lib/tabs/tabs/Tabs.js +101 -112
- package/lib/tabs/tabs/Tabs.ve.js +13 -10
- package/lib/tags/clickable-tag/ClickableTag.css.d.ts +1 -1
- package/lib/tags/clickable-tag/ClickableTag.css.d.ts.map +1 -1
- package/lib/tags/clickable-tag/ClickableTag.d.ts.map +1 -1
- package/lib/tags/clickable-tag/ClickableTag.js +86 -70
- package/lib/tags/clickable-tag/ClickableTag.ve.js +66 -9
- package/lib/tags/index.js +342 -179
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.css.d.ts.map +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 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@sps-woodland/core/button`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProductBarVertical={},e.react,e.spsWoodlandCore,e.spsWoodlandCoreButton))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule||!l.call(e,`default`)?a(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){d(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},h=e=>t=>{var n=e.defaultClassName,r=p(p({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)m(c,r,e.defaultVariants)&&(n+=` `+l);return n},g=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb800`,_=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb802`,v=h({defaultClassName:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb803`,variantClassNames:{minimized:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb804`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb805`}},defaultVariants:{minimized:!1},compoundVariants:[]}),y=h({defaultClassName:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb806`,variantClassNames:{minimized:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb807`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb808`}},defaultVariants:{minimized:!1},compoundVariants:[]}),b=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb809`,x=h({defaultClassName:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80a`,variantClassNames:{minimized:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80b`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80c`}},defaultVariants:{minimized:!1},compoundVariants:[]}),S=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80e`,C=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80f`,w=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80g`,T=h({defaultClassName:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80h`,variantClassNames:{selected:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80i`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80j`}},defaultVariants:{selected:!1},compoundVariants:[]}),E=h({defaultClassName:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80k`,variantClassNames:{selected:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80l`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80m`}},defaultVariants:{selected:!1},compoundVariants:[]}),D=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80o`,O=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80p`,k=`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80r`,A=h({defaultClassName:``,variantClassNames:{active:{true:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80s`,false:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80t`}},defaultVariants:{},compoundVariants:[[{active:!0},`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80u`]]});function j({children:e,className:r,as:i,keyId:a,active:o=!1,collapsed:s=!1,isMinimized:c=!1,isMinimizable:l=!1,onExpandSidebar:u,icon:d,...f}){let p=i??`a`,[m,h]=(0,n.selectChildren)(e,[{type:j}]),[g,_]=t.useState(!s),[v]=(0,n.selectChildren)(e,[{type:j}],!0),y=v.some(e=>e.props.active),b=o||!g&&y,x=t.useRef(null),S=(0,n.modChildren)(h,e=>e.type?.displayName===`SpsTag`||n.Metadata.isWoodlandComponent(e.type)&&n.Metadata.get(e.type).name===`Tag`?[{className:(0,n.cl)(e.props?.className,A({active:b}))}]:[]);return t.createElement(t.Fragment,null,m.length?t.createElement(`ul`,{className:(0,n.cl)(w,d&&`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80q`,c&&!d&&`visually-hidden`)},t.createElement(`li`,{ref:x,"data-selected":(c||!g)&&y,className:E({selected:(c||!g)&&y}),"aria-expanded":!c&&g,onClick:()=>c?u?.():_(!g)},t.createElement(p,{className:D,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c?u?.():_(!g))},...f,"aria-expanded":!c&&g},t.createElement(`div`,{className:(0,n.cl)(`d-flex align-items-center`,O)},d&&t.createElement(n.Icon,{icon:d,className:`mr-3`}),!c&&t.createElement(n.Icon,{className:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80n`,icon:g?`chevron-down`:`chevron-right`}),t.createElement(`div`,{className:(0,n.cl)(k,c&&`visually-hidden`)},S)))),g&&(c?t.createElement(`div`,{className:`visually-hidden`},m):m)):t.createElement(`li`,{ref:x,className:(0,n.cl)(T({selected:o}),c&&!d&&`visually-hidden`)},t.createElement(p,{className:D,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click())},...f},t.createElement(`div`,{className:(0,n.cl)(`d-flex align-items-center`,O)},d&&t.createElement(n.Icon,{icon:d,className:`mr-2`}),t.createElement(`div`,{className:(0,n.cl)(k,c&&`visually-hidden`)},S)))))}n.Metadata.set(j,{name:`ProductBarVerticalItem`,props:{keyId:{type:`string`,required:!0},as:{type:`string`},active:{type:`boolean`,required:!0},collapsed:{type:`boolean`,required:!1},icon:{type:`string`,required:!1},isMinimized:{type:`boolean`,required:!1},onExpandSidebar:{type:`function`,required:!1}}});var M=`file`;function N({children:e,className:r,title:i,onSelect:a,isMinimized:o,isMinimizable:s,onExpandSidebar:c,...l}){let[u,d]=(0,n.selectChildren)(e,[{type:j}]),f=u.map(e=>{if(!t.isValidElement(e))return e;let n={isMinimized:o,onExpandSidebar:c};return s&&!e.props.icon&&(n.icon=M),t.cloneElement(e,n)});return t.createElement(`div`,{className:S,...l},t.createElement(`ul`,{className:C},f),d)}n.Metadata.set(N,{name:`ProductBarVerticalSection`});function P({className:e,name:r,logoSrc:i,href:a,isMinimized:o,...s}){return t.createElement(`div`,{className:(0,n.cl)(y({minimized:!!o}),e),...s},t.createElement(`a`,{className:b,href:a,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click())}},i&&t.createElement(`img`,{className:x({minimized:!!o}),src:i,"aria-hidden":`true`,alt:`${r} Logo`}),!o&&r&&t.createElement(`span`,{className:`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80d`},r)))}n.Metadata.set(P,{name:`ProductBarVerticalHeader`,props:{name:{type:`string`},logoSrc:{type:`string`},isMinimized:{type:`boolean`}}});function F({children:e,className:i,isMinimizable:a,initialIsMinimized:o=!1,onMinimizeToggle:s,...c}){let[l,u]=t.useState(o),[d,f,p]=(0,n.selectChildren)(e,[{type:P},{type:N},{type:j}]);function m(){let e=!l;u(e),s&&s(e)}let h=t.Children.map(d,e=>t.isValidElement(e)?t.cloneElement(e,{isMinimized:l}):e),y=f.map(e=>t.isValidElement(e)?t.cloneElement(e,{isMinimized:l,isMinimizable:a,onExpandSidebar:m}):e),b=(0,n.modChildren)(p,e=>{let t={isMinimized:l,isMinimizable:a,onExpandSidebar:m};return a&&!e.props.icon&&(t.icon=`file`),[t]},!1);return t.createElement(`div`,{className:(0,n.cl)(g,l&&`pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb801`,i),...c},t.createElement(`div`,{className:_},h,a&&t.createElement(`div`,{className:(0,n.cl)(v({minimized:l}))},t.createElement(r.Button,{kind:`icon`,icon:l?`chevron-right`:`chevron-left`,onClick:m,"aria-expanded":!l}))),t.Children.toArray(y),t.createElement(`ul`,{className:C},t.Children.toArray(b)))}n.Metadata.set(F,{name:`ProductBarVertical`}),e.ProductBarVertical=F,e.ProductBarVerticalHeader=P,e.ProductBarVerticalItem=j,e.ProductBarVerticalSection=N});
|
|
@@ -1,62 +1,43 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
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
|
-
d
|
|
41
|
-
),
|
|
42
|
-
...s
|
|
43
|
-
},
|
|
44
|
-
/* @__PURE__ */ e.createElement("div", { className: H }, E, a && /* @__PURE__ */ e.createElement("div", { className: i(I({ minimized: t })) }, /* @__PURE__ */ e.createElement(
|
|
45
|
-
P,
|
|
46
|
-
{
|
|
47
|
-
kind: "icon",
|
|
48
|
-
icon: t ? "chevron-right" : "chevron-left",
|
|
49
|
-
onClick: o,
|
|
50
|
-
"aria-expanded": !t
|
|
51
|
-
}
|
|
52
|
-
))),
|
|
53
|
-
e.Children.toArray(V),
|
|
54
|
-
/* @__PURE__ */ e.createElement("ul", { className: g }, e.Children.toArray(C))
|
|
55
|
-
);
|
|
1
|
+
import { productBarVerticalBranch as e, productBarVerticalCollapseButton as t, productBarVerticalContainer as n, productBarVerticalHeaderWrapper as r } from "./ProductBarVertical.ve.js";
|
|
2
|
+
import { ProductBarVerticalItem as i } from "../product-bar-vertical-item/ProductBarVerticalItem.js";
|
|
3
|
+
import { ProductBarVerticalSection as a } from "../product-bar-vertical-section/ProductBarVerticalSection.js";
|
|
4
|
+
import { ProductBarVerticalHeader as o } from "../product-bar-vertical-header/ProductBarVerticalHeader.js";
|
|
5
|
+
import { Metadata as s, cl as c, modChildren as l, selectChildren as u } from "@sps-woodland/core";
|
|
6
|
+
import * as d from "react";
|
|
7
|
+
import { Button as f } from "@sps-woodland/core/button";
|
|
8
|
+
//#region src/product-bar-vertical/product-bar-vertical/ProductBarVertical.tsx
|
|
9
|
+
function p({ children: s, className: p, isMinimizable: m, initialIsMinimized: h = !1, onMinimizeToggle: g, ..._ }) {
|
|
10
|
+
let [v, y] = d.useState(h), [b, x, S] = u(s, [
|
|
11
|
+
{ type: o },
|
|
12
|
+
{ type: a },
|
|
13
|
+
{ type: i }
|
|
14
|
+
]);
|
|
15
|
+
function C() {
|
|
16
|
+
let e = !v;
|
|
17
|
+
y(e), g && g(e);
|
|
18
|
+
}
|
|
19
|
+
let w = d.Children.map(b, (e) => d.isValidElement(e) ? d.cloneElement(e, { isMinimized: v }) : e), T = x.map((e) => d.isValidElement(e) ? d.cloneElement(e, {
|
|
20
|
+
isMinimized: v,
|
|
21
|
+
isMinimizable: m,
|
|
22
|
+
onExpandSidebar: C
|
|
23
|
+
}) : e), E = l(S, (e) => {
|
|
24
|
+
let t = {
|
|
25
|
+
isMinimized: v,
|
|
26
|
+
isMinimizable: m,
|
|
27
|
+
onExpandSidebar: C
|
|
28
|
+
};
|
|
29
|
+
return m && !e.props.icon && (t.icon = "file"), [t];
|
|
30
|
+
}, !1);
|
|
31
|
+
return /* @__PURE__ */ d.createElement("div", {
|
|
32
|
+
className: c(n, v && "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb801", p),
|
|
33
|
+
..._
|
|
34
|
+
}, /* @__PURE__ */ d.createElement("div", { className: r }, w, m && /* @__PURE__ */ d.createElement("div", { className: c(t({ minimized: v })) }, /* @__PURE__ */ d.createElement(f, {
|
|
35
|
+
kind: "icon",
|
|
36
|
+
icon: v ? "chevron-right" : "chevron-left",
|
|
37
|
+
onClick: C,
|
|
38
|
+
"aria-expanded": !v
|
|
39
|
+
}))), d.Children.toArray(T), /* @__PURE__ */ d.createElement("ul", { className: e }, d.Children.toArray(E)));
|
|
56
40
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
export {
|
|
61
|
-
w as ProductBarVertical
|
|
62
|
-
};
|
|
41
|
+
s.set(p, { name: "ProductBarVertical" });
|
|
42
|
+
//#endregion
|
|
43
|
+
export { p as ProductBarVertical };
|
|
@@ -1,24 +1,54 @@
|
|
|
1
|
+
import { createRuntimeFn as e } from "../../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";
|
|
1
2
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
3
|
+
//#region src/product-bar-vertical/product-bar-vertical/ProductBarVertical.css.ts
|
|
4
|
+
var t = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb800", n = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb801", r = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb802", i = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb803",
|
|
6
|
+
variantClassNames: { minimized: {
|
|
7
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb804",
|
|
8
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb805"
|
|
9
|
+
} },
|
|
10
|
+
defaultVariants: { minimized: !1 },
|
|
11
|
+
compoundVariants: []
|
|
12
|
+
}), a = e({
|
|
13
|
+
defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb806",
|
|
14
|
+
variantClassNames: { minimized: {
|
|
15
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb807",
|
|
16
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb808"
|
|
17
|
+
} },
|
|
18
|
+
defaultVariants: { minimized: !1 },
|
|
19
|
+
compoundVariants: []
|
|
20
|
+
}), o = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb809", s = e({
|
|
21
|
+
defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80a",
|
|
22
|
+
variantClassNames: { minimized: {
|
|
23
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80b",
|
|
24
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80c"
|
|
25
|
+
} },
|
|
26
|
+
defaultVariants: { minimized: !1 },
|
|
27
|
+
compoundVariants: []
|
|
28
|
+
}), c = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80d", l = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80e", u = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80f", d = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80g", f = e({
|
|
29
|
+
defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80h",
|
|
30
|
+
variantClassNames: { selected: {
|
|
31
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80i",
|
|
32
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80j"
|
|
33
|
+
} },
|
|
34
|
+
defaultVariants: { selected: !1 },
|
|
35
|
+
compoundVariants: []
|
|
36
|
+
}), p = e({
|
|
37
|
+
defaultClassName: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80k",
|
|
38
|
+
variantClassNames: { selected: {
|
|
39
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80l",
|
|
40
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80m"
|
|
41
|
+
} },
|
|
42
|
+
defaultVariants: { selected: !1 },
|
|
43
|
+
compoundVariants: []
|
|
44
|
+
}), m = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80n", h = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80o", g = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80p", _ = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80q", v = "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80r", y = e({
|
|
45
|
+
defaultClassName: "",
|
|
46
|
+
variantClassNames: { active: {
|
|
47
|
+
true: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80s",
|
|
48
|
+
false: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80t"
|
|
49
|
+
} },
|
|
50
|
+
defaultVariants: {},
|
|
51
|
+
compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80u"]]
|
|
52
|
+
});
|
|
53
|
+
//#endregion
|
|
54
|
+
export { u as productBarVerticalBranch, o as productBarVerticalBrand, s as productBarVerticalBrandLogo, c as productBarVerticalBrandName, i as productBarVerticalCollapseButton, n as productBarVerticalCollapsed, t as productBarVerticalContainer, d as productBarVerticalExpand, m as productBarVerticalExpandIcon, p as productBarVerticalExpandLeaf, _ as productBarVerticalExpandWithIcon, a as productBarVerticalHeader, r as productBarVerticalHeaderWrapper, f as productBarVerticalLeaf, h as productBarVerticalLink, v as productBarVerticalLinkContent, g as productBarVerticalLinkInner, l as productBarVerticalSection, y as tabTag };
|
|
@@ -1,44 +1,32 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
c && /* @__PURE__ */ r.createElement(
|
|
23
|
-
"img",
|
|
24
|
-
{
|
|
25
|
-
className: s({ minimized: !!t }),
|
|
26
|
-
src: c,
|
|
27
|
-
"aria-hidden": "true",
|
|
28
|
-
alt: `${a} Logo`
|
|
29
|
-
}
|
|
30
|
-
),
|
|
31
|
-
!t && a && /* @__PURE__ */ r.createElement("span", { className: u }, a)
|
|
32
|
-
));
|
|
1
|
+
import { productBarVerticalBrand as e, productBarVerticalBrandLogo as t, productBarVerticalHeader as n } from "../product-bar-vertical/ProductBarVertical.ve.js";
|
|
2
|
+
import { Metadata as r, cl as i } from "@sps-woodland/core";
|
|
3
|
+
import * as a from "react";
|
|
4
|
+
//#region src/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.tsx
|
|
5
|
+
function o({ className: r, name: o, logoSrc: s, href: c, isMinimized: l, ...u }) {
|
|
6
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
7
|
+
className: i(n({ minimized: !!l }), r),
|
|
8
|
+
...u
|
|
9
|
+
}, /* @__PURE__ */ a.createElement("a", {
|
|
10
|
+
className: e,
|
|
11
|
+
href: c,
|
|
12
|
+
tabIndex: 0,
|
|
13
|
+
onKeyDown: (e) => {
|
|
14
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
|
|
15
|
+
}
|
|
16
|
+
}, s && /* @__PURE__ */ a.createElement("img", {
|
|
17
|
+
className: t({ minimized: !!l }),
|
|
18
|
+
src: s,
|
|
19
|
+
"aria-hidden": "true",
|
|
20
|
+
alt: `${o} Logo`
|
|
21
|
+
}), !l && o && /* @__PURE__ */ a.createElement("span", { className: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80d" }, o)));
|
|
33
22
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
r.set(o, {
|
|
24
|
+
name: "ProductBarVerticalHeader",
|
|
25
|
+
props: {
|
|
26
|
+
name: { type: "string" },
|
|
27
|
+
logoSrc: { type: "string" },
|
|
28
|
+
isMinimized: { type: "boolean" }
|
|
29
|
+
}
|
|
41
30
|
});
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
};
|
|
31
|
+
//#endregion
|
|
32
|
+
export { o as ProductBarVerticalHeader };
|
|
@@ -1,91 +1,73 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
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
|
-
onKeyDown: (a) => {
|
|
42
|
-
(a.key === "Enter" || a.key === " ") && (a.preventDefault(), t ? y?.() : E(!r));
|
|
43
|
-
},
|
|
44
|
-
...f,
|
|
45
|
-
"aria-expanded": !t && r
|
|
46
|
-
},
|
|
47
|
-
/* @__PURE__ */ e.createElement("div", { className: n("d-flex align-items-center", I) }, l && /* @__PURE__ */ e.createElement(d, { icon: l, className: "mr-3" }), !t && /* @__PURE__ */ e.createElement(
|
|
48
|
-
d,
|
|
49
|
-
{
|
|
50
|
-
className: R,
|
|
51
|
-
icon: r ? "chevron-down" : "chevron-right"
|
|
52
|
-
}
|
|
53
|
-
), /* @__PURE__ */ e.createElement("div", { className: n(x, t && "visually-hidden") }, N))
|
|
54
|
-
)
|
|
55
|
-
), r && (t ? /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, c) : c)) : /* @__PURE__ */ e.createElement(
|
|
56
|
-
"li",
|
|
57
|
-
{
|
|
58
|
-
ref: v,
|
|
59
|
-
className: n(S({
|
|
60
|
-
selected: u
|
|
61
|
-
}), t && !l && "visually-hidden")
|
|
62
|
-
},
|
|
63
|
-
/* @__PURE__ */ e.createElement(
|
|
64
|
-
i,
|
|
65
|
-
{
|
|
66
|
-
className: g,
|
|
67
|
-
tabIndex: 0,
|
|
68
|
-
onKeyDown: (a) => {
|
|
69
|
-
(a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.currentTarget.click());
|
|
70
|
-
},
|
|
71
|
-
...f
|
|
72
|
-
},
|
|
73
|
-
/* @__PURE__ */ e.createElement("div", { className: n("d-flex align-items-center", I) }, l && /* @__PURE__ */ e.createElement(d, { icon: l, className: "mr-2" }), /* @__PURE__ */ e.createElement("div", { className: n(x, t && "visually-hidden") }, N))
|
|
74
|
-
)
|
|
75
|
-
));
|
|
1
|
+
import { productBarVerticalExpand as e, productBarVerticalExpandLeaf as t, productBarVerticalLeaf as n, productBarVerticalLink as r, productBarVerticalLinkContent as i, productBarVerticalLinkInner as a, tabTag as o } from "../product-bar-vertical/ProductBarVertical.ve.js";
|
|
2
|
+
import { Icon as s, Metadata as c, cl as l, modChildren as u, selectChildren as d } from "@sps-woodland/core";
|
|
3
|
+
import * as f from "react";
|
|
4
|
+
//#region src/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.tsx
|
|
5
|
+
function p({ children: m, className: h, as: g, keyId: _, active: v = !1, collapsed: y = !1, isMinimized: b = !1, isMinimizable: x = !1, onExpandSidebar: S, icon: C, ...w }) {
|
|
6
|
+
let T = g ?? "a", [E, D] = d(m, [{ type: p }]), [O, k] = f.useState(!y), [A] = d(m, [{ type: p }], !0), j = A.some((e) => e.props.active), M = v || !O && j, N = f.useRef(null), P = u(D, (e) => e.type?.displayName === "SpsTag" || c.isWoodlandComponent(e.type) && c.get(e.type).name === "Tag" ? [{ className: l(e.props?.className, o({ active: M })) }] : []);
|
|
7
|
+
return /* @__PURE__ */ f.createElement(f.Fragment, null, E.length ? /* @__PURE__ */ f.createElement("ul", { className: l(e, C && "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80q", b && !C && "visually-hidden") }, /* @__PURE__ */ f.createElement("li", {
|
|
8
|
+
ref: N,
|
|
9
|
+
"data-selected": (b || !O) && j,
|
|
10
|
+
className: t({ selected: (b || !O) && j }),
|
|
11
|
+
"aria-expanded": !b && O,
|
|
12
|
+
onClick: () => b ? S?.() : k(!O)
|
|
13
|
+
}, /* @__PURE__ */ f.createElement(T, {
|
|
14
|
+
className: r,
|
|
15
|
+
tabIndex: 0,
|
|
16
|
+
onKeyDown: (e) => {
|
|
17
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), b ? S?.() : k(!O));
|
|
18
|
+
},
|
|
19
|
+
...w,
|
|
20
|
+
"aria-expanded": !b && O
|
|
21
|
+
}, /* @__PURE__ */ f.createElement("div", { className: l("d-flex align-items-center", a) }, C && /* @__PURE__ */ f.createElement(s, {
|
|
22
|
+
icon: C,
|
|
23
|
+
className: "mr-3"
|
|
24
|
+
}), !b && /* @__PURE__ */ f.createElement(s, {
|
|
25
|
+
className: "pkg_sps-woodland_core__family_product-bar-vertical__version_8_56_3__hash_1l0rb80n",
|
|
26
|
+
icon: O ? "chevron-down" : "chevron-right"
|
|
27
|
+
}), /* @__PURE__ */ f.createElement("div", { className: l(i, b && "visually-hidden") }, P)))), O && (b ? /* @__PURE__ */ f.createElement("div", { className: "visually-hidden" }, E) : E)) : /* @__PURE__ */ f.createElement("li", {
|
|
28
|
+
ref: N,
|
|
29
|
+
className: l(n({ selected: v }), b && !C && "visually-hidden")
|
|
30
|
+
}, /* @__PURE__ */ f.createElement(T, {
|
|
31
|
+
className: r,
|
|
32
|
+
tabIndex: 0,
|
|
33
|
+
onKeyDown: (e) => {
|
|
34
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
|
|
35
|
+
},
|
|
36
|
+
...w
|
|
37
|
+
}, /* @__PURE__ */ f.createElement("div", { className: l("d-flex align-items-center", a) }, C && /* @__PURE__ */ f.createElement(s, {
|
|
38
|
+
icon: C,
|
|
39
|
+
className: "mr-2"
|
|
40
|
+
}), /* @__PURE__ */ f.createElement("div", { className: l(i, b && "visually-hidden") }, P)))));
|
|
76
41
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
42
|
+
c.set(p, {
|
|
43
|
+
name: "ProductBarVerticalItem",
|
|
44
|
+
props: {
|
|
45
|
+
keyId: {
|
|
46
|
+
type: "string",
|
|
47
|
+
required: !0
|
|
48
|
+
},
|
|
49
|
+
as: { type: "string" },
|
|
50
|
+
active: {
|
|
51
|
+
type: "boolean",
|
|
52
|
+
required: !0
|
|
53
|
+
},
|
|
54
|
+
collapsed: {
|
|
55
|
+
type: "boolean",
|
|
56
|
+
required: !1
|
|
57
|
+
},
|
|
58
|
+
icon: {
|
|
59
|
+
type: "string",
|
|
60
|
+
required: !1
|
|
61
|
+
},
|
|
62
|
+
isMinimized: {
|
|
63
|
+
type: "boolean",
|
|
64
|
+
required: !1
|
|
65
|
+
},
|
|
66
|
+
onExpandSidebar: {
|
|
67
|
+
type: "function",
|
|
68
|
+
required: !1
|
|
69
|
+
}
|
|
70
|
+
}
|
|
88
71
|
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
};
|
|
72
|
+
//#endregion
|
|
73
|
+
export { p as ProductBarVerticalItem };
|
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const r = { isMinimized: a, onExpandSidebar: n };
|
|
21
|
-
return c && !e.props.icon && (r.icon = V), t.cloneElement(e, r);
|
|
22
|
-
});
|
|
23
|
-
return /* @__PURE__ */ t.createElement("div", { className: f, ...i }, /* @__PURE__ */ t.createElement("ul", { className: B }, s), m);
|
|
1
|
+
import { productBarVerticalBranch as e, productBarVerticalSection as t } from "../product-bar-vertical/ProductBarVertical.ve.js";
|
|
2
|
+
import { ProductBarVerticalItem as n } from "../product-bar-vertical-item/ProductBarVerticalItem.js";
|
|
3
|
+
import { Metadata as r, selectChildren as i } from "@sps-woodland/core";
|
|
4
|
+
import * as a from "react";
|
|
5
|
+
//#region src/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.tsx
|
|
6
|
+
var o = "file";
|
|
7
|
+
function s({ children: r, className: s, title: c, onSelect: l, isMinimized: u, isMinimizable: d, onExpandSidebar: f, ...p }) {
|
|
8
|
+
let [m, h] = i(r, [{ type: n }]), g = m.map((e) => {
|
|
9
|
+
if (!a.isValidElement(e)) return e;
|
|
10
|
+
let t = {
|
|
11
|
+
isMinimized: u,
|
|
12
|
+
onExpandSidebar: f
|
|
13
|
+
};
|
|
14
|
+
return d && !e.props.icon && (t.icon = o), a.cloneElement(e, t);
|
|
15
|
+
});
|
|
16
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
17
|
+
className: t,
|
|
18
|
+
...p
|
|
19
|
+
}, /* @__PURE__ */ a.createElement("ul", { className: e }, g), h);
|
|
24
20
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
export {
|
|
29
|
-
C as ProductBarVerticalSection
|
|
30
|
-
};
|
|
21
|
+
r.set(s, { name: "ProductBarVerticalSection" });
|
|
22
|
+
//#endregion
|
|
23
|
+
export { s as ProductBarVerticalSection };
|