@viasat/beam-react 2.55.0 → 2.55.2
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/CHANGELOG.md +20 -0
- package/assets/DateField.css +1 -1
- package/chunks/{ActionList.Group.B8krXDRr.js → ActionList.Group.BEWW4wwS.js} +1 -1
- package/chunks/{ActionList.Group.bDvNGHXt.js → ActionList.Group.CdnUE8zS.js} +1 -1
- package/chunks/{ActionList.Item.D7UqN7UZ.js → ActionList.Item.BHyO5gUR.js} +1 -1
- package/chunks/{ActionList.Item.D36mdR8z.js → ActionList.Item.BKE036zC.js} +2 -2
- package/lib/Accordion/Accordion.cjs.js +1 -1
- package/lib/Accordion/Accordion.es.js +12 -12
- package/lib/ActionList/ActionList.Group.cjs.js +1 -1
- package/lib/ActionList/ActionList.Group.es.js +2 -2
- package/lib/ActionList/ActionList.IconButton.cjs.js +1 -1
- package/lib/ActionList/ActionList.IconButton.es.js +1 -1
- package/lib/ActionList/ActionList.Item.cjs.js +1 -1
- package/lib/ActionList/ActionList.Item.es.js +1 -1
- package/lib/ActionList/ActionList.cjs.js +1 -1
- package/lib/ActionList/ActionList.es.js +2 -2
- package/lib/ActionList/useActionListChildren.cjs.js +1 -1
- package/lib/ActionList/useActionListChildren.es.js +2 -2
- package/lib/Autocomplete/Autocomplete.cjs.js +1 -1
- package/lib/Autocomplete/Autocomplete.es.js +62 -61
- package/lib/Select/Select.cjs.js +1 -1
- package/lib/Select/Select.es.js +11 -10
- package/lib/SideNav/SideNav.cjs.js +1 -1
- package/lib/SideNav/SideNav.es.js +17 -17
- package/lib/SideNav/SideNavActionListGroup.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListGroup.es.js +1 -1
- package/lib/SideNav/SideNavActionListItem.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItem.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.es.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
## 2.55.2 (2026-08-19)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **react:** replace inert="" with inert={true} for React 19 compatibility ([#1405](https://git.viasat.com/vega/Beam/pull/1405))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Evans, Joel
|
|
10
|
+
|
|
11
|
+
## 2.55.1 (2026-08-18)
|
|
12
|
+
|
|
13
|
+
### 🩹 Fixes
|
|
14
|
+
|
|
15
|
+
- **Select, Autocomplete:** prevent `ariaLabel` from leaking to native `<select>` DOM element ([#1404](https://git.viasat.com/vega/Beam/pull/1404))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- Evans, Joel
|
|
20
|
+
|
|
1
21
|
## 2.55.0 (2026-08-18)
|
|
2
22
|
|
|
3
23
|
### 🚀 Features
|
package/assets/DateField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-height-md);padding-block:var(--bm-comp-input-space-field-y-md);padding-inline:var(--bm-comp-input-space-field-x-md);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;border-block:var(--bm-sem-border-width-focus)solid transparent;outline:none;min-inline-size:2ch;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);-webkit-user-select:none;user-select:none}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-height-md);padding-block:var(--bm-comp-input-space-field-y-md);padding-inline:var(--bm-comp-input-space-field-x-md);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;border-block:var(--bm-sem-border-width-focus)solid transparent;unicode-bidi:plaintext;outline:none;min-inline-size:2ch;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);-webkit-user-select:none;user-select:none;unicode-bidi:plaintext}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m, jsxs as M } from "react/jsx-runtime";
|
|
2
2
|
import j, { useMemo as k, Children as x, isValidElement as N, cloneElement as C } from "react";
|
|
3
3
|
import w from "clsx";
|
|
4
|
-
import { A as P, i as I, s } from "./ActionList.Item.
|
|
4
|
+
import { A as P, i as I, s } from "./ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { g as B } from "./classNames.CA_0DokS.js";
|
|
6
6
|
import "./constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListSelectionProvider as D } from "../lib/ActionList/ActionListSelectionContext.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.BHyO5gUR.js"),j=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const E=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),_=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),P=require("../lib/Divider/Divider.cjs.js"),C=require("../utils/functions.cjs.js"),M=require("../lib/ActionList/ActionList.context.cjs.js"),$=({children:p,disabled:t,allowGroups:l=!1,kind:r="action"})=>{const{allowChildrenTypes:a=[]}=M.useActionListContext();return n.useMemo(()=>{let o=!1;const d=[s.ActionListItem,...l?[v]:[],...a];return{children:n.Children.toArray(p).flatMap((i,u)=>{if(!n.isValidElement(i))return[];const{disabled:m,kind:h}=i.props;if(C.isSameComponent(i.type,s.ActionListItem)){const e=h??r;return o=o||s.isChoiceKind(e),[n.cloneElement(i,{disabled:t??m,kind:e})]}if(l&&C.isSameComponent(i.type,v)){const e=i.props;return n.Children.forEach(e.children,L=>{if(n.isValidElement(L)){const f=L.props.kind??e.kind??r;o=o||s.isChoiceKind(f)}}),[n.cloneElement(i,{disabled:t??m})]}if(a.some(e=>C.isSameComponent(i.type,e)))return[n.cloneElement(i,{disabled:t??m})];const b=d.map(e=>e.displayName??e.name).join(", ").replace(/, (.+?)$/," or $1");return console.warn(`ActionList: Invalid child at position ${u}. Only ${b} allowed.`),[]}),hasChoiceItems:o}},[p,a,l,t,r])},{baseClassNamePrefix:S,classModifierPrefix:x,subElementClassPrefix:y}=j.getBEMClassNames("action-list__group"),v=({children:p,heading:t,divider:l=!1,kind:r="action",className:a,disabled:o,noResults:d,indent:q,role:i="group",...u})=>{const m=I(s.styles[S],s.styles[`${x}kind-${r}`],d&&s.styles[`${x}no-results`],o&&s.styles[`${x}disabled`],a),{children:h,hasChoiceItems:b}=$({children:p,disabled:o,allowGroups:!1,kind:r}),e=_.useActionListIndentation({hasChoiceItems:b,indentProp:q}),L=typeof t=="string"?c.jsx("div",{className:s.styles[`${y}heading`],children:t}):t,A=u["aria-label"],f=u["aria-labelledby"],N=n.useMemo(()=>{if(A)return A;if(!f&&t)return C.extractTextFromReactNode(t)},[A,f,t]);return c.jsx(E.ActionListSelectionProvider,{kind:r,children:c.jsx(_.ActionListIndentationProvider,{indent:e,children:c.jsxs("div",{className:m,role:i,...u,"aria-label":N,children:[L||null,d&&c.jsx("div",{className:s.styles[`${y}no-results`],children:d}),h,l&&c.jsx(P.Divider,{borderColor:"01",className:s.styles[`${y}divider`],role:"presentation","aria-orientation":void 0})]})})})};exports.ActionListGroup=v;exports.useActionListChildren=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert
|
|
1
|
+
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert:!0,children:[(t==="singleCheckMark"||t==="multiCheckMark")&&c&&e.jsx(N.Icon,{customIconSize:$.bmCompActionlistSizeChoice,icon:ot.SvgCheck}),t==="checkbox"&&e.jsx(mt.Checkbox,{checked:c,onChange:x}),t==="radio"&&e.jsx(ut.RadioButton,{checked:c,onChange:x})]}),q&&e.jsx("div",{className:i[`${o}content-before`],children:q}),e.jsxs("div",{className:i[`${o}content`],children:[e.jsx("div",{className:i[`${o}text`],ref:j,children:a}),v&&e.jsx("div",{className:i[`${o}supporting-text`],children:v})]}),g&&e.jsx("div",{className:i[`${o}content-after`],children:g}),t==="switch"&&e.jsx("div",{className:i[`${o}switch`],inert:!0,children:e.jsx(ft.Switch,{checked:c,onChange:x})}),U&&e.jsx(N.Icon,{className:i[`${o}flyout`],icon:ct.SvgChevronRightCurved}),e.jsx(rt.StateLayer,{})]})}),e.jsx("div",{ref:R})]})});exports.ActionListItem=It;exports.ActionListItemOverlayRefContext=p;exports.isChoiceKind=C;exports.styles=i;exports.useActionListItemOverlayRef=At;
|
|
@@ -135,7 +135,7 @@ const i = {
|
|
|
135
135
|
"div",
|
|
136
136
|
{
|
|
137
137
|
className: i[`${n}choice`],
|
|
138
|
-
inert:
|
|
138
|
+
inert: !0,
|
|
139
139
|
children: [
|
|
140
140
|
(t === "singleCheckMark" || t === "multiCheckMark") && s && /* @__PURE__ */ e(A, { customIconSize: ct, icon: mt }),
|
|
141
141
|
t === "checkbox" && /* @__PURE__ */ e(Ct, { checked: s, onChange: f }),
|
|
@@ -160,7 +160,7 @@ const i = {
|
|
|
160
160
|
"div",
|
|
161
161
|
{
|
|
162
162
|
className: i[`${n}switch`],
|
|
163
|
-
inert:
|
|
163
|
+
inert: !0,
|
|
164
164
|
children: /* @__PURE__ */ e(Nt, { checked: s, onChange: f })
|
|
165
165
|
}
|
|
166
166
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0:!0,children:c.jsx("div",{className:i.styles[`${e}inner`],children:a})})]})};exports.Accordion=_;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as v, jsx as
|
|
1
|
+
import { jsxs as v, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import * as N from "react";
|
|
3
3
|
import { useMemo as M, useEffect as S, useCallback as u } from "react";
|
|
4
4
|
import p from "clsx";
|
|
@@ -38,15 +38,15 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
38
38
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), C(o));
|
|
39
39
|
},
|
|
40
40
|
[C]
|
|
41
|
-
), a = t ? i : y[s],
|
|
41
|
+
), a = t ? i : y[s], r = l || k, A = p(n[`${e}container`], {
|
|
42
42
|
[`${e}container--expanded`]: a,
|
|
43
|
-
[`${e}${
|
|
43
|
+
[`${e}${r}`]: r
|
|
44
44
|
}), D = p(n[`${e}chevron`], {
|
|
45
45
|
[`${e}chevron--rotated`]: a
|
|
46
|
-
}), L = p(n[`${e}panel--${
|
|
47
|
-
[`${e}panel--expanded--${
|
|
46
|
+
}), L = p(n[`${e}panel--${r}`], {
|
|
47
|
+
[`${e}panel--expanded--${r}`]: a
|
|
48
48
|
}), x = `${s}-panel`;
|
|
49
|
-
return /* @__PURE__ */ v("div", { className: `${w}--${
|
|
49
|
+
return /* @__PURE__ */ v("div", { className: `${w}--${r}`, children: [
|
|
50
50
|
/* @__PURE__ */ v(
|
|
51
51
|
"div",
|
|
52
52
|
{
|
|
@@ -60,9 +60,9 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
60
60
|
onKeyDown: z,
|
|
61
61
|
...E,
|
|
62
62
|
children: [
|
|
63
|
-
f && /* @__PURE__ */
|
|
64
|
-
$ && /* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
63
|
+
f && /* @__PURE__ */ c("span", { className: n[`${e}icon`], children: f }),
|
|
64
|
+
$ && /* @__PURE__ */ c("div", { className: n[`${e}heading`], children: $ }),
|
|
65
|
+
/* @__PURE__ */ c(
|
|
66
66
|
I,
|
|
67
67
|
{
|
|
68
68
|
role: "img",
|
|
@@ -73,7 +73,7 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
73
73
|
]
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ c(
|
|
77
77
|
"section",
|
|
78
78
|
{
|
|
79
79
|
id: x,
|
|
@@ -81,8 +81,8 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
81
81
|
hidden: !a,
|
|
82
82
|
"data-testid": `accordion-panel-${s}`,
|
|
83
83
|
"aria-hidden": !a,
|
|
84
|
-
inert: a ? void 0 :
|
|
85
|
-
children: /* @__PURE__ */
|
|
84
|
+
inert: a ? void 0 : !0,
|
|
85
|
+
children: /* @__PURE__ */ c("div", { className: n[`${e}inner`], children: g })
|
|
86
86
|
}
|
|
87
87
|
)
|
|
88
88
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("./ActionListSelectionContext.cjs.js");require("./ActionListIndentationContext.cjs.js");require("../Divider/Divider.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("../../utils/functions.cjs.js");exports.ActionListGroup=e.ActionListGroup;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import "../../chunks/ActionList.Item.
|
|
4
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "./ActionListSelectionContext.es.js";
|
|
8
8
|
import "./ActionListIndentationContext.es.js";
|
|
9
9
|
import "../Divider/Divider.es.js";
|
|
10
|
-
import { A as n } from "../../chunks/ActionList.Group.
|
|
10
|
+
import { A as n } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
11
11
|
import "../../utils/functions.es.js";
|
|
12
12
|
export {
|
|
13
13
|
n as ActionListGroup
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.BHyO5gUR.js"),y=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const{baseClassNamePrefix:h}=y.getBEMClassNames("action-list__item__icon-button"),_=m.forwardRef(({icon:s,appearance:c="neutral-subtle",size:l="sm",...a},t)=>{const u=i.useActionListItemOverlayRef(),{refs:o,floatingStyles:f}=r.useFloating({whileElementsMounted:r.autoUpdate,middleware:[{name:"center",fn({rects:e}){return{x:e.reference.x+e.reference.width/2-e.floating.width/2,y:e.reference.y+e.reference.height/2-e.floating.height/2}}}]}),d=e=>{o.setFloating(e),typeof t=="function"?t(e):t&&(t.current=e)};return n.jsxs("div",{ref:o.setReference,className:i.styles[`${h}__placeholder`],children:[" ",n.jsx(r.FloatingPortal,{preserveTabOrder:!1,root:u.current,children:n.jsx(g.Button,{iconOnly:!0,iconBefore:n.jsx(b.Icon,{icon:s}),appearance:c,kind:"bare",size:l,ref:d,style:f,...a,tabIndex:0})})]})});exports.ActionListIconButton=_;
|
|
@@ -3,7 +3,7 @@ import u from "react";
|
|
|
3
3
|
import { Button as d } from "../Button/Button.es.js";
|
|
4
4
|
import { Icon as p } from "../Icon/Icon.es.js";
|
|
5
5
|
import { useFloating as g, autoUpdate as h, FloatingPortal as y } from "@floating-ui/react";
|
|
6
|
-
import { u as x, s as b } from "../../chunks/ActionList.Item.
|
|
6
|
+
import { u as x, s as b } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
7
7
|
import { g as R } from "../../chunks/classNames.CA_0DokS.js";
|
|
8
8
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
9
9
|
const { baseClassNamePrefix: w } = R("action-list__item__icon-button"), A = u.forwardRef(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("../Icon/Icon.cjs.js");require("../../chunks/tokens.Bc11gmpN.js");require("../../chunks/Check.CR4kqxW9.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../StateLayer/StateLayer.cjs.js");require("./ActionListSelectionContext.cjs.js");require("../Tooltip/Tooltip.cjs.js");require("../../utils/functions.cjs.js");require("../Tooltip/useTooltipClipping.cjs.js");require("react");require("../Checkbox/Checkbox.cjs.js");require("../RadioButton/RadioButton.cjs.js");require("@floating-ui/react");require("./ActionList.Item.context.cjs.js");require("./ActionList.context.cjs.js");require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");require("../Switch/Switch.cjs.js");exports.ActionListItem=e.ActionListItem;exports.ActionListItemOverlayRefContext=e.ActionListItemOverlayRefContext;exports.useActionListItemOverlayRef=e.useActionListItemOverlayRef;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./ActionListIndentationContext.es.js";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "../Icon/Icon.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js"),m=require("./ActionListIndentationContext.cjs.js"),_=require("clsx"),S=require("./ActionListSelectionContext.cjs.js"),A=require("../../chunks/ActionList.Group.CdnUE8zS.js"),P=require("../Spinner/Spinner.cjs.js");require("react");const k=require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");const p=require("./ActionList.IconButton.cjs.js"),M=require("@floating-ui/react"),B=require("./ActionList.context.cjs.js"),{baseClassNamePrefix:G,classModifierPrefix:a,subElementClassPrefix:i}=f.getBEMClassNames("action-list"),o=({children:L,loading:s=!1,noResults:n,header:c,supportingText:r,disabled:l,indent:x,className:b,ariaLabel:u,role:h,id:q})=>{const y=_(e.styles[G],s&&e.styles[`${a}loading`],n&&e.styles[`${a}no-results`],l&&e.styles[`${a}disabled`],b),{children:I,hasChoiceItems:j}=A.useActionListChildren({children:L,disabled:l,allowGroups:!0}),C=m.useActionListIndentation({hasChoiceItems:j,indentProp:x,ignoreContext:!0}),{id:d}=k.useAccessibleId(),{elementsRef:N,labelsRef:v,insideMenu:$}=B.useActionListContext();return t.jsx(S.ActionListSelectionProvider,{kind:"multiCheckMark",children:t.jsx(m.ActionListIndentationProvider,{indent:C,children:t.jsx(M.FloatingList,{elementsRef:N,labelsRef:v,children:t.jsxs("div",{className:y,role:h??($?"menu":"listbox"),"aria-labelledby":!u&&c?d:void 0,"aria-label":u,"aria-disabled":l,"aria-busy":s,id:q,children:[(c||r)&&t.jsx("div",{className:_(e.styles[`${i}item`],e.styles[`${i}item--header`]),id:d,children:t.jsxs("div",{className:e.styles[`${i}item__content`],children:[c&&t.jsx("div",{className:e.styles[`${i}item__text`],children:c}),r&&t.jsx("div",{className:e.styles[`${i}item__supporting-text`],children:r})]})}),s&&t.jsx(P.Spinner,{size:"sm",className:e.styles[`${i}loading`]}),!s&&n&&t.jsx("div",{className:e.styles[`${i}no-results`],children:n}),!s&&!n&&I]})})})})};o.Group=A.ActionListGroup;o.Item=e.ActionListItem;o.IconButton=p.ActionListIconButton;exports.ActionList=o;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { g as P } from "../../chunks/classNames.CA_0DokS.js";
|
|
3
3
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
4
|
-
import { s as i, A as M } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { s as i, A as M } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { useActionListIndentation as k, ActionListIndentationProvider as y } from "./ActionListIndentationContext.es.js";
|
|
6
6
|
import p from "clsx";
|
|
7
7
|
import { ActionListSelectionProvider as B } from "./ActionListSelectionContext.es.js";
|
|
8
|
-
import { u as G, A as j } from "../../chunks/ActionList.Group.
|
|
8
|
+
import { u as G, A as j } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
9
9
|
import { Spinner as E } from "../Spinner/Spinner.es.js";
|
|
10
10
|
import "react";
|
|
11
11
|
import { useAccessibleId as S } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../utils/functions.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("./ActionList.context.cjs.js");exports.useActionListChildren=e.useActionListChildren;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react";
|
|
2
|
-
import "../../chunks/ActionList.Item.
|
|
2
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
3
3
|
import "../../utils/functions.es.js";
|
|
4
|
-
import { u as e } from "../../chunks/ActionList.Group.
|
|
4
|
+
import { u as e } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
5
5
|
import "./ActionList.context.es.js";
|
|
6
6
|
export {
|
|
7
7
|
e as useActionListChildren
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),rt=require("../../chunks/input.Dq5mx3KB.js"),nt=require("../../chunks/classNames.BFQUGnCN.js"),ct=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),rt=require("../../chunks/input.Dq5mx3KB.js"),nt=require("../../chunks/classNames.BFQUGnCN.js"),ct=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),at=require("clsx"),c=require("react"),J=require("../../chunks/form.context.CkC0TwMb.js"),ut=require("../Form/contexts/label.context.cjs.js"),dt=require("../Form/contexts/helperText.context.cjs.js"),Q=require("../ActionList/ActionList.cjs.js"),U=require("../_Options/Option.context.cjs.js"),pt=require("../_Options/Option.cjs.js"),bt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const mt=require("../_Options/getLastVisibleStructureIndex.cjs.js"),_t=require("../_Options/useRenderOption.cjs.js"),xt=require("../_Options/useSelectValue.cjs.js"),ht=require("./useAutocompleteDropdown.cjs.js"),ft=require("./AutocompleteDropdown.cjs.js"),yt=require("./useAutocompleteChips.cjs.js"),Ot=require("./useAutocompleteKeyboardManager.cjs.js"),gt=require("./utils/filterOptions.cjs.js"),qt=require("./useClearSelection.cjs.js"),At=require("./AutocompleteField.cjs.js"),vt=require("./useAutocompleteA11y.cjs.js"),Ct=require("./useAutocompleteInteractions.cjs.js"),It=require("../_Options/strategies/SelectionStrategy.cjs.js"),Pt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:St,subElementClassPrefix:D,classModifierPrefix:a}=nt.getBEMClassNames("combobox"),jt=c.forwardRef(({theme:A,width:X,error:d,children:Y,label:Z=null,contentBefore:ee,contentAfter:te,fluid:se=!1,size:oe=rt.defaultInputSize,helperText:L=null,validationRules:ie=[],className:le,hideRequiredMarker:re=!1,disabled:ne=!1,readOnly:ce=!1,required:ae=!1,placeholder:ue="",onChange:f,noResultsText:de="No results found",optionFilter:v,hideChevron:pe=!1,...y},be)=>{const{id:F,name:me,"aria-describedby":_e,ariaLabel:Vt,multiple:t=!1,clearable:xe=t,...he}=y,{showErrors:fe,isInvalid:ye,errorShown:Oe,disabled:s,readOnly:r,required:C}=J.useFormField({name:me,validationRules:ie,disabledProp:ne,readOnlyProp:ce,requiredProp:ae}),{aria:O,ids:ge}=vt.default({helperText:L,externalDescribedBy:_e,error:d,errorShown:Oe,invalid:!!d||ye}),{helperTextId:qe,errorId:Ae,validationErrorsId:ve,labelId:I}=ge,Ce=!!(d!=null&&d.length),Ie=c.useCallback(e=>{f==null||f(e)},[f]),{value:b,setValue:G,selectProps:Pe,handleBlur:Se,singleValue:P}=xt.useSelectValue({onChange:Ie,...y},be),[m,S]=c.useState(null),j=!m&&(!b||Array.isArray(b)&&!b.length),{optionsContext:je,optionIds:u,optionsProps:_,selectedOptionsProps:V,deselectOptionValue:T,getOptionByIndex:Ve,structureIds:$,groupsProps:M,optionGroupOf:E,optionIdsByGroup:w}=U.useCreateOptionsContext(b,G,t),$e=c.useMemo(()=>{if(!P)return;const e=u.map(l=>_.get(l)).findIndex(l=>(l==null?void 0:l.value)===P);return e!==-1?e:void 0},[u,_,P]),B=c.useRef(null),{getFieldProps:Me,getInputProps:we,dropdownProps:Be,refs:Ne,open:H,setOpen:g,status:Re,setDisplayActiveIndex:De}=ht.useAutocompleteDropdown({disabled:s,readOnly:r,lastSelectedOptionIndex:$e,fieldRef:B}),q=Ne.domReference,Le=at(i.styles[St],A&&ct.themeClassName(A),i.styles[`${a}${oe}`],se&&i.styles[`${a}fluid`],O.invalid&&i.styles[`${a}error`],s&&i.styles[`${a}disabled`],r&&i.styles[`${a}read-only`],j&&i.styles[`${a}empty`],t&&i.styles[`${a}multiple`],i.styles[`${a}autocomplete`],i.styles[`${a}dropdown-${Re}`],le),{canClear:Fe,handleClear:Ge}=qt.default({multiple:t,clearable:xe,isEmpty:j,disabled:s,readOnly:r,setValue:G,setSearchText:S,inputRef:q,setOpen:g}),{chipGroupProps:Te,handleBlur:Ee,selectedChip:He,setSelectedChip:ke,enabled:Ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}=yt.useAutocompleteChips({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,options:V,deselectOptionValue:T,fieldRef:B,inputRef:q}),{getKeyboardProps:k}=Ot.useAutocompleteKeyboardManager({multiple:t,disabled:s,readOnly:r,open:H,setOpen:g,inputRef:q,fieldRef:B,chips:{enabled:Ke,selectedChip:He,setSelectedChip:ke,selectPreviousChip:ze,selectNextChip:We,options:Je,deselectOptionValue:Qe}}),K=c.useMemo(()=>It.createSelectionStrategy(t),[t]),{handleBlur:Ue,handleFocus:Xe,handleItemClick:Ye}=Ct.useAutocompleteInteractions({selectionStrategy:K,selectedOptions:V,inputRef:q,blurSelect:Se,blurChips:Ee,setSearchText:S,setOpen:g,searchText:m,getOptionByIndex:Ve,setDisplayActiveIndex:De}),p=c.useMemo(()=>u.reduce((e,l)=>{const n=_.get(l);if(!n)return e;const x=E.get(l),W=x?M.get(x):void 0,N=v?v(n,m,W):gt.default(n,m);return e[l]=N,e},{}),[u,_,m,v,E,M]),Ze=c.useMemo(()=>u.length===0?!1:u.every(e=>p[e]),[u,p]),et=c.useMemo(()=>mt.getLastVisibleStructureIndex($,w,p),[$,w,p]),z=_t.useRenderOption({optionsProps:_,selectionStrategy:K,value:b,multiple:t,optionClassName:i.styles[`${D}option`],filteredOptionsById:p}),{ref:tt,...st}=k(Me()),ot=k(we());return o.jsxs(U.OptionsProvider,{value:je,children:[o.jsxs("div",{className:Le,style:{maxWidth:X},children:[o.jsx(ut.LabelProvider,{ctxHtmlFor:F,ctxDisabled:s,ctxRequired:C&&!re,ctxId:I,children:Z}),o.jsx(At.AutocompleteField,{id:F,disabled:s,readOnly:r,required:C,contentBefore:ee,contentAfter:te,chips:o.jsx(Pt.OptionChips,{multiple:t,disabled:s,readOnly:r,selectedOptions:V,deselectOptionValue:T,chipGroupProps:Te,input:o.jsx("input",{className:i.styles[`${D}field__input`],"aria-readonly":r,"aria-disabled":s,"aria-required":C,"aria-invalid":O.invalid,"aria-errormessage":O.errorMessage||void 0,"aria-labelledby":!y.ariaLabel&&I?I:void 0,"aria-label":y.ariaLabel,"aria-describedby":O.describedBy,placeholder:t&&!j?"":ue,onChange:e=>S(e.target.value),disabled:s,readOnly:r,autoComplete:"off",tabIndex:s?-1:0,autoFocus:!1,...ot})}),hasClearButton:Fe,hideChevron:pe,onClear:Ge,onBlur:Ue,onFocusCapture:Xe,...st,ref:tt}),o.jsxs(dt.HelperTextProvider,{ctxId:qe,ctxDisabled:s,children:[L,Ce&&o.jsx(J.HelperText,{id:Ae,appearance:"negative",children:d})]}),fe(ve)]}),o.jsxs("select",{...he,...Pe,hidden:!0,multiple:t,children:[o.jsx("option",{value:"",children:"empty"}),Y]}),o.jsx(ft.AutocompleteDropdown,{...Be,className:i.styles[`${D}dropdown`],disabled:s,readOnly:r,theme:A,multiple:t,onItemClick:Ye,children:o.jsx(Q.ActionList,{role:"listbox",noResults:Ze?de:void 0,children:$.map((e,l)=>{if(e.kind==="option")return z(e.id);const n=M.get(e.id);if(!n)return null;const x=w.get(e.id)??[],N=!x.some(R=>!p[R]),it=l===et,lt=!!n.divider&&!it;return o.jsx(Q.ActionList.Group,{heading:n.heading,divider:lt,disabled:n.disabled,hidden:N,children:x.map(R=>z(R,n.disabled))},e.id)})})})]})}),h=jt;h.Option=pt.Option;h.OptionGroup=bt.OptionGroup;h.displayName="Autocomplete";exports.Autocomplete=h;exports.default=h;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as C, jsx as
|
|
2
|
-
import { d as
|
|
1
|
+
import { jsxs as C, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { d as st } from "../../chunks/input.f81KzcGZ.js";
|
|
3
3
|
import { g as lt } from "../../chunks/classNames.CA_0DokS.js";
|
|
4
|
-
import { t as
|
|
4
|
+
import { t as at } from "../../chunks/constants.Cruz2A1w.js";
|
|
5
5
|
import { s as r } from "../../chunks/combobox.module.BZdcyXni.js";
|
|
6
|
-
import
|
|
6
|
+
import nt from "clsx";
|
|
7
7
|
import dt, { useCallback as pt, useState as ct, useMemo as h, useRef as ut } from "react";
|
|
8
8
|
import { b as mt, H as ft } from "../../chunks/form.context.BDYA2JQs.js";
|
|
9
9
|
import { LabelProvider as bt } from "../Form/contexts/label.context.es.js";
|
|
@@ -27,7 +27,7 @@ import wt from "./useAutocompleteA11y.es.js";
|
|
|
27
27
|
import { useAutocompleteInteractions as Rt } from "./useAutocompleteInteractions.es.js";
|
|
28
28
|
import { createSelectionStrategy as Dt } from "../_Options/strategies/SelectionStrategy.es.js";
|
|
29
29
|
import { OptionChips as Ft } from "../_Options/OptionChips.es.js";
|
|
30
|
-
const { baseClassNamePrefix: Gt, subElementClassPrefix:
|
|
30
|
+
const { baseClassNamePrefix: Gt, subElementClassPrefix: E, classModifierPrefix: n } = lt("combobox"), Lt = dt.forwardRef(
|
|
31
31
|
({
|
|
32
32
|
theme: I,
|
|
33
33
|
width: U,
|
|
@@ -37,14 +37,14 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
37
37
|
contentBefore: Z,
|
|
38
38
|
contentAfter: ee,
|
|
39
39
|
fluid: te = !1,
|
|
40
|
-
size: oe =
|
|
40
|
+
size: oe = st,
|
|
41
41
|
helperText: q = null,
|
|
42
42
|
validationRules: re = [],
|
|
43
|
-
className:
|
|
44
|
-
hideRequiredMarker:
|
|
43
|
+
className: ie,
|
|
44
|
+
hideRequiredMarker: se = !1,
|
|
45
45
|
disabled: le = !1,
|
|
46
|
-
readOnly:
|
|
47
|
-
required:
|
|
46
|
+
readOnly: ae = !1,
|
|
47
|
+
required: ne = !1,
|
|
48
48
|
placeholder: de = "",
|
|
49
49
|
onChange: x,
|
|
50
50
|
noResultsText: pe = "No results found",
|
|
@@ -56,15 +56,16 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
56
56
|
id: H,
|
|
57
57
|
name: me,
|
|
58
58
|
"aria-describedby": fe,
|
|
59
|
+
ariaLabel: Et,
|
|
59
60
|
multiple: t = !1,
|
|
60
61
|
clearable: be = t,
|
|
61
62
|
...he
|
|
62
|
-
} = g, { showErrors: xe, isInvalid: ge, errorShown: ye, disabled: o, readOnly:
|
|
63
|
+
} = g, { showErrors: xe, isInvalid: ge, errorShown: ye, disabled: o, readOnly: s, required: A } = mt({
|
|
63
64
|
name: me,
|
|
64
65
|
validationRules: re,
|
|
65
66
|
disabledProp: le,
|
|
66
|
-
readOnlyProp:
|
|
67
|
-
requiredProp:
|
|
67
|
+
readOnlyProp: ae,
|
|
68
|
+
requiredProp: ne
|
|
68
69
|
}), { aria: y, ids: ve } = wt({
|
|
69
70
|
helperText: q,
|
|
70
71
|
externalDescribedBy: fe,
|
|
@@ -95,7 +96,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
95
96
|
optionIdsByGroup: D
|
|
96
97
|
} = xt(u, k, t), Ne = h(() => {
|
|
97
98
|
if (!$) return;
|
|
98
|
-
const e = d.map((
|
|
99
|
+
const e = d.map((i) => f.get(i)).findIndex((i) => (i == null ? void 0 : i.value) === $);
|
|
99
100
|
return e !== -1 ? e : void 0;
|
|
100
101
|
}, [d, f, $]), F = ut(null), {
|
|
101
102
|
getFieldProps: we,
|
|
@@ -105,31 +106,31 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
105
106
|
open: K,
|
|
106
107
|
setOpen: v,
|
|
107
108
|
status: Ge,
|
|
108
|
-
setDisplayActiveIndex:
|
|
109
|
+
setDisplayActiveIndex: Le
|
|
109
110
|
} = Pt({
|
|
110
111
|
disabled: o,
|
|
111
|
-
readOnly:
|
|
112
|
+
readOnly: s,
|
|
112
113
|
lastSelectedOptionIndex: Ne,
|
|
113
114
|
fieldRef: F
|
|
114
|
-
}), O = Fe.domReference,
|
|
115
|
+
}), O = Fe.domReference, Ee = nt(
|
|
115
116
|
r[Gt],
|
|
116
|
-
I &&
|
|
117
|
-
r[`${
|
|
118
|
-
te && r[`${
|
|
119
|
-
y.invalid && r[`${
|
|
120
|
-
o && r[`${
|
|
121
|
-
|
|
122
|
-
V && r[`${
|
|
123
|
-
t && r[`${
|
|
124
|
-
r[`${
|
|
125
|
-
r[`${
|
|
126
|
-
|
|
117
|
+
I && at(I),
|
|
118
|
+
r[`${n}${oe}`],
|
|
119
|
+
te && r[`${n}fluid`],
|
|
120
|
+
y.invalid && r[`${n}error`],
|
|
121
|
+
o && r[`${n}disabled`],
|
|
122
|
+
s && r[`${n}read-only`],
|
|
123
|
+
V && r[`${n}empty`],
|
|
124
|
+
t && r[`${n}multiple`],
|
|
125
|
+
r[`${n}autocomplete`],
|
|
126
|
+
r[`${n}dropdown-${Ge}`],
|
|
127
|
+
ie
|
|
127
128
|
), { canClear: Me, handleClear: qe } = Vt({
|
|
128
129
|
multiple: t,
|
|
129
130
|
clearable: be,
|
|
130
131
|
isEmpty: V,
|
|
131
132
|
disabled: o,
|
|
132
|
-
readOnly:
|
|
133
|
+
readOnly: s,
|
|
133
134
|
setValue: k,
|
|
134
135
|
setSearchText: B,
|
|
135
136
|
inputRef: O,
|
|
@@ -147,7 +148,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
147
148
|
} = St({
|
|
148
149
|
multiple: t,
|
|
149
150
|
disabled: o,
|
|
150
|
-
readOnly:
|
|
151
|
+
readOnly: s,
|
|
151
152
|
open: K,
|
|
152
153
|
setOpen: v,
|
|
153
154
|
options: N,
|
|
@@ -157,7 +158,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
157
158
|
}), { getKeyboardProps: z } = $t({
|
|
158
159
|
multiple: t,
|
|
159
160
|
disabled: o,
|
|
160
|
-
readOnly:
|
|
161
|
+
readOnly: s,
|
|
161
162
|
open: K,
|
|
162
163
|
setOpen: v,
|
|
163
164
|
inputRef: O,
|
|
@@ -184,13 +185,13 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
184
185
|
setOpen: v,
|
|
185
186
|
searchText: m,
|
|
186
187
|
getOptionByIndex: Ve,
|
|
187
|
-
setDisplayActiveIndex:
|
|
188
|
+
setDisplayActiveIndex: Le
|
|
188
189
|
}), c = h(
|
|
189
|
-
() => d.reduce((e,
|
|
190
|
-
const l = f.get(
|
|
190
|
+
() => d.reduce((e, i) => {
|
|
191
|
+
const l = f.get(i);
|
|
191
192
|
if (!l) return e;
|
|
192
|
-
const b = j.get(
|
|
193
|
-
return e[
|
|
193
|
+
const b = j.get(i), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : Bt(l, m);
|
|
194
|
+
return e[i] = G, e;
|
|
194
195
|
}, {}),
|
|
195
196
|
[
|
|
196
197
|
d,
|
|
@@ -212,44 +213,44 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
212
213
|
selectionStrategy: W,
|
|
213
214
|
value: u,
|
|
214
215
|
multiple: t,
|
|
215
|
-
optionClassName: r[`${
|
|
216
|
+
optionClassName: r[`${E}option`],
|
|
216
217
|
filteredOptionsById: c
|
|
217
218
|
}), { ref: et, ...tt } = z(we()), ot = z(Re());
|
|
218
219
|
return /* @__PURE__ */ C(gt, { value: Be, children: [
|
|
219
|
-
/* @__PURE__ */ C("div", { className:
|
|
220
|
-
/* @__PURE__ */
|
|
220
|
+
/* @__PURE__ */ C("div", { className: Ee, style: { maxWidth: U }, children: [
|
|
221
|
+
/* @__PURE__ */ a(
|
|
221
222
|
bt,
|
|
222
223
|
{
|
|
223
224
|
ctxHtmlFor: H,
|
|
224
225
|
ctxDisabled: o,
|
|
225
|
-
ctxRequired: A && !
|
|
226
|
+
ctxRequired: A && !se,
|
|
226
227
|
ctxId: S,
|
|
227
228
|
children: Y
|
|
228
229
|
}
|
|
229
230
|
),
|
|
230
|
-
/* @__PURE__ */
|
|
231
|
+
/* @__PURE__ */ a(
|
|
231
232
|
Nt,
|
|
232
233
|
{
|
|
233
234
|
id: H,
|
|
234
235
|
disabled: o,
|
|
235
|
-
readOnly:
|
|
236
|
+
readOnly: s,
|
|
236
237
|
required: A,
|
|
237
238
|
contentBefore: Z,
|
|
238
239
|
contentAfter: ee,
|
|
239
|
-
chips: /* @__PURE__ */
|
|
240
|
+
chips: /* @__PURE__ */ a(
|
|
240
241
|
Ft,
|
|
241
242
|
{
|
|
242
243
|
multiple: t,
|
|
243
244
|
disabled: o,
|
|
244
|
-
readOnly:
|
|
245
|
+
readOnly: s,
|
|
245
246
|
selectedOptions: N,
|
|
246
247
|
deselectOptionValue: T,
|
|
247
248
|
chipGroupProps: He,
|
|
248
|
-
input: /* @__PURE__ */
|
|
249
|
+
input: /* @__PURE__ */ a(
|
|
249
250
|
"input",
|
|
250
251
|
{
|
|
251
|
-
className: r[`${
|
|
252
|
-
"aria-readonly":
|
|
252
|
+
className: r[`${E}field__input`],
|
|
253
|
+
"aria-readonly": s,
|
|
253
254
|
"aria-disabled": o,
|
|
254
255
|
"aria-required": A,
|
|
255
256
|
"aria-invalid": y.invalid,
|
|
@@ -260,7 +261,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
260
261
|
placeholder: t && !V ? "" : de,
|
|
261
262
|
onChange: (e) => B(e.target.value),
|
|
262
263
|
disabled: o,
|
|
263
|
-
readOnly:
|
|
264
|
+
readOnly: s,
|
|
264
265
|
autoComplete: "off",
|
|
265
266
|
tabIndex: o ? -1 : 0,
|
|
266
267
|
autoFocus: !1,
|
|
@@ -280,46 +281,46 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
280
281
|
),
|
|
281
282
|
/* @__PURE__ */ C(ht, { ctxId: Oe, ctxDisabled: o, children: [
|
|
282
283
|
q,
|
|
283
|
-
Pe && /* @__PURE__ */
|
|
284
|
+
Pe && /* @__PURE__ */ a(ft, { id: Ce, appearance: "negative", children: p })
|
|
284
285
|
] }),
|
|
285
286
|
xe(Ie)
|
|
286
287
|
] }),
|
|
287
288
|
/* @__PURE__ */ C("select", { ...he, ...Se, hidden: !0, multiple: t, children: [
|
|
288
|
-
/* @__PURE__ */
|
|
289
|
+
/* @__PURE__ */ a("option", { value: "", children: "empty" }),
|
|
289
290
|
X
|
|
290
291
|
] }),
|
|
291
|
-
/* @__PURE__ */
|
|
292
|
+
/* @__PURE__ */ a(
|
|
292
293
|
At,
|
|
293
294
|
{
|
|
294
295
|
...De,
|
|
295
|
-
className: r[`${
|
|
296
|
+
className: r[`${E}dropdown`],
|
|
296
297
|
disabled: o,
|
|
297
|
-
readOnly:
|
|
298
|
+
readOnly: s,
|
|
298
299
|
theme: I,
|
|
299
300
|
multiple: t,
|
|
300
301
|
onItemClick: Xe,
|
|
301
|
-
children: /* @__PURE__ */
|
|
302
|
+
children: /* @__PURE__ */ a(
|
|
302
303
|
Q,
|
|
303
304
|
{
|
|
304
305
|
role: "listbox",
|
|
305
306
|
noResults: Ye ? pe : void 0,
|
|
306
|
-
children: w.map((e,
|
|
307
|
+
children: w.map((e, i) => {
|
|
307
308
|
if (e.kind === "option")
|
|
308
309
|
return _(e.id);
|
|
309
310
|
const l = R.get(e.id);
|
|
310
311
|
if (!l) return null;
|
|
311
312
|
const b = D.get(e.id) ?? [], G = !b.some(
|
|
312
|
-
(
|
|
313
|
-
), rt =
|
|
314
|
-
return /* @__PURE__ */
|
|
313
|
+
(L) => !c[L]
|
|
314
|
+
), rt = i === Ze, it = !!l.divider && !rt;
|
|
315
|
+
return /* @__PURE__ */ a(
|
|
315
316
|
Q.Group,
|
|
316
317
|
{
|
|
317
318
|
heading: l.heading,
|
|
318
|
-
divider:
|
|
319
|
+
divider: it,
|
|
319
320
|
disabled: l.disabled,
|
|
320
321
|
hidden: G,
|
|
321
322
|
children: b.map(
|
|
322
|
-
(
|
|
323
|
+
(L) => _(L, l.disabled)
|
|
323
324
|
)
|
|
324
325
|
},
|
|
325
326
|
e.id
|
|
@@ -331,7 +332,7 @@ const { baseClassNamePrefix: Gt, subElementClassPrefix: L, classModifierPrefix:
|
|
|
331
332
|
)
|
|
332
333
|
] });
|
|
333
334
|
}
|
|
334
|
-
), M =
|
|
335
|
+
), M = Lt;
|
|
335
336
|
M.Option = yt;
|
|
336
337
|
M.OptionGroup = vt;
|
|
337
338
|
M.displayName = "Autocomplete";
|
package/lib/Select/Select.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ke=require("../../chunks/input.Dq5mx3KB.js"),Ke=require("../../chunks/classNames.BFQUGnCN.js"),ze=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),We=require("clsx"),c=require("react"),A=require("../../chunks/form.context.CkC0TwMb.js"),Je=require("../Form/contexts/label.context.cjs.js"),Qe=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Ue=require("./useSelectDropdown.cjs.js"),Xe=require("./SelectDropdown.cjs.js"),Ye=require("./useSelectChips.cjs.js"),Ze=require("./useSelectKeyboardManager.cjs.js"),et=require("./useClearSelection.cjs.js"),tt=require("../_Options/OptionChips.cjs.js"),st=require("./SelectField.cjs.js"),it=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),lt=require("../_Options/Option.cjs.js"),rt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const ot=require("../_Options/getLastVisibleStructureIndex.cjs.js"),nt=require("../_Options/useRenderOption.cjs.js"),ct=require("../_Options/useSelectValue.cjs.js"),at=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:dt,subElementClassPrefix:C,classModifierPrefix:o}=Ke.getBEMClassNames("combobox"),ut=c.forwardRef(({theme:f,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:z=!1,size:W=ke.defaultInputSize,helperText:P=null,validationRules:J=[],className:Q,hideRequiredMarker:U=!1,disabled:X=!1,readOnly:Y=!1,required:Z=!1,placeholder:ee="",onChange:_,...x},te)=>{const{id:j,name:se,"aria-describedby":ie,multiple:e=!1,clearable:le=e,...re}=x,{showErrors:oe,isInvalid:ne,errorShown:ce,disabled:l,readOnly:r,required:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ke=require("../../chunks/input.Dq5mx3KB.js"),Ke=require("../../chunks/classNames.BFQUGnCN.js"),ze=require("../../chunks/constants.CgMu0_1M.js"),i=require("../../chunks/combobox.module.C1rGhvKM.js"),We=require("clsx"),c=require("react"),A=require("../../chunks/form.context.CkC0TwMb.js"),Je=require("../Form/contexts/label.context.cjs.js"),Qe=require("../Form/contexts/helperText.context.cjs.js"),E=require("../ActionList/ActionList.cjs.js"),Ue=require("./useSelectDropdown.cjs.js"),Xe=require("./SelectDropdown.cjs.js"),Ye=require("./useSelectChips.cjs.js"),Ze=require("./useSelectKeyboardManager.cjs.js"),et=require("./useClearSelection.cjs.js"),tt=require("../_Options/OptionChips.cjs.js"),st=require("./SelectField.cjs.js"),it=require("./useSelectA11y.cjs.js"),G=require("../_Options/Option.context.cjs.js"),lt=require("../_Options/Option.cjs.js"),rt=require("../_Options/OptionGroup.cjs.js");require("../_Options/OptionGroup.context.cjs.js");const ot=require("../_Options/getLastVisibleStructureIndex.cjs.js"),nt=require("../_Options/useRenderOption.cjs.js"),ct=require("../_Options/useSelectValue.cjs.js"),at=require("../_Options/strategies/SelectionStrategy.cjs.js"),{baseClassNamePrefix:dt,subElementClassPrefix:C,classModifierPrefix:o}=Ke.getBEMClassNames("combobox"),ut=c.forwardRef(({theme:f,width:T,error:a,children:H,label:I=null,contentBefore:k,contentAfter:K,fluid:z=!1,size:W=ke.defaultInputSize,helperText:P=null,validationRules:J=[],className:Q,hideRequiredMarker:U=!1,disabled:X=!1,readOnly:Y=!1,required:Z=!1,placeholder:ee="",onChange:_,...x},te)=>{const{id:j,name:se,"aria-describedby":ie,ariaLabel:pt,multiple:e=!1,clearable:le=e,...re}=x,{showErrors:oe,isInvalid:ne,errorShown:ce,disabled:l,readOnly:r,required:L}=A.useFormField({name:se,validationRules:J,disabledProp:X,readOnlyProp:Y,requiredProp:Z}),{aria:S,ids:ae}=it.default({helperText:P,externalDescribedBy:ie,error:a,errorShown:ce,invalid:!!a||ne}),{helperTextId:de,errorId:ue,validationErrorsId:pe,labelId:M}=ae,be=!!(a!=null&&a.length),_e=c.useCallback(t=>{_==null||_(t)},[_]),{value:d,setValue:$,selectProps:xe,handleBlur:V,singleValue:h}=ct.useSelectValue({onChange:_e,...x},te),m=!d||Array.isArray(d)&&!d.length,{optionsContext:Se,optionIds:y,optionsProps:u,selectedOptionsProps:w,deselectOptionValue:B,structureIds:q,groupsProps:he,optionIdsByGroup:v}=G.useCreateOptionsContext(d,$,e),O=c.useMemo(()=>{if(!h)return;const t=y.map(n=>u.get(n)).findIndex(n=>(n==null?void 0:n.value)===h);return t!==-1?t:void 0},[y,u,h]),ye=c.useMemo(()=>{if(O===void 0)return;const t=u.get(y[O]);return t==null?void 0:t.label},[O,y,u]),{getFieldProps:Oe,dropdownProps:fe,refs:me,open:N,setOpen:g,status:qe}=Ue.useSelectDropdown({disabled:l,readOnly:r,lastSelectedOptionIndex:O}),ve=We(i.styles[dt],f&&ze.themeClassName(f),i.styles[`${o}${W}`],z&&i.styles[`${o}fluid`],S.invalid&&i.styles[`${o}error`],l&&i.styles[`${o}disabled`],r&&i.styles[`${o}read-only`],m&&i.styles[`${o}empty`],e&&i.styles[`${o}multiple`],i.styles[`${o}dropdown-${qe}`],Q),{canClear:ge,handleClear:Ce}=et.default({multiple:e,clearable:le,isEmpty:m,disabled:l,readOnly:r,setValue:$,setOpen:g}),{chipGroupProps:Ie,handleBlur:D,selectedChip:Pe,setSelectedChip:je,enabled:Le,selectPreviousChip:Me,selectNextChip:$e,options:Ve,deselectOptionValue:we}=Ye.useSelectChips({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,options:w,deselectOptionValue:B,fieldRef:me.domReference}),{getKeyboardProps:Be}=Ze.useSelectKeyboardManager({multiple:e,disabled:l,readOnly:r,open:N,setOpen:g,chips:{enabled:Le,selectedChip:Pe,setSelectedChip:je,selectPreviousChip:Me,selectNextChip:$e,options:Ve,deselectOptionValue:we}}),Ne=c.useMemo(()=>at.createSelectionStrategy(e),[e]),De=c.useCallback(()=>{V(),D()},[V,D]),F=nt.useRenderOption({optionsProps:u,selectionStrategy:Ne,value:d,multiple:e,optionClassName:i.styles[`${C}option`]}),Fe=c.useMemo(()=>ot.getLastVisibleStructureIndex(q,v),[q,v]),{ref:Re,...Ae}=Be(Oe());return s.jsxs(G.OptionsProvider,{value:Se,children:[s.jsxs("div",{className:ve,style:{maxWidth:T},children:[s.jsx(Je.LabelProvider,{ctxHtmlFor:j,ctxDisabled:l,ctxRequired:L&&!U,ctxId:M,children:I}),s.jsx(st.SelectField,{id:j,disabled:l,readOnly:r,required:L,invalid:S.invalid,errorMessage:S.errorMessage,labelId:!x.ariaLabel&&I?M:void 0,ariaLabel:x.ariaLabel,describedBy:S.describedBy,contentBefore:k,contentAfter:K,chips:s.jsx(tt.OptionChips,{multiple:e,disabled:l,readOnly:r,selectedOptions:w,deselectOptionValue:B,chipGroupProps:Ie,input:s.jsx("input",{className:i.styles[`${C}field__input`],placeholder:e&&!m?"":ee,disabled:l,readOnly:!0,autoComplete:"off",tabIndex:-1,autoFocus:!1,value:e?"":ye??h})}),hasClearButton:ge,onClear:Ce,onBlur:De,...Ae,ref:Re}),s.jsxs(Qe.HelperTextProvider,{ctxId:de,ctxDisabled:l,children:[P,be&&s.jsx(A.HelperText,{id:ue,appearance:"negative",children:a})]}),oe(pe)]}),s.jsxs("select",{...re,...xe,hidden:!0,multiple:e,children:[s.jsx("option",{value:"",children:"empty"}),H]}),s.jsx(Xe.SelectDropdown,{...fe,className:i.styles[`${C}dropdown`],disabled:l,readOnly:r,theme:f,multiple:e,children:s.jsx(E.ActionList,{role:"listbox",children:q.map((t,n)=>{if(t.kind==="option")return F(t.id);const p=he.get(t.id);if(!p)return null;const R=v.get(t.id)??[],Ee=R.length>0,Ge=n===Fe,Te=!!p.divider&&!Ge;return s.jsx(E.ActionList.Group,{heading:p.heading,divider:Te,disabled:p.disabled,hidden:!Ee,children:R.map(He=>F(He,p.disabled))},t.id)})})})]})}),b=ut;b.Option=lt.Option;b.OptionGroup=rt.OptionGroup;b.displayName="Select";exports.Select=b;exports.default=b;
|
package/lib/Select/Select.es.js
CHANGED
|
@@ -51,6 +51,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
51
51
|
id: V,
|
|
52
52
|
name: re,
|
|
53
53
|
"aria-describedby": ie,
|
|
54
|
+
ariaLabel: xt,
|
|
54
55
|
multiple: e = !1,
|
|
55
56
|
clearable: oe = e,
|
|
56
57
|
...se
|
|
@@ -66,14 +67,14 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
66
67
|
error: d,
|
|
67
68
|
errorShown: de,
|
|
68
69
|
invalid: !!d || ae
|
|
69
|
-
}), { helperTextId: ce, errorId: pe, validationErrorsId: me, labelId:
|
|
70
|
+
}), { helperTextId: ce, errorId: pe, validationErrorsId: me, labelId: L } = ne, ue = !!(d != null && d.length), fe = H(
|
|
70
71
|
(t) => {
|
|
71
72
|
m == null || m(t);
|
|
72
73
|
},
|
|
73
74
|
[m]
|
|
74
75
|
), {
|
|
75
76
|
value: n,
|
|
76
|
-
setValue:
|
|
77
|
+
setValue: D,
|
|
77
78
|
selectProps: be,
|
|
78
79
|
handleBlur: M,
|
|
79
80
|
singleValue: b
|
|
@@ -86,7 +87,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
86
87
|
structureIds: g,
|
|
87
88
|
groupsProps: xe,
|
|
88
89
|
optionIdsByGroup: C
|
|
89
|
-
} = at(n,
|
|
90
|
+
} = at(n, D, e), x = y(() => {
|
|
90
91
|
if (!b) return;
|
|
91
92
|
const t = h.map((a) => c.get(a)).findIndex((a) => (a == null ? void 0 : a.value) === b);
|
|
92
93
|
return t !== -1 ? t : void 0;
|
|
@@ -116,7 +117,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
116
117
|
isEmpty: S,
|
|
117
118
|
disabled: i,
|
|
118
119
|
readOnly: s,
|
|
119
|
-
setValue:
|
|
120
|
+
setValue: D,
|
|
120
121
|
setOpen: I
|
|
121
122
|
}), {
|
|
122
123
|
chipGroupProps: $e,
|
|
@@ -125,8 +126,8 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
125
126
|
setSelectedChip: Ne,
|
|
126
127
|
enabled: Ve,
|
|
127
128
|
selectPreviousChip: we,
|
|
128
|
-
selectNextChip:
|
|
129
|
-
options:
|
|
129
|
+
selectNextChip: Le,
|
|
130
|
+
options: De,
|
|
130
131
|
deselectOptionValue: Me
|
|
131
132
|
} = tt({
|
|
132
133
|
multiple: e,
|
|
@@ -148,8 +149,8 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
148
149
|
selectedChip: Be,
|
|
149
150
|
setSelectedChip: Ne,
|
|
150
151
|
selectPreviousChip: we,
|
|
151
|
-
selectNextChip:
|
|
152
|
-
options:
|
|
152
|
+
selectNextChip: Le,
|
|
153
|
+
options: De,
|
|
153
154
|
deselectOptionValue: Me
|
|
154
155
|
}
|
|
155
156
|
}), Ee = y(
|
|
@@ -175,7 +176,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
175
176
|
ctxHtmlFor: V,
|
|
176
177
|
ctxDisabled: i,
|
|
177
178
|
ctxRequired: w && !X,
|
|
178
|
-
ctxId:
|
|
179
|
+
ctxId: L,
|
|
179
180
|
children: B
|
|
180
181
|
}
|
|
181
182
|
),
|
|
@@ -188,7 +189,7 @@ const { baseClassNamePrefix: bt, subElementClassPrefix: P, classModifierPrefix:
|
|
|
188
189
|
required: w,
|
|
189
190
|
invalid: f.invalid,
|
|
190
191
|
errorMessage: f.errorMessage,
|
|
191
|
-
labelId: !u.ariaLabel && B ?
|
|
192
|
+
labelId: !u.ariaLabel && B ? L : void 0,
|
|
192
193
|
ariaLabel: u.ariaLabel,
|
|
193
194
|
describedBy: f.describedBy,
|
|
194
195
|
contentBefore: T,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H?!0:void 0,ne={inlineSize:s===l.Drawer?`${J}px`:"",...Y};return i.jsxs(ce.SideNavLayoutContextProvider,{value:{currentLayout:s,openLayout:N,closedLayout:c},children:[i.jsx("div",{className:u(e.styles[`${a}__wrapper`]),ref:Q,children:i.jsxs("aside",{ref:x,role:s?"complementary":void 0,"aria-label":"Side navigation","aria-hidden":H,inert:ae,className:oe,style:ne,...F,children:[Z,ie,ee,i.jsx("div",{className:u(e.styles[`${_}resize-handler`],(d||!m)&&e.styles[`${_}resize-handler--hidden`]),ref:C,role:"presentation"})]})}),T&&s===l.Drawer?i.jsx("div",{className:u(e.styles[`${_}backdrop`],e.styles[`${_}backdrop--${T}`]),onClick:te}):null]})}const r=w;r.displayName="SideNav";r.Body=b.SideNavBody;r.ActionList=ve.SideNavActionList;r.Header=M.SideNavHeader;r.Footer=U.SideNavFooter;exports.DRAWER_LAYOUT=$;exports.HIDDEN_LAYOUT=B;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=W;exports.NO_LAYOUT=L;exports.OPAQUE_BACKDROP=v;exports.RAIL_LAYOUT=R;exports.Root=w;exports.SideNav=r;exports.SideNavBackdrops=Ae;exports.SideNavClosedLayouts=n;exports.SideNavOpenLayouts=l;exports.TRANSPARENT_BACKDROP=P;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as l, jsxs as x } from "react/jsx-runtime";
|
|
2
2
|
import c from "clsx";
|
|
3
|
-
import ie, { useEffect as C, useMemo as
|
|
3
|
+
import ie, { useEffect as C, useMemo as re, useRef as w } from "react";
|
|
4
4
|
import { s as e } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
5
|
-
import { g as
|
|
5
|
+
import { g as se } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import { p as ne } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { SideNavHeader as k } from "./SideNavHeader.es.js";
|
|
8
8
|
import { SideNavFooter as z } from "./SideNavFooter.es.js";
|
|
@@ -13,14 +13,14 @@ import { useElementResize as ce } from "../../utils/hooks/useElementResize.es.js
|
|
|
13
13
|
import { useLocalStorage as fe } from "../../utils/hooks/useLocalStorage.es.js";
|
|
14
14
|
import { extractSpecifiedComponents as me } from "../../utils/extractSpecifiedComponents.es.js";
|
|
15
15
|
import { SideNavActionList as Ne } from "./SideNavActionList.es.js";
|
|
16
|
-
const { baseClassNamePrefix: a, subElementClassPrefix: f } =
|
|
16
|
+
const { baseClassNamePrefix: a, subElementClassPrefix: f } = se("side-nav"), M = 256, pe = 200, ve = 400, ue = "drawer", H = "rail", _e = "hidden", W = !1, b = "opaque", Se = "transparent", be = `${ne}-side-nav-width`, ke = {
|
|
17
17
|
Opaque: b,
|
|
18
18
|
Transparent: Se
|
|
19
19
|
}, m = {
|
|
20
20
|
Drawer: ue,
|
|
21
21
|
Rail: H,
|
|
22
22
|
None: W
|
|
23
|
-
},
|
|
23
|
+
}, r = {
|
|
24
24
|
Rail: H,
|
|
25
25
|
Hidden: _e,
|
|
26
26
|
None: W
|
|
@@ -30,7 +30,7 @@ function ye(U) {
|
|
|
30
30
|
backdrop: y = b,
|
|
31
31
|
children: P,
|
|
32
32
|
className: B,
|
|
33
|
-
closedLayout: n =
|
|
33
|
+
closedLayout: n = r.None,
|
|
34
34
|
floating: N = !1,
|
|
35
35
|
openLayout: d = m.Drawer,
|
|
36
36
|
resizable: p = !1,
|
|
@@ -48,17 +48,17 @@ function ye(U) {
|
|
|
48
48
|
C(() => {
|
|
49
49
|
!i && !t && h && v(!0);
|
|
50
50
|
}, [i, t, h, v]);
|
|
51
|
-
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } =
|
|
51
|
+
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } = re(() => {
|
|
52
52
|
if (i)
|
|
53
53
|
return {
|
|
54
|
-
layout: t ? m.Drawer :
|
|
54
|
+
layout: t ? m.Drawer : r.Hidden,
|
|
55
55
|
resizable: !1,
|
|
56
56
|
navigation: A || null,
|
|
57
57
|
backdrop: b,
|
|
58
58
|
floating: !0
|
|
59
59
|
};
|
|
60
60
|
let _;
|
|
61
|
-
return t ? _ = d : _ = n ||
|
|
61
|
+
return t ? _ = d : _ = n || r.None, {
|
|
62
62
|
layout: _,
|
|
63
63
|
resizable: p && t,
|
|
64
64
|
navigation: null,
|
|
@@ -105,7 +105,7 @@ function ye(U) {
|
|
|
105
105
|
F && e[`${a}--mobile-enabled`],
|
|
106
106
|
j && e[`${a}--interacted`],
|
|
107
107
|
B
|
|
108
|
-
), $ = o ===
|
|
108
|
+
), $ = o === r.Hidden || o === r.None, te = $ ? !0 : void 0, ae = {
|
|
109
109
|
inlineSize: o === m.Drawer ? `${G}px` : "",
|
|
110
110
|
...V
|
|
111
111
|
};
|
|
@@ -157,12 +157,12 @@ function ye(U) {
|
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
159
|
}
|
|
160
|
-
const
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
160
|
+
const s = ye;
|
|
161
|
+
s.displayName = "SideNav";
|
|
162
|
+
s.Body = S;
|
|
163
|
+
s.ActionList = Ne;
|
|
164
|
+
s.Header = k;
|
|
165
|
+
s.Footer = z;
|
|
166
166
|
export {
|
|
167
167
|
ue as DRAWER_LAYOUT,
|
|
168
168
|
_e as HIDDEN_LAYOUT,
|
|
@@ -171,9 +171,9 @@ export {
|
|
|
171
171
|
b as OPAQUE_BACKDROP,
|
|
172
172
|
H as RAIL_LAYOUT,
|
|
173
173
|
ye as Root,
|
|
174
|
-
|
|
174
|
+
s as SideNav,
|
|
175
175
|
ke as SideNavBackdrops,
|
|
176
|
-
|
|
176
|
+
r as SideNavClosedLayouts,
|
|
177
177
|
m as SideNavOpenLayouts,
|
|
178
178
|
Se as TRANSPARENT_BACKDROP
|
|
179
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.CdnUE8zS.js"),N=require("../../utils/extractSpecifiedComponents.cjs.js"),i=require("./SideNavActionListGroupHeading.cjs.js"),{baseClassNamePrefix:g}=l.getBEMClassNames("side-nav__group"),e=({children:s,className:t,...n})=>{const[{heading:o},r]=N.extractSpecifiedComponents(s,{heading:i.SideNavActionListGroupHeading}),a=d(u.styles[`${g}`],t);return c.jsx(p.ActionListGroup,{...n,kind:"action",className:a,role:"group",heading:o,children:r})};e.displayName="SideNav.ActionList.Group";e.Heading=i.SideNavActionListGroupHeading;exports.SideNavActionListGroup=e;
|
|
@@ -3,7 +3,7 @@ import p from "clsx";
|
|
|
3
3
|
import { s as c } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
4
4
|
import { g as d } from "../../chunks/classNames.CA_0DokS.js";
|
|
5
5
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
6
|
-
import { A as l } from "../../chunks/ActionList.Group.
|
|
6
|
+
import { A as l } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
7
7
|
import { extractSpecifiedComponents as f } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
8
|
import { SideNavActionListGroupHeading as o } from "./SideNavActionListGroupHeading.es.js";
|
|
9
9
|
const { baseClassNamePrefix: g } = d("side-nav__group"), i = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),p=require("./SideNavActionListItemLabel.cjs.js"),l=require("./SideNavActionListItemFlyout.cjs.js"),r=require("./SideNavActionListItemExpandable.cjs.js"),q=require("./SideNavExpandableContext.cjs.js"),{baseClassNamePrefix:E,classModifierPrefix:h}=_.getBEMClassNames("side-nav__action"),F=I.forwardRef((L,a)=>{const{className:s,selected:t,children:d,...o}=L,{indent:u}=q.useSideNavExpandableContext(),[{label:i,flyout:m,expandable:v}]=y.extractSpecifiedComponents(d,{label:p.SideNavActionListItemLabel,flyout:l.SideNavActionListItemFlyout,expandable:r.SideNavActionListItemExpandable}),N=i&&m,b=i&&v;N&&b&&console.warn("SideNav.ActionList.Item: You cannot use both Flyout and Expandable components at the same time. Defaulting to Flyout.");const n=x(S.styles[`${E}`],t&&S.styles[`${h}selected`]);if(N)return c.jsx(l.Flyout,{className:s,baseClassName:n,ref:a,label:i,flyout:m,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o});if(b)return c.jsx(r.Expandable,{label:i,expandable:v,baseClassName:n,className:s,indent:u,ref:a,"aria-current":t?!0:void 0,"aria-checked":void 0,"aria-selected":void 0,...o});{const A=x(n,s);return c.jsx(f.ActionListItem,{className:A,tabIndex:0,ref:a,tooltipPlacement:"right",indent:u,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o,children:d})}}),e=F;e.Label=p.SideNavActionListItemLabel;e.Flyout=l.SideNavActionListItemFlyout;e.Expandable=r.SideNavActionListItemExpandable;e.displayName="SideNav.ActionList.Item";exports.SideNavActionListItem=e;
|
|
@@ -5,7 +5,7 @@ import { s as v } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
|
5
5
|
import { g as A } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { extractSpecifiedComponents as I } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
|
-
import { A as S } from "../../chunks/ActionList.Item.
|
|
8
|
+
import { A as S } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
9
9
|
import { SideNavActionListItemLabel as b } from "./SideNavActionListItemLabel.es.js";
|
|
10
10
|
import { Flyout as E, SideNavActionListItemFlyout as x } from "./SideNavActionListItemFlyout.es.js";
|
|
11
11
|
import { Expandable as F, SideNavActionListItemExpandable as N } from "./SideNavActionListItemExpandable.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),g=require("./SideNavExpandableContext.cjs.js"),y=require("./SideNavLayoutContext.cjs.js"),u=require("./SideNavActionListItemFlyout.cjs.js"),S=require("../Button/Button.cjs.js"),j=require("../Icon/Icon.cjs.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const b=C(s),q=e=>b.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 8C10 8.23607 9.9012 8.45836 9.73333 8.6L7.06667 10.85C6.86465 11.0204 6.59438 11.0479 6.36852 10.9208C6.14267 10.7938 6 10.5341 6 10.25L6 5.75C6 5.46592 6.14267 5.20623 6.36852 5.07918C6.59438 4.95214 6.86465 4.97956 7.06667 5.15L9.73333 7.4C9.9012 7.54164 10 7.76393 10 8Z",fill:"currentColor"})),A=e=>t.jsx(_.Accordion,{...e}),{baseClassNamePrefix:L,classModifierPrefix:I}=p.getBEMClassNames("side-nav__action"),h=s.forwardRef((e,i)=>{const{label:n,expandable:o,baseClassName:c,className:l,onClick:r,...a}=e,{currentLayout:m}=y.useSideNavLayoutContext();if(m==="rail")return t.jsx(u.Flyout,{className:l,baseClassName:c,ref:i,label:n,flyout:t.jsx(u.SideNavActionListItemFlyout,{children:o.props.children}),...a});const x=v(c,d.styles[`${I}expandable`],l);return t.jsx(g.SideNavExpandableContextProvider,{children:t.jsx(N.AccordionGroup,{children:s.cloneElement(o,{role:void 0,"aria-controls":void 0,tabIndex:void 0,heading:t.jsxs(t.Fragment,{children:[t.jsx(S.Button,{iconOnly:!0,iconBefore:t.jsx(j.Icon,{icon:q}),appearance:"neutral-subtle",kind:"bare",size:"sm",tabIndex:r?0:-1,"aria-label":`Toggle ${n.props.children}`,"aria-disabled":void 0,disabled:e.disabled,role:"menuitem",style:{pointerEvents:r?"unset":"none",marginInlineStart:typeof a.indent=="number"?`${a.indent+.5}rem`:0},className:d.styles[`${L}__expandable-icon`]}),t.jsx(f.ActionListItem,{className:x,ref:i,"aria-checked":void 0,"aria-disabled":void 0,disabled:e.disabled,onClick:r,...a,children:n})]})})})})});exports.Expandable=h;exports.SideNavActionListItemExpandable=A;
|
|
@@ -7,7 +7,7 @@ import { g as C } from "../../chunks/classNames.CA_0DokS.js";
|
|
|
7
7
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
8
8
|
import { Accordion as N } from "../Accordion/Accordion.es.js";
|
|
9
9
|
import { AccordionGroup as g } from "../Accordion/AccordionGroup.es.js";
|
|
10
|
-
import { A as h } from "../../chunks/ActionList.Item.
|
|
10
|
+
import { A as h } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
11
11
|
import { SideNavExpandableContextProvider as y } from "./SideNavExpandableContext.es.js";
|
|
12
12
|
import { useSideNavLayoutContext as E } from "./SideNavLayoutContext.es.js";
|
|
13
13
|
import { Flyout as L, SideNavActionListItemFlyout as w } from "./SideNavActionListItemFlyout.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.BHyO5gUR.js"),t=require("../Menu/Menu.cjs.js"),M=require("../Menu/Menu.context.cjs.js"),_=require("./SideNavContext.cjs.js"),v=require("clsx"),N=t.Menu.PopoverContent,b=m.forwardRef((o,s)=>{const{className:i,label:r,flyout:u,baseClassName:c,...l}=o,{isRTL:n}=_.useSideNavContext(),a=M.useMenuContext()!==void 0,d=v(a?"":c,i);return e.jsxs(t.Menu,{placement:n?"left-start":"right-start",listNavigation:{focusItemOnOpen:!0,nested:!0,rtl:n},children:[e.jsx(t.Menu.Trigger,{children:e.jsx(x.ActionListItem,{className:d,tabIndex:0,kind:"flyout",ref:s,tooltipPlacement:"right",...l,children:r})}),e.jsx(t.Menu.PopoverContent,{dir:n?"rtl":"ltr",children:u})]})});exports.Flyout=b;exports.SideNavActionListItemFlyout=N;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
|
-
import { A as d } from "../../chunks/ActionList.Item.
|
|
3
|
+
import { A as d } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
4
4
|
import { Menu as t } from "../Menu/Menu.es.js";
|
|
5
5
|
import { useMenuContext as x } from "../Menu/Menu.context.es.js";
|
|
6
6
|
import { useSideNavContext as C } from "./SideNavContext.es.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.55.
|
|
3
|
+
"version": "2.55.2",
|
|
4
4
|
"description": "React component library for the Beam design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@viasat/beam-fonts": "2.55.
|
|
64
|
-
"@viasat/beam-shared": "2.55.
|
|
65
|
-
"@viasat/beam-styles": "2.55.
|
|
66
|
-
"@viasat/beam-tokens": "2.55.
|
|
67
|
-
"@viasat/beam-icons": "2.55.
|
|
68
|
-
"@viasat/beam-react-claude-plugin": "2.55.
|
|
63
|
+
"@viasat/beam-fonts": "2.55.2",
|
|
64
|
+
"@viasat/beam-shared": "2.55.2",
|
|
65
|
+
"@viasat/beam-styles": "2.55.2",
|
|
66
|
+
"@viasat/beam-tokens": "2.55.2",
|
|
67
|
+
"@viasat/beam-icons": "2.55.2",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.55.2",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|