@oliasoft-open-source/react-ui-library 4.1.6-beta-1 → 4.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.1.6-beta-1",
+  "version": "4.1.6",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -58,7 +58,6 @@
     "@types/styled-components": "^5.1.27",
     "classnames": "^2.3.1",
     "csstype": "^3.1.2",
-    "lodash": "^4",
     "memoize-one": "^5.2.1",
     "normalize.css": "^8.0.1",
     "path": "^0.12.7",
@@ -120,11 +119,13 @@
     "jsdom": "^22.1.0",
     "less": "^4.1.1",
     "lint-staged": "^11.1.2",
+    "lodash": "^4",
     "prettier": "2.4.0",
     "prop-types": "^15",
     "react": "^17.0",
     "react-dom": "^17.0",
     "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^7.5.3",
     "storybook-dark-mode": "^3.0.3",
     "typescript": "^5.2.2",
@@ -137,6 +138,7 @@
   "peerDependencies": {
     "@oliasoft-open-source/units": "^3.10.0",
     "immer": "^9",
+    "lodash": "^4",
     "prop-types": "^15",
     "react": "^17",
     "react-dom": "^17"

package/dist/storybook/assets/dialog-d1746c46.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as d}from"./index-f80c8c95.js";import{c as u}from"./index-a80ed1cf.js";import{P as x}from"./portal-03fe4689.js";import{l as y}from"./lodash-75c70a11.js";import{I as v}from"./common-types-2c81813f.js";import{H as j}from"./heading-d29eb744.js";import{B as w}from"./button-74c97e4a.js";const _=(t,n,s=[])=>{d.useEffect(()=>{const l=r=>{r.key===t&&n()};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l)}},s)},b="_wrapper_sb0hc_1",E="_contentContainer_sb0hc_15",N="_centered_sb0hc_24",k="_newLine_sb0hc_28",p={wrapper:b,contentContainer:E,centered:N,newLine:k},C=({children:t})=>{const n=d.useRef(null);return d.useEffect(()=>{n.current&&n.current.focus()},[]),e.jsx("div",{ref:n,tabIndex:-1,className:u(p.wrapper),children:t})},I=({children:t,width:n,centered:s})=>e.jsx("div",{className:u(p.contentContainer,s?p.centered:""),style:{maxWidth:n},children:t}),g=({children:t,visible:n=!1,centered:s=!1,width:l="100%",onEnter:r,onEscape:c})=>{const[o,m]=d.useState(n);return d.useEffect(()=>{m(n)},[n]),_("Enter",()=>{o&&r&&(r(),m(!1))},[o,r]),_("Escape",()=>{o&&c&&(c(),m(!1))},[o,c]),e.jsxs(e.Fragment,{children:[e.jsx(x,{id:"modalContainer",children:o?e.jsx(C,{children:e.jsx(I,{width:l,centered:s,children:t})}):null}),e.jsx("div",{id:"modalContainer"})]})};try{g.displayName="Modal",g.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:null,description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",L="_inline_18g0k_18",D="_scroll_18g0k_21",V="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",i={dialog:q,inline:L,scroll:D,header:V,dismiss:M,content:S,footer:$},B=t=>y.isArray(t)?t.map((n,s)=>e.jsxs(d.Fragment,{children:[n," ",e.jsx("br",{})]},s)):t,h=({dialog:t})=>{const{heading:n,content:s,contentPadding:l="var(--padding)",footer:r,scroll:c,width:o,height:m,onClose:f,testId:a}=t;return e.jsxs("div",{className:u(i.dialog,o?i.inline:null,c?i.scroll:null),style:{width:o,height:m},"data-testid":a??null,children:[e.jsxs("div",{className:i.header,children:[e.jsx(j,{testId:a&&`${a}-heading`,top:!0,marginBottom:0,children:n}),f?e.jsx("div",{className:i.dismiss,children:e.jsx(w,{icon:v.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),e.jsx("div",{"data-testid":a&&`${a}-content`,className:i.content,style:{padding:l},children:B(s)}),r&&e.jsx("div",{"data-testid":a&&`${a}-footer`,className:i.footer,children:r})]})};try{h.displayName="Dialog",h.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{h as D,g as M};

package/dist/storybook/assets/modal.stories-926201c3.js

@@ -1,173 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as G}from"./common-types-2c81813f.js";import{M,D as R}from"./dialog-d1746c46.js";import{B as o}from"./button-74c97e4a.js";import{P as Y}from"./popover-06e375a5.js";import{I as q}from"./input-d68625a5.js";import{I as z}from"./input-group-20c3add3.js";import{F as v}from"./field-a094cd72.js";import{M as J}from"./actions-2d4e1c8e.js";import{S as Q}from"./select-62aa86c5.js";import{S as X}from"./spacer-54db0620.js";import{T as Z}from"./tooltip-23e84186.js";import{M as x}from"./types-cc224262.js";import"./index-a80ed1cf.js";import"./portal-03fe4689.js";import"./index-3d476d02.js";import"./lodash-75c70a11.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./types-332ceaf3.js";import"./label-13d490a3.js";import"./badge-20e7ee0b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,_e={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:G.DROP_DOWN_BUTTON,sections:[{type:x.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Y,{content:e.jsxs(z,{small:!0,children:[e.jsx(q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=U.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx("div",{children:"Test key handling"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var h,C,j;m.parameters={...m.parameters,docs:{...(h=m.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(j=(C=m.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};var k,P,S;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(S=(P=s.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};var A,f,O;a.parameters={...a.parameters,docs:{...(A=a.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(O=(f=a.parameters)==null?void 0:f.docs)==null?void 0:O.source}}};var T,y,B;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(B=(y=t.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var D,E,_;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(_=(E=i.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var F,N,I;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(I=(N=d.parameters)==null?void 0:N.docs)==null?void 0:I.source}}};var w,H,K;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(K=(H=c.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var L,V,W;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
-  const [visible, setVisible] = useState(false);
-  const openModal = () => {
-    setVisible(true);
-  };
-  const closeModal = () => {
-    setVisible(false);
-  };
-  const handleSubmit = () => {
-    console.log('Submit action');
-    closeModal();
-  };
-  return <>
-      <Modal visible={visible} onEnter={() => {
-      console.log('Enter');
-      handleSubmit();
-    }} onEscape={() => {
-      console.log('Escape');
-      closeModal();
-    }}>
-        <Dialog dialog={{
-        heading: 'Test key handling',
-        content: <div>Test key handling</div>,
-        footer: <>
-                <Button label="Done" colored="red" onClick={handleSubmit} />
-                <Button label="Cancel" onClick={closeModal} />
-              </>,
-        onClose: closeModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={openModal} />
-    </>;
-}`,...(W=(V=u.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};const Fe=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle"];export{s as Centered,m as Default,i as FullWidth,u as KeyHandle,a as LineBreak,d as NoContentPadding,t as Scroll,c as WithPopoverLayers,Fe as __namedExportsOrder,_e as default};

package/dist/storybook/assets/preview-87482613.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-095d8394.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-12f4661f.js"),["./DocsRenderer-NNNQARDV-12f4661f.js","./chunk-HLWAVYOI-f01f3de0.js","./iframe-095d8394.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-56205b57.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};