@soyfri/shared-library 1.3.1 → 1.3.3

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.
Files changed (44) hide show
  1. package/cjs/components/Card/Card.cjs +1 -1
  2. package/cjs/components/stepper/Step.cjs +2 -0
  3. package/cjs/components/stepper/Step.cjs.map +1 -0
  4. package/cjs/components/stepper/Stepper.cjs +2 -0
  5. package/cjs/components/stepper/Stepper.cjs.map +1 -0
  6. package/cjs/components/stepper.cjs +2 -0
  7. package/cjs/components/stepper.cjs.map +1 -0
  8. package/cjs/components/tabs/{TabItem.cjs → Tab.cjs} +1 -1
  9. package/cjs/components/tabs/Tab.cjs.map +1 -0
  10. package/cjs/components/tabs/Tabs.cjs +1 -1
  11. package/cjs/components/tabs.cjs +1 -1
  12. package/cjs/components/timeline/Timeline.cjs +1 -1
  13. package/cjs/components/timeline/TimelineItem.cjs +1 -1
  14. package/components/stepper/index.ts +1 -0
  15. package/esm/components/Card/Card.d.ts +2 -1
  16. package/esm/components/Card/Card.js +1 -1
  17. package/esm/components/stepper/Step.d.ts +18 -0
  18. package/esm/components/stepper/Step.js +2 -0
  19. package/esm/components/stepper/Step.js.map +1 -0
  20. package/esm/components/stepper/Stepper.d.ts +11 -0
  21. package/esm/components/stepper/Stepper.definition.d.ts +2 -0
  22. package/esm/components/stepper/Stepper.js +2 -0
  23. package/esm/components/stepper/Stepper.js.map +1 -0
  24. package/esm/components/stepper/Stepper.stories.d.ts +7 -0
  25. package/esm/components/stepper/index.d.ts +2 -0
  26. package/esm/components/stepper.js +2 -0
  27. package/esm/components/stepper.js.map +1 -0
  28. package/esm/components/tabs/Tab.definition.d.ts +1 -0
  29. package/esm/components/tabs/{TabItem.js → Tab.js} +1 -1
  30. package/esm/components/tabs/Tab.js.map +1 -0
  31. package/esm/components/tabs/Tabs.d.ts +1 -1
  32. package/esm/components/tabs/Tabs.js +1 -1
  33. package/esm/components/tabs/index.d.ts +1 -1
  34. package/esm/components/tabs.js +1 -1
  35. package/esm/components/timeline/Timeline.d.ts +3 -1
  36. package/esm/components/timeline/Timeline.definition.d.ts +2 -0
  37. package/esm/components/timeline/Timeline.js +1 -1
  38. package/esm/components/timeline/Timeline.stories.d.ts +2 -0
  39. package/esm/components/timeline/TimelineItem.d.ts +1 -1
  40. package/esm/components/timeline/TimelineItem.js +1 -1
  41. package/package.json +6 -1
  42. package/cjs/components/tabs/TabItem.cjs.map +0 -1
  43. package/esm/components/tabs/TabItem.js.map +0 -1
  44. /package/esm/components/tabs/{TabItem.d.ts → Tab.d.ts} +0 -0
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),s=require("@mui/material");const r=({children:r,raised:t,sx:a,className:i,onClick:d,onBlur:l,"data-testid":n})=>e.jsxRuntimeExports.jsx(s.Card,{raised:!0,sx:Object.assign(Object.assign({},a),{padding:"10px"}),className:i,"data-testid":n,onClick:d,onBlur:l,children:r});exports.Card=r,exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),r=require("@mui/material");const s=({children:s,raised:t,sx:a,className:i,onClick:d,onBlur:l,"data-testid":u})=>e.jsxRuntimeExports.jsx(r.Card,{raised:t,sx:a,className:i,"data-testid":u,onClick:d,onBlur:l,children:s});exports.Card=s,exports.default=s;
2
2
  //# sourceMappingURL=Card.cjs.map
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>null;e.displayName="Step",exports.Step=e,exports.default=e;
2
+ //# sourceMappingURL=Step.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Step.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("@mui/material");const o=({children:o,orientation:r="horizontal",alternateLabel:s=!1,sx:i,currentStep:l=0})=>e.jsxRuntimeExports.jsxs(t.Box,{sx:i,children:[e.jsxRuntimeExports.jsx(t.Stepper,{activeStep:l,orientation:r,alternativeLabel:s,children:o.map(((o,r)=>{const{label:s,completed:i,disabled:l,className:n,sx:p,dotColor:x,activeDotColor:c,completedDotColor:a,iconTextColor:u}=o.props;return e.jsxRuntimeExports.jsx(t.Step,{completed:i,disabled:l,className:n,sx:p,children:e.jsxRuntimeExports.jsx(t.StepLabel,{sx:{pointerEvents:"none","& .MuiStepIcon-root":{color:x},"& .MuiStepIcon-active":{color:c},"& .MuiStepIcon-completed":{color:a},"& .MuiStepIcon-text":{fill:u}},children:s})},r)}))}),e.jsxRuntimeExports.jsx(t.Box,{mt:2,children:o.map(((o,r)=>r===l?e.jsxRuntimeExports.jsx(t.Box,{children:o.props.children},r):null))})]});exports.Stepper=o,exports.default=o;
2
+ //# sourceMappingURL=Stepper.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stepper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./stepper/Stepper.cjs"),p=require("./stepper/Step.cjs");exports.Stepper=e.Stepper,exports.Step=p.Step;
2
+ //# sourceMappingURL=stepper.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>null;e.displayName="Tab",exports.Tab=e,exports.default=e;
2
- //# sourceMappingURL=TabItem.cjs.map
2
+ //# sourceMappingURL=Tab.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),l=require("react"),r=require("@mui/material"),o=require("./_tabUtils.cjs");const s=({children:s,defaultValue:a,onChange:t,centered:n=!0,orientation:i="horizontal",scrollButtons:u="auto",variant:c="standard",indicatorColor:x="primary",labelColor:d="primary",className:p,onChangeValue:m,allowScrollButtonsMobile:v=!0,sx:j})=>{var b,h;const B=null===(b=s[0])||void 0===b?void 0:b.props.value,[_,C]=l.useState(null!==(h=null!=a?a:B)&&void 0!==h?h:0);return e.jsxRuntimeExports.jsxs(r.Box,{sx:{display:o.TAB_DISPLAY_MAP[i].display,flexDirection:o.TAB_DISPLAY_MAP[i].flexDirection},children:[e.jsxRuntimeExports.jsx(r.Tabs,{value:_,onChange:(e,l)=>{C(l),null==t||t(),null==m||m(l)},centered:n,indicatorColor:x,orientation:i,scrollButtons:u,variant:c,className:p,textColor:d,sx:j,allowScrollButtonsMobile:v,children:s.map(((l,o)=>{const{label:s,icon:a,value:t=o,disabled:n,wrapped:i,iconPosition:u,className:c,sx:x}=l.props;return e.jsxRuntimeExports.jsx(r.Tab,{label:s,icon:a,value:t,disabled:n,wrapped:i,iconPosition:u,className:c,sx:x},t)}))}),e.jsxRuntimeExports.jsx(r.Box,{m:2,role:"tabpanel",children:s.map(((l,o)=>{var s;const a=null!==(s=l.props.value)&&void 0!==s?s:o;return a===_?e.jsxRuntimeExports.jsx(r.Box,{children:l.props.children},a):null}))})]})};exports.Tabs=s,exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),l=require("react"),r=require("@mui/material"),o=require("./_tabUtils.cjs");const s=({children:s,defaultValue:t,onChange:a,centered:i=!0,orientation:n="horizontal",scrollButtons:u="auto",variant:c="standard",indicatorColor:x="primary",labelColor:d="primary",className:p,onChangeValue:m,allowScrollButtonsMobile:v=!0,sx:j})=>{var b,h;const B=null===(b=s[0])||void 0===b?void 0:b.props.value,[_,C]=l.useState(null!==(h=null!=t?t:B)&&void 0!==h?h:0);return e.jsxRuntimeExports.jsxs(r.Box,{sx:{display:o.TAB_DISPLAY_MAP[n].display,flexDirection:o.TAB_DISPLAY_MAP[n].flexDirection},children:[e.jsxRuntimeExports.jsx(r.Tabs,{value:_,onChange:(e,l)=>{C(l),null==a||a(),null==m||m(l)},centered:i,indicatorColor:x,orientation:n,scrollButtons:u,variant:c,className:p,textColor:d,sx:Object.assign({},j),allowScrollButtonsMobile:v,children:s.map(((l,o)=>{const{label:s,icon:t,value:a=o,disabled:i,wrapped:n,iconPosition:u,className:c,sx:x}=l.props;return e.jsxRuntimeExports.jsx(r.Tab,{label:s,icon:t,value:a,disabled:i,wrapped:n,iconPosition:u,className:c,sx:x},a)}))}),e.jsxRuntimeExports.jsx(r.Box,{m:2,role:"tabpanel",sx:{width:"100%"},children:s.map(((l,o)=>{var s;const t=null!==(s=l.props.value)&&void 0!==s?s:o;return t===_?e.jsxRuntimeExports.jsx(r.Box,{children:l.props.children},t):null}))})]})};exports.Tabs=s,exports.default=s;
2
2
  //# sourceMappingURL=Tabs.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";var s=require("./tabs/Tabs.cjs"),a=require("./tabs/TabItem.cjs");exports.Tabs=s.Tabs,exports.TabItem=a.Tab;
