@soyfri/shared-library 1.3.0 → 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 (64) hide show
  1. package/cjs/components/Card/Card.cjs +1 -1
  2. package/cjs/components/Modal/Modal.cjs +2 -0
  3. package/cjs/components/Modal/Modal.cjs.map +1 -0
  4. package/cjs/components/Modal/ModalBody.cjs +2 -0
  5. package/cjs/components/Modal/ModalBody.cjs.map +1 -0
  6. package/cjs/components/Modal/ModalFooter.cjs +2 -0
  7. package/cjs/components/Modal/ModalFooter.cjs.map +1 -0
  8. package/cjs/components/Modal/ModalHeader.cjs +2 -0
  9. package/cjs/components/Modal/ModalHeader.cjs.map +1 -0
  10. package/cjs/components/Modal.cjs +2 -0
  11. package/cjs/components/Modal.cjs.map +1 -0
  12. package/cjs/components/stepper/Step.cjs +2 -0
  13. package/cjs/components/stepper/Step.cjs.map +1 -0
  14. package/cjs/components/stepper/Stepper.cjs +2 -0
  15. package/cjs/components/stepper/Stepper.cjs.map +1 -0
  16. package/cjs/components/stepper.cjs +2 -0
  17. package/cjs/components/stepper.cjs.map +1 -0
  18. package/cjs/components/tabs/{TabItem.cjs → Tab.cjs} +1 -1
  19. package/cjs/components/tabs/Tab.cjs.map +1 -0
  20. package/cjs/components/tabs/Tabs.cjs +1 -1
  21. package/cjs/components/tabs.cjs +1 -1
  22. package/cjs/components/timeline/Timeline.cjs +1 -1
  23. package/cjs/components/timeline/TimelineItem.cjs +1 -1
  24. package/components/stepper/index.ts +1 -0
  25. package/esm/components/Card/Card.d.ts +2 -1
  26. package/esm/components/Card/Card.js +1 -1
  27. package/esm/components/Modal/Modal.js +2 -0
  28. package/esm/components/Modal/Modal.js.map +1 -0
  29. package/esm/components/Modal/ModalBody.js +2 -0
  30. package/esm/components/Modal/ModalBody.js.map +1 -0
  31. package/esm/components/Modal/ModalFooter.js +2 -0
  32. package/esm/components/{tabs/TabItem.js.map → Modal/ModalFooter.js.map} +1 -1
  33. package/esm/components/Modal/ModalHeader.js +2 -0
  34. package/esm/components/Modal/ModalHeader.js.map +1 -0
  35. package/esm/components/Modal/index.d.ts +0 -3
  36. package/esm/components/Modal.js +2 -0
  37. package/esm/components/Modal.js.map +1 -0
  38. package/esm/components/stepper/Step.d.ts +18 -0
  39. package/esm/components/stepper/Step.js +2 -0
  40. package/esm/components/stepper/Step.js.map +1 -0
  41. package/esm/components/stepper/Stepper.d.ts +11 -0
  42. package/esm/components/stepper/Stepper.definition.d.ts +2 -0
  43. package/esm/components/stepper/Stepper.js +2 -0
  44. package/esm/components/stepper/Stepper.js.map +1 -0
  45. package/esm/components/stepper/Stepper.stories.d.ts +7 -0
  46. package/esm/components/stepper/index.d.ts +2 -0
  47. package/esm/components/stepper.js +2 -0
  48. package/esm/components/stepper.js.map +1 -0
  49. package/esm/components/tabs/Tab.definition.d.ts +1 -0
  50. package/esm/components/tabs/{TabItem.js → Tab.js} +1 -1
  51. package/esm/components/tabs/Tab.js.map +1 -0
  52. package/esm/components/tabs/Tabs.d.ts +1 -1
  53. package/esm/components/tabs/Tabs.js +1 -1
  54. package/esm/components/tabs/index.d.ts +1 -1
  55. package/esm/components/tabs.js +1 -1
  56. package/esm/components/timeline/Timeline.d.ts +3 -1
  57. package/esm/components/timeline/Timeline.definition.d.ts +2 -0
  58. package/esm/components/timeline/Timeline.js +1 -1
  59. package/esm/components/timeline/Timeline.stories.d.ts +2 -0
  60. package/esm/components/timeline/TimelineItem.d.ts +1 -1
  61. package/esm/components/timeline/TimelineItem.js +1 -1
  62. package/package.json +6 -1
  63. package/cjs/components/tabs/TabItem.cjs.map +0 -1
  64. /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});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),o=require("react"),s=require("@mui/material"),r=require("./ModalFooter.cjs"),l=require("./ModalHeader.cjs"),n=require("./ModalBody.cjs");const a={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90%",maxHeight:"90vh",display:"flex",flexDirection:"column",outline:"none"},i=o.forwardRef((({open:i,onClose:u,title:d,children:c,showCloseButton:x=!0,closeButtonText:p="Cerrar",closeButtonDisabled:m=!1,actions:j=[],maxWidth:h="sm"},B)=>{const[b,f]=o.useState(!1),M=void 0!==i?i:b;o.useImperativeHandle(B,(()=>({open:()=>f(!0),close:()=>{f(!1),null==u||u()}})));const C=()=>{f(!1),null==u||u()},y=s.useTheme(),w=s.useMediaQuery(y.breakpoints.down("sm"));return t.jsxRuntimeExports.jsx(s.Modal,{open:M,onClose:C,"aria-labelledby":"modal-title","aria-describedby":"modal-description",closeAfterTransition:!0,children:t.jsxRuntimeExports.jsx(s.Paper,{sx:Object.assign(Object.assign({},a),{width:(()=>{if(w)return"95%";switch(h){case"xs":return 300;case"sm":return 500;case"md":return 700;case"lg":return 900;case"xl":return 1100;case!1:return"auto";default:return 500}})()}),children:(()=>{let s=null,a=null,i=null;return o.Children.forEach(c,(t=>{if(o.isValidElement(t))if(t.type===l.ModalHeader)s=t;else if(t.type===n.ModalBody)a=t;else if(t.type===r.ModalFooter){const s=t,r=s.props,{showCloseButton:l,closeButtonText:n,closeButtonDisabled:a,onClose:u,actions:d}=r,c=e.__rest(r,["showCloseButton","closeButtonText","closeButtonDisabled","onClose","actions"]);i=o.cloneElement(s,Object.assign({showCloseButton:x,closeButtonText:p,closeButtonDisabled:m,onClose:C,actions:j},c))}})),i||(i=t.jsxRuntimeExports.jsx(r.ModalFooter,{showCloseButton:x,closeButtonText:p,closeButtonDisabled:m,onClose:C,actions:j})),t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[s||d&&t.jsxRuntimeExports.jsx(l.ModalHeader,{children:d}),a,i]})})()})})})),u=i;u.Header=l.ModalHeader,u.Body=n.ModalBody,u.Footer=r.ModalFooter,exports.Modal=i,exports.default=u;
2
+ //# sourceMappingURL=Modal.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.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"),r=require("@mui/material");const t=({children:t})=>e.jsxRuntimeExports.jsx(r.Box,{sx:{padding:2,overflowY:"auto",flexGrow:1},children:t});exports.ModalBody=t,exports.default=t;
2
+ //# sourceMappingURL=ModalBody.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBody.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,showCloseButton:r=!0,closeButtonText:s="Cerrar",closeButtonDisabled:i=!1,onClose:n,actions:l=[]})=>e.jsxRuntimeExports.jsxs(t.Box,{sx:{padding:2,borderTop:"1px solid #e0e0e0",display:"flex",justifyContent:"flex-end",gap:1},children:[o,e.jsxRuntimeExports.jsxs(t.Stack,{direction:"row",spacing:1,children:[r&&e.jsxRuntimeExports.jsx(t.Button,{onClick:n,disabled:i,variant:"outlined",color:"secondary",children:s}),l.map(((o,r)=>e.jsxRuntimeExports.jsx(t.Button,{onClick:o.onClick,disabled:o.disabled,variant:o.variant||"contained",color:o.color||"primary",children:o.text},r)))]})]});exports.ModalFooter=o,exports.default=o;
2
+ //# sourceMappingURL=ModalFooter.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalFooter.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 r=({children:r})=>e.jsxRuntimeExports.jsx(t.Box,{sx:{padding:2,borderBottom:"1px solid #e0e0e0",display:"flex",alignItems:"center",justifyContent:"space-between"},children:e.jsxRuntimeExports.jsx(t.Typography,{variant:"h6",component:"h2",children:r})});exports.ModalHeader=r,exports.default=r;
2
+ //# sourceMappingURL=ModalHeader.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";var a=require("./Modal/Modal.cjs");exports.Modal=a.default;
2
+ //# sourceMappingURL=Modal.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -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,2 @@
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{j as o}from"../../_virtual/jsx-runtime.js";import t,{forwardRef as s,useState as l,useImperativeHandle as n}from"react";import{useTheme as r,useMediaQuery as i,Modal as a,Paper as c}from"@mui/material";import{ModalFooter as u}from"./ModalFooter.js";import{ModalHeader as d}from"./ModalHeader.js";import{ModalBody as m}from"./ModalBody.js";const p={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90%",maxHeight:"90vh",display:"flex",flexDirection:"column",outline:"none"},f=s((({open:s,onClose:f,title:x,children:h,showCloseButton:B=!0,closeButtonText:b="Cerrar",closeButtonDisabled:j=!1,actions:C=[],maxWidth:w="sm"},y)=>{const[g,D]=l(!1),T=void 0!==s?s:g;n(y,(()=>({open:()=>D(!0),close:()=>{D(!1),null==f||f()}})));const v=()=>{D(!1),null==f||f()},M=r(),E=i(M.breakpoints.down("sm"));return o.jsx(a,{open:T,onClose:v,"aria-labelledby":"modal-title","aria-describedby":"modal-description",closeAfterTransition:!0,children:o.jsx(c,{sx:Object.assign(Object.assign({},p),{width:(()=>{if(E)return"95%";switch(w){case"xs":return 300;case"sm":return 500;case"md":return 700;case"lg":return 900;case"xl":return 1100;case!1:return"auto";default:return 500}})()}),children:(()=>{let s=null,l=null,n=null;return t.Children.forEach(h,(o=>{if(t.isValidElement(o))if(o.type===d)s=o;else if(o.type===m)l=o;else if(o.type===u){const s=o,l=s.props,{showCloseButton:r,closeButtonText:i,closeButtonDisabled:a,onClose:c,actions:u}=l,d=e(l,["showCloseButton","closeButtonText","closeButtonDisabled","onClose","actions"]);n=t.cloneElement(s,Object.assign({showCloseButton:B,closeButtonText:b,closeButtonDisabled:j,onClose:v,actions:C},d))}})),n||(n=o.jsx(u,{showCloseButton:B,closeButtonText:b,closeButtonDisabled:j,onClose:v,actions:C})),o.jsxs(o.Fragment,{children:[s||x&&o.jsx(d,{children:x}),l,n]})})()})})})),x=f;x.Header=d,x.Body=m,x.Footer=u;export{f as Modal,x as default};
2
+ //# sourceMappingURL=Modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{j as r}from"../../_virtual/jsx-runtime.js";import{Box as o}from"@mui/material";const i=({children:i})=>r.jsx(o,{sx:{padding:2,overflowY:"auto",flexGrow:1},children:i});export{i as ModalBody,i as default};
2
+ //# sourceMappingURL=ModalBody.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{j as o}from"../../_virtual/jsx-runtime.js";import{Box as e,Stack as i,Button as r}from"@mui/material";const n=({children:n,showCloseButton:l=!0,closeButtonText:s="Cerrar",closeButtonDisabled:t=!1,onClose:a,actions:d=[]})=>o.jsxs(e,{sx:{padding:2,borderTop:"1px solid #e0e0e0",display:"flex",justifyContent:"flex-end",gap:1},children:[n,o.jsxs(i,{direction:"row",spacing:1,children:[l&&o.jsx(r,{onClick:a,disabled:t,variant:"outlined",color:"secondary",children:s}),d.map(((e,i)=>o.jsx(r,{onClick:e.onClick,disabled:e.disabled,variant:e.variant||"contained",color:e.color||"primary",children:e.text},i)))]})]});export{n as ModalFooter,n as default};
2
+ //# sourceMappingURL=ModalFooter.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"ModalFooter.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{Box as t,Typography as i}from"@mui/material";const r=({children:r})=>e.jsx(t,{sx:{padding:2,borderBottom:"1px solid #e0e0e0",display:"flex",alignItems:"center",justifyContent:"space-between"},children:e.jsx(i,{variant:"h6",component:"h2",children:r})});export{r as ModalHeader,r as default};
2
+ //# sourceMappingURL=ModalHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,4 +1 @@
1
1
  export { default as Modal } from './Modal';
2
- export { default as ModalBody } from './ModalBody';
3
- export { default as ModalFooter } from './ModalFooter';
4
- export { default as ModalHeader } from './ModalHeader';
@@ -0,0 +1,2 @@
1
+ export{default as Modal}from"./Modal/Modal.js";
2
+ //# sourceMappingURL=Modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -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.0",
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":""}
File without changes