@oliasoft-open-source/react-ui-library 4.7.4 → 4.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -0
- package/dist/index.js +85 -38
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-fBkbFrxl.js → Color-KGDBMAHA-C0EpwEFf.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-BCXpse5g.js → DocsRenderer-PKQXORMH-CWe5JIRI.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-MGPZF2zs.js → accordion.stories-YuQaNHcr.js} +1 -1
- package/dist/storybook/assets/{afe.stories-Zs5w8AL0.js → afe.stories-CT81gs6M.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-DGEwyzdQ.js → buttons-and-links-CtOaPZlv.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-BZZ4ps89.js → casing-loads.stories-DQy8gjj6.js} +1 -1
- package/dist/storybook/assets/{cell.stories-DtPT5vsK.js → cell.stories-ChfAWqCt.js} +1 -1
- package/dist/storybook/assets/check-box.stories-BAH78tMZ.js +126 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-B_e8hbrU.js → chunk-HLWAVYOI-CkQdzq8g.js} +1 -1
- package/dist/storybook/assets/{color-BWuYLPlh.js → color-eaylxLAo.js} +1 -1
- package/dist/storybook/assets/dialog-vClt2ahZ.js +1 -0
- package/dist/storybook/assets/{file-input.stories-BH_glmEk.js → file-input.stories-Br89AkVv.js} +1 -1
- package/dist/storybook/assets/{footer.stories-CsvsDr1-.js → footer.stories-BM5UBN62.js} +1 -1
- package/dist/storybook/assets/{form.stories-BwzDZgen.js → form.stories-CYcggA-f.js} +1 -1
- package/dist/storybook/assets/{formation.stories-2ZjWA25v.js → formation.stories-NDB_Sbor.js} +1 -1
- package/dist/storybook/assets/iframe-WLuE3PcW.js +2 -0
- package/dist/storybook/assets/index-Be0hXiyp.js +179 -0
- package/dist/storybook/assets/index-CF7H4eMJ.js +28 -0
- package/dist/storybook/assets/{index-BrCAgVdx.js → index-CXmS_Aty.js} +1 -1
- package/dist/storybook/assets/{index-tzHbUYOM.js → index-Cf2IDQZ4.js} +4 -4
- package/dist/storybook/assets/{input-group.stories-D1i3gaZ1.js → input-group.stories-BmeUtBOK.js} +1 -1
- package/dist/storybook/assets/{input-validation-BcgNUeij.js → input-validation-U3o9_8IY.js} +2 -2
- package/dist/storybook/assets/{inputs-gN3bum_f.js → inputs-gP7hGRtM.js} +2 -2
- package/dist/storybook/assets/{layout-forms-DXG6Da8u.js → layout-forms-r2wYyx-8.js} +1 -1
- package/dist/storybook/assets/{layout-general-CEpJsTnH.js → layout-general-Bw291PmI.js} +1 -1
- package/dist/storybook/assets/menu.stories-QTzp0Z7C.js +84 -0
- package/dist/storybook/assets/message-B7G1ESkC.js +1 -0
- package/dist/storybook/assets/{message.stories-o5jcKCK_.js → message.stories-Czui5Ym7.js} +1 -1
- package/dist/storybook/assets/modal.stories-DAxDpo0A.js +220 -0
- package/dist/storybook/assets/number-input.stories-CFTNLnHw.js +105 -0
- package/dist/storybook/assets/{padding-and-spacing-By28ROLj.js → padding-and-spacing-DLeCWmND.js} +1 -1
- package/dist/storybook/assets/{pagination-CqvxiZHR.js → pagination-BtguPxeR.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-BzMlcLsN.js → pagination.stories-CgG4wp8P.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-MFDc3UAq.js → pop-confirm.stories-CZpYmUBz.js} +1 -1
- package/dist/storybook/assets/{popover.stories-CPW_LGAh.js → popover.stories-CtaFGXR_.js} +1 -1
- package/dist/storybook/assets/{preview-eMMARKcW.js → preview-BjyexbB3.js} +2 -2
- package/dist/storybook/assets/preview-DLBQXbKW.js +1 -0
- package/dist/storybook/assets/{preview-CO5-Yrmk.js → preview-Dml2wSQG.js} +1 -1
- package/dist/storybook/assets/radio-button.stories-BNE-U9db.js +71 -0
- package/dist/storybook/assets/{reservoirs.stories-Cql_9W4F.js → reservoirs.stories-ux3hZbkX.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-BuDUgUsz.js → rich-text-input.stories-savcIJ5B.js} +1 -1
- package/dist/storybook/assets/{row.stories-C-bEP9pE.js → row.stories-CG6Eipay.js} +1 -1
- package/dist/storybook/assets/select-Z-GCZ-pY.js +40 -0
- package/dist/storybook/assets/select.stories-CX_B6BvR.js +579 -0
- package/dist/storybook/assets/{smart-upload-modal.stories-DGIErcSu.js → smart-upload-modal.stories-BrsVuS4a.js} +1 -1
- package/dist/storybook/assets/{table-CXUwJOBt.js → table-CaaSoHex.js} +1 -1
- package/dist/storybook/assets/{table.stories-Cp0UIPUQ.js → table.stories-BiBivAvh.js} +1 -1
- package/dist/storybook/assets/{title.stories-hn5F8-2J.js → title.stories-CfdJbgvT.js} +1 -1
- package/dist/storybook/assets/toaster-DJeREs3e.js +1 -0
- package/dist/storybook/assets/toaster.stories-QjvljKdT.js +89 -0
- package/dist/storybook/assets/toggle.stories-BYrikgrA.js +141 -0
- package/dist/storybook/assets/{unit-input.stories-DGvDLll8.js → unit-input.stories-BSWm9641.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-D0q58B-1.js → unit-table.stories-CgF-UOP3.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.html +6 -2
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +233 -0
- package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js.LEGAL.txt +0 -0
- package/package.json +6 -2
- package/dist/storybook/assets/check-box.stories-J1keUUs0.js +0 -102
- package/dist/storybook/assets/dialog-lhPZkAI2.js +0 -1
- package/dist/storybook/assets/iframe-DLWAAiXM.js +0 -2
- package/dist/storybook/assets/menu.stories-BE0AzXUY.js +0 -82
- package/dist/storybook/assets/message-ttrR1AaP.js +0 -1
- package/dist/storybook/assets/modal.stories-Ns1ikKLR.js +0 -200
- package/dist/storybook/assets/number-input.stories-BfRW8wgL.js +0 -97
- package/dist/storybook/assets/radio-button.stories-D7uvMLbK.js +0 -61
- package/dist/storybook/assets/select-tIEV7vnw.js +0 -40
- package/dist/storybook/assets/select.stories-BuW6SmRZ.js +0 -914
- package/dist/storybook/assets/toaster-DPbde9Mi.js +0 -1
- package/dist/storybook/assets/toaster.stories-DtRx7MDa.js +0 -86
- package/dist/storybook/assets/toggle.stories-CBkCAQh6.js +0 -117
- /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → interactions-2}/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → storybook-dark-mode-esm-preset-3}/manager-bundle.js +0 -0
package/dist/storybook/assets/{pop-confirm.stories-MFDc3UAq.js → pop-confirm.stories-CZpYmUBz.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{P as S}from"./popover-DgUpTRMk.js";import{B as u}from"./button-C1sV-0mR.js";import{T as I}from"./text-B3-TSWok.js";import{t as A}from"./toaster-
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{P as S}from"./popover-DgUpTRMk.js";import{B as u}from"./button-C1sV-0mR.js";import{T as I}from"./text-B3-TSWok.js";import{t as A}from"./toaster-DJeREs3e.js";import"./index-DhsZuJvc.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./toaster-7wnI6hqB.js";import"./message-B7G1ESkC.js";const R="_popConfirm_1x6ye_1",$="_content_1x6ye_7",W="_buttons_1x6ye_13",y={popConfirm:R,content:$,buttons:W},O=({title:e,okText:p,onClickOk:d,disableConfirmButton:m,cancelText:f,onClickCancel:g,close:a,testId:o})=>t.jsxs("div",{className:y.popConfirm,children:[e&&t.jsx("div",{className:y.content,children:t.jsx(I,{small:!0,children:e})}),t.jsxs("div",{className:y.buttons,children:[t.jsx(u,{small:!0,colored:!0,label:p,onClick:()=>d(a),disabled:m,testId:`${o}-ok-button`}),t.jsx(u,{small:!0,label:f,onClick:()=>g(a),testId:`${o}-cancel-button`})]})]});O.__docgenInfo={description:"",methods:[],displayName:"Content",props:{title:{required:!1,tsType:{name:"string"},description:""},okText:{required:!0,tsType:{name:"string"},description:""},onClickOk:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:""},cancelText:{required:!0,tsType:{name:"string"},description:""},onClickCancel:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},close:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const v=({children:e,placement:p="top-center",closeOnOutsideClick:d=!0,fullWidth:m=!1,title:f="",cancelText:g="Cancel",onClickCancel:a=i=>i&&i(),okText:o="Ok",onClickOk:D=()=>{},disableConfirmButton:E=!1,overflowContainer:N=!1,testId:C=void 0})=>{const i=t.jsx(O,{title:f,okText:o,onClickOk:D,disableConfirmButton:E,cancelText:g,onClickCancel:a,testId:C});return t.jsx(S,{content:i,placement:p,closeOnOutsideClick:d,fullWidth:m,overflowContainer:N,testId:C,children:e})};v.__docgenInfo={description:"",methods:[],displayName:"PopConfirm",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},cancelText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Cancel'",computed:!1}},onClickCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"(close) => close && close()",computed:!1}},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},okText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Ok'",computed:!1}},onClickOk:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}}}};const Y=e=>{A({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},oe={title:"Basic/PopConfirm",component:v,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:Y,children:t.jsx(u,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},c=e=>t.jsx(v,{...e}),l=c.bind({}),r=c.bind({});r.args={children:t.jsx(u,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const s=c.bind({});s.args={placement:"bottom-end"};const n=c.bind({});n.args={disableConfirmButton:!0};var x,b,T;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(T=(b=l.parameters)==null?void 0:b.docs)==null?void 0:T.source}}};var k,q,j;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => <PopConfirm
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-DgUpTRMk.js";import{I as c}from"./input-BW9trNAW.js";import{B as i}from"./button-C1sV-0mR.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-DgUpTRMk.js";import{I as c}from"./input-BW9trNAW.js";import{B as i}from"./button-C1sV-0mR.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-Z-GCZ-pY.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CZK3mphC.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),lr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),p=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
2
2
|
const [isOpen, setIsOpen] = useState(false);
|
|
3
3
|
return <div>
|
|
4
4
|
<Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-
|
|
2
|
-
import{_ as a}from"./iframe-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-CWe5JIRI.js","./chunk-HLWAVYOI-CkQdzq8g.js","./iframe-WLuE3PcW.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-Cf2IDQZ4.js","./extends-CF3RwP-h.js","./assertThisInitialized-B9jnkVVz.js","./inheritsLoose-DR8r8Ogv.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as a}from"./iframe-WLuE3PcW.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-CWe5JIRI.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as r}from"./index-CF7H4eMJ.js";var{step:a}=r({step:(p,t,e)=>t(e)},{intercept:!0}),i={throwPlayFunctionExceptions:!1};export{i as parameters,a as runStep};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-B7G1ESkC.js";import{a4 as d,a5 as M}from"./index-Cf2IDQZ4.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-CkQdzq8g.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-WLuE3PcW.js";import"../sb-preview/runtime.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(r)}var b;function k(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function A(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?k(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||N(r)||L()}function L(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
2
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function N(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function U(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function B(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:Y}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var T=Y,$=T.document,g=T.window,j="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(j,JSON.stringify(t))},H=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,o=e.lightClass,i=o===void 0?O.lightClass:o;if(n==="dark"){var u,c;(u=t.classList).remove.apply(u,p(y(i))),(c=t.classList).add.apply(c,p(y(l)))}else{var m,S;(m=t.classList).remove.apply(m,p(y(l))),(S=t.classList).add.apply(S,p(y(i)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},V=function(t){var e=$.querySelector(t.classTarget);e&&H(e,t)},D=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(j);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return A(A({},O),t)};V(D());function W(r,t){return F(r)||J(r,t)||G(r,t)||q()}function q(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function G(r,t){if(r){if(typeof r=="string")return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,t)}}function w(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function J(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(e=e.call(r)).next,t!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(m){c=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function F(r){if(Array.isArray(r))return r}const{addons:z,useState:Q,useEffect:X}=__STORYBOOK_MODULE_PREVIEW_API__;function Z(){var r=Q(D().current==="dark"),t=W(r,2),e=t[0],n=t[1];return X(function(){var a=z.getChannel();return a.on(v,n),function(){return a.off(v,n)}},[]),e}const Sr=[r=>s.jsxs(s.Fragment,{children:[s.jsx(r,{}),s.jsx(I,{})]}),r=>{const t=Z();return P.useEffect(()=>document.documentElement.dataset.theme=t?"dark":"default",[t]),s.jsx(r,{})}],_r={docs:{container:r=>{const[t,e]=C.useState(!1);r.context.channel.on(v,a=>e(a));const n={...r};return n.theme=t?d.dark:d.light,s.jsx(M,{...n})}},darkMode:{current:"light",stylePreview:!0}},kr=["autodocs"];export{Sr as decorators,_r as parameters,kr as tags};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import{j as A}from"./jsx-runtime-eps93zm2.js";import{r as F}from"./index-DhsZuJvc.js";import{w as K,u as q,e as m}from"./index-Be0hXiyp.js";import{R as j}from"./radio-button-C_cV5TWA.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./select.input-DIKP56UZ.js";import"./types-BmbYqTX_.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const s=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],re={title:"Forms/RadioButton",component:j,args:{options:s,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=t=>{const[e,u]=F.useState(s[0]),n=_=>{const $=_.target.value,g=s.find(W=>W.value===$);g&&u(g)};return A.jsx(j,{...t,value:e,onChange:n})},d=a.bind({}),o=a.bind({});o.args={small:!0};const l=a.bind({});l.args={options:s.map((t,e)=>({...t,helpText:`Help text #${e}`}))};const r=a.bind({});r.args={options:s.map((t,e)=>({...t,onClickHelp:()=>console.log(`Help #${e} clicked`)}))};const i=a.bind({});i.args={inline:!0};const c=a.bind({});c.args={options:s.map((t,e)=>({...t,helpText:`Help text #${e}`,disabled:!0}))};const p=a.bind({});p.play=async({canvasElement:t,step:e})=>{const u=K(t);await e("Clicking a radio should activate it",async()=>{const n=u.getByDisplayValue("grass");await q.click(n),await m(n).toBeChecked()}),await e("Clicking a disabled radio shouldn't activate it",async()=>{const n=u.getByDisplayValue("bananas");await n.click(),await m(n).not.toBeChecked()})};var v,h,C;d.parameters={...d.parameters,docs:{...(v=d.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
2
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
3
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
4
|
+
const selectedValue = evt.target.value;
|
|
5
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
6
|
+
if (selectedOption) {
|
|
7
|
+
setValue(selectedOption);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
11
|
+
}`,...(C=(h=d.parameters)==null?void 0:h.docs)==null?void 0:C.source}}};var O,V,f;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
12
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
13
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
14
|
+
const selectedValue = evt.target.value;
|
|
15
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
16
|
+
if (selectedOption) {
|
|
17
|
+
setValue(selectedOption);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
21
|
+
}`,...(f=(V=o.parameters)==null?void 0:V.docs)==null?void 0:f.source}}};var T,b,E;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
|
|
22
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
23
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
24
|
+
const selectedValue = evt.target.value;
|
|
25
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
26
|
+
if (selectedOption) {
|
|
27
|
+
setValue(selectedOption);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
31
|
+
}`,...(E=(b=l.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var R,H,S;r.parameters={...r.parameters,docs:{...(R=r.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
|
|
32
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
33
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
34
|
+
const selectedValue = evt.target.value;
|
|
35
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
36
|
+
if (selectedOption) {
|
|
37
|
+
setValue(selectedOption);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
41
|
+
}`,...(S=(H=r.parameters)==null?void 0:H.docs)==null?void 0:S.source}}};var y,x,B;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
|
|
42
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
43
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
44
|
+
const selectedValue = evt.target.value;
|
|
45
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
46
|
+
if (selectedOption) {
|
|
47
|
+
setValue(selectedOption);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
51
|
+
}`,...(B=(x=i.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};var k,I,M;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
52
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
53
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
54
|
+
const selectedValue = evt.target.value;
|
|
55
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
56
|
+
if (selectedOption) {
|
|
57
|
+
setValue(selectedOption);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
61
|
+
}`,...(M=(I=c.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var w,L,D;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
|
|
62
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
63
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
64
|
+
const selectedValue = evt.target.value;
|
|
65
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
66
|
+
if (selectedOption) {
|
|
67
|
+
setValue(selectedOption);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
71
|
+
}`,...(D=(L=p.parameters)==null?void 0:L.docs)==null?void 0:D.source}}};const ie=["Default","Small","HelpText","OnClickHelp","Inline","DisabledWithHelpText","Test"];export{d as Default,c as DisabledWithHelpText,l as HelpText,i as Inline,r as OnClickHelp,o as Small,p as Test,ie as __namedExportsOrder,re as default};
|
package/dist/storybook/assets/{reservoirs.stories-Cql_9W4F.js → reservoirs.stories-ux3hZbkX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as w}from"./top-bar-DG4ok0uF.js";import{S as L}from"./side-bar-ChOjPNLR.js";import{H as t}from"./heading-NkLgQYoP.js";import{B as m}from"./button-C1sV-0mR.js";import{D as v}from"./drawer-DSS8yvvp.js";import{L as C}from"./list-DYNKqvUR.js";import{F as l}from"./field-C5_fLDpy.js";import{I as i}from"./input-BW9trNAW.js";import{C as p}from"./check-box-CaSrhzev.js";import{R as h}from"./radio-button-C_cV5TWA.js";import{C as d}from"./card-EcjmryU9.js";import{F}from"./form-row-CM112EYF.js";import{P as g}from"./page-7SSpdYhb.js";import{R as a,C as r}from"./row-4iAGREkV.js";import{S as R}from"./select-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as w}from"./top-bar-DG4ok0uF.js";import{S as L}from"./side-bar-ChOjPNLR.js";import{H as t}from"./heading-NkLgQYoP.js";import{B as m}from"./button-C1sV-0mR.js";import{D as v}from"./drawer-DSS8yvvp.js";import{L as C}from"./list-DYNKqvUR.js";import{F as l}from"./field-C5_fLDpy.js";import{I as i}from"./input-BW9trNAW.js";import{C as p}from"./check-box-CaSrhzev.js";import{R as h}from"./radio-button-C_cV5TWA.js";import{C as d}from"./card-EcjmryU9.js";import{F}from"./form-row-CM112EYF.js";import{P as g}from"./page-7SSpdYhb.js";import{R as a,C as r}from"./row-4iAGREkV.js";import{S as R}from"./select-Z-GCZ-pY.js";import{S as f}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-CZK3mphC.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-41R-Z9N1.js";import"./spinner-AWUe4xwQ.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./meta-content-BE7pulye.js";import"./loader-XHoVniao.js";import"./label-hiSz3I8H.js";import"./select.input-DIKP56UZ.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),Ce={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};s.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};var u,x,c;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var kf=Object.defineProperty;var Sf=(t,e,n)=>e in t?kf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var el=(t,e,n)=>Sf(t,typeof e!="symbol"?e+"":e,n);import{j as ae}from"./jsx-runtime-eps93zm2.js";import{g as Ni,R as Me,r as z}from"./index-DhsZuJvc.js";import{D as vf}from"./disabled-context-rmpd7YJS.js";import{C as wf}from"./common-types-Sih75Sav.js";import{B as bu}from"./button-C1sV-0mR.js";import{r as Ef}from"./index-CUZDtIZe.js";import{S as Cf}from"./select-
|
|
1
|
+
var kf=Object.defineProperty;var Sf=(t,e,n)=>e in t?kf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var el=(t,e,n)=>Sf(t,typeof e!="symbol"?e+"":e,n);import{j as ae}from"./jsx-runtime-eps93zm2.js";import{g as Ni,R as Me,r as z}from"./index-DhsZuJvc.js";import{D as vf}from"./disabled-context-rmpd7YJS.js";import{C as wf}from"./common-types-Sih75Sav.js";import{B as bu}from"./button-C1sV-0mR.js";import{r as Ef}from"./index-CUZDtIZe.js";import{S as Cf}from"./select-Z-GCZ-pY.js";import"./index-Bk2sglWO.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CZK3mphC.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var ku=Eo.exports,tl="ProseMirror-selectednode",la="",Wt="\0",nl="__state_override__",Tf={LastNodeCompatible:"lastNodeCompatible",FormattingMark:"formattingMark",FormattingNode:"formattingNode",NodeCursor:"nodeCursor",FontStyle:"fontStyle",Link:"link",Color:"color",Alignment:"alignment",Indentation:"indentation",Behavior:"behavior",Code:"code",InlineNode:"inline",ListContainerNode:"listContainer",ListItemNode:"listItemNode",Block:"block",BlockNode:"block",TextBlock:"textBlock",ExcludeInputRules:"excludeFromInputRules",PreventExits:"preventsExits",Media:"media"},j=Tf,Nt=Symbol.for("__remirror__"),xe=(t=>(t.PlainExtension="RemirrorPlainExtension",t.NodeExtension="RemirrorNodeExtension",t.MarkExtension="RemirrorMarkExtension",t.PlainExtensionConstructor="RemirrorPlainExtensionConstructor",t.NodeExtensionConstructor="RemirrorNodeExtensionConstructor",t.MarkExtensionConstructor="RemirrorMarkExtensionConstructor",t.Manager="RemirrorManager",t.Preset="RemirrorPreset",t.PresetConstructor="RemirrorPresetConstructor",t))(xe||{}),X=(t=>(t[t.Critical=1e6]="Critical",t[t.Highest=1e5]="Highest",t[t.High=1e4]="High",t[t.Medium=1e3]="Medium",t[t.Default=100]="Default",t[t.Low=10]="Low",t[t.Lowest=0]="Lowest",t))(X||{}),De=(t=>(t[t.None=0]="None",t[t.Create=1]="Create",t[t.EditorView=2]="EditorView",t[t.Runtime=3]="Runtime",t[t.Destroy=4]="Destroy",t))(De||{}),E=(t=>(t.Undo="_|undo|_",t.Redo="_|redo|_",t.Bold="_|bold|_",t.Italic="_|italic|_",t.Underline="_|underline|_",t.Strike="_|strike|_",t.Code="_|code|_",t.Paragraph="_|paragraph|_",t.H1="_|h1|_",t.H2="_|h2|_",t.H3="_|h3|_",t.H4="_|h4|_",t.H5="_|h5|_",t.H6="_|h6|_",t.TaskList="_|task|_",t.BulletList="_|bullet|_",t.OrderedList="_|number|_",t.Quote="_|quote|_",t.Divider="_|divider|_",t.Codeblock="_|codeblock|_",t.ClearFormatting="_|clear|_",t.Superscript="_|sup|_",t.Subscript="_|sub|_",t.LeftAlignment="_|left-align|_",t.CenterAlignment="_|center-align|_",t.RightAlignment="_|right-align|_",t.JustifyAlignment="_|justify-align|_",t.InsertLink="_|link|_",t.Find="_|find|_",t.FindBackwards="_|find-backwards|_",t.FindReplace="_|find-replace|_",t.AddFootnote="_|footnote|_",t.AddComment="_|comment|_",t.ContextMenu="_|context-menu|_",t.IncreaseFontSize="_|inc-font-size|_",t.DecreaseFontSize="_|dec-font-size|_",t.IncreaseIndent="_|indent|_",t.DecreaseIndent="_|dedent|_",t.Shortcuts="_|shortcuts|_",t.Copy="_|copy|_",t.Cut="_|cut|_",t.Paste="_|paste|_",t.PastePlain="_|paste-plain|_",t.SelectAll="_|select-all|_",t.Format="_|format|_",t))(E||{}),b=(t=>(t.PROD="RMR0000",t.UNKNOWN="RMR0001",t.INVALID_COMMAND_ARGUMENTS="RMR0002",t.CUSTOM="RMR0003",t.CORE_HELPERS="RMR0004",t.MUTATION="RMR0005",t.INTERNAL="RMR0006",t.MISSING_REQUIRED_EXTENSION="RMR0007",t.MANAGER_PHASE_ERROR="RMR0008",t.INVALID_GET_EXTENSION="RMR0010",t.INVALID_MANAGER_ARGUMENTS="RMR0011",t.SCHEMA="RMR0012",t.HELPERS_CALLED_IN_OUTER_SCOPE="RMR0013",t.INVALID_MANAGER_EXTENSION="RMR0014",t.DUPLICATE_COMMAND_NAMES="RMR0016",t.DUPLICATE_HELPER_NAMES="RMR0017",t.NON_CHAINABLE_COMMAND="RMR0018",t.INVALID_EXTENSION="RMR0019",t.INVALID_CONTENT="RMR0021",t.INVALID_NAME="RMR0050",t.EXTENSION="RMR0100",t.EXTENSION_SPEC="RMR0101",t.EXTENSION_EXTRA_ATTRIBUTES="RMR0102",t.INVALID_SET_EXTENSION_OPTIONS="RMR0103",t.REACT_PROVIDER_CONTEXT="RMR0200",t.REACT_GET_ROOT_PROPS="RMR0201",t.REACT_EDITOR_VIEW="RMR0202",t.REACT_CONTROLLED="RMR0203",t.REACT_NODE_VIEW="RMR0204",t.REACT_GET_CONTEXT="RMR0205",t.REACT_COMPONENTS="RMR0206",t.REACT_HOOKS="RMR0207",t.I18N_CONTEXT="RMR0300",t))(b||{}),Of=function(e){return Mf(e)&&!_f(e)};function Mf(t){return!!t&&typeof t=="object"}function _f(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||Rf(t)}var Nf=typeof Symbol=="function"&&Symbol.for,Af=Nf?Symbol.for("react.element"):60103;function Rf(t){return t.$$typeof===Af}function If(t){return Array.isArray(t)?[]:{}}function ns(t,e){return e.clone!==!1&&e.isMergeableObject(t)?tr(If(t),t,e):t}function Df(t,e,n){return t.concat(e).map(function(r){return ns(r,n)})}function Pf(t,e){if(!e.customMerge)return tr;var n=e.customMerge(t);return typeof n=="function"?n:tr}function Lf(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function rl(t){return Object.keys(t).concat(Lf(t))}function Su(t,e){try{return e in t}catch{return!1}}function Bf(t,e){return Su(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function zf(t,e,n){var r={};return n.isMergeableObject(t)&&rl(t).forEach(function(s){r[s]=ns(t[s],n)}),rl(e).forEach(function(s){Bf(t,s)||(Su(t,s)&&n.isMergeableObject(e[s])?r[s]=Pf(s,n)(t[s],e[s],n):r[s]=ns(e[s],n))}),r}function tr(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||Df,n.isMergeableObject=n.isMergeableObject||Of,n.cloneUnlessOtherwiseSpecified=ns;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):zf(t,e,n):ns(e,n)}tr.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return tr(r,s,n)},{})};var $f=tr,Ff=$f;const Vf=Ni(Ff);/*!
|
|
2
2
|
* isobject <https://github.com/jonschlinkert/isobject>
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2014-2017, Jon Schlinkert.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as D}from"./index-DhsZuJvc.js";import{T as g}from"./table-
|
|
1
|
+
import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as D}from"./index-DhsZuJvc.js";import{T as g}from"./table-CaaSoHex.js";import{T as z}from"./text-B3-TSWok.js";import{t as R,s as G,u as J,v as K,w as Q}from"./table.stories-data-DwfKQW7P.js";import"./index-Bk2sglWO.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-CZK3mphC.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-C1sV-0mR.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./pagination-BtguPxeR.js";import"./select-Z-GCZ-pY.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-BW9trNAW.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-CaSrhzev.js";import"./slider-gZmYlxxz.js";import"./index-BI4_Bp97.js";import"./popover-DgUpTRMk.js";import"./flex-EllkLxgO.js";const Ve={title:"Basic/Table/Row",component:g,args:{table:{...R}}},v=n=>o.jsx(g,{...n}),i=v.bind({});i.args={table:G};const p=v.bind({});p.args={table:J};const c=v.bind({});c.args={table:K};const d=v.bind({});d.args={table:Q};const t=v.bind({});t.args={table:{...R,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const u=()=>{const[n,e]=D.useState(null),a=r=>e(n===r?null:r);return o.jsx(g,{table:{...R,striped:!1,rows:R.rows.map((r,x)=>({...r,onRowClick:()=>a(x),expandedContent:{content:n===x?o.jsx("div",{children:"Example expanded content"}):null}}))}})},m=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,b,l)=>{const y=[...s];return s[l].noDrag?s:(y.splice(l,0,y.splice(b,1)[0]),y)},[a,r]=D.useState(n.rows),x=s=>{const{to:b,from:l}=s;e(a,l,b),r(e(a,l,b))};return o.jsx(g,{table:{...n,rows:a},onListReorder:x})},w=()=>{const[n,e]=D.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(z,{children:n}),o.jsx(g,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};u.__docgenInfo={description:"",methods:[],displayName:"Expandable"};m.__docgenInfo={description:"",methods:[],displayName:"DragAndDrop"};w.__docgenInfo={description:"",methods:[],displayName:"OnRowEnter"};var E,h,T;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as N,g as We}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ae,I as Ee}from"./common-types-Sih75Sav.js";import{D as de}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-UmZ4Y_CR.js";import{T as me,u as Ue,m as Ge}from"./tooltip-1V7clEnw.js";import{p as ze}from"./index-CEuq6vkz.js";import"./lodash-BHd_uQHh.js";import{_ as $e}from"./extends-CF3RwP-h.js";import{_ as fe}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ve}from"./inheritsLoose-DR8r8Ogv.js";import{m as se}from"./memoize-one.esm-CcMeOnPo.js";import{M as ie}from"./types-BmbYqTX_.js";import{T as le}from"./text-B3-TSWok.js";import{A as Ke}from"./actions-CZK3mphC.js";import{I as ue}from"./icon-BP4BO6-k.js";import{s as Ye}from"./select.input-DIKP56UZ.js";const Be="_inputInTable_2ynxq_1",Ze="_inputHover_2ynxq_13",Xe="_inputFocus_2ynxq_18",Je="_inputError_2ynxq_25",Qe="_inputWarning_2ynxq_26",en="_inputDisabled_2ynxq_61",nn="_hideScrollbars_2ynxq_67",tn="_select_2ynxq_77",rn="_isInTable_2ynxq_121",an="_unSelected_2ynxq_133",sn="_error_2ynxq_140",on="_warning_2ynxq_157",ln="_small_2ynxq_174",un="_right_2ynxq_182",cn="_groupOrderFirst_2ynxq_193",dn="_groupOrderMiddle_2ynxq_194",mn="_groupOrderLast_2ynxq_198",W={inputInTable:Be,inputHover:Ze,inputFocus:Xe,inputError:Je,inputWarning:Qe,inputDisabled:en,hideScrollbars:nn,select:tn,isInTable:rn,unSelected:an,error:sn,warning:on,small:ln,right:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:mn},Ie=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:v=()=>{},onFocus:f=()=>{},onBlur:s=()=>{},right:l=!1,small:g=!1,tabIndex:b=0,selectedOption:S,width:T=null,groupOrder:E=null,testId:_,isInTable:t=!1,clearable:o,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=N.useContext(de),h=S===null||(S==null?void 0:S.value)===null?"unselected":S==null?void 0:S.value,I=h==="unselected",R=(h==="unselected"||o?[p.jsx("option",{value:"unselected",disabled:!o,hidden:!o,children:i||"Select..."},"unselected")]:[]).concat(r?[p.jsx("option",{value:S==null?void 0:S.value,disabled:e||y,children:S==null?void 0:S.label},"selectedNonExistentValue")]:[]).concat(c.map((q,w)=>p.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},w))),x=(()=>{if(E)switch(E){case ae.FIRST:return W.groupOrderFirst;case ae.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return p.jsx(me,{error:!!n,warning:!!a,text:d||n||a,enabled:d&&ne(d)||n&&ne(n)||a&&ne(a)||!1,maxWidth:u,placement:"bottom-center",children:p.jsx("select",{className:G(W.select,I?W.unSelected:"",n?W.error:a?W.warning:"",l?W.right:"",g?W.small:"",t?W.isInTable:"",x),style:{width:T||"",borderRadius:m||""},onChange:q=>{const{value:w}=q.target;let C;w==="unselected"?C={value:null}:C=c.find(j=>String(j.value)===String(w))||{value:null},v(q,C)},onFocus:f,onBlur:s,tabIndex:b,value:h,disabled:e||y,"data-testid":_,children:R})})};Ie.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
+
evt: ChangeEvent<HTMLSelectElement>,
|
|
3
|
+
value: ISelectSelectedOption | { value: null },
|
|
4
|
+
) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};var Oe={exports:{}};(function(e,n){(function(a,d){e.exports=d(N,ze)})(window,function(a,d){return function(c){var v={};function f(s){if(v[s])return v[s].exports;var l=v[s]={i:s,l:!1,exports:{}};return c[s].call(l.exports,l,l.exports,f),l.l=!0,l.exports}return f.m=c,f.c=v,f.d=function(s,l,g){f.o(s,l)||Object.defineProperty(s,l,{enumerable:!0,get:g})},f.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},f.t=function(s,l){if(1&l&&(s=f(s)),8&l||4&l&&typeof s=="object"&&s&&s.__esModule)return s;var g=Object.create(null);if(f.r(g),Object.defineProperty(g,"default",{enumerable:!0,value:s}),2&l&&typeof s!="string")for(var b in s)f.d(g,b,(function(S){return s[S]}).bind(null,b));return g},f.n=function(s){var l=s&&s.__esModule?function(){return s.default}:function(){return s};return f.d(l,"a",l),l},f.o=function(s,l){return Object.prototype.hasOwnProperty.call(s,l)},f.p="",f(f.s=0)}([function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=f(1);Object.defineProperty(v,"default",{enumerable:!0,get:function(){return function(l){return l&&l.__esModule?l:{default:l}}(s).default}}),c.exports=v.default},function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},l=function(){function t(o,i){for(var r=0;r<i.length;r++){var u=i[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(o,u.key,u)}}return function(o,i,r){return i&&t(o.prototype,i),r&&t(o,r),o}}(),g=T(f(2)),b=T(f(3)),S=f(4);function T(t){return t&&t.__esModule?t:{default:t}}var E=[],_=function(t){function o(i){(function(u,m){if(!(u instanceof m))throw new TypeError("Cannot call a class as a function")})(this,o);var r=function(u,m){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!m||typeof m!="object"&&typeof m!="function"?u:m}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this,i));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);i.prototype=Object.create(r&&r.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(i,r):i.__proto__=r)}(o,g.default.Component),l(o,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var i=this.props,r=i.isExclusive,u=i.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(i){var r=i.isExclusive,u=i.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),E.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;E.includes(this)&&(E=E.filter(function(r){return r!==i}))}},{key:"handleKeyboardEvent",value:function(i){var r=this.props,u=r.isDisabled,m=r.handleKeys,y=r.onKeyEvent,h=r.handleEventType,I=r.children,R=r.handleFocusableElements;if(u||h!==i.type||E.length>0&&E[0]!==this)return!1;var x=i.target===document.body||R,q=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(I?q:x))return!1;var w=(0,S.findMatchedKey)(i,m);return!!w&&(y(w,i),!0)}},{key:"render",value:function(){var i=this,r=this.props.children,u=Object.assign({},this.props),m=!0,y=!1,h=void 0;try{for(var I,R=Object.keys(o.propTypes)[Symbol.iterator]();!(m=(I=R.next()).done);m=!0)delete u[I.value]}catch(x){y=!0,h=x}finally{try{!m&&R.return&&R.return()}finally{if(y)throw h}}return r?g.default.createElement("span",s({ref:function(x){i.childrenContainer=x}},u),r):null}}]),o}();v.default=_,_.propTypes={handleKeys:b.default.array,handleEventType:b.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:b.default.bool,onKeyEvent:b.default.func,isDisabled:b.default.bool,isExclusive:b.default.bool,children:b.default.any},_.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=v.default},function(c,v){c.exports=a},function(c,v){c.exports=d},function(c,v,f){function s(r,u,m){return u in r?Object.defineProperty(r,u,{value:m,enumerable:!0,configurable:!0,writable:!0}):r[u]=m,r}Object.defineProperty(v,"__esModule",{value:!0}),v.matchKeyEvent=i,v.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),I=o[h];return I||[y]}).reduce(function(y,h){return y.concat(h)},[]).find(function(y){return i(r,y)});return!m&&u.includes("all")&&(m="other"),m};var l={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},g=Object.keys(l).reduce(function(r,u){return Object.assign(r,s({},u.toUpperCase(),l[u]))},{}),b="0123456789".split("").reduce(function(r,u,m){return Object.assign(r,s({},u,[m+48,m+96]))},{}),S="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,m){return Object.assign(r,s({},u.toLowerCase(),[m+65]),s({},u,[m+65]))},{}),T="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,m){return Object.assign(r,s({},"f"+u,[m+112]))},{}),E={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=v.AllKeys=Object.assign({},l,g,b,S,T),t=Object.assign({},b,S),o={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(b),alphabetic:Object.keys(S),function:Object.keys(T)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(E).filter(function(j){return r[j+"Key"]}).sort(),I=u.toLowerCase().trim(),R=I==="+"?["+"]:I.split(/\s?\+\s?/),x=R.pop(),q=_[x],w=R;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return q.indexOf(m)>=0;if(w.length>0&&h.length>0){var C=w.map(function(j){return E[j]}).sort(),A=C.length===h.length&&C.every(function(j,z){return h[z]===j});return q.indexOf(m)>=0&&A}return w.length==0&&h.length===1&&x===h[0]}}])})})(Oe);var pn=Oe.exports;const fn=We(pn),we=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},xe=()=>{const[e,n]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var gn=typeof performance=="object"&&typeof performance.now=="function",ge=gn?function(){return performance.now()}:function(){return Date.now()};function ve(e){cancelAnimationFrame(e.id)}function vn(e,n){var a=ge();function d(){ge()-a>=n?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function ye(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function he(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",a.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",n.appendChild(d),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var yn=150,hn=function(n,a){return n};function Sn(e){var n,a=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,v=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,l=e.initInstanceProps,g=e.shouldResetStyleCacheOnItemSizeChange,b=e.validateProps;return n=function(S){Ve(T,S);function T(_){var t;return t=S.call(this,_)||this,t._instanceProps=l(t.props,fe(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:fe(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=se(function(o,i,r,u){return t.props.onItemsRendered({overscanStartIndex:o,overscanStopIndex:i,visibleStartIndex:r,visibleStopIndex:u})}),t._callOnScroll=void 0,t._callOnScroll=se(function(o,i,r){return t.props.onScroll({scrollDirection:o,scrollOffset:i,scrollUpdateWasRequested:r})}),t._getItemStyle=void 0,t._getItemStyle=function(o){var i=t.props,r=i.direction,u=i.itemSize,m=i.layout,y=t._getItemStyleCache(g&&u,g&&m,g&&r),h;if(y.hasOwnProperty(o))h=y[o];else{var I=a(t.props,o,t._instanceProps),R=c(t.props,o,t._instanceProps),x=r==="horizontal"||m==="horizontal",q=r==="rtl",w=x?I:0;y[o]=h={position:"absolute",left:q?void 0:w,right:q?w:void 0,top:x?0:I,height:x?"100%":R,width:x?R:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=se(function(o,i,r){return{}}),t._onScrollHorizontal=function(o){var i=o.currentTarget,r=i.clientWidth,u=i.scrollLeft,m=i.scrollWidth;t.setState(function(y){if(y.scrollOffset===u)return null;var h=t.props.direction,I=u;if(h==="rtl")switch(he()){case"negative":I=-u;break;case"positive-descending":I=m-r-u;break}return I=Math.max(0,Math.min(I,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<I?"forward":"backward",scrollOffset:I,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(o){var i=o.currentTarget,r=i.clientHeight,u=i.scrollHeight,m=i.scrollTop;t.setState(function(y){if(y.scrollOffset===m)return null;var h=Math.max(0,Math.min(m,u-r));return{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(o){var i=t.props.outerRef;t._outerRef=o,typeof i=="function"?i(o):i!=null&&typeof i=="object"&&i.hasOwnProperty("current")&&(i.current=o)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ve(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=vn(t._resetIsScrolling,yn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}T.getDerivedStateFromProps=function(t,o){return bn(t,o),b(t),null};var E=T.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(o){return o.scrollOffset===t?null:{scrollDirection:o.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,o){o===void 0&&(o="auto");var i=this.props,r=i.itemCount,u=i.layout,m=this.state.scrollOffset;t=Math.max(0,Math.min(t,r-1));var y=0;if(this._outerRef){var h=this._outerRef;u==="vertical"?y=h.scrollWidth>h.clientWidth?ye():0:y=h.scrollHeight>h.clientHeight?ye():0}this.scrollTo(v(this.props,t,o,m,this._instanceProps,y))},E.componentDidMount=function(){var t=this.props,o=t.direction,i=t.initialScrollOffset,r=t.layout;if(typeof i=="number"&&this._outerRef!=null){var u=this._outerRef;o==="horizontal"||r==="horizontal"?u.scrollLeft=i:u.scrollTop=i}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,o=t.direction,i=t.layout,r=this.state,u=r.scrollOffset,m=r.scrollUpdateWasRequested;if(m&&this._outerRef!=null){var y=this._outerRef;if(o==="horizontal"||i==="horizontal")if(o==="rtl")switch(he()){case"negative":y.scrollLeft=-u;break;case"positive-ascending":y.scrollLeft=u;break;default:var h=y.clientWidth,I=y.scrollWidth;y.scrollLeft=I-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ve(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,o=t.children,i=t.className,r=t.direction,u=t.height,m=t.innerRef,y=t.innerElementType,h=t.innerTagName,I=t.itemCount,R=t.itemData,x=t.itemKey,q=x===void 0?hn:x,w=t.layout,C=t.outerElementType,A=t.outerTagName,j=t.style,z=t.useIsScrolling,K=t.width,$=this.state.isScrolling,H=r==="horizontal"||w==="horizontal",P=H?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(I>0)for(var k=te;k<=re;k++)X.push(N.createElement(o,{data:R,key:q(k,R),index:k,isScrolling:z?$:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(C||A||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:$e({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},j)},N.createElement(y||h||"div",{children:X,ref:m,style:{height:H?"100%":J,pointerEvents:$?"none":void 0,width:H?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var o=this._getRangeToRender(),i=o[0],r=o[1],u=o[2],m=o[3];this._callOnItemsRendered(i,r,u,m)}}if(typeof this.props.onScroll=="function"){var y=this.state,h=y.scrollDirection,I=y.scrollOffset,R=y.scrollUpdateWasRequested;this._callOnScroll(h,I,R)}},E._getRangeToRender=function(){var t=this.props,o=t.itemCount,i=t.overscanCount,r=this.state,u=r.isScrolling,m=r.scrollDirection,y=r.scrollOffset;if(o===0)return[0,0,0,0];var h=f(this.props,y,this._instanceProps),I=s(this.props,h,y,this._instanceProps),R=!u||m==="backward"?Math.max(1,i):1,x=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-R),Math.max(0,Math.min(o-1,I+x)),h,I]},T}(N.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var bn=function(n,a){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,a.instance},_n=Sn({getItemOffset:function(n,a){var d=n.itemSize;return a*d},getItemSize:function(n,a){var d=n.itemSize;return d},getEstimatedTotalSize:function(n){var a=n.itemCount,d=n.itemSize;return d*a},getOffsetForIndexAndAlignment:function(n,a,d,c,v,f){var s=n.direction,l=n.height,g=n.itemCount,b=n.itemSize,S=n.layout,T=n.width,E=s==="horizontal"||S==="horizontal",_=E?T:l,t=Math.max(0,g*b-_),o=Math.min(t,a*b),i=Math.max(0,a*b-_+b+f);switch(d==="smart"&&(c>=i-_&&c<=o+_?d="auto":d="center"),d){case"start":return o;case"end":return i;case"center":{var r=Math.round(i+(o-i)/2);return r<Math.ceil(_/2)?0:r>t+Math.floor(_/2)?t:r}case"auto":default:return c>=i&&c<=o?c:c<i?i:o}},getStartIndexForOffset:function(n,a){var d=n.itemCount,c=n.itemSize;return Math.max(0,Math.min(d-1,Math.floor(a/c)))},getStopIndexForStartIndex:function(n,a,d){var c=n.direction,v=n.height,f=n.itemCount,s=n.itemSize,l=n.layout,g=n.width,b=c==="horizontal"||l==="horizontal",S=a*s,T=b?g:v,E=Math.ceil((T+d-S)/s);return Math.max(0,Math.min(f-1,a+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Tn="_layerContainer_1lbvo_1",En="_layer_1lbvo_1",In="_small_1lbvo_23",On="_heading_1lbvo_26",wn="_option_1lbvo_27",xn="_message_1lbvo_28",Rn="_focused_1lbvo_64",qn="_selected_1lbvo_68",Ln="_disabled_1lbvo_71",Cn="_check_1lbvo_75",Mn="_optionContent_1lbvo_92",Nn="_label_1lbvo_97",jn="_icon_1lbvo_104",An="_details_1lbvo_109",F={layerContainer:Tn,layer:En,small:In,heading:On,option:wn,message:xn,focused:Rn,selected:qn,disabled:Ln,check:Cn,optionContent:Mn,label:Nn,icon:jn,details:An},Re=({label:e})=>p.jsx("div",{onClick:n=>n.stopPropagation(),className:F.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:v=!1,onSelectOption:f,actions:s,closeLayer:l,testId:g})=>p.jsxs("div",{className:G(F.option,d?F.disabled:"",c?F.selected:"",v?F.focused:""),onClick:!d&&f?f:void 0,"data-testid":g,children:[p.jsx("div",{className:F.optionContent,children:p.jsxs("span",{className:F.label,title:n,children:[n,a&&p.jsx("span",{className:F.icon,children:a})]})}),e&&p.jsx("div",{className:G(F.details),children:p.jsx(le,{faint:!0,children:e})}),!!(s!=null&&s.length)&&p.jsx("div",{className:G(F.actions),children:p.jsx(Ke,{actions:s,closeLayer:l})}),p.jsx("span",{className:F.check,children:c?p.jsx(ue,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
5
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
6
|
+
section?: ISelectSectionProps,
|
|
7
|
+
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
8
|
+
section: ISelectSection;
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
focused?: boolean;
|
|
11
|
+
onSelectOption?: (
|
|
12
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
13
|
+
section?: ISelectSectionProps,
|
|
14
|
+
) => void;
|
|
15
|
+
closeLayer?: TEmpty;
|
|
16
|
+
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
17
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
18
|
+
section?: ISelectSectionProps,
|
|
19
|
+
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Le=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const v=N.useContext(de);switch(e.type){case ie.HEADING:return p.jsx(Re,{label:e.label});case ie.OPTION:default:return p.jsx(qe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||v,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};Le.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
20
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
21
|
+
section?: ISelectSectionProps,
|
|
22
|
+
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
23
|
+
section: ISelectSection;
|
|
24
|
+
selected?: boolean;
|
|
25
|
+
focused?: boolean;
|
|
26
|
+
onSelectOption?: (
|
|
27
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
28
|
+
section?: ISelectSectionProps,
|
|
29
|
+
) => void;
|
|
30
|
+
closeLayer?: TEmpty;
|
|
31
|
+
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
32
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
33
|
+
section?: ISelectSectionProps,
|
|
34
|
+
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const ce=(e,n)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=n,d.measureText(e).width):0},Ce="13px",Me="12px",Fn="Roobert",Hn="sans-serif",Pn=12,Dn=8,kn=30,Wn=24,Un=5,Gn=3,zn=1,$n=2,Se=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Fn:Hn}`,Vn=(e=!1,n=!1)=>(e?Dn:Pn)+(e?Wn:kn)+(n?17:0),be=(e,n,a,d)=>{const c=Ne(n,a),v=d?ce(d,c):0,f=Math.ceil(e.reduce((l,g)=>{var _;const b=(((_=g==null?void 0:g.actions)==null?void 0:_.length)??0)*24,S=g.icon?parseInt(n?Me:Ce)+7:0,T=`${g.label} ${g.details||""}`,E=ce(T,c)+b+S;return l=E>l?E:l,l},v)),s=Vn(n,!0);return f+s},Kn=(e,n,a)=>{const d=Ne(!0,a),c=ce(e.label,d),v=(n?Gn:Un)*2+zn*2+$n;return Math.ceil(c+v)},je=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:v,width:f,small:s,firstSelectedOptionIndex:l,closeLayer:g,testId:b})=>{N.useEffect(()=>{l&&l!==null&&e.current!==null&&e.current.scrollToItem(l,"start")},[l,e]);const S=s?24:30;return p.jsx("div",{"data-testid":b,className:G(F.layer,s&&F.small),children:a.length?p.jsx(_n,{ref:e,height:a.length<Se?S*a.length:S*Se,itemCount:a.length,itemSize:S,width:f,children:({index:T,style:E})=>{var _;return p.jsx("div",{style:E,children:p.jsx(Le,{closeLayer:g,section:a[T],selected:n&&a[T].type!==ie.HEADING&&Array.isArray(d)?d.some(t=>{var o;return t&&(t==null?void 0:t.value)===((o=a==null?void 0:a[T])==null?void 0:o.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[T])==null?void 0:_.value)===(d==null?void 0:d.value),focused:v===T,onSelectOption:t=>c(t,a[T])})})}}):p.jsx("ul",{children:p.jsx("li",{children:p.jsx("div",{className:F.message,style:{width:f},children:"No matches"})})})})};je.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
|
|
35
|
+
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
36
|
+
section?: ISelectSection,
|
|
37
|
+
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Yn="_inputInTable_1qfoj_1",Bn="_inputHover_1qfoj_13",Zn="_inputFocus_1qfoj_18",Xn="_inputError_1qfoj_25",Jn="_inputWarning_1qfoj_26",Qn="_inputDisabled_1qfoj_61",et="_hideScrollbars_1qfoj_67",nt="_trigger_1qfoj_77",tt="_isInTable_1qfoj_93",rt="_input_1qfoj_1",at="_isOpen_1qfoj_114",it="_error_1qfoj_122",st="_warning_1qfoj_139",ot="_disabled_1qfoj_156",lt="_icons_1qfoj_162",ut="_clearAll_1qfoj_169",ct="_iconOpen_1qfoj_170",dt="_small_1qfoj_181",mt="_triggerInputContainer_1qfoj_189",pt="_right_1qfoj_198",ft="_multiOptions_1qfoj_211",gt="_multiOption_1qfoj_211",vt="_label_1qfoj_239",yt="_closeMultiOption_1qfoj_242",ht="_focus_1qfoj_253",St="_selectedSingleValue_1qfoj_257",bt="_placeHolder_1qfoj_258",_t="_groupOrderFirst_1qfoj_297",Tt="_groupOrderMiddle_1qfoj_298",Et="_groupOrderLast_1qfoj_302",It="_detailedLabel_1qfoj_307",M={inputInTable:Yn,inputHover:Bn,inputFocus:Zn,inputError:Xn,inputWarning:Jn,inputDisabled:Qn,hideScrollbars:et,trigger:nt,isInTable:tt,input:rt,isOpen:at,error:it,warning:st,disabled:ot,icons:lt,clearAll:ut,iconOpen:ct,small:dt,triggerInputContainer:mt,right:pt,multiOptions:ft,multiOption:gt,label:vt,closeMultiOption:yt,focus:ht,selectedSingleValue:St,placeHolder:bt,groupOrderFirst:_t,groupOrderMiddle:Tt,groupOrderLast:Et,detailedLabel:It},Ae=({selectedOptions:e,small:n,width:a,testId:d})=>{const c=xe(),[v,f]=N.useState([]),[s,l]=N.useState([]);return N.useEffect(()=>{let g=[],b=[],S=0;e.forEach((T,E)=>{S+=Kn(T,n,c),E===e.length-1&&S<a||S<a-24?g.push(T):b.push(T)}),f(g),l(b)},[e,c,a]),p.jsxs("div",{className:M.multiOptions,"data-testid":d&&`${d}-value`,children:[v.filter(g=>g&&g.label).map((g,b)=>p.jsx("span",{className:M.multiOption,onClick:S=>{S.stopPropagation()},children:g.label},b)),s.length>0&&p.jsx(me,{text:s.map((g,b)=>p.jsx("div",{children:g.label},b)),display:"inline-flex",children:p.jsx("span",{className:M.multiOption,children:v.length?`+${s.length}`:`${s.length} items`})})]})};Ae.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Fe=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=()=>{},inputRef:c,error:v,placeholder:f="Select...",small:s,testId:l})=>{const g=N.useRef(null),b=Array.isArray(e),S=b?e.length>0:!!e,T=a?a.length+1:1,E=()=>{var o,i;const _=((o=g.current)==null?void 0:o.offsetWidth)||0,t=((i=c.current)==null?void 0:i.offsetWidth)||0;return _-t};return p.jsxs("div",{className:M.triggerInputContainer,ref:g,children:[S?b?p.jsx(Ae,{selectedOptions:e,small:s,width:E(),testId:l}):p.jsx("span",{className:M.selectedSingleValue,"data-testid":l&&`${l}-value`,children:a!=null&&a.length?"":e==null?void 0:e.label}):p.jsx("span",{className:M.placeHolder,children:a!=null&&a.length?"":f}),n?p.jsx("input",{tabIndex:-1,ref:c,size:T,className:G(M.input,v?M.error:""),value:a,onChange:_=>d(_.target.value),"data-testid":l&&`${l}-input`}):null]})};Fe.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:v,error:f,warning:s,tooltip:l,small:g,isInTable:b,disabled:S,onChangeSearch:T,onClickDeselect:E,onClickClear:_,tabIndex:t,isOpen:o,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:I,placeholder:R,right:x,testId:q})=>{var H;const[w,C]=we(),A=Array.isArray(e)?e.length>0&&((H=e[0])==null?void 0:H.value):e==null?void 0:e.value,j=d&&A,z=(()=>{if(h)switch(h){case ae.FIRST:return M.groupOrderFirst;case ae.LAST:return M.groupOrderLast;default:return M.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:p.jsxs("div",{className:G(M.detailedLabel),children:[p.jsx(le,{children:e.label}),p.jsx(le,{muted:!0,children:e.details})]})}:e,$=p.jsxs(p.Fragment,{children:[v,p.jsxs("div",{ref:i,tabIndex:t,className:G(M.trigger,o?M.isOpen:"",f?M.error:s?M.warning:"",S?M.disabled:"",g?M.small:"",b?M.isInTable:"",x?M.right:"",z),onClick:P=>{P.stopPropagation(),typeof C=="function"&&C(),c(P)},onFocus:m,onBlur:y,"data-testid":q,children:[p.jsx(Fe,{selectedOptions:K,placeholder:R,searchable:a,searchValue:n,inputRef:w,onChange:T,error:f,small:g,testId:q}),p.jsx("span",{className:M.icons,children:j?p.jsx("span",{className:G(M.clearAll,r?M.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},"data-testid":q&&`${q}-clear`,children:p.jsx(ue,{icon:Ee.CLOSE})}):p.jsx("span",{className:G(M.iconOpen),children:p.jsx(ue,{icon:"chevron down"})})})]})]});return p.jsx(p.Fragment,{children:p.jsx(me,{error:!!f,warning:!!s,text:l||f||s,enabled:l&&ne(l)||f&&ne(f)||s&&ne(s)||!1,maxWidth:I,placement:"bottom-center",children:$})})};He.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var U=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(U||{});const Pe={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Ot=e=>e!==null?e+1:0,De=(e,n)=>{const a=["none",...e.map((c,v)=>c.type!==ie.HEADING?v:null).filter(c=>c!==null)],d=Ot(n);return{options:a,currentIndex:d,current:a[d]}},wt=(e,n)=>{const a=e==="up"?-1:1,d=n.currentIndex+a,c=(d<0?n.options.length-1:d)%n.options.length,v=n.options[c];return{...n,currentIndex:c,current:v}},xt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(g,b)=>b),"clearAll"]:["none","clearAll"],v=a.currentIndex+d,f=(v<0?c.length-1:v)%c.length,s=c[f];return{options:c,currentIndex:f,currentOption:s,clearAll:s==="clearAll"}},_e=()=>Pe,Te=e=>({...e,currentIndex:0,current:"none"}),Rt=(e,n)=>{switch(n.type){case U.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case U.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case U.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case U.ON_CHANGE_SEARCH:{let d=[...(n.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&d.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:d,layerFocus:Te(e.layerFocus)}}case U.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:xt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Te(e.layerFocus)};case U.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:_e()};case U.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:_e()}:e;case U.OPEN_LAYER:return{...e,isLayerOpen:!0};case U.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},qt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var D=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(D||{}),V=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(V||{});const Lt=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:v,onCreate:f,onChange:s,selectedOptions:l,width:g,small:b,isFontLoaded:S,placeholder:T,firstSelectedOptionIndex:E,createAble:_,listRef:t,autoLayerWidth:o})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,L,Q)=>{if(!(c||v)){if(Q&&Q(),L){if(L.createAble&&f)f(L.value);else if(!L.disabled)if(Array.isArray(l))if(l.some(B=>B.label===L.label)){const B=l.filter(pe=>pe.label!==L.label);s&&s(O,B)}else{const B=[...l,L];s&&s(O,B)}else s&&s(O,L)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=N.useCallback(()=>g?g!=="auto"?g:be(a,b,S,T):"100%",[a,S]),h=N.useCallback(O=>o?Math.max(be(a,b,S,T),O==null?void 0:O.width):O==null?void 0:O.width,[a,S]),{renderLayer:I,layerProps:R,triggerProps:x,triggerBounds:q}=Ue({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...qt,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||v)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:E}),r()}},C=N.useRef(!0);N.useEffect(()=>{C.current?C.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const A=(O,L)=>{const Q=l instanceof Array?l.filter(Y=>Y.value!==L.value):null;s&&s(O,Q)},j=O=>{const L=l instanceof Array?[]:{value:null};s&&s(O,L)},z=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},$=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},H=O=>{const L=wt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:L}),$(L.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:l})},Z=O=>j(O),te=l&&l[e.triggerFocus.currentOption],re=O=>{A(O,l[e.triggerFocus.currentOption])},X=O=>{var L;m(O,(L=e==null?void 0:e.visibleOptions)==null?void 0:L[e.layerFocus.current],i)},k=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,L)=>{switch(O){case V.UP:{H(O);break}case V.DOWN:{e.isLayerOpen?H(O):K();break}case V.LEFT:case V.RIGHT:{P(O);break}case V.ENTER:{k?Z(L):te?re(L):X(L);break}case V.ESC:{i();break}}},clearAllIsFocused:k,triggerProps:x,onClickTrigger:w,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:j,renderLayer:I,layerProps:R,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:q}},ke=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:v=null,options:f,selectedOptions:s,onCreate:l=null,placeholder:g="",small:b=!1,tabIndex:S=0,onFocus:T=()=>{},onBlur:E=()=>{},searchable:_=!0,clearable:t=!1,maxTooltipWidth:o,closeOnOptionActionClick:i,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:m=0,right:y=!1,testId:h=void 0}=e,I=N.useContext(de),R=l!==null,x=N.useRef(null),[q,w]=we(),C=xe(),[A,j]=N.useReducer(Rt,{options:f,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:K,clearAllIsFocused:$,triggerProps:H,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:O,getLayerWidth:L,triggerBounds:Q}=Lt({...e,state:A,dispatch:j,setTriggerFocus:w,disabledContext:I,isFontLoaded:C,createAble:R,listRef:x});return p.jsx("div",{style:{width:z()},children:p.jsxs(fn,{handleKeys:Object.values(V),onKeyEvent:K,children:[p.jsx(He,{selectedOptions:s,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:$,searchable:_,triggerRef:Ge(q,H.ref),error:d,warning:c,tooltip:v,small:b,isInTable:r,disabled:a||I,clearable:t,tabIndex:S,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:T,onBlur:E,groupOrder:u,maxTooltipWidth:o,placeholder:g,right:y,testId:h}),A.isLayerOpen&&X(p.jsx("div",{...k,className:F.layerContainer,children:p.jsx(je,{listRef:x,isMulti:n,sections:A.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:L(Q),small:b,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:m??0,testId:h&&`${h}-layer`})}))]})})};ke.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
38
|
+
evt: ChangeEvent<HTMLInputElement>,
|
|
39
|
+
newSelectedOptions: ISelectSelectedOption,
|
|
40
|
+
) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"},{type:{name:"ISelectSelectedOption"},name:"newSelectedOptions"}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Ct=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:v=()=>{},deprecatedEventHandler:f=!1,autoScroll:s=!0,warning:l,error:g,checkNonExistentValues:b=!0,closeOnOptionActionClick:S=!0,testId:T,disabled:E}=e,_=!c&&s===!0,{multi:t,simpleInputs:o,options:i,selectedOptions:r,firstSelectedOptionIndex:u,hasNonExistentValue:m}=Ye(a,d,_,b),y=!t,h=c&&y;c&&!y&&console.warn("Native select does not support provided props (see stories)");const I="Value no longer available for re-selection",R=m&&!E?l?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:l})]}):I:l,x=m&&g&&!E?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:g})]}):g,q=(w,C)=>{if(f){const A=t?C.map(j=>o?j.value:j):o?C.value:C;v(A)}else{const A=!(w instanceof Event),j=t?C:C.value;A?(w.target.name=n,w.target.value=j,t||(w.target.label=C.label),v(w)):v({...w,target:{...w.target,name:n,value:j,...!t&&{label:C.label}}})}};return h?p.jsx(Ie,{...e,options:i,selectedOption:r,onChange:q,hasNonExistentValue:m,warning:R,error:x,testId:T}):p.jsx(ke,{...e,options:i,selectedOptions:r,onChange:q,multi:t,firstSelectedOptionIndex:u,warning:R,error:x,testId:T,closeOnOptionActionClick:S})};Ct.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: any) => void",signature:{arguments:[{type:{name:"any"},name:"value"}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Ct as S};
|