1
+ "use strict";var s=require("./tabs/Tabs.cjs"),a=require("./tabs/Tab.cjs");exports.Tabs=s.Tabs,exports.Tab=a.Tab;
2
2
  //# sourceMappingURL=tabs.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),r=require("../../node_modules/@mui/lab/esm/Timeline/Timeline.cjs"),n=require("../../node_modules/@mui/lab/esm/TimelineContent/timelineContentClasses.cjs"),i=require("../../node_modules/@mui/lab/esm/TimelineItem/timelineItemClasses.cjs");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=o(t);const s=e=>"right"===e?{[`& .${n.default.root}`]:{flex:.2}}:"left"===e?{[`& .${i.default.root}:before`]:{flex:0,padding:0}}:{},u=({children:t,position:n="center"})=>{const i=l.Children.count(t);return e.jsxRuntimeExports.jsx(r,{sx:s(n),children:l.Children.map(t,((e,t)=>l.isValidElement(e)?l.cloneElement(e,{connectorColor:t<i-1?e.props.connectorColor:void 0}):null))})};exports.Timeline=u,exports.default=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),r=require("react"),t=require("../../node_modules/@mui/lab/esm/TimelineItem/timelineItemClasses.cjs"),n=require("../../node_modules/@mui/lab/esm/Timeline/Timeline.cjs");function i(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=i(r);const l=({children:r,position:i="right",sx:l})=>{const s=o.Children.count(r),u="left"===i||"right"===i?Object.assign({[`& .${t.default.root}:before`]:{flex:0,padding:0}},l):l;return e.jsxRuntimeExports.jsx(n,{position:i,sx:Object.assign({},u),children:o.Children.map(r,((e,r)=>{var t;return o.isValidElement(e)?o.cloneElement(e,{connectorColor:r<s-1?null!==(t=e.props.connectorColor)&&void 0!==t?t:"gray.main":void 0}):null}))})};exports.Timeline=l,exports.default=l;
