@altinn/altinn-components 0.56.19 → 0.56.21
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/dist/assets/AccountSelector.css +1 -1
- package/dist/assets/AccountSelectorButton.css +1 -0
- package/dist/assets/BreadcrumbsLink.css +1 -1
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/GlobalHeader.css +1 -1
- package/dist/assets/GlobalMenuButton2.css +1 -1
- package/dist/assets/HeaderLogo2.css +1 -1
- package/dist/assets/LayoutGrid.css +1 -1
- package/dist/assets/MenuItem.css +1 -1
- package/dist/assets/ModalBase.css +1 -1
- package/dist/assets/ModalFooter.css +1 -0
- package/dist/assets/SettingsSection.css +1 -1
- package/dist/components/Account/AccountMenu.js +20 -20
- package/dist/components/Bookmarks/BookmarkSettingsList.js +41 -11
- package/dist/components/Breadcrumbs/Breadcrumbs.js +29 -30
- package/dist/components/Breadcrumbs/BreadcrumbsLink.js +4 -4
- package/dist/components/Dropdown/Dropdown.js +10 -10
- package/dist/components/DsComponents/index.js +20 -21
- package/dist/components/GlobalHeader/AccountSelector.js +64 -124
- package/dist/components/GlobalHeader/AccountSelectorButton.js +127 -0
- package/dist/components/GlobalHeader/DigdirLogomark.js +23 -109
- package/dist/components/GlobalHeader/GlobalHeader.js +84 -117
- package/dist/components/GlobalHeader/GlobalMenuButton.js +64 -0
- package/dist/components/GlobalHeader/HeaderLogo.js +20 -13
- package/dist/components/GlobalHeader/index.js +2 -2
- package/dist/components/GlobalMenu/GlobalMenu.js +11 -10
- package/dist/components/GlobalMenu/index.js +2 -4
- package/dist/components/Layout/Layout.js +29 -29
- package/dist/components/Layout/LayoutGrid.js +3 -3
- package/dist/components/Menu/MenuItem.js +60 -60
- package/dist/components/Modal/ModalBase.js +35 -33
- package/dist/components/Modal/ModalFooter.js +7 -10
- package/dist/components/Modal/index.js +8 -6
- package/dist/components/Settings/SettingsItem.js +53 -35
- package/dist/components/Settings/SettingsItemBase.js +19 -20
- package/dist/components/Settings/SettingsSection.js +10 -10
- package/dist/components/index.js +89 -88
- package/dist/functions/index.js +6 -4
- package/dist/functions/orgno/index.js +4 -0
- package/dist/functions/orgno/orgno.js +4 -0
- package/dist/hooks/useAccountSelector.js +77 -75
- package/dist/index.js +88 -85
- package/dist/textfield-CNXt-27J.js +3403 -0
- package/dist/types/lib/components/Bookmarks/BookmarkSettingsItem.d.ts +2 -0
- package/dist/types/lib/components/Bookmarks/BookmarkSettingsList.d.ts +7 -1
- package/dist/types/lib/components/Bookmarks/BookmarkSettingsList.stories.d.ts +4 -1
- package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -1
- package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -1
- package/dist/types/lib/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/types/lib/components/{Account/AccountMenuButton.d.ts → GlobalHeader/AccountSelectorButton.d.ts} +2 -2
- package/dist/types/lib/components/{Account/AccountMenuButton.stories.d.ts → GlobalHeader/AccountSelectorButton.stories.d.ts} +1 -1
- package/dist/types/lib/components/GlobalHeader/DigdirLogomark.d.ts +1 -2
- package/dist/types/lib/components/GlobalHeader/GlobalHeader.d.ts +1 -3
- package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts +1 -1
- package/dist/types/lib/components/{GlobalMenu → GlobalHeader}/GlobalMenuButton.d.ts +2 -2
- package/dist/types/lib/components/{GlobalMenu → GlobalHeader}/GlobalMenuButton.stories.d.ts +1 -1
- package/dist/types/lib/components/GlobalHeader/index.d.ts +1 -1
- package/dist/types/lib/components/GlobalMenu/index.d.ts +0 -1
- package/dist/types/lib/components/Layout/Layout.d.ts +1 -1
- package/dist/types/lib/components/Modal/ModalBase.d.ts +2 -1
- package/dist/types/lib/components/Modal/ModalFooter.d.ts +3 -3
- package/dist/types/lib/components/Modal/index.d.ts +1 -0
- package/dist/types/lib/components/Settings/SettingsModal.stories.d.ts +2 -1
- package/dist/types/lib/functions/index.d.ts +1 -0
- package/dist/types/lib/functions/orgno/index.d.ts +1 -0
- package/dist/types/lib/functions/orgno/orgno.d.ts +1 -0
- package/dist/types/lib/stories/Inbox.stories.d.ts +1 -1
- package/package.json +1 -1
- package/dist/assets/AccountMenuButton.css +0 -1
- package/dist/assets/GlobalHeaderBase.css +0 -1
- package/dist/assets/HeaderGroup2.css +0 -1
- package/dist/assets/globalSearch.css +0 -1
- package/dist/components/Account/AccountMenuButton.js +0 -134
- package/dist/components/GlobalHeader/GlobalHeaderBase.js +0 -24
- package/dist/components/GlobalHeader/GlobalSearch.js +0 -62
- package/dist/components/GlobalHeader/GlobalSearchButton.js +0 -54
- package/dist/components/GlobalHeader/HeaderGroup.js +0 -8
- package/dist/components/GlobalMenu/GlobalMenuButton.js +0 -83
- package/dist/globalSearch.module-DziLSGZg.js +0 -9
- package/dist/index--jNxJmA8.js +0 -2000
- package/dist/textfield-Drdr9bio.js +0 -1439
- package/dist/types/lib/components/GlobalHeader/GlobalHeaderBase.d.ts +0 -9
- package/dist/types/lib/components/GlobalHeader/GlobalSearch.d.ts +0 -4
- package/dist/types/lib/components/GlobalHeader/GlobalSearchButton.d.ts +0 -6
- package/dist/types/lib/components/GlobalHeader/HeaderGroup.d.ts +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accountSelector_139de_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_139de_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_139de_17{width:100%;padding:0 var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}._searchField_139de_26{width:50%}._accountMenu_139de_30{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_139de_30._virtualized_139de_38{overflow-y:hidden}._btnIcon_139de_43{font-size:1.5rem}._spinner_139de_47{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_139de_1{--horizontal-padding: .1rem}._searchField_139de_26{width:100%}._searchSection_139de_17{flex-direction:column;align-items:stretch;gap:.5rem}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_18gkt_3{flex-shrink:0;position:relative;display:inline-flex;align-items:center;height:3.25rem;min-width:3.25rem;padding:0 .5rem}._loginButton_18gkt_13{padding:0 .75rem}._avatar_18gkt_17{font-size:2.25rem}._loginIcon_18gkt_21{width:2.25rem;height:2.25rem;background-color:#e0e2e4;border-radius:50%;color:#000;display:flex;justify-content:center;align-items:center}._label_18gkt_32{display:flex;flex-direction:column}._title_18gkt_37{font-size:1rem;line-height:1.2;font-weight:500;color:var(--ds-color-neutral-text-default)}._description_18gkt_44{font-size:.875rem;font-weight:400;color:var(--ds-color-neutral-text-subtle)}._icon_18gkt_50{display:block;font-size:1.5rem;margin:0!important}._badge_18gkt_56{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_1ouoq_1{white-space:nowrap;padding:0;margin:0;background:none;border:0;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-user-select:none;user-select:none;font-size:1rem}a._link_1ouoq_1,button._link_1ouoq_1{color:var(--ds-color-text-subtle);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer}a._link_1ouoq_1:hover,button._link_1ouoq_1:hover{color:var(--ds-color-base-hover)}._link_1ouoq_1[aria-current=page]{text-decoration:none}
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dropdown_1mtdm_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_1mtdm_1:focus{outline:none}._content_1mtdm_17{flex-grow:1}._dropdown_1mtdm_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_1mtdm_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_1mtdm_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_1mtdm_1[aria-hidden=true],._backdrop_1mtdm_47,._backdrop_1mtdm_47[aria-hidden=true]{display:none}@media(min-width:1024px){._backdrop_1mtdm_47{display:block;z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}}._dropdown_1mtdm_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_1mtdm_1[data-variant=dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=dropdown] ._footer_1mtdm_77{display:none}._dropdown_1mtdm_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._footer_1mtdm_77{display:none}}._header_1mtdm_76{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_1mtdm_148{font-size:1.125rem;font-weight:500;margin:0}._footer_1mtdm_77{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_1mtdm_77>*{margin:1rem auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_1urgv_1{z-index:1;background-color:#fff;width:100%}._container_1urgv_7{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.625rem;width:100%;max-width:1512px;margin:0 auto}._backdrop_1urgv_19{display:none}._header_1urgv_1[data-current-id=menu],._header_1urgv_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_1urgv_1[data-current-id=menu] ._backdrop_1urgv_19,._header_1urgv_1[data-current-id=locale] ._backdrop_1urgv_19{display:block}}@media(max-width:1023px){._header_1urgv_1{gap:0}}._header_1urgv_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._nav_1urgv_53{position:relative;display:flex;align-items:center;justify-content:end;column-gap:.5rem}._dropdown_1urgv_63 header{display:none}._dropdown_1urgv_63[data-variant=drawer],._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:4.5rem}@media(min-width:1024px){._dropdown_1urgv_63[data-variant=drawer-dropdown]{margin-top:.5rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1ssrq_3{flex-shrink:0;position:relative;display:flex;align-items:center;border:none;height:3.25rem;min-width:3.25rem;padding:0 .75rem}._icon_1ssrq_14{display:block;font-size:1.5rem;width:1.5rem;height:1.5rem;margin:0!important}._label_1ssrq_22{font-size:1.125rem;font-weight:500;margin-right:.25rem}._badge_1ssrq_28{position:absolute;top:-.5rem;right:-.5rem}@media(max-width:360px){._label_1ssrq_22{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._logo_1yxnd_1{display:flex;align-items:center;color:currentColor;text-decoration:none;height:3.25rem;min-width:3.25rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}._logo_1yxnd_1:hover{background-color:transparent}._logomark_1yxnd_16{color:#0062b8;width:2rem;height:2rem;margin:0!important}._text_1yxnd_23{font-size:2rem;font-weight:400}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._grid_1869r_1{flex-grow:1;width:100%;max-width:1512px;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_1869r_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_1869r_1[data-current-id=menu]{display:none}}
|
package/dist/assets/MenuItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_1ud33_3{--checkmark-opacity: .5;appearance:none;background-color:transparent;border:none;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit;width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:var(--dsc-item-height);padding-left:6px;padding-right:6px;overflow:hidden;--dsc-item-focus-outline: 2px solid black;--dsc-item-hover-pointer: pointer}._item_1ud33_3[data-variant=default]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-icon-background: var(--ds-color-surface-tinted);--dsc-icon-color: var(--ds-color-text-default)}._item_1ud33_3[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-default);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-default);--dsc-icon-background: var(--ds-color-surface-default)}._item_1ud33_3[data-variant=tinted][data-size=lg]{--dsc-icon-background: var(--ds-color-base-default);--dsc-icon-color: var(--ds-color-base-contrast-default)}div._item_1ud33_3[aria-disabled=true]{--dsc-item-focus-outline: none;--dsc-item-hover-pointer: default;--dsc-item-background--hover: var(--ds-color-background-default);--dsc-item-background--active: var(--ds-color-background-default)}._item_1ud33_3:hover,._item_1ud33_3[data-active=true]{background-color:var(--dsc-item-background--hover);cursor:var(--dsc-item-hover-pointer)}._item_1ud33_3[data-active=true]{background-color:var(--dsc-item-background--hover);outline:var(--dsc-item-focus-outline)}._item_1ud33_3[data-active=false]:focus-visible{outline:2px solid black}._item_1ud33_3[data-selected=true]{background-color:var(--dsc-item-background--active);--checkmark-opacity: 1}._item_1ud33_3[aria-disabled=true]{background-color:transparent;opacity:.5}._item_1ud33_3{--dsc-description-size: 14px;--dsc-description-leading: 18px;--dsc-description-weight: normal;--dsc-title-weight: normal}._item_1ud33_3[data-size=lg]{--dsc-item-height: 56px;--dsc-media-size: 44px;--dsc-icon-size: 28px;--dsc-title-size: 18px;--dsc-title-weight: 500}._item_1ud33_3[data-size=md]{--dsc-item-height: 44px;--dsc-media-size: 32px;--dsc-icon-size: 24px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_1ud33_3[data-size=sm]{--dsc-icon-background: transparent;--dsc-item-height: 36px;--dsc-media-size: 24px;--dsc-icon-size: 20px;--dsc-title-size: 16px;--dsc-title-weight: normal}._media_1ud33_130{font-size:var(--dsc-media-size);min-width:var(--dsc-media-size);height:var(--dsc-media-size)}._media_1ud33_130[data-variant=icon]{background-color:var(--dsc-icon-background);color:var(--dsc-icon-color);font-size:var(--dsc-icon-size);border-radius:5%}._media_1ud33_130[data-variant=icon] svg{font-size:var(--dsc-icon-size);width:var(--dsc-icon-size);height:var(--dsc-icon-size)}._label_1ud33_151{flex-grow:1;display:flex;flex-direction:column;font-size:var(--dsc-title-size);font-weight:var(--dsc-title-weight);line-height:1.25;margin-right:.75em;margin-top:6px;margin-bottom:6px;min-width:0;overflow-wrap:anywhere;text-wrap:initial}._title_1ud33_166{font-size:var(--dsc-title-size)}._description_1ud33_170{font-size:var(--dsc-description-size);font-weight:var(--dsc-description-weight);line-height:var(--dsc-description-leading)}._title_1ud33_166 mark,._description_1ud33_170 mark{background-color:transparent;text-decoration:underline}._count_1ud33_182{font-style:normal;font-size:smaller;vertical-align:baseline;margin:0 .25em;color:var(--ds-color-text-subtle)}._linkIcon_1ud33_190{font-size:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._modal_3d5cx_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_3d5cx_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_3d5cx_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_3d5cx_1[data-variant=default]{max-width:640px;margin:auto}._modal_3d5cx_1[data-variant=content]{max-width:988px;margin:auto}._modal_3d5cx_1[data-height=full]{min-height:unset;height:100%}._modal_3d5cx_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._content_3d5cx_41{position:relative}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._footer_1rs1j_1{width:100%;padding:1.5em;display:flex;align-items:center;justify-content:space-between}._sticky_1rs1j_9{background-color:var(--ds-color-background-default);position:sticky;z-index:2;left:0;right:0;bottom:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._section_13ero_1{padding:.5rem 1rem;border-radius:.5rem}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useState as
|
|
2
|
+
import { jsx as A } from "react/jsx-runtime";
|
|
3
|
+
import { useState as L, useEffect as M, useMemo as S } from "react";
|
|
4
4
|
import "../../index-p1eeF8LQ.js";
|
|
5
5
|
import "../Button/Button.js";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { M as
|
|
8
|
+
import { M as F } from "../../SearchField-QTfebYdU.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
const
|
|
10
|
+
const b = (n) => `${n} hits`, G = ({
|
|
11
11
|
items: n = [],
|
|
12
|
-
groups:
|
|
12
|
+
groups: u = {},
|
|
13
13
|
search: t,
|
|
14
14
|
filterAccount: i,
|
|
15
15
|
onSelectAccount: d,
|
|
@@ -28,13 +28,13 @@ const F = (n) => `${n} hits`, G = ({
|
|
|
28
28
|
onClick: () => {
|
|
29
29
|
!e.disabled && d?.(e.id);
|
|
30
30
|
}
|
|
31
|
-
})), [o,
|
|
32
|
-
|
|
33
|
-
t?.value !== void 0 &&
|
|
31
|
+
})), [o, a] = L("");
|
|
32
|
+
M(() => {
|
|
33
|
+
t?.value !== void 0 && a(t.value);
|
|
34
34
|
}, [t?.value]);
|
|
35
|
-
const
|
|
35
|
+
const s = i || ((e, l) => e?.name?.toLowerCase().includes(l.toLowerCase()) || e?.description?.toString()?.toLowerCase().includes(l.toLowerCase()) || e?.searchWords?.some((w) => w.toLowerCase().includes(l.toLowerCase()))), r = S(() => o ? Array.from(
|
|
36
36
|
new Map(
|
|
37
|
-
c.filter((e) =>
|
|
37
|
+
c.filter((e) => s(e, o)).map((e) => [
|
|
38
38
|
e.id,
|
|
39
39
|
{
|
|
40
40
|
...e,
|
|
@@ -44,27 +44,27 @@ const F = (n) => `${n} hits`, G = ({
|
|
|
44
44
|
}
|
|
45
45
|
])
|
|
46
46
|
).values()
|
|
47
|
-
) : c, [c, o,
|
|
47
|
+
) : c, [c, o, s]), v = o ? {
|
|
48
48
|
search: {
|
|
49
|
-
title: t?.getResultsLabel?.(r.length) ??
|
|
49
|
+
title: t?.getResultsLabel?.(r.length) ?? b(r.length)
|
|
50
50
|
}
|
|
51
|
-
} :
|
|
51
|
+
} : u, C = {
|
|
52
52
|
name: "account-search",
|
|
53
53
|
value: o,
|
|
54
54
|
placeholder: t?.placeholder ?? "Find account",
|
|
55
|
-
onChange: (e) =>
|
|
56
|
-
onClear: () =>
|
|
57
|
-
},
|
|
55
|
+
onChange: (e) => a(e.target.value),
|
|
56
|
+
onClear: () => a("")
|
|
57
|
+
}, m = [
|
|
58
58
|
...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
|
|
59
59
|
];
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
|
|
60
|
+
return /* @__PURE__ */ A(
|
|
61
|
+
F,
|
|
62
62
|
{
|
|
63
63
|
variant: "default",
|
|
64
64
|
size: "md",
|
|
65
|
-
search: t && !t.hidden ?
|
|
65
|
+
search: t && !t.hidden ? C : void 0,
|
|
66
66
|
groups: v,
|
|
67
|
-
items:
|
|
67
|
+
items: m,
|
|
68
68
|
virtualized: f,
|
|
69
69
|
keyboardEvents: g,
|
|
70
70
|
scrollRefStyles: h
|
|
@@ -1,18 +1,48 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Fragment as
|
|
1
|
+
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment as p, createElement as f } from "react";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
|
+
import { useMenu as u } from "../../hooks/useMenu.js";
|
|
5
|
+
import { Heading as h } from "../Typography/Heading.js";
|
|
4
6
|
import "../Button/Button.js";
|
|
5
|
-
import { BookmarkSettingsItem as
|
|
7
|
+
import { BookmarkSettingsItem as k } from "./BookmarkSettingsItem.js";
|
|
6
8
|
import "react-dom";
|
|
7
9
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { Divider as
|
|
9
|
-
import { List as
|
|
10
|
+
import { Divider as y } from "../Divider/Divider.js";
|
|
11
|
+
import { List as S } from "../List/List.js";
|
|
10
12
|
import "../Snackbar/useSnackbar.js";
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
import { Flex as v } from "../Page/Flex.js";
|
|
14
|
+
import { SettingsSection as B } from "../Settings/SettingsSection.js";
|
|
15
|
+
const w = ({ loading: s, items: t, groups: l = {}, sortGroupBy: a }) => {
|
|
16
|
+
if (!t || t.length < 1)
|
|
17
|
+
return null;
|
|
18
|
+
const { menu: c } = u({
|
|
19
|
+
items: t,
|
|
20
|
+
groups: l,
|
|
21
|
+
groupByKey: "groupId",
|
|
22
|
+
keyboardEvents: !1,
|
|
23
|
+
sortGroupBy: a
|
|
24
|
+
});
|
|
25
|
+
return /* @__PURE__ */ r(v, { as: "div", spacing: "page", direction: "col", children: c?.map((i, g) => {
|
|
26
|
+
const e = i.props || {};
|
|
27
|
+
return /* @__PURE__ */ n(p, { children: [
|
|
28
|
+
e?.title && /* @__PURE__ */ r(h, { size: "lg", children: e.title }),
|
|
29
|
+
/* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(S, { size: "sm", children: i?.items.map((d, o) => {
|
|
30
|
+
const m = d.props || {};
|
|
31
|
+
return /* @__PURE__ */ n(p, { children: [
|
|
32
|
+
o > 0 && /* @__PURE__ */ r(y, { as: "li" }),
|
|
33
|
+
/* @__PURE__ */ f(
|
|
34
|
+
k,
|
|
35
|
+
{
|
|
36
|
+
...m,
|
|
37
|
+
key: "settings-list-item" + o,
|
|
38
|
+
loading: s || m?.loading
|
|
39
|
+
}
|
|
40
|
+
)
|
|
41
|
+
] }, o);
|
|
42
|
+
}) }) })
|
|
43
|
+
] }, g);
|
|
44
|
+
}) });
|
|
45
|
+
};
|
|
16
46
|
export {
|
|
17
|
-
|
|
47
|
+
w as BookmarkSettingsList
|
|
18
48
|
};
|
|
@@ -1,42 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as o, jsxs as f } from "react/jsx-runtime";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import {
|
|
5
|
-
import s, { forwardRef as p } from "react";
|
|
4
|
+
import c, { forwardRef as d } from "react";
|
|
6
5
|
import "../Button/Button.js";
|
|
7
|
-
import { BreadcrumbsLink as
|
|
6
|
+
import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";
|
|
8
7
|
import "react-dom";
|
|
9
8
|
import "../RootProvider/RootProvider.js";
|
|
10
9
|
import "../Snackbar/useSnackbar.js";
|
|
11
|
-
import { u as
|
|
12
|
-
import '../../assets/Breadcrumbs.css';var u = function(
|
|
13
|
-
var
|
|
14
|
-
for (var
|
|
15
|
-
if (
|
|
16
|
-
for (var
|
|
17
|
-
n.indexOf(
|
|
18
|
-
return
|
|
10
|
+
import { u as p } from "../../useId-BVFxCjkq.js";
|
|
11
|
+
import '../../assets/Breadcrumbs.css';var u = function(t, n) {
|
|
12
|
+
var l = {};
|
|
13
|
+
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
|
|
14
|
+
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
15
|
+
for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
|
|
16
|
+
n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
17
|
+
return l;
|
|
19
18
|
};
|
|
20
|
-
const h =
|
|
21
|
-
var { title:
|
|
22
|
-
let
|
|
23
|
-
return
|
|
19
|
+
const h = d((t, n) => {
|
|
20
|
+
var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
|
|
21
|
+
let i = p();
|
|
22
|
+
return i = l ? e || "title-" + i : void 0, c.createElement(
|
|
24
23
|
"svg",
|
|
25
|
-
Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby":
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": i }, r),
|
|
25
|
+
l ? c.createElement("title", { id: i }, l) : null,
|
|
26
|
+
c.createElement("path", { fill: "currentColor", d: "M14.088 6.873a.75.75 0 0 1 .942.097l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H5a.75.75 0 0 1-.75-.74V12a.75.75 0 0 1 .75-.75h12.19l-3.22-3.22a.75.75 0 0 1 .118-1.157" })
|
|
28
27
|
);
|
|
29
|
-
}),
|
|
30
|
-
list:
|
|
31
|
-
item:
|
|
28
|
+
}), b = "_list_tknjf_1", _ = "_item_tknjf_12", g = "_icon_tknjf_18", a = {
|
|
29
|
+
list: b,
|
|
30
|
+
item: _,
|
|
32
31
|
icon: g
|
|
33
|
-
},
|
|
34
|
-
const { label:
|
|
35
|
-
return
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
] }, r) : /* @__PURE__ */
|
|
39
|
-
}) });
|
|
32
|
+
}, E = ({ ariaLabel: t = "Breadcrumbs", className: n, items: l = [] }) => /* @__PURE__ */ o("nav", { className: n, "aria-label": t, children: /* @__PURE__ */ o("ol", { className: a.list, children: l.map((e, r) => {
|
|
33
|
+
const { label: i, ...s } = e;
|
|
34
|
+
return l?.length > r + 1 ? /* @__PURE__ */ f("li", { className: a.item, children: [
|
|
35
|
+
/* @__PURE__ */ o(m, { ...s, children: i }),
|
|
36
|
+
/* @__PURE__ */ o(h, { className: a.icon, "aria-hidden": !0 })
|
|
37
|
+
] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(m, { ...s, "aria-current": "page", children: i }) }, r);
|
|
38
|
+
}) }) });
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
E as Breadcrumbs
|
|
42
41
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as l } from "../../index-p1eeF8LQ.js";
|
|
3
|
-
import '../../assets/BreadcrumbsLink.css';const m = "
|
|
3
|
+
import '../../assets/BreadcrumbsLink.css';const m = "_link_1ouoq_1", k = {
|
|
4
4
|
link: m
|
|
5
|
-
},
|
|
5
|
+
}, u = ({
|
|
6
6
|
as: o,
|
|
7
7
|
className: s,
|
|
8
8
|
disabled: n = !1,
|
|
@@ -18,11 +18,11 @@ import '../../assets/BreadcrumbsLink.css';const m = "_link_afpoj_1", p = {
|
|
|
18
18
|
"aria-selected": e,
|
|
19
19
|
"aria-disabled": n,
|
|
20
20
|
disabled: n,
|
|
21
|
-
className: l(
|
|
21
|
+
className: l(k.link, s),
|
|
22
22
|
...c,
|
|
23
23
|
children: a || t
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
u as BreadcrumbsLink
|
|
28
28
|
};
|
|
@@ -6,7 +6,7 @@ import { Button as H } from "../Button/Button.js";
|
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import "../Snackbar/useSnackbar.js";
|
|
8
8
|
import { S as Q } from "../../XMark-tKk6aExO.js";
|
|
9
|
-
import '../../assets/Dropdown.css';const V = "
|
|
9
|
+
import '../../assets/Dropdown.css';const V = "_dropdown_1mtdm_1", Z = "_content_1mtdm_17", P = "_backdrop_1mtdm_47", tt = "_header_1mtdm_76", et = "_footer_1mtdm_77", rt = "_title_1mtdm_148", m = {
|
|
10
10
|
dropdown: V,
|
|
11
11
|
content: Z,
|
|
12
12
|
backdrop: P,
|
|
@@ -42,7 +42,7 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
|
|
|
42
42
|
trigger: N,
|
|
43
43
|
children: B,
|
|
44
44
|
open: r,
|
|
45
|
-
onClose:
|
|
45
|
+
onClose: g,
|
|
46
46
|
onSubmit: I,
|
|
47
47
|
activeDescendantId: T,
|
|
48
48
|
useFixedPosition: l = !1
|
|
@@ -57,7 +57,7 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
|
|
|
57
57
|
maxHeight: 300
|
|
58
58
|
}), f = $(() => {
|
|
59
59
|
if (r && b.current && u.current) {
|
|
60
|
-
const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom,
|
|
60
|
+
const t = b.current.getBoundingClientRect(), s = u.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = 16, d = o - t.bottom, w = t.top, y = e - t.right - s.width, A = d < 250 && w > d, j = A ? "top" : "bottom", q = (A ? w : d) - i, K = y < i ? "right" : "left";
|
|
61
61
|
X((U) => ({
|
|
62
62
|
...U,
|
|
63
63
|
yDir: j,
|
|
@@ -91,15 +91,15 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
|
|
|
91
91
|
return () => cancelAnimationFrame(t);
|
|
92
92
|
}, [r]), D(() => {
|
|
93
93
|
const t = (o) => {
|
|
94
|
-
o.key === "Escape" &&
|
|
94
|
+
o.key === "Escape" && g();
|
|
95
95
|
}, s = (o) => {
|
|
96
96
|
const e = o.target, i = b.current?.contains(e), d = u.current?.contains(e);
|
|
97
|
-
!i && !d &&
|
|
97
|
+
!i && !d && g();
|
|
98
98
|
};
|
|
99
99
|
return r && (document.addEventListener("mousedown", s), document.addEventListener("keydown", t)), () => {
|
|
100
100
|
document.removeEventListener("mousedown", s), document.removeEventListener("keydown", t);
|
|
101
101
|
};
|
|
102
|
-
}, [r,
|
|
102
|
+
}, [r, g]), D(() => {
|
|
103
103
|
if (!r) return;
|
|
104
104
|
const t = u.current;
|
|
105
105
|
if (!t) return;
|
|
@@ -115,8 +115,8 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
|
|
|
115
115
|
e.preventDefault(), t.focus?.({ preventScroll: !0 });
|
|
116
116
|
return;
|
|
117
117
|
}
|
|
118
|
-
const d = i[0],
|
|
119
|
-
e.shiftKey ? y === d && (e.preventDefault(),
|
|
118
|
+
const d = i[0], w = i[i.length - 1], y = document.activeElement;
|
|
119
|
+
e.shiftKey ? y === d && (e.preventDefault(), w.focus({ preventScroll: !0 })) : y === w && (e.preventDefault(), d.focus({ preventScroll: !0 }));
|
|
120
120
|
};
|
|
121
121
|
return document.addEventListener("focusin", s), document.addEventListener("keydown", o), () => {
|
|
122
122
|
document.removeEventListener("focusin", s), document.removeEventListener("keydown", o);
|
|
@@ -154,10 +154,10 @@ import '../../assets/Dropdown.css';const V = "_dropdown_15prw_1", Z = "_content_
|
|
|
154
154
|
children: [
|
|
155
155
|
/* @__PURE__ */ x("header", { className: m.header, children: [
|
|
156
156
|
/* @__PURE__ */ a("h2", { className: m.title, children: C }),
|
|
157
|
-
/* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick:
|
|
157
|
+
/* @__PURE__ */ a(H, { size: "sm", variant: "outline", onClick: g, "aria-label": F, children: /* @__PURE__ */ a(Q, {}) })
|
|
158
158
|
] }),
|
|
159
159
|
/* @__PURE__ */ a("div", { className: m.content, children: B }),
|
|
160
|
-
k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I ||
|
|
160
|
+
k && /* @__PURE__ */ a("footer", { className: m.footer, children: /* @__PURE__ */ a(H, { size: "lg", variant: "solid", onClick: I || g, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: k }) }) })
|
|
161
161
|
]
|
|
162
162
|
}
|
|
163
163
|
);
|
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import { A as o } from "../../alert-BzifOfXl.js";
|
|
2
|
-
import { B as
|
|
3
|
-
import { B as
|
|
4
|
-
import { H as
|
|
5
|
-
import { D as
|
|
6
|
-
import { P as
|
|
7
|
-
import {
|
|
8
|
-
import { V as w } from "../../index-z82sbSVU.js";
|
|
2
|
+
import { B as e, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as g, S as d, f as S, g as l, T as P, u as b } from "../../textfield-CNXt-27J.js";
|
|
3
|
+
import { B as c, S as B } from "../../button-BB5sYVKY.js";
|
|
4
|
+
import { H as L, S as k } from "../../switch-Cemfhx0H.js";
|
|
5
|
+
import { D as T } from "../../index-Q0EA2XB0.js";
|
|
6
|
+
import { P as H } from "../../paragraph-BRiIBpbY.js";
|
|
7
|
+
import { V as v } from "../../index-z82sbSVU.js";
|
|
9
8
|
export {
|
|
10
9
|
o as DsAlert,
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
e as DsBadge,
|
|
11
|
+
c as DsButton,
|
|
13
12
|
r as DsCheckbox,
|
|
14
13
|
t as DsChip,
|
|
15
14
|
i as DsCombobox,
|
|
16
|
-
|
|
15
|
+
T as DsDetails,
|
|
17
16
|
n as DsDialog,
|
|
18
|
-
|
|
17
|
+
L as DsHeading,
|
|
19
18
|
p as DsLink,
|
|
20
19
|
x as DsListItem,
|
|
21
20
|
f as DsListUnordered,
|
|
22
21
|
m as DsPagination,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
H as DsParagraph,
|
|
23
|
+
g as DsPopover,
|
|
24
|
+
d as DsSearch,
|
|
25
|
+
S as DsSkeleton,
|
|
26
|
+
B as DsSpinner,
|
|
27
|
+
k as DsSwitch,
|
|
28
|
+
l as DsTabs,
|
|
29
|
+
P as DsTextfield,
|
|
30
|
+
v as DsValidationMessage,
|
|
31
|
+
b as useDsPagination
|
|
33
32
|
};
|