@oliasoft-open-source/react-ui-library 4.6.2 → 4.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/side-bar-ZpHvA_KQ.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as p,R as g}from"./index-RfLt4OUa.js";import{c as v}from"./index-VW3EWkuE.js";import{i as h}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as I}from"./drawer-GdbVQdWk.js";import{T as j}from"./tooltip-HEHiU__l.js";import{I as T}from"./icon-8EQazuuW.js";import{B as N}from"./badge-23Ty_zBt.js";import{B as M}from"./button-shH4xakS.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",O="_inputFocus_1ube5_18",q="_inputError_1ube5_25",V="_inputWarning_1ube5_26",B="_inputDisabled_1ube5_61",k="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",F="_inner_1ube5_93",H="_title_1ube5_103",A="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:V,inputDisabled:B,hideScrollbars:k,sidebar:L,inner:F,title:H,subtitle:A,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=p.memo(({isOpen:t,label:i,icon:a,invalid:r})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(N,{small:!0,title:r?"!":void 0,margin:4,children:e.jsx(T,{icon:a})})})}),e.jsx("span",{className:s.label,children:i})]}),(t,i)=>h(t,i)),m=({isOpen:t,items:i,sectionIndex:a,onClick:r,testId:o})=>e.jsx("div",{className:s.list,children:i.map((n,u)=>{const c=`${a}_${u}`,l=n.component||"a";return e.jsx(l,{href:n.value,to:n.value,className:v(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:d=>r(d,n.value,n.label,n.onClick),"data-testid":o,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{m.displayName="Link",m.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IOptionItem[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _=({isOpen:t,sections:i,onClick:a})=>e.jsx(e.Fragment,{children:i.map((r,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:r.heading.toUpperCase()}),e.jsx(m,{isOpen:t,items:r.items,sectionIndex:o,onClick:a,testId:r.testId})]},o))});try{_.displayName="Sections",_.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const f=p.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:a=()=>{},top:r})=>{const[o,n]=p.useState(i),u=(l,d,x,b)=>{typeof b=="function"&&(l.currentTarget.value=d,l.currentTarget.label=x,b(l)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:o,top:r,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(M,{onClick:l=>{l.shiftKey&&a&&a(l),n(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:v(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(_,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,i)=>h(t,i));try{f.displayName="SideBar",f.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{f as S};

package/dist/storybook/assets/side-bar.stories-GCjyz_UC.js

@@ -1,27 +0,0 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as R,L as s,S as T,R as r}from"./react-router-dom-EZH1n7K1.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as i}from"./side-bar-ZpHvA_KQ.js";import{F as v}from"./flex-RYZsoWEN.js";import{B as I}from"./badge-23Ty_zBt.js";import{P as f}from"./page-9-f6BzS0.js";import{s as B}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-GdbVQdWk.js";import"./lodash-Bmg8FrMx.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";const k=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:B},{label:e.jsxs(v,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",e.jsx(I,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],W={title:"Navigation/SideBar",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:k},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},b=x=>e.jsx(i,{...x}),a=b.bind({}),o=b.bind({});o.args={startOpen:!0};const n=()=>e.jsx(R,{children:e.jsxs(f,{top:0,children:[e.jsx(i,{options:{title:"Title",sections:[{heading:"Main",items:[{label:"Dashboard",value:"/dashboard",icon:t.LIBRARY,component:s},{label:"Settings",value:"/settings",icon:t.SETTINGS,component:s}]}]}}),e.jsxs(T,{children:[e.jsx(r,{path:"/dashboard",children:"Dashboard"}),e.jsx(r,{path:"/settings",children:"Settings"})]})]})});var c,l,p;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=a.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:"args => <SideBar {...args} />",...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,g,S;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
-  return <HashRouter>
-      <Page top={0}>
-        <SideBar options={{
-        title: 'Title',
-        sections: [{
-          heading: 'Main',
-          items: [{
-            label: 'Dashboard',
-            value: '/dashboard',
-            icon: IconType.LIBRARY,
-            component: Link
-          }, {
-            label: 'Settings',
-            value: '/settings',
-            icon: IconType.SETTINGS,
-            component: Link
-          }]
-        }]
-      }} />
-        <Switch>
-          <Route path="/dashboard">Dashboard</Route>
-          <Route path="/settings">Settings</Route>
-        </Switch>
-      </Page>
-    </HashRouter>;
-}`,...(S=(g=n.parameters)==null?void 0:g.docs)==null?void 0:S.source}}};const X=["Default","StartOpen","AsRouterLink"];export{n as AsRouterLink,a as Default,o as StartOpen,X as __namedExportsOrder,W as default};