@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
|
@@ -1 +1 @@
|
|
|
1
|
-
var $=require("../assets/form.css");const n=require("react/jsx-runtime"),V=require("react"),S=require("./constants.hwjHOsvT.js"),T=require("clsx");require("../lib/Form/contexts/label.context.cjs.js");const _=require("../lib/Form/contexts/helperText.context.cjs.js"),q=require("./classNames.DAeKwerT.js"),F=require("./tokens.
|
|
1
|
+
var $=require("../assets/form.css");const n=require("react/jsx-runtime"),V=require("react"),S=require("./constants.hwjHOsvT.js"),T=require("clsx");require("../lib/Form/contexts/label.context.cjs.js");const _=require("../lib/Form/contexts/helperText.context.cjs.js"),q=require("./classNames.DAeKwerT.js"),F=require("./tokens.Bc11gmpN.js");function P(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const o=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(r,l,o.get?o:{enumerable:!0,get:()=>e[l]})}}return r.default=e,Object.freeze(r)}const t=P(V),w=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",fill:"currentColor"})),E=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})),Z=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z",fill:"currentColor"})),N=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})),m={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-helper-text":"bm-helper-text","bm-helper-text--sm":"bm-helper-text--sm","bm-helper-text__message":"bm-helper-text__message","bm-helper-text--md":"bm-helper-text--md","bm-helper-text--info":"bm-helper-text--info","bm-helper-text--warning":"bm-helper-text--warning","bm-helper-text--positive":"bm-helper-text--positive","bm-helper-text--negative":"bm-helper-text--negative","bm-helper-text--disabled":"bm-helper-text--disabled"},{baseClassNamePrefix:y,subElementClassPrefix:I,classModifierPrefix:f}=q.getBEMClassNames("helper-text");function H({icon:e,theme:r,children:l,size:o="sm",hideIcon:d=!1,appearance:s="info",className:i,disabled:c=!1,...x}){const{id:a,...p}=x,{ctxId:u,ctxDisabled:g,ctxClassName:v}=t.useContext(_.HelperTextContext),h=a||u,b=c||g,j=()=>d?null:e||{info:n.jsx(Z,{role:"img","aria-label":"info-circle"}),positive:n.jsx(w,{role:"img","aria-label":"check-circle"}),warning:n.jsx(N,{role:"img","aria-label":"exclamation-triangle"}),negative:n.jsx(E,{role:"img","aria-label":"negative-circle"})}[s],M=T(m[y],r&&S.themeClassName(r),m[`${f}${o}`],m[`${f}${s}`],b&&m[`${f}disabled`],v,i);return n.jsxs("div",{id:h,className:M,...p,role:"status","aria-live":"polite",children:[n.jsx(j,{}),n.jsx("span",{className:m[`${I}message`],children:l})]})}const R=()=>{const[e,r]=t.useState([]),l=!!e.length,o=e.some(s=>!!(s!=null&&s.length));return{setErrors:r,showErrors:s=>!l||!o?null:n.jsx("div",{id:s,role:"log","aria-live":"polite","aria-atomic":"true","aria-relevant":"additions",children:e.map((i,c)=>!!(i!=null&&i.length)&&n.jsx(H,{appearance:"negative",style:{marginTop:F.bmCompHelperTextSpaceTop},children:i},c))}),isInvalid:l,errorShown:o}},C=t.createContext({ctxDisabled:!1,ctxReadOnly:!1,ctxRequired:!1,ctxInitialValues:{},ctxRegister:()=>{}}),L=e=>{const{children:r,...l}=e;return n.jsx(C.Provider,{value:{...l},children:r})};function O({name:e,validationRules:r,disabledProp:l,readOnlyProp:o,requiredProp:d}){const{ctxDisabled:s,ctxReadOnly:i,ctxRequired:c,ctxRegister:x}=t.useContext(C),a=l||s,p=o||i,u=d||c,{showErrors:g,setErrors:v,isInvalid:h,errorShown:b}=R();return t.useEffect(()=>{!a&&e&&x(e,r,v)},[a,e,r,x,v]),t.useMemo(()=>({showErrors:g,isInvalid:h,errorShown:b,disabled:a,readOnly:p,required:u}),[g,h,b,a,p,u])}exports.FormContext=C;exports.FormProvider=L;exports.HelperText=H;exports.SvgCheckCircle=w;exports.SvgError=E;exports.useFieldValidator=R;exports.useFormField=O;
|
|
@@ -6,7 +6,7 @@ import R from "clsx";
|
|
|
6
6
|
import "../lib/Form/contexts/label.context.es.js";
|
|
7
7
|
import { HelperTextContext as V } from "../lib/Form/contexts/helperText.context.es.js";
|
|
8
8
|
import { g as Z } from "./classNames.DNsS4J__.js";
|
|
9
|
-
import {
|
|
9
|
+
import { p as S } from "./tokens.BD_71qmL.js";
|
|
10
10
|
const T = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", fill: "currentColor" })), I = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z", fill: "currentColor" })), L = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z", fill: "currentColor" })), P = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z", fill: "currentColor" })), m = {
|
|
11
11
|
"bm-light": "bm-light",
|
|
12
12
|
"bm-dark": "bm-dark",
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import "../assets/panel.css";
|
|
2
|
+
const n = {
|
|
3
|
+
"bm-light": "bm-light",
|
|
4
|
+
"bm-dark": "bm-dark",
|
|
5
|
+
"bm-inverse": "bm-inverse",
|
|
6
|
+
"bm-panel": "bm-panel",
|
|
7
|
+
"bm-panel--inline": "bm-panel--inline",
|
|
8
|
+
"bm-panel--overlay": "bm-panel--overlay",
|
|
9
|
+
"bm-panel--position-start": "bm-panel--position-start",
|
|
10
|
+
"bm-panel--position-end": "bm-panel--position-end",
|
|
11
|
+
"bm-panel--position-bottom": "bm-panel--position-bottom",
|
|
12
|
+
"bm-panel--position-full": "bm-panel--position-full",
|
|
13
|
+
"bm-panel--size-full": "bm-panel--size-full",
|
|
14
|
+
"bm-panel--padding-sm": "bm-panel--padding-sm",
|
|
15
|
+
"bm-panel__header": "bm-panel__header",
|
|
16
|
+
"bm-panel__body": "bm-panel__body",
|
|
17
|
+
"bm-panel__footer": "bm-panel__footer",
|
|
18
|
+
"bm-panel--padding-md": "bm-panel--padding-md",
|
|
19
|
+
"bm-panel__header__row": "bm-panel__header__row",
|
|
20
|
+
"bm-panel__header__content-before": "bm-panel__header__content-before",
|
|
21
|
+
"bm-panel__header__content-after": "bm-panel__header__content-after",
|
|
22
|
+
"bm-panel__header__heading": "bm-panel__header__heading",
|
|
23
|
+
"bm-panel__header__description": "bm-panel__header__description",
|
|
24
|
+
"bm-panel__header__close-button": "bm-panel__header__close-button",
|
|
25
|
+
"bm-panel__footer__actions": "bm-panel__footer__actions",
|
|
26
|
+
"bm-panel__footer__actions--start": "bm-panel__footer__actions--start",
|
|
27
|
+
"bm-panel__footer__actions--end": "bm-panel__footer__actions--end",
|
|
28
|
+
"bm-panel__footer__actions--spaceBetween": "bm-panel__footer__actions--spaceBetween",
|
|
29
|
+
"bm-panel__footer__actions--stacked": "bm-panel__footer__actions--stacked",
|
|
30
|
+
"bm-panel__overlay-divider": "bm-panel__overlay-divider",
|
|
31
|
+
"bm-panel__overlay-divider--start": "bm-panel__overlay-divider--start",
|
|
32
|
+
"bm-panel__overlay-divider--end": "bm-panel__overlay-divider--end",
|
|
33
|
+
"bm-panel__overlay-divider--bottom": "bm-panel__overlay-divider--bottom",
|
|
34
|
+
"bm-panel__inline-wrapper": "bm-panel__inline-wrapper",
|
|
35
|
+
"bm-panel__inline-wrapper-content": "bm-panel__inline-wrapper-content",
|
|
36
|
+
"bm-panel__inline-wrapper--full": "bm-panel__inline-wrapper--full"
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
n as s
|
|
40
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--position-full":"bm-panel--position-full","bm-panel--size-full":"bm-panel--size-full","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__body":"bm-panel__body","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content","bm-panel__inline-wrapper--full":"bm-panel__inline-wrapper--full"};exports.styles=e;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const o = "var(--bm-sem-color-surface-01)", s = "var(--bm-sem-radius-none)", m = "var(--bm-sem-radius-xs)", a = "var(--bm-sem-radius-sm)", e = "var(--bm-sem-radius-md)", c = "var(--bm-sem-radius-lg)", r = "var(--bm-sem-radius-round)", p = "var(--bm-sem-space-100)", i = "var(--bm-comp-actionlist-size-icon)", t = "var(--bm-comp-actionlist-size-choice)", b = "var(--bm-comp-file-upload-color-file-icon-success)", n = "var(--bm-comp-file-upload-color-file-icon-error)", l = "var(--bm-comp-helper-text-space-top)", d = "var(--bm-comp-popover-space-offset)", u = "var(--bm-comp-tooltip-space-arrow)", v = "var(--bm-comp-tooltip-space-offset)";
|
|
2
|
+
export {
|
|
3
|
+
o as a,
|
|
4
|
+
p as b,
|
|
5
|
+
d as c,
|
|
6
|
+
r as d,
|
|
7
|
+
c as e,
|
|
8
|
+
e as f,
|
|
9
|
+
a as g,
|
|
10
|
+
m as h,
|
|
11
|
+
s as i,
|
|
12
|
+
u as j,
|
|
13
|
+
v as k,
|
|
14
|
+
b as l,
|
|
15
|
+
n as m,
|
|
16
|
+
i as n,
|
|
17
|
+
t as o,
|
|
18
|
+
l as p
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o="var(--bm-sem-color-surface-01)",m="var(--bm-sem-radius-none)",e="var(--bm-sem-radius-xs)",s="var(--bm-sem-radius-sm)",c="var(--bm-sem-radius-md)",a="var(--bm-sem-radius-lg)",i="var(--bm-sem-radius-round)",p="var(--bm-sem-space-100)",r="var(--bm-comp-actionlist-size-icon)",t="var(--bm-comp-actionlist-size-choice)",b="var(--bm-comp-file-upload-color-file-icon-success)",l="var(--bm-comp-file-upload-color-file-icon-error)",n="var(--bm-comp-helper-text-space-top)",S="var(--bm-comp-popover-space-offset)",d="var(--bm-comp-tooltip-space-arrow)",u="var(--bm-comp-tooltip-space-offset)";exports.bmCompActionlistSizeChoice=t;exports.bmCompActionlistSizeIcon=r;exports.bmCompFileUploadColorFileIconError=l;exports.bmCompFileUploadColorFileIconSuccess=b;exports.bmCompHelperTextSpaceTop=n;exports.bmCompPopoverSpaceOffset=S;exports.bmCompTooltipSpaceArrow=d;exports.bmCompTooltipSpaceOffset=u;exports.bmSemColorSurface01=o;exports.bmSemRadiusLg=a;exports.bmSemRadiusMd=c;exports.bmSemRadiusNone=m;exports.bmSemRadiusRound=i;exports.bmSemRadiusSm=s;exports.bmSemRadiusXs=e;exports.bmSemSpace100=p;
|
package/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var pe=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lib/Accordion/Accordion.cjs.js"),l=require("./lib/Accordion/AccordionGroup.cjs.js"),c=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),q=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),A=require("./chunks/BreadcrumbsItem.BkT8MeqE.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),g=require("./lib/Box/Box.cjs.js"),L=require("./lib/Checkbox/Checkbox.cjs.js"),P=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),x=require("./lib/FileUpload/FileUpload.cjs.js"),h=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.B26th8Od.js"),G=require("./lib/Icon/Icon.cjs.js"),R=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),D=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.BJK1U8nL.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),se=require("./lib/PageLayout/PageLayout.cjs.js"),le=require("./lib/Slider/Slider.cjs.js"),ce=require("./lib/Card/Card.cjs.js"),de=require("./lib/Card/CardGroup.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),be=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=s.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=q.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=g.Box;exports.Checkbox=L.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=G.Icon;exports.SwitchGroup=R.SwitchGroup;exports.CheckboxGroup=D.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.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=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=se.PageLayout;exports.Slider=le.Slider;exports.Card=ce.Card;exports.CardGroup=de.CardGroup;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=be.validators;
|
package/index.es.js
CHANGED
|
@@ -8,7 +8,7 @@ import { CloseButton as u } from "./lib/CloseButton/CloseButton.es.js";
|
|
|
8
8
|
import { Button as T, ButtonIconWrap as l } from "./lib/Button/Button.es.js";
|
|
9
9
|
import { Dialog as c } from "./lib/Dialog/Dialog.es.js";
|
|
10
10
|
import { Breadcrumb as L } from "./lib/Breadcrumbs/Breadcrumbs.es.js";
|
|
11
|
-
import { B as
|
|
11
|
+
import { B as C } from "./chunks/BreadcrumbsItem.CPJ-ECZa.js";
|
|
12
12
|
import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
|
|
13
13
|
import { Badge as _ } from "./lib/Badge/Badge.es.js";
|
|
14
14
|
import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
|
|
@@ -20,7 +20,7 @@ import { Divider as y } from "./lib/Divider/Divider.es.js";
|
|
|
20
20
|
import { default as F } from "./lib/FileUpload/FileUpload.es.js";
|
|
21
21
|
import { Flag as W } from "./lib/Flag/Flag.es.js";
|
|
22
22
|
import { Form as K } from "./lib/Form/Form.es.js";
|
|
23
|
-
import { H as Q } from "./chunks/form.context.
|
|
23
|
+
import { H as Q } from "./chunks/form.context.CfsTSQpm.js";
|
|
24
24
|
import { Icon as q } from "./lib/Icon/Icon.es.js";
|
|
25
25
|
import { SwitchGroup as J } from "./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.es.js";
|
|
26
26
|
import { CheckboxGroup as Z } from "./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.es.js";
|
|
@@ -35,7 +35,7 @@ import { useMenuContext as To } from "./lib/Menu/Menu.context.es.js";
|
|
|
35
35
|
import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
|
|
36
36
|
import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
|
|
37
37
|
import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
|
|
38
|
-
import { RadioButton as
|
|
38
|
+
import { RadioButton as Po } from "./lib/RadioButton/RadioButton.es.js";
|
|
39
39
|
import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Ho, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Eo, SideNav as ho, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
|
|
40
40
|
import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
|
|
41
41
|
import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
|
|
@@ -54,7 +54,7 @@ import { T as sr, u as ur } from "./chunks/ToastContext.DzKCvrgk.js";
|
|
|
54
54
|
import { ToastContainer as Tr } from "./lib/Toasts/ToastContainer.es.js";
|
|
55
55
|
import { Tooltip as Sr, TooltipIconTrigger as cr } from "./lib/Tooltip/Tooltip.es.js";
|
|
56
56
|
import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
|
|
57
|
-
import { HeaderMasthead as
|
|
57
|
+
import { HeaderMasthead as Pr } from "./lib/Header/HeaderMasthead.es.js";
|
|
58
58
|
import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
|
|
59
59
|
import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
|
|
60
60
|
import { PortalContext as Or, usePortal as Dr } from "./lib/PortalProvider/PortalContext.es.js";
|
|
@@ -64,10 +64,11 @@ import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
|
|
|
64
64
|
import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
|
|
65
65
|
import { Slider as Fr } from "./lib/Slider/Slider.es.js";
|
|
66
66
|
import { Card as Wr } from "./lib/Card/Card.es.js";
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
67
|
+
import { CardGroup as Kr } from "./lib/Card/CardGroup.es.js";
|
|
68
|
+
import { ALL_THEMES as Qr, BeamThemeProvider as jr, fromAttr as qr, toAttr as zr, useBeamTheme as Jr } from "./utils/theming/useBeamTheme.es.js";
|
|
69
|
+
import { v as Zr } from "./chunks/useFormValidator.hook.CSmddwEt.js";
|
|
69
70
|
export {
|
|
70
|
-
|
|
71
|
+
Qr as ALL_THEMES,
|
|
71
72
|
t as Accordion,
|
|
72
73
|
m as AccordionGroup,
|
|
73
74
|
fo as ActionList,
|
|
@@ -76,13 +77,14 @@ export {
|
|
|
76
77
|
n as Avatar,
|
|
77
78
|
_ as Badge,
|
|
78
79
|
H as BadgeDot,
|
|
79
|
-
|
|
80
|
+
jr as BeamThemeProvider,
|
|
80
81
|
D as Box,
|
|
81
82
|
L as Breadcrumb,
|
|
82
|
-
|
|
83
|
+
C as BreadcrumbItem,
|
|
83
84
|
T as Button,
|
|
84
85
|
l as ButtonIconWrap,
|
|
85
86
|
Wr as Card,
|
|
87
|
+
Kr as CardGroup,
|
|
86
88
|
h as Checkbox,
|
|
87
89
|
Z as CheckboxGroup,
|
|
88
90
|
G as Chip,
|
|
@@ -98,7 +100,7 @@ export {
|
|
|
98
100
|
_o as HIDDEN_LAYOUT,
|
|
99
101
|
Lr as Header,
|
|
100
102
|
gr as HeaderActionGroup,
|
|
101
|
-
|
|
103
|
+
Pr as HeaderMasthead,
|
|
102
104
|
Rr as HeaderNavigation,
|
|
103
105
|
Q as HelperText,
|
|
104
106
|
q as Icon,
|
|
@@ -120,7 +122,7 @@ export {
|
|
|
120
122
|
hr as PortalProvider,
|
|
121
123
|
vo as ProgressBar,
|
|
122
124
|
Do as RAIL_LAYOUT,
|
|
123
|
-
|
|
125
|
+
Po as RadioButton,
|
|
124
126
|
oo as RadioButtonGroup,
|
|
125
127
|
Eo as Root,
|
|
126
128
|
Yo as SegmentedControl,
|
|
@@ -146,14 +148,14 @@ export {
|
|
|
146
148
|
sr as ToastProvider,
|
|
147
149
|
Sr as Tooltip,
|
|
148
150
|
cr as TooltipIconTrigger,
|
|
149
|
-
|
|
151
|
+
qr as fromAttr,
|
|
150
152
|
Xo as processMetadata,
|
|
151
|
-
|
|
153
|
+
zr as toAttr,
|
|
152
154
|
Zo as useBeamStepper,
|
|
153
|
-
|
|
155
|
+
Jr as useBeamTheme,
|
|
154
156
|
To as useMenuContext,
|
|
155
157
|
Dr as usePortal,
|
|
156
158
|
ko as useSideNavContext,
|
|
157
159
|
ur as useToast,
|
|
158
|
-
|
|
160
|
+
Zr as validators
|
|
159
161
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("../../chunks/ActionList.Item.5Y-SwzjK.js");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("./ActionListSelectionContext.cjs.js");require("./ActionListIndentationContext.cjs.js");require("../Divider/Divider.cjs.js");const e=require("../../chunks/ActionList.Group.C2R56u2A.js");exports.ActionListGroup=e.ActionListGroup;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
|
|
3
|
-
export interface ActionListGroupProps {
|
|
3
|
+
export interface ActionListGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
4
4
|
/**
|
|
5
5
|
* Add list items to create a ActionList.Group
|
|
6
6
|
*/
|
|
7
|
-
children
|
|
7
|
+
children?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* Add a heading on top of a group
|
|
10
10
|
*/
|
|
@@ -29,7 +29,10 @@ export interface ActionListGroupProps {
|
|
|
29
29
|
* Specify if a group is disabled
|
|
30
30
|
*/
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
|
|
32
|
+
/**
|
|
33
|
+
* Display a message if no results are found
|
|
34
|
+
*/
|
|
35
|
+
noResults?: React.ReactNode;
|
|
33
36
|
/**
|
|
34
37
|
* Specify the role of the group
|
|
35
38
|
*
|
|
@@ -37,4 +40,4 @@ export interface ActionListGroupProps {
|
|
|
37
40
|
*/
|
|
38
41
|
role?: string;
|
|
39
42
|
}
|
|
40
|
-
export declare const ActionListGroup: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, indent: indentProp, role, }: ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export declare const ActionListGroup: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, noResults, indent: indentProp, role, ...props }: ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "clsx";
|
|
3
|
-
import "../../chunks/ActionList.Item.
|
|
3
|
+
import "../../chunks/ActionList.Item.BFcT86lS.js";
|
|
4
4
|
import "../../chunks/classNames.DNsS4J__.js";
|
|
5
5
|
import "../../chunks/constants.BBi77pmH.js";
|
|
6
6
|
import "./ActionListSelectionContext.es.js";
|
|
7
7
|
import "./ActionListIndentationContext.es.js";
|
|
8
8
|
import "../Divider/Divider.es.js";
|
|
9
|
-
import { A as e } from "../../chunks/ActionList.Group.
|
|
9
|
+
import { A as e } from "../../chunks/ActionList.Group.B4PX5SKS.js";
|
|
10
10
|
export {
|
|
11
11
|
e as ActionListGroup
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.5Y-SwzjK.js"),y=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{baseClassNamePrefix:h}=y.getBEMClassNames("action-list__item__icon-button"),_=m.forwardRef(({icon:s,appearance:c="neutral-subtle",size:l="sm",...a},t)=>{const u=i.useActionListItemOverlayRef(),{refs:o,floatingStyles:f}=r.useFloating({whileElementsMounted:r.autoUpdate,middleware:[{name:"center",fn({rects:e}){return{x:e.reference.x+e.reference.width/2-e.floating.width/2,y:e.reference.y+e.reference.height/2-e.floating.height/2}}}]}),d=e=>{o.setFloating(e),typeof t=="function"?t(e):t&&(t.current=e)};return n.jsxs("div",{ref:o.setReference,className:i.styles[`${h}__placeholder`],children:[" ",n.jsx(r.FloatingPortal,{preserveTabOrder:!1,root:u.current,children:n.jsx(g.Button,{iconOnly:!0,iconBefore:n.jsx(b.Icon,{icon:s}),appearance:c,kind:"bare",size:l,ref:d,style:f,...a,tabIndex:0})})]})});exports.ActionListIconButton=_;
|
|
@@ -3,7 +3,7 @@ import u from "react";
|
|
|
3
3
|
import { Button as d } from "../Button/Button.es.js";
|
|
4
4
|
import { Icon as p } from "../Icon/Icon.es.js";
|
|
5
5
|
import { useFloating as g, autoUpdate as h, FloatingPortal as y } from "@floating-ui/react";
|
|
6
|
-
import { u as x, s as b } from "../../chunks/ActionList.Item.
|
|
6
|
+
import { u as x, s as b } from "../../chunks/ActionList.Item.BFcT86lS.js";
|
|
7
7
|
import { g as R } from "../../chunks/classNames.DNsS4J__.js";
|
|
8
8
|
import "../../chunks/constants.BBi77pmH.js";
|
|
9
9
|
const { baseClassNamePrefix: w } = R("action-list__item__icon-button"), A = u.forwardRef(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.5Y-SwzjK.js");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("../Icon/Icon.cjs.js");require("../../chunks/tokens.Bc11gmpN.js");require("../../chunks/Check.CR4kqxW9.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../StateLayer/StateLayer.cjs.js");require("./ActionListSelectionContext.cjs.js");require("../Tooltip/Tooltip.cjs.js");require("../../utils/functions.cjs.js");require("../Tooltip/useTooltipClipping.cjs.js");require("react");require("../Checkbox/Checkbox.cjs.js");require("../RadioButton/RadioButton.cjs.js");require("@floating-ui/react");require("./ActionList.Item.context.cjs.js");require("./ActionList.context.cjs.js");require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.B26th8Od.js");require("../Switch/Switch.cjs.js");exports.ActionListItem=e.ActionListItem;exports.ActionListItemOverlayRefContext=e.ActionListItemOverlayRefContext;exports.useActionListItemOverlayRef=e.useActionListItemOverlayRef;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./ActionListIndentationContext.es.js";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.BFcT86lS.js";
|
|
5
5
|
import "../../chunks/classNames.DNsS4J__.js";
|
|
6
6
|
import "../../chunks/constants.BBi77pmH.js";
|
|
7
7
|
import "../Icon/Icon.es.js";
|
|
8
|
-
import "../../chunks/tokens.
|
|
8
|
+
import "../../chunks/tokens.BD_71qmL.js";
|
|
9
9
|
import "../../chunks/Check.DrrmNVhJ.js";
|
|
10
10
|
import "../../chunks/ChevronRightCurved.9hi9Zc8J.js";
|
|
11
11
|
import "../StateLayer/StateLayer.es.js";
|
|
@@ -20,7 +20,7 @@ import "@floating-ui/react";
|
|
|
20
20
|
import "./ActionList.Item.context.es.js";
|
|
21
21
|
import "./ActionList.context.es.js";
|
|
22
22
|
import "../Form/hooks/useAccessibleId.hook.es.js";
|
|
23
|
-
import "../../chunks/form.context.
|
|
23
|
+
import "../../chunks/form.context.CfsTSQpm.js";
|
|
24
24
|
import "../Switch/Switch.es.js";
|
|
25
25
|
export {
|
|
26
26
|
g as ActionListItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const e=require("../../chunks/ActionList.Item.5Y-SwzjK.js"),m=require("./ActionListIndentationContext.cjs.js"),_=require("clsx"),S=require("./ActionListSelectionContext.cjs.js"),A=require("../../chunks/ActionList.Group.C2R56u2A.js"),P=require("../Spinner/Spinner.cjs.js");require("react");const k=require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.B26th8Od.js");const p=require("./ActionList.IconButton.cjs.js"),M=require("@floating-ui/react"),B=require("./ActionList.context.cjs.js"),{baseClassNamePrefix:G,classModifierPrefix:a,subElementClassPrefix:i}=f.getBEMClassNames("action-list"),o=({children:L,loading:s=!1,noResults:n,header:c,supportingText:r,disabled:l,indent:x,className:b,ariaLabel:u,role:h,id:q})=>{const y=_(e.styles[G],s&&e.styles[`${a}loading`],n&&e.styles[`${a}no-results`],l&&e.styles[`${a}disabled`],b),{children:I,hasChoiceItems:j}=A.useActionListChildren({children:L,disabled:l,allowGroups:!0}),C=m.useActionListIndentation({hasChoiceItems:j,indentProp:x,ignoreContext:!0}),{id:d}=k.useAccessibleId(),{elementsRef:N,labelsRef:v,insideMenu:$}=B.useActionListContext();return t.jsx(S.ActionListSelectionProvider,{kind:"multiCheckMark",children:t.jsx(m.ActionListIndentationProvider,{indent:C,children:t.jsx(M.FloatingList,{elementsRef:N,labelsRef:v,children:t.jsxs("div",{className:y,role:h??($?"menu":"listbox"),"aria-labelledby":!u&&c?d:void 0,"aria-label":u,"aria-disabled":l,"aria-busy":s,id:q,children:[(c||r)&&t.jsx("div",{className:_(e.styles[`${i}item`],e.styles[`${i}item--header`]),id:d,children:t.jsxs("div",{className:e.styles[`${i}item__content`],children:[c&&t.jsx("div",{className:e.styles[`${i}item__text`],children:c}),r&&t.jsx("div",{className:e.styles[`${i}item__supporting-text`],children:r})]})}),s&&t.jsx(P.Spinner,{size:"sm",className:e.styles[`${i}loading`]}),!s&&n&&t.jsx("div",{className:e.styles[`${i}no-results`],children:n}),!s&&!n&&I]})})})})};o.Group=A.ActionListGroup;o.Item=e.ActionListItem;o.IconButton=p.ActionListIconButton;exports.ActionList=o;
|
|
@@ -45,7 +45,7 @@ export interface ActionListProps {
|
|
|
45
45
|
}
|
|
46
46
|
export declare const ActionList: {
|
|
47
47
|
({ children: _children, loading, noResults, header, supportingText, disabled, indent: indentProp, className: _className, ariaLabel, role, id, }: ActionListProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
Group: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, indent: indentProp, role, }: import('./ActionList.Group').ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
Group: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, noResults, indent: indentProp, role, ...props }: import('./ActionList.Group').ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
Item: React.ForwardRefExoticComponent<import('./ActionList.Item').ActionListItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
50
50
|
IconButton: React.ForwardRefExoticComponent<import('./ActionList.IconButton').ActionListIconButtonProps & React.RefAttributes<unknown>>;
|
|
51
51
|
};
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
2
|
-
import { g as
|
|
1
|
+
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
|
+
import { g as P } from "../../chunks/classNames.DNsS4J__.js";
|
|
3
3
|
import "../../chunks/constants.BBi77pmH.js";
|
|
4
|
-
import { s as i, A as
|
|
5
|
-
import { useActionListIndentation as
|
|
6
|
-
import
|
|
7
|
-
import { ActionListSelectionProvider as
|
|
8
|
-
import { u as
|
|
9
|
-
import { Spinner as
|
|
4
|
+
import { s as i, A as M } from "../../chunks/ActionList.Item.BFcT86lS.js";
|
|
5
|
+
import { useActionListIndentation as k, ActionListIndentationProvider as y } from "./ActionListIndentationContext.es.js";
|
|
6
|
+
import p from "clsx";
|
|
7
|
+
import { ActionListSelectionProvider as B } from "./ActionListSelectionContext.es.js";
|
|
8
|
+
import { u as G, A as j } from "../../chunks/ActionList.Group.B4PX5SKS.js";
|
|
9
|
+
import { Spinner as E } from "../Spinner/Spinner.es.js";
|
|
10
10
|
import "react";
|
|
11
|
-
import { useAccessibleId as
|
|
12
|
-
import "../../chunks/form.context.
|
|
13
|
-
import { ActionListIconButton as
|
|
14
|
-
import { FloatingList as
|
|
15
|
-
import { useActionListContext as
|
|
16
|
-
const { baseClassNamePrefix:
|
|
17
|
-
children:
|
|
18
|
-
loading:
|
|
11
|
+
import { useAccessibleId as S } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
12
|
+
import "../../chunks/form.context.CfsTSQpm.js";
|
|
13
|
+
import { ActionListIconButton as g } from "./ActionList.IconButton.es.js";
|
|
14
|
+
import { FloatingList as w } from "@floating-ui/react";
|
|
15
|
+
import { useActionListContext as z } from "./ActionList.context.es.js";
|
|
16
|
+
const { baseClassNamePrefix: F, classModifierPrefix: c, subElementClassPrefix: e } = P("action-list"), l = ({
|
|
17
|
+
children: u,
|
|
18
|
+
loading: s = !1,
|
|
19
19
|
noResults: o,
|
|
20
20
|
header: r,
|
|
21
21
|
supportingText: n,
|
|
22
22
|
disabled: m,
|
|
23
|
-
indent:
|
|
24
|
-
className:
|
|
25
|
-
ariaLabel:
|
|
26
|
-
role:
|
|
27
|
-
id:
|
|
23
|
+
indent: h,
|
|
24
|
+
className: A,
|
|
25
|
+
ariaLabel: a,
|
|
26
|
+
role: x,
|
|
27
|
+
id: N
|
|
28
28
|
}) => {
|
|
29
|
-
const $ =
|
|
30
|
-
i[
|
|
31
|
-
|
|
32
|
-
o && i[`${
|
|
33
|
-
m && i[`${
|
|
34
|
-
|
|
35
|
-
), { children: v, hasChoiceItems: I } =
|
|
36
|
-
children:
|
|
29
|
+
const $ = p(
|
|
30
|
+
i[F],
|
|
31
|
+
s && i[`${c}loading`],
|
|
32
|
+
o && i[`${c}no-results`],
|
|
33
|
+
m && i[`${c}disabled`],
|
|
34
|
+
A
|
|
35
|
+
), { children: v, hasChoiceItems: I } = G({
|
|
36
|
+
children: u,
|
|
37
37
|
disabled: m,
|
|
38
38
|
allowGroups: !0
|
|
39
|
-
}), L =
|
|
39
|
+
}), L = k({
|
|
40
40
|
hasChoiceItems: I,
|
|
41
|
-
indentProp:
|
|
41
|
+
indentProp: h,
|
|
42
42
|
ignoreContext: !0
|
|
43
|
-
}), { id:
|
|
44
|
-
return /* @__PURE__ */ t(
|
|
43
|
+
}), { id: d } = S(), { elementsRef: b, labelsRef: C, insideMenu: _ } = z();
|
|
44
|
+
return /* @__PURE__ */ t(B, { kind: "multiCheckMark", children: /* @__PURE__ */ t(y, { indent: L, children: /* @__PURE__ */ t(w, { elementsRef: b, labelsRef: C, children: /* @__PURE__ */ f(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
47
|
className: $,
|
|
48
|
-
role:
|
|
49
|
-
"aria-labelledby": !
|
|
50
|
-
"aria-label":
|
|
48
|
+
role: x ?? (_ ? "menu" : "listbox"),
|
|
49
|
+
"aria-labelledby": !a && r ? d : void 0,
|
|
50
|
+
"aria-label": a,
|
|
51
51
|
"aria-disabled": m,
|
|
52
|
-
"aria-busy":
|
|
53
|
-
id:
|
|
52
|
+
"aria-busy": s,
|
|
53
|
+
id: N,
|
|
54
54
|
children: [
|
|
55
55
|
(r || n) && /* @__PURE__ */ t(
|
|
56
56
|
"div",
|
|
57
57
|
{
|
|
58
|
-
className:
|
|
59
|
-
i[`${
|
|
60
|
-
i[`${
|
|
58
|
+
className: p(
|
|
59
|
+
i[`${e}item`],
|
|
60
|
+
i[`${e}item--header`]
|
|
61
61
|
),
|
|
62
|
-
id:
|
|
63
|
-
children: /* @__PURE__ */
|
|
64
|
-
r && /* @__PURE__ */ t("div", { className: i[`${
|
|
62
|
+
id: d,
|
|
63
|
+
children: /* @__PURE__ */ f("div", { className: i[`${e}item__content`], children: [
|
|
64
|
+
r && /* @__PURE__ */ t("div", { className: i[`${e}item__text`], children: r }),
|
|
65
65
|
n && /* @__PURE__ */ t(
|
|
66
66
|
"div",
|
|
67
67
|
{
|
|
68
|
-
className: i[`${
|
|
68
|
+
className: i[`${e}item__supporting-text`],
|
|
69
69
|
children: n
|
|
70
70
|
}
|
|
71
71
|
)
|
|
72
72
|
] })
|
|
73
73
|
}
|
|
74
74
|
),
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
s && /* @__PURE__ */ t(
|
|
76
|
+
E,
|
|
77
77
|
{
|
|
78
78
|
size: "sm",
|
|
79
|
-
className: i[`${
|
|
79
|
+
className: i[`${e}loading`]
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
|
-
!
|
|
83
|
-
!
|
|
82
|
+
!s && o && /* @__PURE__ */ t("div", { className: i[`${e}no-results`], children: o }),
|
|
83
|
+
!s && !o && v
|
|
84
84
|
]
|
|
85
85
|
}
|
|
86
86
|
) }) }) });
|
|
87
87
|
};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
l.Group = j;
|
|
89
|
+
l.Item = M;
|
|
90
|
+
l.IconButton = g;
|
|
91
91
|
export {
|
|
92
|
-
|
|
92
|
+
l as ActionList
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.5Y-SwzjK.js");require("../../utils/functions.cjs.js");const e=require("../../chunks/ActionList.Group.C2R56u2A.js");require("./ActionList.context.cjs.js");exports.useActionListChildren=e.useActionListChildren;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react";
|
|
2
|
-
import "../../chunks/ActionList.Item.
|
|
2
|
+
import "../../chunks/ActionList.Item.BFcT86lS.js";
|
|
3
3
|
import "../../utils/functions.es.js";
|
|
4
|
-
import { u as e } from "../../chunks/ActionList.Group.
|
|
4
|
+
import { u as e } from "../../chunks/ActionList.Group.B4PX5SKS.js";
|
|
5
5
|
import "./ActionList.context.es.js";
|
|
6
6
|
export {
|
|
7
7
|
e as useActionListChildren
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("react"),Qe=require("../../chunks/classNames.DAeKwerT.js"),Ue=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.XIDBRMf_.js"),V=require("clsx"),E=require("../../chunks/form.context.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("react"),Qe=require("../../chunks/classNames.DAeKwerT.js"),Ue=require("../../chunks/constants.hwjHOsvT.js"),i=require("../../chunks/combobox.module.XIDBRMf_.js"),V=require("clsx"),E=require("../../chunks/form.context.B26th8Od.js"),Xe=require("../Form/contexts/label.context.cjs.js"),Ye=require("../Form/contexts/helperText.context.cjs.js"),L=require("../ActionList/ActionList.cjs.js"),H=require("../_Options/Option.context.cjs.js"),Ze=require("../_Options/Option.cjs.js"),et=require("../_Options/useSelectValue.cjs.js"),tt=require("./useAutocompleteDropdown.cjs.js"),st=require("./AutocompleteDropdown.cjs.js"),ot=require("./useAutocompleteChips.cjs.js"),lt=require("./useAutocompleteKeyboardManager.cjs.js"),it=require("./utils/filterOptions.cjs.js"),rt=require("./useClearSelection.cjs.js"),nt=require("./AutocompleteField.cjs.js"),ct=require("./useAutocompleteA11y.cjs.js"),at=require("./useAutocompleteInteractions.cjs.js"),ut=require("../_Options/strategies/SelectionStrategy.cjs.js"),dt=require("../_Options/OptionChips.cjs.js"),{baseClassNamePrefix:pt,subElementClassPrefix:$,classModifierPrefix:c}=Qe.getBEMClassNames("combobox"),mt=n.forwardRef(({theme:q,width:K,error:u,children:G,label:W=null,contentBefore:z,contentAfter:J,fluid:Q=!1,helperText:F=null,validationRules:U=[],className:X,hideRequiredMarker:Y=!1,disabled:Z=!1,readOnly:ee=!1,required:te=!1,placeholder:se="",onChange:x,noResultsText:oe="No results found",optionFilter:v,..._},le)=>{const{id:B,name:ie,"aria-describedby":re,multiple:s=!1,clearable:ne=s,...ce}=_,{showErrors:ae,isInvalid:ue,errorShown:de,disabled:o,readOnly:r,required:C}=E.useFormField({name:ie,validationRules:U,disabledProp:Z,readOnlyProp:ee,requiredProp:te}),{aria:y,ids:pe}=ct.useAutocompleteA11y({helperText:F,externalDescribedBy:re,error:u,errorShown:de,invalid:!!u||ue}),{helperTextId:me,errorId:be,validationErrorsId:xe,labelId:g}=pe,_e=!!(u!=null&&u.length),ye=n.useCallback(t=>{x==null||x(t)},[x]),{value:d,setValue:D,selectProps:he,handleBlur:fe,singleValue:P}=et.useSelectValue({onChange:ye,..._},le),[p,S]=n.useState(null),I=!p&&(!d||Array.isArray(d)&&!d.length),{optionsContext:Ae,optionIds:a,optionsProps:m,selectedOptionsProps:j,deselectOptionValue:w,getOptionByIndex:Oe}=H.useCreateOptionsContext(d,D,s),qe=n.useMemo(()=>{if(!P)return;const t=a.map(e=>m.get(e)).findIndex(e=>(e==null?void 0:e.value)===P);return t!==-1?t:void 0},[a,m,P]),M=n.useRef(null),{getFieldProps:ve,getInputProps:Ce,dropdownProps:ge,refs:Pe,open:R,setOpen:h,status:Se,setDisplayActiveIndex:Ie}=tt.useAutocompleteDropdown({disabled:o,readOnly:r,lastSelectedOptionIndex:qe,fieldRef:M}),f=Pe.domReference,je=V(i.styles[pt],q&&Ue.themeClassName(q),Q&&i.styles[`${c}fluid`],y.invalid&&i.styles[`${c}error`],o&&i.styles[`${c}disabled`],r&&i.styles[`${c}read-only`],I&&i.styles[`${c}empty`],s&&i.styles[`${c}multiple`],i.styles[`${c}autocomplete`],i.styles[`${c}dropdown-${Se}`],X),{canClear:Me,handleClear:Ne}=rt.useClearSelection({multiple:s,clearable:ne,isEmpty:I,disabled:o,readOnly:r,setValue:D,setSearchText:S,inputRef:f,setOpen:h}),{chipGroupProps:$e,handleBlur:Fe,selectedChip:Be,setSelectedChip:De,enabled:we,selectPreviousChip:Re,selectNextChip:ke,options:Te,deselectOptionValue:Ve}=ot.useAutocompleteChips({multiple:s,disabled:o,readOnly:r,open:R,setOpen:h,options:j,deselectOptionValue:w,fieldRef:M,inputRef:f}),{getKeyboardProps:k}=lt.useAutocompleteKeyboardManager({multiple:s,disabled:o,readOnly:r,open:R,setOpen:h,inputRef:f,fieldRef:M,chips:{enabled:we,selectedChip:Be,setSelectedChip:De,selectPreviousChip:Re,selectNextChip:ke,options:Te,deselectOptionValue:Ve}}),T=n.useMemo(()=>ut.createSelectionStrategy(s),[s]),{handleBlur:Ee,handleFocus:Le,handleItemClick:He}=at.useAutocompleteInteractions({selectionStrategy:T,selectedOptions:j,inputRef:f,blurSelect:fe,blurChips:Fe,setSearchText:S,setOpen:h,searchText:p,getOptionByIndex:Oe,setDisplayActiveIndex:Ie}),N=n.useMemo(()=>a.reduce((t,e)=>{const b=m.get(e);if(!b)return t;const A=v?v(b,p):it.shouldFilterOption(b,p);return t[e]=A,t},{}),[a,m,p,v]),Ke=n.useMemo(()=>a.every(t=>N[t]),[a,N]),{ref:Ge,...We}=k(ve()),ze=k(Ce());return l.jsxs(H.OptionsProvider,{value:Ae,children:[l.jsxs("div",{className:je,style:{maxWidth:K},children:[l.jsx(Xe.LabelProvider,{ctxHtmlFor:B,ctxDisabled:o,ctxRequired:C&&!Y,ctxId:g,children:W}),l.jsx(nt.AutocompleteField,{id:B,disabled:o,readOnly:r,required:C,contentBefore:z,contentAfter:J,chips:l.jsx(dt.OptionChips,{multiple:s,disabled:o,readOnly:r,selectedOptions:j,deselectOptionValue:w,chipGroupProps:$e,input:l.jsx("input",{className:i.styles[`${$}field__input`],"aria-readonly":r,"aria-disabled":o,"aria-required":C,"aria-invalid":y.invalid,"aria-errormessage":y.errorMessage||void 0,"aria-labelledby":!_.ariaLabel&&g?g:void 0,"aria-label":_.ariaLabel,"aria-describedby":y.describedBy,placeholder:s&&!I?"":se,onChange:t=>S(t.target.value),disabled:o,readOnly:r,autoComplete:"off",tabIndex:o?-1:0,autoFocus:!1,...ze})}),hasClearButton:Me,onClear:Ne,onBlur:Ee,onFocusCapture:Le,...We,ref:Ge}),l.jsxs(Ye.HelperTextProvider,{ctxId:me,ctxDisabled:o,children:[F,_e&&l.jsx(E.HelperText,{id:be,appearance:"negative",children:u})]}),ae(xe)]}),l.jsxs("select",{...ce,...he,hidden:!0,multiple:s,children:[l.jsx("option",{value:"",children:"empty"}),G]}),l.jsx(st.AutocompleteDropdown,{...ge,className:i.styles[`${$}dropdown`],disabled:o,readOnly:r,theme:q,multiple:s,onItemClick:He,children:l.jsx(L.ActionList,{role:"listbox",noResults:Ke?oe:void 0,children:a.map(t=>{const e=m.get(t);if(!e)return null;const b=T.isSelected(e.value,d),A=N[t],Je=A||e.disabled;return n.createElement(L.ActionList.Item,{...e,className:V(i.styles[`${$}option`],e.className),disabled:Je,hidden:A,defaultSelected:b,key:`opt-${e.value??e.label}`,kind:s?"checkbox":"singleCheckMark",role:"option"})})})})]})}),O=mt;O.Option=Ze.Option;O.displayName="Autocomplete";exports.Autocomplete=O;exports.default=O;
|
|
@@ -4,7 +4,7 @@ import { g as Ze } from "../../chunks/classNames.DNsS4J__.js";
|
|
|
4
4
|
import { t as et } from "../../chunks/constants.BBi77pmH.js";
|
|
5
5
|
import { s as r } from "../../chunks/combobox.module.DNJ3sGlK.js";
|
|
6
6
|
import L from "clsx";
|
|
7
|
-
import { b as tt, H as ot } from "../../chunks/form.context.
|
|
7
|
+
import { b as tt, H as ot } from "../../chunks/form.context.CfsTSQpm.js";
|
|
8
8
|
import { LabelProvider as st } from "../Form/contexts/label.context.es.js";
|
|
9
9
|
import { HelperTextProvider as rt } from "../Form/contexts/helperText.context.es.js";
|
|
10
10
|
import { ActionList as T } from "../ActionList/ActionList.es.js";
|