@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.
- package/cjs/components/Card/Card.cjs +1 -1
- package/cjs/components/Modal/Modal.cjs +2 -0
- package/cjs/components/Modal/Modal.cjs.map +1 -0
- package/cjs/components/Modal/ModalBody.cjs +2 -0
- package/cjs/components/Modal/ModalBody.cjs.map +1 -0
- package/cjs/components/Modal/ModalFooter.cjs +2 -0
- package/cjs/components/Modal/ModalFooter.cjs.map +1 -0
- package/cjs/components/Modal/ModalHeader.cjs +2 -0
- package/cjs/components/Modal/ModalHeader.cjs.map +1 -0
- package/cjs/components/Modal.cjs +2 -0
- package/cjs/components/Modal.cjs.map +1 -0
- package/cjs/components/stepper/Step.cjs +2 -0
- package/cjs/components/stepper/Step.cjs.map +1 -0
- package/cjs/components/stepper/Stepper.cjs +2 -0
- package/cjs/components/stepper/Stepper.cjs.map +1 -0
- package/cjs/components/stepper.cjs +2 -0
- package/cjs/components/stepper.cjs.map +1 -0
- package/cjs/components/tabs/{TabItem.cjs → Tab.cjs} +1 -1
- package/cjs/components/tabs/Tab.cjs.map +1 -0
- package/cjs/components/tabs/Tabs.cjs +1 -1
- package/cjs/components/tabs.cjs +1 -1
- package/cjs/components/timeline/Timeline.cjs +1 -1
- package/cjs/components/timeline/TimelineItem.cjs +1 -1
- package/components/stepper/index.ts +1 -0
- package/esm/components/Card/Card.d.ts +2 -1
- package/esm/components/Card/Card.js +1 -1
- package/esm/components/Modal/Modal.js +2 -0
- package/esm/components/Modal/Modal.js.map +1 -0
- package/esm/components/Modal/ModalBody.js +2 -0
- package/esm/components/Modal/ModalBody.js.map +1 -0
- package/esm/components/Modal/ModalFooter.js +2 -0
- package/esm/components/{tabs/TabItem.js.map → Modal/ModalFooter.js.map} +1 -1
- package/esm/components/Modal/ModalHeader.js +2 -0
- package/esm/components/Modal/ModalHeader.js.map +1 -0
- package/esm/components/Modal/index.d.ts +0 -3
- package/esm/components/Modal.js +2 -0
- package/esm/components/Modal.js.map +1 -0
- package/esm/components/stepper/Step.d.ts +18 -0
- package/esm/components/stepper/Step.js +2 -0
- package/esm/components/stepper/Step.js.map +1 -0
- package/esm/components/stepper/Stepper.d.ts +11 -0
- package/esm/components/stepper/Stepper.definition.d.ts +2 -0
- package/esm/components/stepper/Stepper.js +2 -0
- package/esm/components/stepper/Stepper.js.map +1 -0
- package/esm/components/stepper/Stepper.stories.d.ts +7 -0
- package/esm/components/stepper/index.d.ts +2 -0
- package/esm/components/stepper.js +2 -0
- package/esm/components/stepper.js.map +1 -0
- package/esm/components/tabs/Tab.definition.d.ts +1 -0
- package/esm/components/tabs/{TabItem.js → Tab.js} +1 -1
- package/esm/components/tabs/Tab.js.map +1 -0
- package/esm/components/tabs/Tabs.d.ts +1 -1
- package/esm/components/tabs/Tabs.js +1 -1
- package/esm/components/tabs/index.d.ts +1 -1
- package/esm/components/tabs.js +1 -1
- package/esm/components/timeline/Timeline.d.ts +3 -1
- package/esm/components/timeline/Timeline.definition.d.ts +2 -0
- package/esm/components/timeline/Timeline.js +1 -1
- package/esm/components/timeline/Timeline.stories.d.ts +2 -0
- package/esm/components/timeline/TimelineItem.d.ts +1 -1
- package/esm/components/timeline/TimelineItem.js +1 -1
- package/package.json +6 -1
- package/cjs/components/tabs/TabItem.cjs.map +0 -1
- /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"),
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -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 @@
|
|
|
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=
|
|
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:
|
|
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
|
package/cjs/components/tabs.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var s=require("./tabs/Tabs.cjs"),a=require("./tabs/
|
|
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"),
|
|
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"),
|
|
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
|
|
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 @@
|
|
|
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":"
|
|
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":""}
|
|
@@ -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 @@
|
|
|
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
|
+
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 @@
|
|
|
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=
|
|
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 "./
|
|
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:
|
|
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
|
|
2
|
+
export { default as Tab } from './Tab';
|
package/esm/components/tabs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Tabs}from"./tabs/Tabs.js";export{Tab
|
|
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" |
|
|
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,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/
|
|
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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export interface TimelineItemProps {
|
|
2
2
|
dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';
|
|
3
|
-
connectorColor?:
|
|
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
|
|
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.
|
|
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
|