@viasat/beam-react 2.55.0 → 2.55.1
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
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 2.55.1 (2026-08-18)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **Select, Autocomplete:** prevent `ariaLabel` from leaking to native `<select>` DOM element ([#1404](https://git.viasat.com/vega/Beam/pull/1404))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Evans, Joel
|
|
10
|
+
|
|
1
11
|
## 2.55.0 (2026-08-18)
|
|
2
12
|
|
|
3
13
|
### 🚀 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 +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,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.55.
|
|
3
|
+
"version": "2.55.1",
|
|
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.1",
|
|
64
|
+
"@viasat/beam-shared": "2.55.1",
|
|
65
|
+
"@viasat/beam-styles": "2.55.1",
|
|
66
|
+
"@viasat/beam-tokens": "2.55.1",
|
|
67
|
+
"@viasat/beam-icons": "2.55.1",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.55.1",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|