@adoptaunabuelo/react-components 0.1.21 → 0.1.23

package/dist/cjs/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+declare const Dropdown: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;
+export interface Props {
+    id: string;
+    style?: CSSProperties;
+    menuStyle?: CSSProperties;
+    optionStyle?: CSSProperties;
+    options: Array<OptionProps>;
+    placeholder: string;
+    selectedOptions?: Array<OptionProps>;
+    type?: 'single' | 'multiple';
+    menuPosition?: 'bottom' | 'top';
+    onChange?: (a: Array<OptionProps>) => void;
+    onSearchChange?: (text: string) => void;
+}
+export interface OptionProps {
+    id: string;
+    title?: string;
+    icon?: JSX.Element;
+}

package/dist/cjs/components/Label/Label.d.ts

@@ -2,7 +2,10 @@ import { ComponentPropsWithoutRef } from 'react';
 declare const Label: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Label;
 export interface Props extends ComponentPropsWithoutRef<"div"> {
-    text?: string;
+    text: string;
+    disabled?: boolean;
+    type?: 'label' | 'chip';
+    size?: 'big' | 'small' | 'selector';
     backgroundColor?: string;
     color?: string;
 }

package/dist/cjs/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ModalPrimaryProps } from './ModalPrimary';
-declare const ModalComponent: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+import { ModalPrimaryProps, ModalRef } from './ModalPrimary';
+declare const ModalComponent: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<ModalRef>>;
 export default ModalComponent;
 export interface ModalProps extends ModalPrimaryProps {
     options?: Array<{

package/dist/cjs/index.js

@@ -656,7 +656,7 @@ var r="none",n="contents",a=/input|select|textarea|button|object|iframe/;functio
 `,Separator=Ye.div`
     content: none;
     margin-bottom: 24px;
-`,WebView=Ye.iframe``,ModalComponent=e=>{const t=__rest(e,["children"]);return"form"===e.type?jsxRuntime.jsx(ModalComponent$1,Object.assign({},t,{children:e.options&&e.options.map(((e,t)=>e.hidden?null:"separator"===e.id?jsxRuntime.jsx(Separator,{},"separator-"+t):jsxRuntime.jsxs(Row,{children:[jsxRuntime.jsx(LabelColumn,{children:jsxRuntime.jsx(Text$1,Object.assign({type:"c1",weight:"medium"},{children:e.title}))}),jsxRuntime.jsx(DataColumn,{children:e.Data})]},"option-"+e.id)))})):"web"===e.type?jsxRuntime.jsx(ModalComponent$1,Object.assign({},t,{children:jsxRuntime.jsx(WebView,{id:"web-iframe",src:e.url,width:"100%",height:"100%",style:{border:"none"}})})):jsxRuntime.jsx(ModalComponent$1,Object.assign({},e))},Container$5=Ye.div`
+`,WebView=Ye.iframe``,ModalComponent=React.forwardRef(((e,t)=>"form"===e.type?jsxRuntime.jsx(ModalComponent$1,Object.assign({ref:t},e,{children:e.options&&e.options.map(((e,t)=>e.hidden?null:"separator"===e.id?jsxRuntime.jsx(Separator,{},"separator-"+t):jsxRuntime.jsxs(Row,{children:[jsxRuntime.jsx(LabelColumn,{children:jsxRuntime.jsx(Text$1,Object.assign({type:"c1",weight:"medium"},{children:e.title}))}),jsxRuntime.jsx(DataColumn,{children:e.Data})]},"option-"+e.id)))})):"web"===e.type?jsxRuntime.jsx(ModalComponent$1,Object.assign({ref:t},e,{children:jsxRuntime.jsx(WebView,{id:"web-iframe",src:e.url,width:"100%",height:"100%",style:{border:"none"}})})):jsxRuntime.jsx(ModalComponent$1,Object.assign({ref:t},e)))),Container$5=Ye.div`
     position: relative;
 `,FilterView$3=Ye.div`
     position: absolute;
@@ -700,7 +700,38 @@ var r="none",n="contents",a=/input|select|textarea|button|object|iframe/;functio
     width: fit-content;
     height: 28px;
     border-radius: 3px;
-`,Label=e=>{var t,r;const[n,a]=React.useState(void 0);React.useEffect((()=>{a(o())}),[e.text]);const o=()=>{switch(e.text){case"inRegister":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"En registro"};case"registered":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Registrado"};case"waiting":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Pendiente de match"};case"training":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Formación en proceso"};case"match":return{color:"#59C183",backgroundColor:"#E7F6ED",text:"Match"};case"shutdown":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Baja"};case"banned":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Bloqueado"};case"exVolunteer":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Ex-voluntario"};case"paused":return{color:"#828282",backgroundColor:"#F2F2F2",text:"Pausa"};case"inProgress":case"En proceso":return{color:"#FF8854",backgroundColor:"#FFF6E5",text:"En proceso"};case"pending":case"Pendiente":return{color:"#0000008F",backgroundColor:"#F2F2F2",text:"Pendiente"};case"canceled":return{color:Color.text.red,backgroundColor:Color.background.redLow,text:"Cancelado"};case"No resuelto":return{color:Color.text.red,backgroundColor:Color.background.redLow,text:"No resuelto"};case"done":case"Resuelto":return{color:"#448B6D",backgroundColor:"#E4F8EE",text:"Resuelto"}}};return n?jsxRuntime.jsx(LabelStyled,Object.assign({role:"label",id:"Label"},e,{style:Object.assign({background:n.backgroundColor},e.style)},{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p",style:{fontSize:(null===(t=e.style)||void 0===t?void 0:t.fontSize)?e.style.fontSize:14,fontWeight:500,color:n.color}},{children:n.text}))})):jsxRuntime.jsx(LabelStyled,Object.assign({role:"label",id:"Label"},e,{style:Object.assign({background:e.backgroundColor?e.backgroundColor:Color.background.soft},e.style)},{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p",style:{fontSize:(null===(r=e.style)||void 0===r?void 0:r.fontSize)?e.style.fontSize:14,fontWeight:500,color:e.color}},{children:e.text}))}))},AvatarContainer=Ye.div`
+`,ChipsContainerSmall=Ye.div`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 32px;
+    width: 30px;
+    border-radius: 50%;
+    background-color: ${e=>e.disabled?Color.background.soft:Color.background.primaryLow};
+`,ChipsContainerBig=Ye.div`
+     display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 0px 12px;
+    height: 32px;
+    left: 118px;
+    top: 1082px;
+    border-radius: 555px;
+    background-color: ${e=>e.disabled?Color.background.soft:Color.background.primaryLow};
+`,ChipSelector=Ye.div`
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 0px 12px;
+    height: 32px;
+    border: 1px solid ${e=>e.disabled?Color.line.low:Color.line.full};
+    opacity: ${e=>e.disabled?.6:1};
+    box-sizing: border-box;
+    border-radius: 555px;
+`,Label=e=>{var t;const[r,n]=React.useState(void 0);React.useEffect((()=>{n(a())}),[e.text]);const a=()=>{switch(e.text){case"inRegister":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"En registro"};case"registered":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Registrado"};case"waiting":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Pendiente de match"};case"training":return{color:"#2D7FD9",backgroundColor:"#E5F1FC",text:"Formación en proceso"};case"match":return{color:"#59C183",backgroundColor:"#E7F6ED",text:"Match"};case"shutdown":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Baja"};case"banned":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Bloqueado"};case"exVolunteer":return{color:"#FF5A5A",backgroundColor:"#FCEDF1",text:"Ex-voluntario"};case"paused":return{color:"#828282",backgroundColor:"#F2F2F2",text:"Pausa"};case"inProgress":case"En proceso":return{color:"#FF8854",backgroundColor:"#FFF6E5",text:"En proceso"};case"pending":case"Pendiente":return{color:"#0000008F",backgroundColor:"#F2F2F2",text:"Pendiente"};case"canceled":return{color:Color.text.red,backgroundColor:Color.background.redLow,text:"Cancelado"};case"No resuelto":return{color:Color.text.red,backgroundColor:Color.background.redLow,text:"No resuelto"};case"done":case"Resuelto":return{color:"#448B6D",backgroundColor:"#E4F8EE",text:"Resuelto"}}};return"chip"===e.type?"big"===e.size?jsxRuntime.jsx(ChipsContainerBig,Object.assign({role:"chip"},e,{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p2",weight:"medium",style:{color:e.disabled?Color.text.high:Color.text.primary}},{children:e.text.slice(0,1).toLocaleUpperCase()+e.text.slice(1,e.text.length).toLocaleLowerCase()}))})):"selector"===e.size?jsxRuntime.jsx(ChipSelector,Object.assign({role:"chip"},e,{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p2",weight:"medium"},{children:e.text}))})):jsxRuntime.jsx(ChipsContainerSmall,Object.assign({role:"chip",style:Object.assign(Object.assign({},e.style),{background:e.disabled?Color.background.soft:Color.background.primaryLow})},{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p2",weight:"medium",style:{color:e.disabled?Color.text.high:Color.text.primary}},{children:e.text.slice(0,1).toLocaleUpperCase()+e.text.slice(1,2)}))})):jsxRuntime.jsx(LabelStyled,Object.assign({role:"label",id:"Label"},e,{style:Object.assign({background:e.backgroundColor?e.backgroundColor:r?r.backgroundColor:Color.background.soft},e.style)},{children:jsxRuntime.jsx(Text$1,Object.assign({type:"p",style:{fontSize:(null===(t=e.style)||void 0===t?void 0:t.fontSize)?e.style.fontSize:14,fontWeight:500,color:e.color?e.color:r?r.color:Color.text.full}},{children:(null==r?void 0:r.text)?r.text:e.text}))}))},AvatarContainer=Ye.div`
     width: 50px;
     height: 50px;
     display: flex;