@viasat/beam-react 2.2.1 → 2.9.0
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/assets/ActionList.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/RadioButton.css +1 -1
- package/assets/Search.Results.css +1 -0
- package/assets/card.css +1 -1
- package/assets/panel.css +1 -0
- package/chunks/ActionList.Group.B4PX5SKS.js +111 -0
- package/chunks/ActionList.Group.C2R56u2A.js +1 -0
- package/chunks/ActionList.Item.5Y-SwzjK.js +1 -0
- package/chunks/{ActionList.Item.Dg_KHGsm.js → ActionList.Item.BFcT86lS.js} +3 -2
- package/chunks/Search.Results.Item.CLmMBPz1.js +41 -0
- package/chunks/Search.Results.Item.Dkh2yo4p.js +1 -0
- package/chunks/card.module.8KnCe1uR.js +1 -0
- package/chunks/{card.module.Dy87qmTH.js → card.module.ByBYpexJ.js} +12 -6
- package/chunks/dom.DGM-dxLe.js +21 -0
- package/chunks/dom.zgzOBFUw.js +1 -0
- package/chunks/{form.context.B1PXIJNq.js → form.context.B26th8Od.js} +1 -1
- package/chunks/{form.context.CNWjF5qA.js → form.context.CfsTSQpm.js} +1 -1
- package/chunks/panel.module.BVm3KvDs.js +40 -0
- package/chunks/panel.module.BX1x4FlX.js +1 -0
- package/chunks/tokens.BD_71qmL.js +19 -0
- package/chunks/tokens.Bc11gmpN.js +1 -0
- package/index.cjs.js +1 -1
- package/index.es.js +17 -15
- package/lib/ActionList/ActionList.Group.cjs.js +1 -1
- package/lib/ActionList/ActionList.Group.d.ts +7 -4
- 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 +3 -3
- package/lib/ActionList/ActionList.cjs.js +1 -1
- package/lib/ActionList/ActionList.d.ts +1 -1
- package/lib/ActionList/ActionList.es.js +54 -54
- 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 +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +1 -1
- package/lib/Autocomplete/useAutocompleteA11y.cjs.js +1 -1
- package/lib/Autocomplete/useAutocompleteA11y.es.js +1 -1
- package/lib/Autocomplete/useAutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/useAutocompleteDropdown.es.js +1 -1
- package/lib/Box/utils.cjs.js +1 -0
- package/lib/Box/utils.d.ts +6 -0
- package/lib/Box/utils.es.js +12 -0
- package/lib/Button/Button.cjs.js +1 -1
- package/lib/Button/Button.es.js +1 -1
- package/lib/Card/Card.Body.cjs.js +1 -1
- package/lib/Card/Card.Body.es.js +1 -1
- package/lib/Card/Card.Content.cjs.js +1 -1
- package/lib/Card/Card.Content.es.js +12 -17
- package/lib/Card/Card.Footer.cjs.js +1 -1
- package/lib/Card/Card.Footer.d.ts +1 -1
- package/lib/Card/Card.Footer.es.js +1 -1
- package/lib/Card/Card.Header.cjs.js +1 -1
- package/lib/Card/Card.Header.es.js +1 -1
- package/lib/Card/Card.Media.cjs.js +1 -1
- package/lib/Card/Card.Media.es.js +1 -1
- package/lib/Card/Card.cjs.js +1 -1
- package/lib/Card/Card.d.ts +61 -18
- package/lib/Card/Card.es.js +181 -82
- package/lib/Card/CardContext.cjs.js +1 -1
- package/lib/Card/CardContext.d.ts +10 -8
- package/lib/Card/CardContext.es.js +7 -12
- package/lib/Card/CardGroup.cjs.js +1 -0
- package/lib/Card/CardGroup.d.ts +55 -0
- package/lib/Card/CardGroup.es.js +67 -0
- package/lib/Card/card.utils.cjs.js +1 -0
- package/lib/Card/card.utils.d.ts +7 -0
- package/lib/Card/card.utils.es.js +14 -0
- package/lib/Card/index.cjs.js +1 -1
- package/lib/Card/index.d.ts +9 -1
- package/lib/Card/index.es.js +4 -2
- package/lib/Card/useCardGroup.cjs.js +1 -0
- package/lib/Card/useCardGroup.d.ts +27 -0
- package/lib/Card/useCardGroup.es.js +42 -0
- package/lib/Card/useCardGroupValue.cjs.js +1 -0
- package/lib/Card/useCardGroupValue.d.ts +14 -0
- package/lib/Card/useCardGroupValue.es.js +29 -0
- package/lib/Checkbox/Checkbox.cjs.js +1 -1
- package/lib/Checkbox/Checkbox.es.js +1 -1
- package/lib/Dialog/Dialog.Trigger.cjs.js +1 -1
- package/lib/Dialog/Dialog.Trigger.es.js +7 -6
- package/lib/EmptyState/EmptyState.cjs.js +1 -1
- package/lib/EmptyState/EmptyState.es.js +1 -1
- package/lib/FileUpload/FileUpload.List.Item.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.List.Item.es.js +20 -20
- package/lib/FileUpload/FileUpload.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.es.js +1 -1
- package/lib/FloatingUI/index.cjs.js +1 -1
- package/lib/FloatingUI/index.d.ts +1 -0
- package/lib/FloatingUI/index.es.js +7 -5
- package/lib/FloatingUI/useBlur.cjs.js +1 -0
- package/lib/FloatingUI/useBlur.d.ts +8 -0
- package/lib/FloatingUI/useBlur.es.js +15 -0
- package/lib/FloatingUI/useTyping.cjs.js +1 -0
- package/lib/FloatingUI/useTyping.d.ts +10 -0
- package/lib/FloatingUI/useTyping.es.js +42 -0
- package/lib/Form/Form.cjs.js +1 -1
- package/lib/Form/Form.es.js +1 -1
- package/lib/Form/contexts/form.context.cjs.js +1 -1
- package/lib/Form/contexts/form.context.es.js +1 -1
- package/lib/Form/contexts/index.cjs.js +1 -1
- package/lib/Form/contexts/index.es.js +1 -1
- package/lib/Form/hooks/index.cjs.js +1 -1
- package/lib/Form/hooks/index.es.js +1 -1
- package/lib/Form/hooks/useFieldValidator.hook.cjs.js +1 -1
- package/lib/Form/hooks/useFieldValidator.hook.es.js +2 -2
- package/lib/HelperText/HelperText.cjs.js +1 -1
- package/lib/HelperText/HelperText.es.js +1 -1
- package/lib/HelperText/index.cjs.js +1 -1
- package/lib/HelperText/index.es.js +1 -1
- package/lib/InputChoiceGroup/InputChoiceGroup.cjs.js +1 -1
- package/lib/InputChoiceGroup/InputChoiceGroup.es.js +1 -1
- package/lib/Label/Label.cjs.js +1 -1
- package/lib/Label/Label.es.js +1 -1
- package/lib/Link/Link.cjs.js +1 -1
- package/lib/Link/Link.es.js +6 -6
- package/lib/NativeSelect/NativeSelect.cjs.js +1 -1
- package/lib/NativeSelect/NativeSelect.es.js +1 -1
- package/lib/Popover/Popover.cjs.js +1 -1
- package/lib/Popover/Popover.es.js +1 -1
- package/lib/Popover/Popover.trigger.cjs.js +1 -1
- package/lib/Popover/Popover.trigger.es.js +7 -6
- package/lib/Popover/Popover.utils.cjs.js +1 -1
- package/lib/Popover/Popover.utils.es.js +1 -1
- package/lib/ProgressBar/ProgressBar.cjs.js +1 -1
- package/lib/ProgressBar/ProgressBar.es.js +1 -1
- package/lib/RadioButton/RadioButton.cjs.js +1 -1
- package/lib/RadioButton/RadioButton.es.js +1 -1
- package/lib/Select/Select.cjs.js +1 -1
- package/lib/Select/Select.es.js +1 -1
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +1 -1
- package/lib/Select/useSelectA11y.cjs.js +1 -1
- package/lib/Select/useSelectA11y.es.js +1 -1
- 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/lib/Slider/DualSlider.cjs.js +1 -1
- package/lib/Slider/DualSlider.d.ts +1 -1
- package/lib/Slider/DualSlider.es.js +73 -72
- package/lib/Slider/SingleSlider.cjs.js +1 -1
- package/lib/Slider/SingleSlider.d.ts +1 -1
- package/lib/Slider/SingleSlider.es.js +52 -51
- package/lib/Slider/Slider.Error.cjs.js +1 -1
- package/lib/Slider/Slider.Error.es.js +1 -1
- package/lib/Slider/Slider.Thumb.cjs.js +1 -1
- package/lib/Slider/Slider.Thumb.es.js +1 -1
- package/lib/Slider/Slider.cjs.js +1 -1
- package/lib/Slider/Slider.d.ts +1 -3
- package/lib/Slider/Slider.es.js +13 -11
- package/lib/Slider/Slider.types.d.ts +1 -1
- package/lib/Slider/hooks/useSliderBase.cjs.js +1 -1
- package/lib/Slider/hooks/useSliderBase.es.js +1 -1
- package/lib/Switch/Switch.cjs.js +1 -1
- package/lib/Switch/Switch.es.js +1 -1
- package/lib/Tabs/Tabs.Group.cjs.js +1 -1
- package/lib/Tabs/Tabs.Group.es.js +1 -1
- package/lib/TextArea/TextArea.cjs.js +1 -1
- package/lib/TextArea/TextArea.es.js +1 -1
- package/lib/TextField/TextField.cjs.js +1 -1
- package/lib/TextField/TextField.es.js +1 -1
- package/lib/Tooltip/Tooltip.cjs.js +1 -1
- package/lib/Tooltip/Tooltip.es.js +9 -9
- package/lib/_Options/useSelectValue.cjs.js +1 -1
- package/lib/_Options/useSelectValue.es.js +1 -1
- package/lib/index.cjs.js +1 -1
- package/lib/index.es.js +18 -16
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Body.d.ts +11 -0
- package/lib/wip/Panel/Panel.Body.es.js +17 -0
- package/lib/wip/Panel/Panel.Footer.Actions.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Footer.Actions.d.ts +17 -0
- package/lib/wip/Panel/Panel.Footer.Actions.es.js +22 -0
- package/lib/wip/Panel/Panel.Footer.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Footer.d.ts +20 -0
- package/lib/wip/Panel/Panel.Footer.es.js +24 -0
- package/lib/wip/Panel/Panel.Header.ContentAfter.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.ContentAfter.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.ContentAfter.es.js +17 -0
- package/lib/wip/Panel/Panel.Header.ContentBefore.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.ContentBefore.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.ContentBefore.es.js +17 -0
- package/lib/wip/Panel/Panel.Header.Description.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.Description.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.Description.es.js +17 -0
- package/lib/wip/Panel/Panel.Header.Heading.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.Heading.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.Heading.es.js +17 -0
- package/lib/wip/Panel/Panel.Header.Row.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.Row.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.Row.es.js +29 -0
- package/lib/wip/Panel/Panel.Header.Subheader.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.Subheader.d.ts +11 -0
- package/lib/wip/Panel/Panel.Header.Subheader.es.js +17 -0
- package/lib/wip/Panel/Panel.Header.cjs.js +1 -0
- package/lib/wip/Panel/Panel.Header.d.ts +40 -0
- package/lib/wip/Panel/Panel.Header.es.js +34 -0
- package/lib/wip/Panel/Panel.cjs.js +1 -0
- package/lib/wip/Panel/Panel.context.cjs.js +1 -0
- package/lib/wip/Panel/Panel.context.d.ts +21 -0
- package/lib/wip/Panel/Panel.context.es.js +11 -0
- package/lib/wip/Panel/Panel.d.ts +45 -0
- package/lib/wip/Panel/Panel.es.js +117 -0
- package/lib/wip/Panel/Panel.helpers.cjs.js +1 -0
- package/lib/wip/Panel/Panel.helpers.d.ts +13 -0
- package/lib/wip/Panel/Panel.helpers.es.js +40 -0
- package/lib/wip/Panel/Panel.types.cjs.js +1 -0
- package/lib/wip/Panel/Panel.types.d.ts +76 -0
- package/lib/wip/Panel/Panel.types.es.js +1 -0
- package/lib/wip/Panel/index.cjs.js +1 -0
- package/lib/wip/Panel/index.d.ts +12 -0
- package/lib/wip/Panel/index.es.js +4 -0
- package/lib/wip/Search/Search.Results.Item.cjs.js +1 -0
- package/lib/wip/Search/Search.Results.Item.d.ts +8 -0
- package/lib/wip/Search/Search.Results.Item.es.js +12 -0
- package/lib/wip/Search/Search.Results.cjs.js +1 -0
- package/lib/wip/Search/Search.Results.d.ts +12 -0
- package/lib/wip/Search/Search.Results.es.js +19 -0
- package/lib/wip/Search/Search.cjs.js +1 -0
- package/lib/wip/Search/Search.d.ts +88 -0
- package/lib/wip/Search/Search.es.js +157 -0
- package/lib/wip/Search/SearchDropdown.cjs.js +1 -0
- package/lib/wip/Search/SearchDropdown.d.ts +19 -0
- package/lib/wip/Search/SearchDropdown.es.js +71 -0
- package/lib/wip/Search/index.cjs.js +1 -0
- package/lib/wip/Search/index.d.ts +1 -0
- package/lib/wip/Search/index.es.js +4 -0
- package/lib/wip/Search/useSearchDropdown.cjs.js +1 -0
- package/lib/wip/Search/useSearchDropdown.d.ts +875 -0
- package/lib/wip/Search/useSearchDropdown.es.js +92 -0
- package/lib/wip/index.cjs.js +1 -1
- package/lib/wip/index.d.ts +2 -0
- package/lib/wip/index.es.js +6 -1
- package/package.json +6 -6
- package/utils/hooks/index.cjs.js +1 -1
- package/utils/hooks/index.d.ts +1 -0
- package/utils/hooks/index.es.js +33 -31
- package/utils/hooks/useDebounced.cjs.js +1 -0
- package/utils/hooks/useDebounced.d.ts +5 -0
- package/utils/hooks/useDebounced.es.js +18 -0
- package/utils/hooks/useEffectAfterMount.cjs.js +1 -0
- package/utils/hooks/useEffectAfterMount.d.ts +2 -0
- package/utils/hooks/useEffectAfterMount.es.js +14 -0
- package/utils/hooks/useInteractiveProps.cjs.js +1 -0
- package/utils/hooks/useInteractiveProps.d.ts +24 -0
- package/utils/hooks/useInteractiveProps.es.js +31 -0
- package/chunks/ActionList.Group.Bv9vgU22.js +0 -1
- package/chunks/ActionList.Group.DuNxYNZQ.js +0 -107
- package/chunks/ActionList.Item.D7Rg5iMb.js +0 -1
- package/chunks/card.module.BG9mkRao.js +0 -1
- package/chunks/dom.CVmkHCnh.js +0 -21
- package/chunks/dom.PCrm8EUc.js +0 -1
- package/chunks/tokens.Bgac_JPh.js +0 -1
- package/chunks/tokens.CXaNS8Cf.js +0 -13
package/lib/Slider/Slider.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),v=require("react"),j=require("./SingleSlider.cjs.js"),D=require("./DualSlider.cjs.js"),M=require("./hooks/useSliderBase.cjs.js"),R=v.forwardRef(function(e,r){const{name:u,validationRules:d,disabled:t,readOnly:n,required:o,className:S,range:c,step:b,min:_,max:y,label:m,valueAxis:q,showValueAxisLabels:x,error:A,"aria-label":f,"aria-labelledby":g,...l}=e,a=M.useSliderBase({name:u,validationRules:d,disabled:t,readOnly:n,required:o,className:S,range:c,step:b,min:_,max:y,label:m,valueAxis:q,showValueAxisLabels:x,error:A,ariaLabel:f,ariaLabelledBy:g},r);return Array.isArray(e.value)||Array.isArray(e.defaultValue)?i.jsx(D.DualSlider,{ref:r,base:a,...l}):i.jsx(j.SingleSlider,{ref:r,base:a,...l})}),s=R;exports.Slider=s;exports.default=s;
|
package/lib/Slider/Slider.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { SliderProps } from './Slider.types';
|
|
3
|
-
export declare const Slider:
|
|
4
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
5
|
-
}) => React.ReactElement;
|
|
3
|
+
export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
4
|
export default Slider;
|
|
7
5
|
export type { SliderProps } from './Slider.types';
|
package/lib/Slider/Slider.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import D from "react";
|
|
3
3
|
import { SingleSlider as L } from "./SingleSlider.es.js";
|
|
4
4
|
import { DualSlider as R } from "./DualSlider.es.js";
|
|
5
5
|
import { useSliderBase as g } from "./hooks/useSliderBase.es.js";
|
|
6
6
|
const w = D.forwardRef(
|
|
7
|
-
function(
|
|
7
|
+
function(a, e) {
|
|
8
8
|
const {
|
|
9
9
|
name: o,
|
|
10
10
|
validationRules: s,
|
|
@@ -22,8 +22,8 @@ const w = D.forwardRef(
|
|
|
22
22
|
error: p,
|
|
23
23
|
"aria-label": x,
|
|
24
24
|
"aria-labelledby": v,
|
|
25
|
-
...
|
|
26
|
-
} =
|
|
25
|
+
...r
|
|
26
|
+
} = a, l = g(
|
|
27
27
|
{
|
|
28
28
|
name: o,
|
|
29
29
|
validationRules: s,
|
|
@@ -42,19 +42,21 @@ const w = D.forwardRef(
|
|
|
42
42
|
ariaLabel: x,
|
|
43
43
|
ariaLabelledBy: v
|
|
44
44
|
},
|
|
45
|
-
|
|
45
|
+
e
|
|
46
46
|
);
|
|
47
|
-
return Array.isArray(
|
|
47
|
+
return Array.isArray(a.value) || Array.isArray(a.defaultValue) ? /* @__PURE__ */ i(
|
|
48
48
|
R,
|
|
49
49
|
{
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
ref: e,
|
|
51
|
+
base: l,
|
|
52
|
+
...r
|
|
52
53
|
}
|
|
53
|
-
) : /* @__PURE__ */
|
|
54
|
+
) : /* @__PURE__ */ i(
|
|
54
55
|
L,
|
|
55
56
|
{
|
|
56
|
-
|
|
57
|
-
|
|
57
|
+
ref: e,
|
|
58
|
+
base: l,
|
|
59
|
+
...r
|
|
58
60
|
}
|
|
59
61
|
);
|
|
60
62
|
}
|
|
@@ -4,7 +4,7 @@ export type MarksSource = 'step' | 'valueAxis' | 'none';
|
|
|
4
4
|
/**
|
|
5
5
|
* Base props shared between Single and Dual slider modes
|
|
6
6
|
*/
|
|
7
|
-
interface BaseSliderProps extends Omit<React.
|
|
7
|
+
interface BaseSliderProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'value' | 'defaultValue'> {
|
|
8
8
|
/**
|
|
9
9
|
* Specify the range of the Slider, minimum and maximum values
|
|
10
10
|
* @default [0, 100]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),W=require("../../../chunks/classNames.DAeKwerT.js"),m=require("../../../chunks/slider.module.Ds7jMW6I.js"),X=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("react/jsx-runtime");const Y=require("../../../chunks/form.context.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),W=require("../../../chunks/classNames.DAeKwerT.js"),m=require("../../../chunks/slider.module.Ds7jMW6I.js"),X=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("react/jsx-runtime");const Y=require("../../../chunks/form.context.B26th8Od.js");require("../../Form/contexts/label.context.cjs.js");require("../../Form/contexts/helperText.context.cjs.js");const Z=require("../../../utils/hooks/index.cjs.js"),$=require("../utils/slider.validation.utils.cjs.js"),r=require("../utils/slider.rendering.utils.cjs.js"),q=require("../slider.constants.cjs.js");function ee(p,x){const{name:l,validationRules:A=[],disabled:C=!1,readOnly:R=!1,required:I=!1,className:L,range:N=q.DEFAULT_RANGE,step:y=q.DEFAULT_STEP,min:E=null,max:P=null,label:i,valueAxis:a,showValueAxisLabels:n=!0,error:t,ariaLabel:S,ariaLabelledBy:g}=p,{showErrors:h,isInvalid:o,disabled:d,readOnly:c,required:k}=Y.useFormField({name:l,validationRules:A,disabledProp:C,readOnlyProp:R,requiredProp:I}),{normalizedRange:v,normalizedStep:T,normalizedMin:F,normalizedMax:B}=$.validateSliderRange(N,y,E,P),{refFn:M}=X.useUniversalRef(x),u=f.useRef(null),O=f.useRef(null),{id:z}=s.useAccessibleId(),{id:U}=s.useAccessibleId(),{id:b}=s.useAccessibleId(),{id:D}=s.useAccessibleId(),{id:w}=s.useAccessibleId(),H=Z.useRTLDirection(u),e=W.getBEMClassNames("slider"),_=!!t||o,{containerClassName:j,trackClassName:G,fillClassName:V}=r.getSliderClassNames(e.baseClassNamePrefix,e.subElementClassPrefix,e.classModifierPrefix,d,c,_,L,m.styles),J=r.getContentContainerClassName(e.subElementClassPrefix,e.classModifierPrefix,n,a,m.styles),{finalAriaLabel:K,finalAriaLabelledBy:Q}=r.getAriaLabelProps(S,g,i,b);return{showErrors:h,isInvalid:o,disabled:d,readOnly:c,required:k,normalizedRange:v,normalizedStep:T,normalizedMin:F,normalizedMax:B,containerRef:M,trackRef:u,internalInputRef:O,ids:{validationErrors:z,error:U,fallbackLabel:b,helperText:D,input:w},isRTL:H,bem:e,classNames:{container:j,track:G,fill:V,contentContainer:J},aria:{label:K,labelledBy:Q},hasError:_,label:i,valueAxis:a,showValueAxisLabels:n,name:l,error:t}}exports.useSliderBase=ee;
|
|
@@ -4,7 +4,7 @@ import { s as u } from "../../../chunks/slider.module.BW1fy3GU.js";
|
|
|
4
4
|
import { useUniversalRef as Q } from "../../Form/hooks/useUniversalRef.hook.es.js";
|
|
5
5
|
import { useAccessibleId as r } from "../../Form/hooks/useAccessibleId.hook.es.js";
|
|
6
6
|
import "react/jsx-runtime";
|
|
7
|
-
import { b as W } from "../../../chunks/form.context.
|
|
7
|
+
import { b as W } from "../../../chunks/form.context.CfsTSQpm.js";
|
|
8
8
|
import "../../Form/contexts/label.context.es.js";
|
|
9
9
|
import "../../Form/contexts/helperText.context.es.js";
|
|
10
10
|
import { useRTLDirection as X } from "../../../utils/hooks/index.es.js";
|
package/lib/Switch/Switch.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var W=require("../../assets/Switch.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),z=require("clsx"),A=require("../../chunks/classNames.DAeKwerT.js"),J=require("../../chunks/constants.hwjHOsvT.js"),t=require("react"),K=require("../InputChoiceGroup/InputChoiceGroup.context.cjs.js"),L=require("../../chunks/form.context.
|
|
1
|
+
var W=require("../../assets/Switch.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),z=require("clsx"),A=require("../../chunks/classNames.DAeKwerT.js"),J=require("../../chunks/constants.hwjHOsvT.js"),t=require("react"),K=require("../InputChoiceGroup/InputChoiceGroup.context.cjs.js"),L=require("../../chunks/form.context.B26th8Od.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-switch--read-only":"bm-switch--read-only","bm-switch--disabled":"bm-switch--disabled","bm-switch__label":"bm-switch__label","bm-switch":"bm-switch","bm-switch__switchBackground":"bm-switch__switchBackground","bm-switch--before":"bm-switch--before","bm-switch--after":"bm-switch--after"},{baseClassNamePrefix:Q,subElementClassPrefix:q,classModifierPrefix:h}=A.getBEMClassNames("switch"),U=t.forwardRef(function({theme:u,onText:i,offText:r,textPosition:b,readOnly:N,disabled:R,...m},j){const{value:x,checked:n,defaultChecked:I,onChange:C,onClick:f,name:S}=m,{ctxName:B,ctxDisabled:O,ctxReadOnly:$}=t.useContext(K.InputChoiceGroupContext),{ctxDisabled:v,ctxReadOnly:D,ctxInitialValues:E}=t.useContext(L.FormContext),l=n!==void 0,w=S||B,o=R||O||v,c=N||$||D,F=!!x&&E[w]===x,k=I||F,_=t.useRef(null),[d,p]=t.useState(n??k??!1),[y,G]=t.useState(null),M=e=>{if(c){e.preventDefault();return}!l&&p(e.target.checked),C&&C(e)},P=e=>{if(c){e.preventDefault();return}f&&f(e)},g=e=>{const{target:T}=e,{current:V}=_;T===V&&e.stopPropagation()};t.useEffect(()=>{l&&p(n)},[n,l]),t.useEffect(()=>{G(d?i||r:r||i)},[i,r,d]);const H=z(s[Q],u&&J.themeClassName(u),b&&s[`${h}${b}`],o&&s[`${h}disabled`],c&&s[`${h}read-only`]);return a.jsx("div",{className:H,children:a.jsxs("label",{tabIndex:-1,ref:_,onBlur:g,onFocus:g,className:s[`${q}label`],children:[a.jsx("input",{ref:j,role:"switch",type:"checkbox",name:w,readOnly:c,disabled:o,"aria-disabled":o,"aria-readonly":c,"aria-checked":d,defaultChecked:k,onClick:P,onChange:M,...m}),a.jsx("span",{className:s[`${q}switchBackground`]}),y&&a.jsx("span",{children:y})]})})});exports.Switch=U;
|
package/lib/Switch/Switch.es.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as Q } from "../../chunks/classNames.DNsS4J__.js";
|
|
|
5
5
|
import { t as U } from "../../chunks/constants.BBi77pmH.js";
|
|
6
6
|
import d, { forwardRef as W, useState as N, useEffect as R } from "react";
|
|
7
7
|
import { InputChoiceGroupContext as X } from "../InputChoiceGroup/InputChoiceGroup.context.es.js";
|
|
8
|
-
import { F as Y } from "../../chunks/form.context.
|
|
8
|
+
import { F as Y } from "../../chunks/form.context.CfsTSQpm.js";
|
|
9
9
|
import "../Form/contexts/label.context.es.js";
|
|
10
10
|
import "../Form/contexts/helperText.context.es.js";
|
|
11
11
|
const t = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),$=require("../Box/Box.cjs.js"),K=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../../chunks/helpers.COm6C5Gf.js"),m=require("clsx"),c=require("../../chunks/tabs.module.B6iC5RD9.js"),U=require("../../chunks/tokens.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),$=require("../Box/Box.cjs.js"),K=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../../chunks/helpers.COm6C5Gf.js"),m=require("clsx"),c=require("../../chunks/tabs.module.B6iC5RD9.js"),U=require("../../chunks/tokens.Bc11gmpN.js"),X=require("../Button/Button.cjs.js"),O=require("../../chunks/ChevronLeftCurved.JKg9pOxN.js"),N=require("../../chunks/ChevronRightCurved.CoT-Bqyo.js"),Y=require("./TabsContext.cjs.js"),k=require("../../utils/hooks/index.cjs.js"),Z=({children:d,className:h,...f})=>{const{selectedValue:g,setSelectedValue:v,setTabItems:S,fluid:y,orientation:C,setGroupRef:x}=Y.useTabs(),[M,E]=i.useState(!1),[z,G]=i.useState(!1),l=i.useRef(null),{subElementClassPrefix:H}=K.getBEMClassNames("tabs"),n=`${H}group`,s=k.useRTLDirection(l),L=C==="horizontal",R=k.useMobileDetection(),[I,D]=i.useState(!0),[P,V]=i.useState(!1),[F,J]=i.useState(!1);i.useEffect(()=>{if(!g){const t=i.Children.toArray(d);if(t.length===0)return;if(t.length===1){const e=t[0];v(e.props.value),S([e.props.value]);return}const o=t.filter(e=>!e.props.disabled);o.length>0&&v(o[0].props.value),S(t.map(e=>e.props.value))}},[]),i.useEffect(()=>{x(l)},[x]);const _=i.useCallback(()=>{if(!l.current)return;const{scrollLeft:t,scrollWidth:o,clientWidth:e}=l.current,r=2,u=s?{isAtStart:Math.abs(t)<=r,isAtEnd:Math.abs(t)>=o-e-r}:{isAtEnd:t>=o-e-r,isAtStart:t<=r};D(u.isAtStart),V(u.isAtEnd),E(o>e&&!u.isAtEnd),G(o>e&&!u.isAtStart)},[s]);i.useEffect(()=>{if(!L||!l.current)return;const t=l.current,o=()=>{if(!t)return;const{scrollWidth:u,clientWidth:p}=t,b=u>p;J(b),E(b),l.current&&l.current.classList.add(c.styles[`${n}--at-start`]),_()};o(),t.addEventListener("scroll",_,{passive:!0});const e=Q.debounce(o),r=new ResizeObserver(e);return r.observe(t),()=>{t.removeEventListener("scroll",_),r.disconnect(),e.cancel()}},[C,d,_,n,L]);const T=()=>{if(!l.current)return;const t=l.current;s?j(t):w(t)},A=()=>{if(!l.current)return;const t=l.current;s?w(t):j(t)},B=.4,q=.7,j=t=>{const{scrollLeft:o}=t,e=t.clientWidth*B;if(Math.abs(o)<e)t.scrollTo({left:0,behavior:"smooth"});else{const r=t.clientWidth*q;t.scrollBy({left:s?r:-r,behavior:"smooth"})}},w=t=>{const{scrollLeft:o,scrollWidth:e,clientWidth:r}=t,u=s?e-r-Math.abs(o):e-r-o,p=r*B;if(u<p)t.scrollTo({left:s?-(e-r):e-r,behavior:"smooth"});else{const b=t.clientWidth*q;t.scrollBy({left:s?-b:b,behavior:"smooth"})}};return a.jsxs($.Box,{className:m(c.styles[n],y&&c.styles[`${n}--fluid`],C==="vertical"&&c.styles[`${n}--vertical`],h),...f,children:[a.jsx("div",{className:m(c.styles[`${n}__content`],F&&c.styles[`${n}__content--scrollable`],I&&c.styles[`${n}__content--at-start`],P&&c.styles[`${n}__content--at-end`]),ref:l,role:"tablist","aria-orientation":C,"data-direction":s?"rtl":"ltr",children:d}),L&&a.jsxs($.Box,{className:c.styles[`${n}__scroll-container`],...f,children:[a.jsx(W,{side:s?"right":"left",baseClass:n,isVisible:z&&!R,onClick:s?T:A,ariaLabel:s?"Scroll tabs right":"Scroll tabs left",icon:s?a.jsx(N.SvgChevronRightCurved,{}):a.jsx(O.SvgChevronLeftCurved,{})}),a.jsx(W,{side:s?"left":"right",baseClass:n,isVisible:M&&!R,onClick:s?A:T,ariaLabel:s?"Scroll tabs left":"Scroll tabs right",icon:s?a.jsx(O.SvgChevronLeftCurved,{}):a.jsx(N.SvgChevronRightCurved,{})})]})]})},W=({side:d,baseClass:h,isVisible:f,onClick:g,ariaLabel:v,icon:S})=>{const y=m(c.styles[`${h}__scroll-button`],f&&c.styles[`${h}__scroll-button--visible`]);return a.jsx("div",{className:m(c.styles[`${h}__scroll-container--${d}`]),"aria-hidden":"true",children:f&&a.jsx(X.Button,{className:y,onClick:g,"aria-label":v,kind:"ghost",size:"sm",productType:"consumer",iconOnly:!0,iconBefore:S,appearance:"neutral-subtle",style:{background:U.bmSemColorSurface01}})})};exports.TabsGroup=Z;
|
|
@@ -6,7 +6,7 @@ import "../../chunks/constants.BBi77pmH.js";
|
|
|
6
6
|
import { d as Z } from "../../chunks/helpers.Wv7n4ip7.js";
|
|
7
7
|
import _ from "clsx";
|
|
8
8
|
import { s as c } from "../../chunks/tabs.module.DIdPGCch.js";
|
|
9
|
-
import { a as tt } from "../../chunks/tokens.
|
|
9
|
+
import { a as tt } from "../../chunks/tokens.BD_71qmL.js";
|
|
10
10
|
import { Button as et } from "../Button/Button.es.js";
|
|
11
11
|
import { S as x } from "../../chunks/ChevronLeftCurved.CX7aH27X.js";
|
|
12
12
|
import { S as z } from "../../chunks/ChevronRightCurved.9hi9Zc8J.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.
|
|
1
|
+
var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.B26th8Od.js"),ve=require("../../chunks/constants.hwjHOsvT.js"),pe=require("../../chunks/classNames.DAeKwerT.js"),ye=require("../Form/contexts/label.context.cjs.js"),je=require("../Form/contexts/helperText.context.cjs.js"),O=require("../Form/hooks/useUniversalRef.hook.cjs.js"),f=require("../Form/hooks/useAccessibleId.hook.cjs.js");function qe(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const q=qe(ge),k=new WeakMap;async function $e(e){const r=e.offsetHeight,t=e.clientHeight,i=r-t;e.style.overflow="hidden",e.scrollHeight===t&&(e.style.height="0");const c=e.scrollHeight;e.style.height=`${c+i}px`}const E=(e,r)=>{const t=k.get(e);if(k.set(e,r),!r){t&&(e.style.height="unset",e.style.overflow="visible");return}$e(e)},s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-text-area":"bm-text-area","bm-text-area--disabled":"bm-text-area--disabled","bm-text-area--error":"bm-text-area--error","bm-text-area__header":"bm-text-area__header","bm-text-area__counter":"bm-text-area__counter","bm-text-area__field":"bm-text-area__field","bm-text-area__input":"bm-text-area__input","bm-text-area--read-only":"bm-text-area--read-only","bm-text-area--fluid":"bm-text-area--fluid","bm-text-area--hide-resize":"bm-text-area--hide-resize","bm-text-area--cols-width":"bm-text-area--cols-width"},{baseClassNamePrefix:He,subElementClassPrefix:m,classModifierPrefix:n}=pe.getBEMClassNames("text-area"),M=q.forwardRef(function({cols:e,width:r,error:t,theme:i,maxCount:c,label:C=null,fluid:D=!1,helperText:$=null,hideResize:S=!1,autoResize:o=!1,validationRules:V=[],className:z,hideRequiredMarker:L=!1,disabled:B=!1,readOnly:U=!1,required:A=!1,...W},G){const{id:J,name:h,value:_,onChange:g,maxLength:K,"aria-invalid":Q,defaultValue:X,"aria-describedby":Y,...Z}=W,ee=o?!0:S,{refFn:te,ref:v}=O.useUniversalRef(G),{refFn:se,ref:p}=O.useUniversalRef(null),{ctxDisabled:re,ctxReadOnly:ae,ctxRequired:ie,ctxInitialValues:ne,ctxRegister:le}=q.useContext(j.FormContext),{id:ce}=f.useAccessibleId(),{id:H}=f.useAccessibleId(),{id:I}=f.useAccessibleId(),{id:R}=f.useAccessibleId(),N=J||ce,{showErrors:oe,setErrors:de,isInvalid:ue,errorShown:be}=j.useFieldValidator(),xe=K||c,w=!!(t!=null&&t.length),fe=T($&&I,w&&H,be&&R,Y),F=!!t||ue,l=B||re,d=U||ae,P=A||ie,y=X||ne[h];!l&&le(h,V,de);const me=T(s[He],i&&ve.themeClassName(i),D&&s[`${n}fluid`],F&&s[`${n}error`],e&&s[`${n}cols-width`],l&&s[`${n}disabled`],d&&s[`${n}read-only`],ee&&s[`${n}hide-resize`],o&&s[`${n}auto-resize`],z);q.useEffect(()=>{const{current:u}=p,{current:b}=v,{length:x}=_||y||"";u&&(u.textContent=`${x}`),E(b,o)},[o,p,v,_,y]);const he=u=>{g==null||g(u);const{current:b}=p,{current:x}=v,{value:{length:_e}}=x;b&&(b.textContent=`${_e}`),E(x,o)};return a.jsxs("div",{className:me,style:{maxWidth:r},children:[a.jsxs("div",{className:s[`${m}header`],children:[a.jsx(ye.LabelProvider,{ctxHtmlFor:N,ctxDisabled:l,ctxRequired:P&&!L,children:C}),!!c&&a.jsxs("div",{className:s[`${m}counter`],children:[a.jsx("span",{ref:se}),"/",a.jsx("span",{children:c})]})]}),a.jsx("div",{className:s[`${m}field`],children:a.jsx("textarea",{id:N,name:h,ref:te,cols:e,value:_,readOnly:d,disabled:l,required:P,maxLength:xe,onChange:he,"aria-readonly":d,defaultValue:y,"aria-describedby":fe,"aria-disabled":l||d,"aria-invalid":F||Q,className:s[`${m}input`],...Z})}),a.jsxs(je.HelperTextProvider,{ctxId:I,ctxDisabled:l,children:[$,w&&a.jsx(j.HelperText,{id:H,appearance:"negative",children:t})]}),oe(R)]})});exports.TextArea=M;exports.default=M;
|
|
@@ -2,7 +2,7 @@ import "../../assets/TextArea.css";
|
|
|
2
2
|
import { jsxs as h, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import * as H from "react";
|
|
4
4
|
import D from "clsx";
|
|
5
|
-
import { F as pe, u as ge, H as ve } from "../../chunks/form.context.
|
|
5
|
+
import { F as pe, u as ge, H as ve } from "../../chunks/form.context.CfsTSQpm.js";
|
|
6
6
|
import { t as _e } from "../../chunks/constants.BBi77pmH.js";
|
|
7
7
|
import { g as ye } from "../../chunks/classNames.DNsS4J__.js";
|
|
8
8
|
import { LabelProvider as $e } from "../Form/contexts/label.context.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var ae=require("../../assets/TextField.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),Z=require("react"),q=require("clsx"),b=require("../../chunks/form.context.
|
|
1
|
+
var ae=require("../../assets/TextField.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),Z=require("react"),q=require("clsx"),b=require("../../chunks/form.context.B26th8Od.js"),ee=require("../../chunks/constants.hwjHOsvT.js"),te=require("../../chunks/classNames.DAeKwerT.js"),ie=require("../Form/contexts/label.context.cjs.js"),se=require("../Form/contexts/helperText.context.cjs.js"),le=require("../Form/hooks/useUniversalRef.hook.cjs.js"),u=require("../Form/hooks/useAccessibleId.hook.cjs.js");function re(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const l in s)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:()=>s[l]})}}return t.default=s,Object.freeze(t)}const F=re(Z),e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-text-field":"bm-text-field","bm-text-field--disabled":"bm-text-field--disabled","bm-text-field--error":"bm-text-field--error","bm-text-field__field":"bm-text-field__field","bm-text-field__input":"bm-text-field__input","bm-text-field--read-only":"bm-text-field--read-only","bm-text-field__content":"bm-text-field__content","bm-text-field--fluid":"bm-text-field--fluid","bm-text-field--ellipsis":"bm-text-field--ellipsis"},{baseClassNamePrefix:de,subElementClassPrefix:c,classModifierPrefix:d}=te.getBEMClassNames("text-field"),I=F.forwardRef(function({width:s,error:t,theme:l,label:a=null,contentAfter:x,contentBefore:f,fluid:N=!1,ellipse:P=!1,helperText:m=null,validationRules:R=[],className:O,hideRequiredMarker:T=!1,disabled:$=!1,readOnly:k=!1,required:D=!1,...C},M){const{id:_,name:o,"aria-invalid":E,defaultValue:H,"aria-describedby":S,...V}=C,{refFn:w}=le.useUniversalRef(M),{ctxDisabled:A,ctxReadOnly:B,ctxRequired:U,ctxInitialValues:z,ctxRegister:L}=F.useContext(b.FormContext),{id:p}=u.useAccessibleId(),{id:v}=u.useAccessibleId(),{id:h}=u.useAccessibleId(),{showErrors:W,setErrors:G,isInvalid:J,errorShown:K}=b.useFieldValidator(),y=!!(t!=null&&t.length),Q=q(m&&v,y&&p,K&&h,S),g=!!t||J,r=$||A,n=k||B,j=D||U,X=H||z[o];!r&&L(o,R,G);const Y=q(e[de],l&&ee.themeClassName(l),N&&e[`${d}fluid`],g&&e[`${d}error`],P&&e[`${d}ellipsis`],r&&e[`${d}disabled`],n&&e[`${d}read-only`],O);return i.jsxs("div",{className:Y,style:{maxWidth:s},children:[i.jsx(ie.LabelProvider,{ctxHtmlFor:_,ctxDisabled:r,ctxRequired:j&&!T,children:a}),i.jsxs("div",{className:e[`${c}field`],children:[f&&i.jsx("div",{className:e[`${c}content`],children:f}),i.jsx("input",{id:_,name:o,ref:w,readOnly:n,disabled:r,required:j,"aria-readonly":n,defaultValue:X,"aria-describedby":Q,"aria-disabled":r||n,"aria-invalid":g||E,className:e[`${c}input`],...V}),x&&i.jsx("div",{className:e[`${c}content`],children:x})]}),i.jsxs(se.HelperTextProvider,{ctxId:v,ctxDisabled:r,children:[m,y&&i.jsx(b.HelperText,{id:p,appearance:"negative",children:t})]}),W(h)]})});exports.TextField=I;exports.default=I;
|
|
@@ -2,7 +2,7 @@ import "../../assets/TextField.css";
|
|
|
2
2
|
import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
3
3
|
import * as N from "react";
|
|
4
4
|
import $ from "clsx";
|
|
5
|
-
import { F as Y, u as Z, H as ee } from "../../chunks/form.context.
|
|
5
|
+
import { F as Y, u as Z, H as ee } from "../../chunks/form.context.CfsTSQpm.js";
|
|
6
6
|
import { t as ie } from "../../chunks/constants.BBi77pmH.js";
|
|
7
7
|
import { g as te } from "../../chunks/classNames.DNsS4J__.js";
|
|
8
8
|
import { LabelProvider as le } from "../Form/contexts/label.context.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var N=require("../../assets/Tooltip.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),d=require("../FloatingUI/FloatingUI.trigger.cjs.js");require("../../chunks/FloatingUI.context.BULqADss.js");const w=require("../FloatingUI/FloatingUI.content.cjs.js"),p=require("../../chunks/tokens.
|
|
1
|
+
var N=require("../../assets/Tooltip.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),d=require("../FloatingUI/FloatingUI.trigger.cjs.js");require("../../chunks/FloatingUI.context.BULqADss.js");const w=require("../FloatingUI/FloatingUI.content.cjs.js"),p=require("../../chunks/tokens.Bc11gmpN.js"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("../../utils/hooks/index.cjs.js"),x=require("clsx"),b=require("../../chunks/CSSLookup.DESAWWRT.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-tooltip__icon-trigger":"bm-tooltip__icon-trigger","bm-tooltip":"bm-tooltip","bm-tooltip__arrow":"bm-tooltip__arrow","bm-tooltip__icon-trigger--disabled":"bm-tooltip__icon-trigger--disabled","bm-tooltip__icon-trigger--xs":"bm-tooltip__icon-trigger--xs","bm-tooltip__icon-trigger--sm":"bm-tooltip__icon-trigger--sm","bm-tooltip__icon-trigger--md":"bm-tooltip__icon-trigger--md","bm-tooltip__icon-trigger--lg":"bm-tooltip__icon-trigger--lg","bm-tooltip__icon-trigger--xl":"bm-tooltip__icon-trigger--xl"},{baseClassNamePrefix:I,subElementClassPrefix:_}=j.getBEMClassNames("tooltip");function f({children:e,portalled:r=!1,text:i,disabled:t,showDelay:a,role:c,...n}){const s=u.useCSSLookup(p.bmCompTooltipSpaceArrow),m=u.useCSSLookup(p.bmCompTooltipSpaceOffset),C=g.useMemo(()=>({edgePadding:b.parseSizeString(s),className:l[`${_}arrow`],hide:!1}),[s]),T=t?{}:{openOnHover:{restMs:a},openOnFocus:!0,openOnSelected:!0},q=c||{enabled:!0,role:"tooltip"};return o.jsxs(h.FloatingUIRoot,{...T,arrow:C,offset:b.parseSizeString(m),portalled:r,transitionConfig:{duration:{open:0,close:200}},role:q,...n,children:[o.jsx(S.Provider,{value:{disabled:t},children:o.jsx(d.Trigger,{children:e})}),o.jsx(F,{theme:n.theme,children:i})]})}const S=g.createContext({disabled:!1}),k=g.forwardRef(({children:e,size:r="md",type:i="button",className:t,...a},c)=>{const{disabled:n}=g.useContext(S),s=`${_}icon-trigger`,m=x(l[`${s}--${r}`],l[s],n&&l[`${_}icon-trigger--disabled`],t);return o.jsx(d.Trigger,{children:o.jsx("button",{ref:c,type:i,disabled:n,className:m,...a,"aria-label":"tooltip trigger",children:e})})});function F({children:e,theme:r,className:i,...t}){return o.jsx(w.Content,{className:x(r,l[I],i),...t,children:e})}exports.Tooltip=f;exports.TooltipIconTrigger=k;exports.default=f;
|
|
@@ -4,9 +4,9 @@ import { createContext as h, forwardRef as T, useContext as S, useMemo as N } fr
|
|
|
4
4
|
import { FloatingUIRoot as P } from "../FloatingUI/FloatingUI.root.es.js";
|
|
5
5
|
import { Trigger as _ } from "../FloatingUI/FloatingUI.trigger.es.js";
|
|
6
6
|
import "../../chunks/FloatingUI.context.2kPXcTvi.js";
|
|
7
|
-
import { Content as
|
|
8
|
-
import {
|
|
9
|
-
import { g as
|
|
7
|
+
import { Content as k } from "../FloatingUI/FloatingUI.content.es.js";
|
|
8
|
+
import { j as v, k as O } from "../../chunks/tokens.BD_71qmL.js";
|
|
9
|
+
import { g as $ } from "../../chunks/classNames.DNsS4J__.js";
|
|
10
10
|
import "../../chunks/constants.BBi77pmH.js";
|
|
11
11
|
import { useCSSLookup as c } from "../../utils/hooks/index.es.js";
|
|
12
12
|
import d from "clsx";
|
|
@@ -24,7 +24,7 @@ const m = {
|
|
|
24
24
|
"bm-tooltip__icon-trigger--md": "bm-tooltip__icon-trigger--md",
|
|
25
25
|
"bm-tooltip__icon-trigger--lg": "bm-tooltip__icon-trigger--lg",
|
|
26
26
|
"bm-tooltip__icon-trigger--xl": "bm-tooltip__icon-trigger--xl"
|
|
27
|
-
}, { baseClassNamePrefix:
|
|
27
|
+
}, { baseClassNamePrefix: j, subElementClassPrefix: p } = $("tooltip");
|
|
28
28
|
function J({
|
|
29
29
|
children: r,
|
|
30
30
|
portalled: e = !1,
|
|
@@ -34,7 +34,7 @@ function J({
|
|
|
34
34
|
role: a,
|
|
35
35
|
...n
|
|
36
36
|
}) {
|
|
37
|
-
const s = c(
|
|
37
|
+
const s = c(v), g = c(O), u = N(() => ({
|
|
38
38
|
edgePadding: b(s),
|
|
39
39
|
className: m[`${p}arrow`],
|
|
40
40
|
hide: !1
|
|
@@ -65,7 +65,7 @@ function J({
|
|
|
65
65
|
...n,
|
|
66
66
|
children: [
|
|
67
67
|
/* @__PURE__ */ t(f.Provider, { value: { disabled: o }, children: /* @__PURE__ */ t(_, { children: r }) }),
|
|
68
|
-
/* @__PURE__ */ t(
|
|
68
|
+
/* @__PURE__ */ t(E, { theme: n.theme, children: i })
|
|
69
69
|
]
|
|
70
70
|
}
|
|
71
71
|
);
|
|
@@ -94,16 +94,16 @@ const f = h({
|
|
|
94
94
|
) });
|
|
95
95
|
}
|
|
96
96
|
);
|
|
97
|
-
function
|
|
97
|
+
function E({
|
|
98
98
|
children: r,
|
|
99
99
|
theme: e,
|
|
100
100
|
className: i,
|
|
101
101
|
...o
|
|
102
102
|
}) {
|
|
103
103
|
return /* @__PURE__ */ t(
|
|
104
|
-
|
|
104
|
+
k,
|
|
105
105
|
{
|
|
106
|
-
className: d(e, m[
|
|
106
|
+
className: d(e, m[j], i),
|
|
107
107
|
...o,
|
|
108
108
|
children: r
|
|
109
109
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),_=require("../Form/hooks/useUniversalRef.hook.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("react/jsx-runtime");const z=require("../../chunks/form.context.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),_=require("../Form/hooks/useUniversalRef.hook.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("react/jsx-runtime");const z=require("../../chunks/form.context.B26th8Od.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const H=({value:e,defaultValue:E,onChange:o,name:d,multiple:v=!1},w)=>{const{refFn:A,ref:i}=_.useUniversalRef(w),{ctxInitialValues:O}=n.useContext(z.FormContext),a=E||O[d],m=n.useRef(a);m.current=a;const[B,b]=n.useState(a),V=e!==void 0,f=n.useRef(V);f.current=V;const R=V?e:B,s=n.useRef(o);s.current=o,n.useEffect(()=>{f.current||b(a)},[a]);const C=n.useCallback(t=>{var S;const u=Array.isArray(t)?t:t!==void 0&&t!==""&&t!==null?[t]:[],r=i.current;if(!r){console.warn("Component is controlled but selectRef is not set. This may lead to unexpected behavior."),(S=s.current)==null||S.call(s,{target:{value:t}});return}const l=Array.from(r.options),L=Array.from(r.selectedOptions);l.forEach(c=>{c.selected=u.includes(c.value)}),u.forEach(c=>{const x=l.find(P=>P.value===c);x&&r.appendChild(x)});const M=new Event("change",{bubbles:!0});if(r.dispatchEvent(M),M.defaultPrevented){Array.from(r.options).forEach(c=>{c.selected=L.includes(c)}),l.reverse().forEach(c=>{r.appendChild(c)});return}},[i]);n.useEffect(()=>{f.current&&b(e)},[e]);const g=n.useCallback(t=>{var u;f.current?(u=s.current)==null||u.call(s,t):b(Array.from(t.target.selectedOptions).filter(r=>r.selected&&r.value!=="").map(r=>r.value))},[]),k=n.useCallback(()=>{var r,l;const t=new FocusEvent("blur",{bubbles:!1}),u=new FocusEvent("focusout",{bubbles:!0});(r=i.current)==null||r.dispatchEvent(t),(l=i.current)==null||l.dispatchEvent(u)},[i]),y=n.useCallback(()=>{var t;f.current?(t=s.current)==null||t.call(s,{target:{value:m.current}}):b(m.current)},[]),p=n.useRef(null),q=n.useCallback(t=>{var u,r;A(t),t?(p.current=t.form,(r=p.current)==null||r.addEventListener("reset",y)):((u=p.current)==null||u.removeEventListener("reset",y),p.current=null)},[y,A]),h=n.useMemo(()=>({ref:q,value:I(R,v),onChange:g,name:d}),[q,v,R,g,d]);return n.useMemo(()=>({selectProps:h,value:h.value,singleValue:U(h.value),setValue:C,handleBlur:k}),[h,C,k])};function F(e){return e==null||e===""||Array.isArray(e)&&e.length===0}function T(e){return Array.isArray(e)}function I(e,E){const o=T(e);return E?o?e:F(e)?[]:[e]:o?F(e)?"":e[0]??"":e??""}function U(e){return T(e)?e.length>0?e[e.length-1]:void 0:e}exports.useSelectValue=H;
|
|
@@ -2,7 +2,7 @@ import q, { useRef as h, useState as D, useEffect as L, useCallback as f, useMem
|
|
|
2
2
|
import { useUniversalRef as G } from "../Form/hooks/useUniversalRef.hook.es.js";
|
|
3
3
|
import "../../chunks/constants.BBi77pmH.js";
|
|
4
4
|
import "react/jsx-runtime";
|
|
5
|
-
import { F as H } from "../../chunks/form.context.
|
|
5
|
+
import { F as H } from "../../chunks/form.context.CfsTSQpm.js";
|
|
6
6
|
import "../Form/contexts/label.context.es.js";
|
|
7
7
|
import "../Form/contexts/helperText.context.es.js";
|
|
8
8
|
const _ = ({
|
package/lib/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),s=require("./Alert/Alert.cjs.js"),c=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BkT8MeqE.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),s=require("./Alert/Alert.cjs.js"),c=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BkT8MeqE.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),B=require("./Box/Box.cjs.js"),g=require("./Checkbox/Checkbox.cjs.js"),P=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),N=require("./Flag/Flag.cjs.js"),m=require("./Form/Form.cjs.js"),h=require("../chunks/form.context.B26th8Od.js"),H=require("./Icon/Icon.cjs.js"),G=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),R=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),D=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),y=require("./List/List.cjs.js"),E=require("./ActionList/ActionList.cjs.js"),F=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.BJK1U8nL.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),ce=require("./Card/CardGroup.cjs.js"),de=require("../chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=s.Alert;exports.Autocomplete=c.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=B.Box;exports.Checkbox=g.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=N.Flag;exports.Form=m.Form;exports.HelperText=h.HelperText;exports.Icon=H.Icon;exports.SwitchGroup=G.SwitchGroup;exports.CheckboxGroup=R.CheckboxGroup;exports.RadioButtonGroup=D.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=y.List;exports.ActionList=E.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Slider=le.Slider;exports.Card=se.Card;exports.CardGroup=ce.CardGroup;exports.validators=de.validators;
|
package/lib/index.es.js
CHANGED
|
@@ -7,19 +7,19 @@ import { CloseButton as s } from "./CloseButton/CloseButton.es.js";
|
|
|
7
7
|
import { Button as A, ButtonIconWrap as l } from "./Button/Button.es.js";
|
|
8
8
|
import { Dialog as c } from "./Dialog/Dialog.es.js";
|
|
9
9
|
import { Breadcrumb as v } from "./Breadcrumbs/Breadcrumbs.es.js";
|
|
10
|
-
import { B as
|
|
10
|
+
import { B as C } from "../chunks/BreadcrumbsItem.CPJ-ECZa.js";
|
|
11
11
|
import { EmptyState as P } from "./EmptyState/EmptyState.es.js";
|
|
12
12
|
import { Badge as g } from "./Badge/Badge.es.js";
|
|
13
13
|
import { BadgeDot as _ } from "./BadgeDot/BadgeDot.es.js";
|
|
14
14
|
import { Box as D } from "./Box/Box.es.js";
|
|
15
15
|
import { Checkbox as I } from "./Checkbox/Checkbox.es.js";
|
|
16
|
-
import { Chip as
|
|
16
|
+
import { Chip as G } from "./Chips/Chip.es.js";
|
|
17
17
|
import { ChipGroup as b } from "./Chips/ChipGroup.es.js";
|
|
18
18
|
import { Divider as y } from "./Divider/Divider.es.js";
|
|
19
19
|
import { default as k } from "./FileUpload/FileUpload.es.js";
|
|
20
20
|
import { Flag as Y } from "./Flag/Flag.es.js";
|
|
21
21
|
import { Form as w } from "./Form/Form.es.js";
|
|
22
|
-
import { H as V } from "../chunks/form.context.
|
|
22
|
+
import { H as V } from "../chunks/form.context.CfsTSQpm.js";
|
|
23
23
|
import { Icon as j } from "./Icon/Icon.es.js";
|
|
24
24
|
import { SwitchGroup as z } from "./InputChoiceGroup/SwitchGroup/SwitchGroup.es.js";
|
|
25
25
|
import { CheckboxGroup as X } from "./InputChoiceGroup/CheckboxGroup/CheckboxGroup.es.js";
|
|
@@ -34,8 +34,8 @@ import { useMenuContext as Ao } from "./Menu/Menu.context.es.js";
|
|
|
34
34
|
import { NativeSelect as To } from "./NativeSelect/NativeSelect.es.js";
|
|
35
35
|
import { Pagination as So } from "./Pagination/Pagination.es.js";
|
|
36
36
|
import { ProgressBar as Bo } from "./ProgressBar/ProgressBar.es.js";
|
|
37
|
-
import { RadioButton as
|
|
38
|
-
import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Ho, SideNav as Io, SideNavBackdrops as Eo, SideNavClosedLayouts as
|
|
37
|
+
import { RadioButton as Lo } from "./RadioButton/RadioButton.es.js";
|
|
38
|
+
import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Ho, SideNav as Io, SideNavBackdrops as Eo, SideNavClosedLayouts as Go, SideNavOpenLayouts as ho, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
|
|
39
39
|
import { SideNavProvider as yo, useSideNavContext as Mo } from "./SideNav/SideNavContext.es.js";
|
|
40
40
|
import { SegmentedControl as Fo } from "./SegmentedControl/SegmentedControl.es.js";
|
|
41
41
|
import { Select as Wo } from "./Select/Select.es.js";
|
|
@@ -53,17 +53,18 @@ import { T as nr, u as sr } from "../chunks/ToastContext.DzKCvrgk.js";
|
|
|
53
53
|
import { ToastContainer as Ar } from "./Toasts/ToastContainer.es.js";
|
|
54
54
|
import { Tooltip as Tr, TooltipIconTrigger as cr } from "./Tooltip/Tooltip.es.js";
|
|
55
55
|
import { Header as vr, InternalHeader as Br } from "./Header/Header.es.js";
|
|
56
|
-
import { HeaderMasthead as
|
|
56
|
+
import { HeaderMasthead as Lr } from "./Header/HeaderMasthead.es.js";
|
|
57
57
|
import { HeaderActionGroup as Nr } from "./Header/HeaderActionGroup.es.js";
|
|
58
58
|
import { HeaderNavigation as Rr } from "./Header/HeaderNavigation.es.js";
|
|
59
59
|
import { PortalContext as Or, usePortal as Dr } from "./PortalProvider/PortalContext.es.js";
|
|
60
60
|
import { PortalProvider as Ir } from "./PortalProvider/PortalProvider.es.js";
|
|
61
|
-
import { Popover as
|
|
61
|
+
import { Popover as Gr } from "./Popover/Popover.es.js";
|
|
62
62
|
import { PageHeader as br } from "./PageHeader/PageHeader.es.js";
|
|
63
63
|
import { PageLayout as yr } from "./PageLayout/PageLayout.es.js";
|
|
64
64
|
import { Slider as kr } from "./Slider/Slider.es.js";
|
|
65
65
|
import { Card as Yr } from "./Card/Card.es.js";
|
|
66
|
-
import {
|
|
66
|
+
import { CardGroup as wr } from "./Card/CardGroup.es.js";
|
|
67
|
+
import { v as Vr } from "../chunks/useFormValidator.hook.CSmddwEt.js";
|
|
67
68
|
export {
|
|
68
69
|
e as Accordion,
|
|
69
70
|
p as AccordionGroup,
|
|
@@ -75,13 +76,14 @@ export {
|
|
|
75
76
|
_ as BadgeDot,
|
|
76
77
|
D as Box,
|
|
77
78
|
v as Breadcrumb,
|
|
78
|
-
|
|
79
|
+
C as BreadcrumbItem,
|
|
79
80
|
A as Button,
|
|
80
81
|
l as ButtonIconWrap,
|
|
81
82
|
Yr as Card,
|
|
83
|
+
wr as CardGroup,
|
|
82
84
|
I as Checkbox,
|
|
83
85
|
X as CheckboxGroup,
|
|
84
|
-
|
|
86
|
+
G as Chip,
|
|
85
87
|
b as ChipGroup,
|
|
86
88
|
s as CloseButton,
|
|
87
89
|
No as DRAWER_LAYOUT,
|
|
@@ -94,7 +96,7 @@ export {
|
|
|
94
96
|
go as HIDDEN_LAYOUT,
|
|
95
97
|
vr as Header,
|
|
96
98
|
Nr as HeaderActionGroup,
|
|
97
|
-
|
|
99
|
+
Lr as HeaderMasthead,
|
|
98
100
|
Rr as HeaderNavigation,
|
|
99
101
|
V as HelperText,
|
|
100
102
|
j as Icon,
|
|
@@ -111,20 +113,20 @@ export {
|
|
|
111
113
|
br as PageHeader,
|
|
112
114
|
yr as PageLayout,
|
|
113
115
|
So as Pagination,
|
|
114
|
-
|
|
116
|
+
Gr as Popover,
|
|
115
117
|
Or as PortalContext,
|
|
116
118
|
Ir as PortalProvider,
|
|
117
119
|
Bo as ProgressBar,
|
|
118
120
|
Do as RAIL_LAYOUT,
|
|
119
|
-
|
|
121
|
+
Lo as RadioButton,
|
|
120
122
|
$ as RadioButtonGroup,
|
|
121
123
|
Ho as Root,
|
|
122
124
|
Fo as SegmentedControl,
|
|
123
125
|
Wo as Select,
|
|
124
126
|
Io as SideNav,
|
|
125
127
|
Eo as SideNavBackdrops,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
+
Go as SideNavClosedLayouts,
|
|
129
|
+
ho as SideNavOpenLayouts,
|
|
128
130
|
yo as SideNavProvider,
|
|
129
131
|
kr as Slider,
|
|
130
132
|
Ko as Spinner,
|
|
@@ -148,5 +150,5 @@ export {
|
|
|
148
150
|
Dr as usePortal,
|
|
149
151
|
Mo as useSideNavContext,
|
|
150
152
|
sr as useToast,
|
|
151
|
-
|
|
153
|
+
Vr as validators
|
|
152
154
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("clsx"),n=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:i}=n.getBEMClassNames("panel"),u=`${i}body`,e=({children:s,className:t,...a})=>{const l=r(c.styles[u],t);return o.jsx("div",{className:l,...a,children:s})};e.displayName="Panel.Body";exports.Body=e;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface PanelBodyProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
|
+
/**
|
|
4
|
+
* Specify the content for the Panel body
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Body: {
|
|
9
|
+
({ children, className: _className, ...props }: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import t from "clsx";
|
|
3
|
+
import { g as r } from "../../../chunks/classNames.DNsS4J__.js";
|
|
4
|
+
import "../../../chunks/constants.BBi77pmH.js";
|
|
5
|
+
import { s as l } from "../../../chunks/panel.module.BVm3KvDs.js";
|
|
6
|
+
const { subElementClassPrefix: i } = r("panel"), n = `${i}body`, p = ({
|
|
7
|
+
children: s,
|
|
8
|
+
className: o,
|
|
9
|
+
...a
|
|
10
|
+
}) => {
|
|
11
|
+
const e = t(l[n], o);
|
|
12
|
+
return /* @__PURE__ */ m("div", { className: e, ...a, children: s });
|
|
13
|
+
};
|
|
14
|
+
p.displayName = "Panel.Body";
|
|
15
|
+
export {
|
|
16
|
+
p as Body
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const e=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:m}=u.getBEMClassNames("panel"),t=({layout:n="end",children:o,className:a,...c})=>{const s=`${m}footer__actions`,r=i(e.styles[s],e.styles[`${s}--${n}`],a);return l.jsx("div",{className:r,...c,children:o})};t.displayName="Panel.Footer.Actions";exports.Actions=t;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { FooterActionLayout } from '@viasat/beam-shared/components/footer';
|
|
3
|
+
export interface PanelFooterActionsProps extends ComponentPropsWithoutRef<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* Specify the content for the footer actions
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Specify the layout of actions in the Footer
|
|
10
|
+
* @default 'end'
|
|
11
|
+
*/
|
|
12
|
+
layout?: FooterActionLayout;
|
|
13
|
+
}
|
|
14
|
+
export declare const Actions: {
|
|
15
|
+
({ layout, children, className: _className, ...props }: PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import i from "clsx";
|
|
3
|
+
import { g as c } from "../../../chunks/classNames.DNsS4J__.js";
|
|
4
|
+
import "../../../chunks/constants.BBi77pmH.js";
|
|
5
|
+
import { s as o } from "../../../chunks/panel.module.BVm3KvDs.js";
|
|
6
|
+
const { subElementClassPrefix: l } = c("panel"), p = ({
|
|
7
|
+
layout: t = "end",
|
|
8
|
+
children: a,
|
|
9
|
+
className: e,
|
|
10
|
+
...r
|
|
11
|
+
}) => {
|
|
12
|
+
const s = `${l}footer__actions`, m = i(
|
|
13
|
+
o[s],
|
|
14
|
+
o[`${s}--${t}`],
|
|
15
|
+
e
|
|
16
|
+
);
|
|
17
|
+
return /* @__PURE__ */ n("div", { className: m, ...r, children: a });
|
|
18
|
+
};
|
|
19
|
+
p.displayName = "Panel.Footer.Actions";
|
|
20
|
+
export {
|
|
21
|
+
p as Actions
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("clsx"),a=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../Divider/Divider.cjs.js"),u=require("./Panel.Footer.Actions.cjs.js"),m=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:d}=a.getBEMClassNames("panel"),_=`${d}footer`,s=({children:r,className:o,divider:t=!0,...i})=>{const n=l(m.styles[_],o);return e.jsxs(e.Fragment,{children:[t&&e.jsx(c.Divider,{borderColor:"01"}),e.jsx("footer",{className:n,...i,children:r})]})};s.displayName="Panel.Footer";s.Actions=u.Actions;exports.Footer=s;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface PanelFooterProps extends ComponentPropsWithoutRef<'footer'> {
|
|
3
|
+
/**
|
|
4
|
+
* Specify the content for the Panel footer
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Whether to show a divider before the footer
|
|
9
|
+
* @default true
|
|
10
|
+
*/
|
|
11
|
+
divider?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const Footer: {
|
|
14
|
+
({ children, className: _className, divider, ...props }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
Actions: {
|
|
17
|
+
({ layout, children, className: _className, ...props }: import('./Panel.Footer.Actions').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
};
|