2
2
  //# sourceMappingURL=Timeline.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),i=require("../../node_modules/@mui/lab/esm/TimelineItem/TimelineItem.cjs"),o=require("../../node_modules/@mui/lab/esm/TimelineSeparator/TimelineSeparator.cjs"),s=require("../../node_modules/@mui/lab/esm/TimelineDot/TimelineDot.cjs"),r=require("../../node_modules/@mui/lab/esm/TimelineConnector/TimelineConnector.cjs"),n=require("../../node_modules/@mui/lab/esm/TimelineContent/TimelineContent.cjs");const t=({dotColor:t,connectorColor:m,children:l})=>e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsxs(o,{children:[e.jsxRuntimeExports.jsx(s,{color:t}),m&&e.jsxRuntimeExports.jsx(r,{sx:{bgcolor:m}})]}),e.jsxRuntimeExports.jsx(n,{children:l})]});exports.TimelineItem=t,exports.default=t;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),i=require("../../node_modules/@mui/lab/esm/TimelineItem/TimelineItem.cjs"),o=require("../../node_modules/@mui/lab/esm/TimelineSeparator/TimelineSeparator.cjs"),r=require("../../node_modules/@mui/lab/esm/TimelineDot/TimelineDot.cjs"),s=require("../../node_modules/@mui/lab/esm/TimelineConnector/TimelineConnector.cjs"),n=require("../../node_modules/@mui/lab/esm/TimelineContent/TimelineContent.cjs");const t=({dotColor:t="grey",connectorColor:m,children:l})=>{const u=m?`${m}.main`:"secondary.main";return e.jsxRuntimeExports.jsxs(i,{children:[e.jsxRuntimeExports.jsxs(o,{children:[e.jsxRuntimeExports.jsx(r,{color:t}),void 0!==m&&e.jsxRuntimeExports.jsx(s,{sx:{bgcolor:u}})]}),e.jsxRuntimeExports.jsx(n,{children:l})]})};exports.TimelineItem=t,exports.default=t;
