@oliasoft-open-source/react-ui-library 4.1.5 → 4.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.1.5",
+  "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/preview-20eb7184.js

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

package/dist/storybook/assets/tabs-c2db5f41.css

@@ -1 +0,0 @@
-._tabs_twdtr_1{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border);flex-shrink:0}._tabs_twdtr_1._padding_twdtr_7{padding-left:var(--padding);padding-right:var(--padding)}._tabs_twdtr_1._margin_twdtr_11{margin:var(--padding) 0}._contentPadding_twdtr_14{padding-top:var(--padding)}._item_twdtr_17{align-self:flex-end;display:flex;align-items:center;position:relative;vertical-align:middle;line-height:1;text-decoration:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;padding:var(--padding-xs) 0;transition:border .1s ease,color .1s ease;margin-bottom:-1px;border-bottom:1px solid transparent;font-size:var(--font-size-lg);color:var(--color-text-primary);cursor:pointer}._item_twdtr_17:not(:last-child){margin-right:var(--padding)}._item_twdtr_17:hover:not(._active_twdtr_38){color:var(--color-text-primary-hover);background:rgba(0,0,0,.025)}[data-theme=dark] ._item_twdtr_17:hover:not(._active_twdtr_38){background:rgba(255,255,255,.1)}._item_twdtr_17:active:not(._active_twdtr_38){color:var(--color-text-primary-active);background:rgba(0,0,0,.05)}[data-theme=dark] ._item_twdtr_17:active:not(._active_twdtr_38){background:rgba(255,255,255,.2)}._item_twdtr_17._active_twdtr_38{border-color:var(--color-text);color:var(--color-text);cursor:default}._item_twdtr_17._hidden_twdtr_57{display:none!important}._item_twdtr_17._disabled_twdtr_60{color:var(--color-text-faint);pointer-events:none}._item_twdtr_17._left_twdtr_64+._item_twdtr_17._right_twdtr_64{margin-left:auto}

package/dist/storybook/assets/tabs.stories-c962aeea.js

@@ -1,30 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{T as d}from"./tabs-cdfc5225.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";const q={title:"Navigation/Tabs",component:d,args:{name:"example",options:[{label:"Tab",value:0},{label:"Tab",value:1},{label:"With Badge",value:2,badge:"3"},{label:"Invalid",value:3,invalid:!0},{label:"Disabled",value:4,disabled:!0},{label:"Hidden tab",value:5,hidden:!0}],value:0}},l=n=>e.jsx(d,{...n}),o=l.bind({}),r=l.bind({});r.args={children:[e.jsx("div",{label:"Tab 0",children:e.jsx("h3",{children:"Tab 0 Content"})}),e.jsx("div",{label:"Tab 1",hidden:!0,children:e.jsx("h3",{children:"Tab 1 Content"})}),e.jsx("div",{label:"Tab 2",disabled:!0,children:e.jsx("h3",{children:"Tab 2 Content"})}),e.jsx("div",{label:"Tab 3",children:e.jsx("h3",{children:"Tab 3 Content"})}),e.jsx("div",{label:"Tab 4",children:e.jsx("h3",{children:"Tab 4 Content"})})]};const s=l.bind({});s.args={margin:!1};const a=l.bind({});a.parameters={layout:"fullscreen",docs:{description:{story:"When you want the divider to fill the edges of its container."}}};a.args={padding:!0};const t=l.bind({});t.args={options:[{label:"Tab 0",value:0},{label:"Tab 1",value:1},{label:"Tab 2",value:2},{label:"Tab 3",value:3,right:!0},{label:"Tab 4",value:4,right:!0}]};const i=()=>{const n=[{label:"Strawberries",value:"strawberries"},{label:"Bananas",value:"bananas"},{label:"Apples",value:"apples",disabled:!0},{label:"Pomegranates",value:"pomegranates"}],[b,W]=H.useState(n[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{name:"example",value:b,options:n,onChange:y=>{const{value:B,label:D}=y.target;W({value:B,label:D})}}),e.jsxs("span",{children:["Eating ",b.value,"..."]})]})};var c,u,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Tabs {...args} />",...(p=(u=o.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var m,g,v;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Tabs {...args} />",...(v=(g=r.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var T,h,x;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:"args => <Tabs {...args} />",...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var j,S,f;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:"args => <Tabs {...args} />",...(f=(S=a.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var C,w,E;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Tabs {...args} />",...(E=(w=t.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var A,M,P;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
-  const options = [{
-    label: 'Strawberries',
-    value: 'strawberries'
-  }, {
-    label: 'Bananas',
-    value: 'bananas'
-  }, {
-    label: 'Apples',
-    value: 'apples',
-    disabled: true
-  }, {
-    label: 'Pomegranates',
-    value: 'pomegranates'
-  }];
-  const [selectedTab, setSelectedTab] = useState(options[0]);
-  return <>
-      <Tabs name="example" value={selectedTab} options={options} onChange={evt => {
-      const {
-        value,
-        label
-      } = evt.target;
-      setSelectedTab({
-        value,
-        label
-      });
-    }} />
-      <span>Eating {selectedTab.value}...</span>
-    </>;
-}`,...(P=(M=i.parameters)==null?void 0:M.docs)==null?void 0:P.source}}};const G=["Default","WithChildren","NoMargin","HorizontalPadding","Alignment","Managed"];export{t as Alignment,o as Default,a as HorizontalPadding,i as Managed,s as NoMargin,r as WithChildren,G as __namedExportsOrder,q as default};