2
2
  //# sourceMappingURL=TimelineItem.cjs.map
@@ -0,0 +1 @@
1
+ export * from '../../esm/components/stepper';
@@ -1,5 +1,5 @@
1
1
  import type { CardProps } from "@mui/material/Card";
2
- type PickCardProps = Pick<CardProps, 'children' | 'raised' | 'sx' | 'className'>;
2
+ type PickCardProps = Pick<CardProps, 'children' | 'raised' | 'sx' | 'className' | 'sx'>;
3
3
  export interface MyCardProps extends PickCardProps {
4
4
  children?: React.ReactNode;
5
5
  raised?: boolean;
@@ -7,6 +7,7 @@ export interface MyCardProps extends PickCardProps {
7
7
  onClick?: () => void;
8
8
  onBlur?: () => void;
9
9
  "data-testid"?: string;
10
+ sx?: object;
10
11
  }
11
12
  export declare const Card: React.FC<MyCardProps>;
12
13
  export default Card;
@@ -1,2 +1,2 @@
1
- import{j as a}from"../../_virtual/jsx-runtime.js";import{Card as s}from"@mui/material";const i=({children:i,raised:t,sx:r,className:e,onClick:d,onBlur:l,"data-testid":n})=>a.jsx(s,{raised:!0,sx:Object.assign(Object.assign({},r),{padding:"10px"}),className:e,"data-testid":n,onClick:d,onBlur:l,children:i});export{i as Card,i as default};
1
+ import{j as a}from"../../_virtual/jsx-runtime.js";import{Card as s}from"@mui/material";const r=({children:r,raised:i,sx:t,className:e,onClick:l,onBlur:d,"data-testid":o})=>a.jsx(s,{raised:i,sx:t,className:e,"data-testid":o,onClick:l,onBlur:d,children:r});export{r as Card,r as default};
2
2
  //# sourceMappingURL=Card.js.map
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { StepProps as MuiStepProps } from "@mui/material";
3
+ type PickMuiStepProps = Pick<MuiStepProps, "completed" | "disabled" | "sx" | "className">;
4
+ export interface StepProps extends PickMuiStepProps {
5
+ label: React.ReactNode;
6
+ children?: React.ReactNode;
7
+ disabled?: boolean;
8
+ sx?: object;
9
+ dotColor?: string;
10
+ activeDotColor?: string;
11
+ completedDotColor?: string;
12
+ iconTextColor?: string;
13
+ }
14
+ export declare const Step: {
15
+ (_: StepProps): null;
16
+ displayName: string;
17
+ };
18
+ export default Step;
@@ -0,0 +1,2 @@
1
+ const a=a=>null;a.displayName="Step";export{a as Step,a as default};
2
+ //# sourceMappingURL=Step.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Step.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,11 @@
1
+ import React, { ReactElement } from "react";
2
+ import { StepProps } from "./Step";
3
+ interface MyStepperProps {
4
+ children: ReactElement<StepProps>[];
5
+ orientation?: "horizontal" | "vertical";
6
+ sx?: object;
7
+ alternateLabel?: boolean;
8
+ currentStep?: number;
9
+ }
10
+ export declare const Stepper: React.FC<MyStepperProps>;
11
+ export default Stepper;
@@ -0,0 +1,2 @@
1
+ export declare const defaultStepper: string;
2
+ export declare const stepperWithColorDots: string;
@@ -0,0 +1,2 @@
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{Box as o,Stepper as t,Step as l,StepLabel as r}from"@mui/material";const i=({children:i,orientation:n="horizontal",alternateLabel:a=!1,sx:c,currentStep:s=0})=>e.jsxs(o,{sx:c,children:[e.jsx(t,{activeStep:s,orientation:n,alternativeLabel:a,children:i.map(((o,t)=>{const{label:i,completed:n,disabled:a,className:c,sx:s,dotColor:p,activeDotColor:d,completedDotColor:m,iconTextColor:x}=o.props;return e.jsx(l,{completed:n,disabled:a,className:c,sx:s,children:e.jsx(r,{sx:{pointerEvents:"none","& .MuiStepIcon-root":{color:p},"& .MuiStepIcon-active":{color:d},"& .MuiStepIcon-completed":{color:m},"& .MuiStepIcon-text":{fill:x}},children:i})},t)}))}),e.jsx(o,{mt:2,children:i.map(((t,l)=>l===s?e.jsx(o,{children:t.props.children},l):null))})]});export{i as Stepper,i as default};
2
+ //# sourceMappingURL=Stepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stepper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import Stepper from "./Stepper";
3
+ declare const meta: Meta<typeof Stepper>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Stepper>;
6
+ export declare const DefaultStepper: Story;
7
+ export declare const ColorStepper: Story;
@@ -0,0 +1,2 @@
1
+ export { default as Stepper } from './Stepper';
2
+ export { default as Step } from './Step';
@@ -0,0 +1,2 @@
1
+ export{Stepper}from"./stepper/Stepper.js";export{Step}from"./stepper/Step.js";
2
+ //# sourceMappingURL=stepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,3 @@
1
1
  export declare const DefaultTabDefinition: string;
2
2
  export declare const ScrollTabDefinition: string;
3
+ export declare const VeriticalTabDefinition = "\n <Tabs orientation=\"vertical\">\n <Tab label=\"Home\" >\n <div>\n hola 1\n </div>\n </Tab>\n <Tab label=\"Settings\" >\n <div>\n hola 2\n </div>\n </Tab>\n <Tab label=\"Profile\" >\n <div>\n hola 3\n </div>\n </Tab>\n </Tabs>\n";
@@ -1,2 +1,2 @@
1
1
  const a=a=>null;a.displayName="Tab";export{a as Tab,a as default};
2
- //# sourceMappingURL=TabItem.js.map
2
+ //# sourceMappingURL=Tab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import React, { ReactElement } from "react";
2
2
  import { TabsProps as MuiTabsProps } from "@mui/material";
3
- import { TabProps } from "./TabItem";
3
+ import { TabProps } from "./Tab";
4
4
  type PickTabsProps = Pick<MuiTabsProps, "centered" | "indicatorColor" | "orientation" | "scrollButtons" | "variant" | "className" | "sx" | "visibleScrollbar" | 'indicatorColor' | 'allowScrollButtonsMobile'>;
5
5
  interface MyTabsProps extends PickTabsProps {
6
6
  children: ReactElement<TabProps>[];
@@ -1,2 +1,2 @@
1
- import{j as l}from"../../_virtual/jsx-runtime.js";import{useState as o}from"react";import{Box as a,Tabs as r,Tab as e}from"@mui/material";import{TAB_DISPLAY_MAP as n}from"./_tabUtils.js";const i=({children:i,defaultValue:s,onChange:t,centered:c=!0,orientation:u="horizontal",scrollButtons:d="auto",variant:p="standard",indicatorColor:m="primary",labelColor:x="primary",className:v,onChangeValue:b,allowScrollButtonsMobile:h=!0,sx:j})=>{var f,C;const w=null===(f=i[0])||void 0===f?void 0:f.props.value,[y,B]=o(null!==(C=null!=s?s:w)&&void 0!==C?C:0);return l.jsxs(a,{sx:{display:n[u].display,flexDirection:n[u].flexDirection},children:[l.jsx(r,{value:y,onChange:(l,o)=>{B(o),null==t||t(),null==b||b(o)},centered:c,indicatorColor:m,orientation:u,scrollButtons:d,variant:p,className:v,textColor:x,sx:j,allowScrollButtonsMobile:h,children:i.map(((o,a)=>{const{label:r,icon:n,value:i=a,disabled:s,wrapped:t,iconPosition:c,className:u,sx:d}=o.props;return l.jsx(e,{label:r,icon:n,value:i,disabled:s,wrapped:t,iconPosition:c,className:u,sx:d},i)}))}),l.jsx(a,{m:2,role:"tabpanel",children:i.map(((o,r)=>{var e;const n=null!==(e=o.props.value)&&void 0!==e?e:r;return n===y?l.jsx(a,{children:o.props.children},n):null}))})]})};export{i as Tabs,i as default};
1
+ import{j as l}from"../../_virtual/jsx-runtime.js";import{useState as o}from"react";import{Box as a,Tabs as r,Tab as e}from"@mui/material";import{TAB_DISPLAY_MAP as n}from"./_tabUtils.js";const i=({children:i,defaultValue:s,onChange:t,centered:c=!0,orientation:d="horizontal",scrollButtons:u="auto",variant:p="standard",indicatorColor:m="primary",labelColor:x="primary",className:v,onChangeValue:b,allowScrollButtonsMobile:h=!0,sx:j})=>{var f,C;const w=null===(f=i[0])||void 0===f?void 0:f.props.value,[g,y]=o(null!==(C=null!=s?s:w)&&void 0!==C?C:0);return l.jsxs(a,{sx:{display:n[d].display,flexDirection:n[d].flexDirection},children:[l.jsx(r,{value:g,onChange:(l,o)=>{y(o),null==t||t(),null==b||b(o)},centered:c,indicatorColor:m,orientation:d,scrollButtons:u,variant:p,className:v,textColor:x,sx:Object.assign({},j),allowScrollButtonsMobile:h,children:i.map(((o,a)=>{const{label:r,icon:n,value:i=a,disabled:s,wrapped:t,iconPosition:c,className:d,sx:u}=o.props;return l.jsx(e,{label:r,icon:n,value:i,disabled:s,wrapped:t,iconPosition:c,className:d,sx:u},i)}))}),l.jsx(a,{m:2,role:"tabpanel",sx:{width:"100%"},children:i.map(((o,r)=>{var e;const n=null!==(e=o.props.value)&&void 0!==e?e:r;return n===g?l.jsx(a,{children:o.props.children},n):null}))})]})};export{i as Tabs,i as default};
2
2
  //# sourceMappingURL=Tabs.js.map
@@ -1,2 +1,2 @@
1
1
  export { default as Tabs } from './Tabs';
2
- export { default as TabItem } from './TabItem';
2
+ export { default as Tab } from './Tab';
@@ -1,2 +1,2 @@
1
- export{Tabs}from"./tabs/Tabs.js";export{Tab as TabItem}from"./tabs/TabItem.js";
1
+ export{Tabs}from"./tabs/Tabs.js";export{Tab}from"./tabs/Tab.js";
2
2
  //# sourceMappingURL=tabs.js.map
@@ -2,10 +2,12 @@ import * as React from "react";
2
2
  import { TimelineItemProps as MuiTimelineItemProps } from "@mui/lab/TimelineItem";
3
3
  interface TimelineItemProps extends MuiTimelineItemProps {
4
4
  connectorColor?: string;
5
+ sx?: object;
5
6
  }
6
7
  interface TimelineProps {
7
8
  children: React.ReactElement<TimelineItemProps>[];
8
- position?: "left" | "right" | "center";
9
+ position?: "left" | "right" | 'alternate' | 'alternate-reverse';
10
+ sx?: object;
9
11
  }
10
12
  export declare const Timeline: React.FC<TimelineProps>;
11
13
  export default Timeline;
@@ -1 +1,3 @@
1
1
  export declare const DefaultTimelineDefinition: string;
2
+ export declare const ColorVariantTimelineDefinition: string;
3
+ export declare const PositionVariantTimelineDefinition: string;
@@ -1,2 +1,2 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import*as o from"react";import i from"../../node_modules/@mui/lab/esm/Timeline/Timeline.js";import n from"../../node_modules/@mui/lab/esm/TimelineContent/timelineContentClasses.js";import t from"../../node_modules/@mui/lab/esm/TimelineItem/timelineItemClasses.js";const l=e=>"right"===e?{[`& .${n.root}`]:{flex:.2}}:"left"===e?{[`& .${t.root}:before`]:{flex:0,padding:0}}:{},m=({children:n,position:t="center"})=>{const m=o.Children.count(n);return e.jsx(i,{sx:l(t),children:o.Children.map(n,((e,i)=>o.isValidElement(e)?o.cloneElement(e,{connectorColor:i<m-1?e.props.connectorColor:void 0}):null))})};export{m as Timeline,m as default};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import*as o from"react";import i from"../../node_modules/@mui/lab/esm/TimelineItem/timelineItemClasses.js";import n from"../../node_modules/@mui/lab/esm/Timeline/Timeline.js";const r=({children:r,position:t="right",sx:l})=>{const s=o.Children.count(r),m="left"===t||"right"===t?Object.assign({[`& .${i.root}:before`]:{flex:0,padding:0}},l):l;return e.jsx(n,{position:t,sx:Object.assign({},m),children:o.Children.map(r,((e,i)=>{var n;return o.isValidElement(e)?o.cloneElement(e,{connectorColor:i<s-1?null!==(n=e.props.connectorColor)&&void 0!==n?n:"gray.main":void 0}):null}))})};export{r as Timeline,r as default};
2
2
  //# sourceMappingURL=Timeline.js.map
@@ -4,3 +4,5 @@ declare const meta: Meta<typeof Timeline>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Timeline>;
6
6
  export declare const Default: Story;
7
+ export declare const ColorVariant: Story;
8
+ export declare const PositionVariant: Story;
@@ -1,6 +1,6 @@
1
1
  export interface TimelineItemProps {
2
2
  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';
3
- connectorColor?: string;
3
+ connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';
4
4
  children: React.ReactNode;
5
5
  }
6
6
  export declare const TimelineItem: React.FC<TimelineItemProps>;
@@ -1,2 +1,2 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import o from"../../node_modules/@mui/lab/esm/TimelineItem/TimelineItem.js";import m from"../../node_modules/@mui/lab/esm/TimelineSeparator/TimelineSeparator.js";import i from"../../node_modules/@mui/lab/esm/TimelineDot/TimelineDot.js";import n from"../../node_modules/@mui/lab/esm/TimelineConnector/TimelineConnector.js";import l from"../../node_modules/@mui/lab/esm/TimelineContent/TimelineContent.js";const r=({dotColor:r,connectorColor:s,children:t})=>e.jsxs(o,{children:[e.jsxs(m,{children:[e.jsx(i,{color:r}),s&&e.jsx(n,{sx:{bgcolor:s}})]}),e.jsx(l,{children:t})]});export{r as TimelineItem,r as default};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import o from"../../node_modules/@mui/lab/esm/TimelineItem/TimelineItem.js";import m from"../../node_modules/@mui/lab/esm/TimelineSeparator/TimelineSeparator.js";import i from"../../node_modules/@mui/lab/esm/TimelineDot/TimelineDot.js";import n from"../../node_modules/@mui/lab/esm/TimelineConnector/TimelineConnector.js";import r from"../../node_modules/@mui/lab/esm/TimelineContent/TimelineContent.js";const l=({dotColor:l="grey",connectorColor:s,children:t})=>{const d=s?`${s}.main`:"secondary.main";return e.jsxs(o,{children:[e.jsxs(m,{children:[e.jsx(i,{color:l}),void 0!==s&&e.jsx(n,{sx:{bgcolor:d}})]}),e.jsx(r,{children:t})]})};export{l as TimelineItem,l as default};
2
2
  //# sourceMappingURL=TimelineItem.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/shared-library",
3
- "version": "1.3.1",
3
+ "version": "1.3.3",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -45,6 +45,11 @@
45
45
  "require": "./cjs/components/tabs.cjs",
46
46
  "types": "./esm/components/tabs/tabs.d.ts"
47
47
  },
48
+ "./components/stepper": {
49
+ "import": "./esm/components/stepper.js",
50
+ "require": "./cjs/components/stepper.cjs",
51
+ "types": "./esm/components/stepper/stepper.d.ts"
52
+ },
48
53
  "./components/Table": {
49
54
  "import": "./esm/components/Table.js",
50
55
  "require": "./cjs/components/Table.cjs",
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabItem.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
File without changes