@aleleba/ro-ut-ui 2.2.22 → 3.0.0
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/dist/index.css +9 -21
- package/dist/index.js +1 -1
- package/dist/types/cypress/support/commands.d.ts +0 -0
- package/dist/types/cypress/support/component.d.ts +9 -0
- package/dist/types/jest.config.d.ts +7 -0
- package/dist/types/postcss.config.d.ts +3 -0
- package/dist/types/setupTest.d.ts +1 -0
- package/dist/types/src/__mocks__/fileMock.d.ts +0 -0
- package/dist/types/src/components/Buttons/Button/index.d.ts +33 -0
- package/dist/types/src/components/Buttons/Button.stories.d.ts +11 -0
- package/dist/types/src/components/Buttons/__tests__/Button.test.cy.d.ts +1 -0
- package/dist/types/src/components/Buttons/__tests__/Button.test.d.ts +1 -0
- package/dist/types/src/components/Buttons/index.d.ts +21 -0
- package/dist/types/src/components/Cards/Card/index.d.ts +25 -0
- package/dist/types/src/components/Cards/Card.stories.d.ts +11 -0
- package/dist/types/src/components/Cards/__tests__/Card.test.cy.d.ts +1 -0
- package/dist/types/src/components/Cards/__tests__/Card.test.d.ts +1 -0
- package/dist/types/src/components/Cards/index.d.ts +17 -0
- package/dist/types/src/components/Icons/Icon/index.d.ts +17 -0
- package/dist/types/src/components/Icons/Icon.stories.d.ts +5 -0
- package/dist/types/src/components/Icons/index.d.ts +33 -0
- package/dist/types/src/components/Inputs/Input/index.d.ts +38 -0
- package/dist/types/src/components/Inputs/Input.stories.d.ts +15 -0
- package/dist/types/src/components/Inputs/__tests__/Input.test.cy.d.ts +1 -0
- package/dist/types/src/components/Inputs/__tests__/Input.test.d.ts +1 -0
- package/dist/types/src/components/Inputs/index.d.ts +9 -0
- package/dist/types/src/components/index.d.ts +5 -0
- package/dist/types/src/icons/icons.d.ts +0 -0
- package/dist/types/src/icons/icons.font.d.ts +0 -0
- package/dist/types/src/utils/index.d.ts +1 -0
- package/dist/types/tailwind.config.d.ts +2 -0
- package/dist/types/webpack.config.d.ts +63 -0
- package/dist/types/webpack.cy.config.d.ts +60 -0
- package/dist/types/webpack.icons.config.d.ts +1 -0
- package/package.json +61 -51
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(
|
|
1
|
+
!function(r,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports["ui-library"]=a():r["ui-library"]=a()}(this,(()=>(()=>{"use strict";var r={d:(a,e)=>{for(var t in e)r.o(e,t)&&!r.o(a,t)&&Object.defineProperty(a,t,{enumerable:!0,get:e[t]})},o:(r,a)=>Object.prototype.hasOwnProperty.call(r,a),r:r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})}},a={};r.r(a),r.d(a,{BorderCard:()=>Ir,Button:()=>Pr,ButtonThemes:()=>Cr,ButtonTypes:()=>xr,Card:()=>Mr,CardThemes:()=>Ar,Icon:()=>D,IconNames:()=>G,Input:()=>Lr,InputThemes:()=>Fr,getBorderCard:()=>Hr,getButtonThemeClass:()=>Nr,getCardThemeClass:()=>Tr,getIconClass:()=>ur,getInputThemeClass:()=>Wr});const e="namBd2yDO5uRnuiJiF4I",t="IezAhh3IOxZrbRaPnSuX",n="peAKuLVAiIXSFB_8weUX",c="fX0XkPg_VOwlCS_puohG",o="uRh5AMB7fHGMjymlSkIe",i="A61ABO8IXKvkyJ2iRq6l",u="jtiHB4J2Gd75DxgbExDU",s="htFKNG_lNNMADoynscvf",d="b41eXc_YG54TSjVcPdr3",l="iDCPPzPmlHXmY6DeRlrz",y="qSKheV1seun_M2zooNYG",m="neFnz7mqfjyob2IpBRAB",p="W1_8p2A4KoAru1W3fQQt",f="tm0XixvT9lg82S8vBQ7H",h="s4WqNjDDGgeMddVjGC39",v="bedJB1k7F24TZZ14mvGS",g="PgNn5YrHhpkkzKgbQGHw",b="g7BsZUvE5UmvGR7yux1n",j="oCPQLbmQjjlb4QfF6N3z",O="w1jjKytmOVrGE_OOWN24",C="wxOwGgByggkSrx_yH1Mm",x="jyv2Pn76yjv7yHzme6Vi",P="l_u5YpNTZO_QLR2ODTsM",N="D3lpa3rGkDORSZEMO4Pu",q="ptOAordfG6nUqt1RGPGD",B="tcijTEF2DcjdTgUYgwm_",S="Sb74MmtzlQ4r_auGli10",k="iRPlBCtkk8OZ1fVrK6Ac",w=require("react/jsx-runtime");var G,R=function(){for(var r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];return r.filter((function(r){return r})).join(" ")},D=function(r){var a=r.id,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.icon,o=R(c?ur({icon:c}):"",n);return(0,w.jsx)("span",{id:e,className:o})},Q=e,_=b,A=g,I=l,M=s,T=u,H=c,K=t,V=x,E=i,X=m,z=d,U=h,Z=f,F=S,L=C,W=v,Y=O,J=y,$=N,rr=P,ar=q,er=B,tr=o,nr=j,cr=p,or=n,ir=k;!function(r){r.perfil="perfil",r.password="password",r.google="google",r.facebook="facebook",r.dashboard="dashboard",r.calendario="calendario",r.administracionDeUsuario="administracionDeUsuario",r.rutas="rutas",r.chat="chat",r.informes="informes",r.flecha="flecha",r.nuevaRuta="nuevaRuta",r.notificacion="notificacion",r.usuarioDentroApp="usuarioDentroApp",r.rutaNueva="rutaNueva",r.nuevaRuta2="nuevaRuta2",r.rutaCompletada="rutaCompletada",r.hoy="hoy",r.rutasProgramadas="rutasProgramadas",r.rutasEliminadas="rutasEliminadas",r.rutasReprogramadas="rutasReprogramadas",r.search="search",r.camion="camion",r.pickup="pickup",r.motocicleta="motocicleta",r.barco="barco",r.varios="varios"}(G||(G={}));var ur=function(r){switch(r.icon){case"perfil":return"".concat(Q," ").concat(_);case"password":return"".concat(Q," ").concat(A);case"google":return"".concat(Q," ").concat(I);case"facebook":return"".concat(Q," ").concat(M);case"dashboard":return"".concat(Q," ").concat(T);case"calendario":return"".concat(Q," ").concat(H);case"administracionDeUsuario":return"".concat(Q," ").concat(K);case"rutas":return"".concat(Q," ").concat(V);case"chat":return"".concat(Q," ").concat(E);case"informes":return"".concat(Q," ").concat(X);case"flecha":return"".concat(Q," ").concat(z);case"nuevaRuta":return"".concat(Q," ").concat(U);case"notificacion":return"".concat(Q," ").concat(Z);case"usuarioDentroApp":return"".concat(Q," ").concat(F);case"rutaNueva":return"".concat(Q," ").concat(L);case"nuevaRuta2":return"".concat(Q," ").concat(W);case"rutaCompletada":return"".concat(Q," ").concat(Y);case"hoy":return"".concat(Q," ").concat(J);case"rutasProgramadas":return"".concat(Q," ").concat($);case"rutasEliminadas":return"".concat(Q," ").concat(rr);case"rutasReprogramadas":return"".concat(Q," ").concat(ar);case"search":return"".concat(Q," ").concat(er);case"camion":return"".concat(Q," ").concat(tr);case"pickup":return"".concat(Q," ").concat(nr);case"motocicleta":return"".concat(Q," ").concat(cr);case"barco":return"".concat(Q," ").concat(or);case"varios":return"".concat(Q," ").concat(ir);default:return""}};const sr="xvEu78EjV0nQn9xswzRg",dr="b_PgmePXtv2W5EZWky9O",lr="UxC2t97LIIISx7e71_3R",yr="CFpiqnX4jq_EltxkwEvy",mr="yjB0ArEAyeYU6_u7zKsQ",pr="Djr8Yh2IQcUcgjSZ_WQ5",fr="uyBaWoSnHEIxM4x7jgQw",hr="qWYltwKufw7ZliVlCT9g",vr="oQRCOHaGpuh207HQzerc",gr="HtF5k4mwsNW1v9YG7qd2",br="Pg7VF5nFKczFtA3r5E88",jr="wXyKJ8kY_42bOcyetwnC",Or="dLCzLEcc0jSLJgsTyHoM";var Cr,xr,Pr=function(r){var a=r.id,e=void 0===a?"":a,t=r.children,n=void 0===t?"":t,c=r.className,o=void 0===c?"":c,i=r.theme,u=void 0===i?Cr.primary:i,s=r.hardBorder,d=void 0===s||s,l=r.type,y=void 0===l?xr.button:l,m=r.onClick,p=R(lr,Nr({theme:u}),d?sr:dr,o);return(0,w.jsx)("button",{id:e,className:p,type:y,onClick:m,children:n})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary",r.quaternary="quaternary",r.quinary="quinary",r.primaryOutline="primaryOutline",r.secondaryOutline="secondaryOutline",r.tertiaryOutline="tertiaryOutline",r.quaternaryOutline="quaternaryOutline",r.quinaryOutline="quinaryOutline"}(Cr||(Cr={})),function(r){r.submit="submit",r.reset="reset",r.button="button"}(xr||(xr={}));var Nr=function(r){switch(r.theme){case Cr.primary:return yr;case Cr.secondary:return mr;case Cr.tertiary:return pr;case Cr.quaternary:return fr;case Cr.quinary:return hr;case Cr.primaryOutline:return vr;case Cr.secondaryOutline:return gr;case Cr.tertiaryOutline:return br;case Cr.quaternaryOutline:return jr;case Cr.quinaryOutline:return Or;default:return""}};const qr="pAD4BifhMTLUZvCJxyOx",Br="a2VHzo7AbMVmPMGC3mSx",Sr="W0VuH9q0UPwsyVsTQQJe",kr="SIPeMNZqcOWCkESf4cPg",wr="hPcmh2SHmHeXnUxGP93s",Gr="DcZJoe6Kl4lnV3k4i7nV",Rr="LH35do5a6HPSjPusBT_z",Dr="juXoWoLQrRgOgzapK6H9",Qr="tPCdlPqN6fB69GmnQ181",_r="nsb5sNsicCrkfBe9SIFs";var Ar,Ir,Mr=function(r){var a=r.children,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.theme,o=void 0===c?Ar.primary:c,i=r.border,u=void 0===i?Ir.soft:i,s=r.title,d=R(qr,Tr({theme:o}),Hr({border:u}),n);return(0,w.jsxs)("div",{className:d,children:[s&&(0,w.jsx)("div",{className:Br,children:(0,w.jsx)("h5",{className:kr,children:s})}),(0,w.jsx)("div",{className:Sr,children:e})]})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary",r.quaternary="quaternary"}(Ar||(Ar={})),function(r){r.soft="soft",r.hard="hard"}(Ir||(Ir={}));var Tr=function(r){switch(r.theme){case"primary":return Rr;case"secondary":return Dr;case"tertiary":return Qr;case"quaternary":return _r;default:return""}},Hr=function(r){switch(r.border){case"soft":return wr;case"hard":return Gr;default:return""}};const Kr="n7RrLAyrJ9MGBMP3IhoO",Vr="RaCKCo18u9LiXlNtfXSg",Er="LCo8ZQNn4x9t1bQv68YX",Xr="nB_qk0uh4VaPFqAV_rdo",zr="r2dDDK1b9GSUQ7KkjlAS",Ur="xghXNj3fj0NG1DBWKj8w",Zr="eB30gQUCIMLMoZPeOKil";var Fr,Lr=function(r){var a=r.id,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.type,o=void 0===c?"text":c,i=r.theme,u=void 0===i?Fr.primary:i,s=r.placeholder,d=void 0===s?"":s,l=r.hardBorder,y=void 0!==l&&l,m=r.icon,p=r.onChange,f=void 0===p?function(r){}:p,h=R(Er,Wr({theme:u}),y?Ur:"",n,m?Xr:"");return(0,w.jsxs)("div",{className:Kr,children:[(0,w.jsx)("input",{id:e,className:h,placeholder:d,type:o,onChange:f}),m&&(0,w.jsx)(D,{className:Vr,icon:m})]})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary"}(Fr||(Fr={}));var Wr=function(r){switch(r.theme){case"primary":default:return"";case"secondary":return zr;case"tertiary":return Zr}};return a})()));
|
|
File without changes
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export let setupFilesAfterEnv: string[];
|
|
2
|
+
export let testPathIgnorePatterns: string[];
|
|
3
|
+
export let testEnvironment: string;
|
|
4
|
+
export let moduleNameMapper: {
|
|
5
|
+
'\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': string;
|
|
6
|
+
'^.+\\.(css|sass|scss|less)$': string;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
File without changes
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
import { ButtonThemes, ButtonTypes } from '..';
|
|
3
|
+
export type TButtonProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Is this the id of the button.
|
|
6
|
+
*/
|
|
7
|
+
id?: string | undefined;
|
|
8
|
+
/**
|
|
9
|
+
* Is this the child component of the button. (Should be a string or a react component)
|
|
10
|
+
*/
|
|
11
|
+
children?: string | ReactNode | ReactNode[] | JSX.Element;
|
|
12
|
+
/**
|
|
13
|
+
* Is this the classes that you want to add
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Is this the theme you want do add to the button
|
|
18
|
+
*/
|
|
19
|
+
theme?: ButtonThemes;
|
|
20
|
+
/**
|
|
21
|
+
* Is this the value if the button have hard border
|
|
22
|
+
*/
|
|
23
|
+
hardBorder?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Is this the onClick Event of the button.
|
|
26
|
+
*/
|
|
27
|
+
onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
28
|
+
/**
|
|
29
|
+
* Is this the type of the button.
|
|
30
|
+
*/
|
|
31
|
+
type?: ButtonTypes | undefined;
|
|
32
|
+
};
|
|
33
|
+
export declare const Button: FC<TButtonProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { Button } from '@components';
|
|
3
|
+
declare const _default: Meta<typeof Button>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
6
|
+
export declare const WithChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
7
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
8
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
9
|
+
export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
10
|
+
export declare const Quaternary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
11
|
+
export declare const Quinary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare enum ButtonThemes {
|
|
2
|
+
primary = "primary",
|
|
3
|
+
secondary = "secondary",
|
|
4
|
+
tertiary = "tertiary",
|
|
5
|
+
quaternary = "quaternary",
|
|
6
|
+
quinary = "quinary",
|
|
7
|
+
primaryOutline = "primaryOutline",
|
|
8
|
+
secondaryOutline = "secondaryOutline",
|
|
9
|
+
tertiaryOutline = "tertiaryOutline",
|
|
10
|
+
quaternaryOutline = "quaternaryOutline",
|
|
11
|
+
quinaryOutline = "quinaryOutline"
|
|
12
|
+
}
|
|
13
|
+
export declare enum ButtonTypes {
|
|
14
|
+
submit = "submit",
|
|
15
|
+
reset = "reset",
|
|
16
|
+
button = "button"
|
|
17
|
+
}
|
|
18
|
+
export declare const getButtonThemeClass: ({ theme }: {
|
|
19
|
+
theme: ButtonThemes;
|
|
20
|
+
}) => string;
|
|
21
|
+
export * from './Button';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { CardThemes, BorderCard } from '..';
|
|
3
|
+
export type TCardProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Is this the child component of the button. (Should be a string or a react component)
|
|
6
|
+
*/
|
|
7
|
+
children?: string | ReactNode | ReactNode[] | JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* Is this the classes that you want to add
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Is this the theme you want do add to the button
|
|
14
|
+
*/
|
|
15
|
+
theme?: CardThemes;
|
|
16
|
+
/**
|
|
17
|
+
* Is this the border radius of the card, it would be soft and hard
|
|
18
|
+
*/
|
|
19
|
+
border?: BorderCard;
|
|
20
|
+
/**
|
|
21
|
+
* Is this the title of the card, it would be a string
|
|
22
|
+
*/
|
|
23
|
+
title?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare const Card: FC<TCardProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { Card } from '@components';
|
|
3
|
+
declare const _default: Meta<typeof Card>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
6
|
+
export declare const WithBorderHard: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
7
|
+
export declare const WhithHeaderAndButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
8
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
9
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
10
|
+
export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
11
|
+
export declare const Quaternary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare enum CardThemes {
|
|
2
|
+
primary = "primary",
|
|
3
|
+
secondary = "secondary",
|
|
4
|
+
tertiary = "tertiary",
|
|
5
|
+
quaternary = "quaternary"
|
|
6
|
+
}
|
|
7
|
+
export declare enum BorderCard {
|
|
8
|
+
soft = "soft",
|
|
9
|
+
hard = "hard"
|
|
10
|
+
}
|
|
11
|
+
export declare const getCardThemeClass: ({ theme }: {
|
|
12
|
+
theme: CardThemes;
|
|
13
|
+
}) => string;
|
|
14
|
+
export declare const getBorderCard: ({ border }: {
|
|
15
|
+
border: BorderCard;
|
|
16
|
+
}) => string;
|
|
17
|
+
export * from './Card';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconNames } from '..';
|
|
3
|
+
export type TIconProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Is this the id of the icon.
|
|
6
|
+
*/
|
|
7
|
+
id?: string | undefined;
|
|
8
|
+
/**
|
|
9
|
+
* Is this the classes that you want to add
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Is this the name of the Icon.
|
|
14
|
+
*/
|
|
15
|
+
icon?: IconNames | undefined;
|
|
16
|
+
};
|
|
17
|
+
export declare const Icon: FC<TIconProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { Icon } from '@components';
|
|
3
|
+
declare const _default: Meta<typeof Icon>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TIconProps>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare enum IconNames {
|
|
2
|
+
perfil = "perfil",
|
|
3
|
+
password = "password",
|
|
4
|
+
google = "google",
|
|
5
|
+
facebook = "facebook",
|
|
6
|
+
dashboard = "dashboard",
|
|
7
|
+
calendario = "calendario",
|
|
8
|
+
administracionDeUsuario = "administracionDeUsuario",
|
|
9
|
+
rutas = "rutas",
|
|
10
|
+
chat = "chat",
|
|
11
|
+
informes = "informes",
|
|
12
|
+
flecha = "flecha",
|
|
13
|
+
nuevaRuta = "nuevaRuta",
|
|
14
|
+
notificacion = "notificacion",
|
|
15
|
+
usuarioDentroApp = "usuarioDentroApp",
|
|
16
|
+
rutaNueva = "rutaNueva",
|
|
17
|
+
nuevaRuta2 = "nuevaRuta2",
|
|
18
|
+
rutaCompletada = "rutaCompletada",
|
|
19
|
+
hoy = "hoy",
|
|
20
|
+
rutasProgramadas = "rutasProgramadas",
|
|
21
|
+
rutasEliminadas = "rutasEliminadas",
|
|
22
|
+
rutasReprogramadas = "rutasReprogramadas",
|
|
23
|
+
search = "search",
|
|
24
|
+
camion = "camion",
|
|
25
|
+
pickup = "pickup",
|
|
26
|
+
motocicleta = "motocicleta",
|
|
27
|
+
barco = "barco",
|
|
28
|
+
varios = "varios"
|
|
29
|
+
}
|
|
30
|
+
export declare const getIconClass: ({ icon }: {
|
|
31
|
+
icon: IconNames;
|
|
32
|
+
}) => string;
|
|
33
|
+
export * from './Icon';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { FC, HTMLInputTypeAttribute, ChangeEventHandler } from 'react';
|
|
2
|
+
import { IconNames } from '@components';
|
|
3
|
+
import { InputThemes } from '..';
|
|
4
|
+
export type TInputProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Is this the id of the input.
|
|
7
|
+
*/
|
|
8
|
+
id?: string | undefined;
|
|
9
|
+
/**
|
|
10
|
+
* Is this the classes that you want to add
|
|
11
|
+
*/
|
|
12
|
+
className?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Is this the theme you want do add to the input
|
|
15
|
+
*/
|
|
16
|
+
theme?: InputThemes;
|
|
17
|
+
/**
|
|
18
|
+
* Is this the type you want to add to the input
|
|
19
|
+
*/
|
|
20
|
+
type?: HTMLInputTypeAttribute;
|
|
21
|
+
/**
|
|
22
|
+
* Is this the text you want to add to the input placeholder
|
|
23
|
+
*/
|
|
24
|
+
placeholder?: string /**
|
|
25
|
+
/**
|
|
26
|
+
* Is this the value if the input have hard border
|
|
27
|
+
*/;
|
|
28
|
+
hardBorder?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Is this the icon you want to add to the input
|
|
31
|
+
*/
|
|
32
|
+
icon?: IconNames;
|
|
33
|
+
/**
|
|
34
|
+
* Is this the onChange event of the input
|
|
35
|
+
*/
|
|
36
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
37
|
+
};
|
|
38
|
+
export declare const Input: FC<TInputProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { Input } from '@components';
|
|
3
|
+
declare const _default: Meta<typeof Input>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
6
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
7
|
+
export declare const PrimaryHardBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
8
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
9
|
+
export declare const SecondaryHardBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
10
|
+
export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
11
|
+
export declare const PrimaryWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
12
|
+
export declare const PrimaryHardBorderWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
13
|
+
export declare const SecondaryWithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
14
|
+
export declare const SecondaryHardBorderWithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
15
|
+
export declare const TertiaryWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const joinClassNames: (...classes: string[]) => string;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import webpack from 'webpack';
|
|
2
|
+
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
|
|
3
|
+
import { CleanWebpackPlugin } from 'clean-webpack-plugin';
|
|
4
|
+
import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
|
|
5
|
+
import TerserPlugin from 'terser-webpack-plugin';
|
|
6
|
+
import ESLintPlugin from 'eslint-webpack-plugin';
|
|
7
|
+
declare const _default: {
|
|
8
|
+
entry: string;
|
|
9
|
+
externals: any[];
|
|
10
|
+
resolve: {
|
|
11
|
+
extensions: string[];
|
|
12
|
+
alias: {
|
|
13
|
+
[key: string]: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
mode: string;
|
|
17
|
+
output: {
|
|
18
|
+
filename: string;
|
|
19
|
+
path: string;
|
|
20
|
+
library: string;
|
|
21
|
+
libraryTarget: string;
|
|
22
|
+
globalObject: string;
|
|
23
|
+
};
|
|
24
|
+
plugins: (MiniCssExtractPlugin | ESLintPlugin | CleanWebpackPlugin | webpack.DefinePlugin)[];
|
|
25
|
+
module: {
|
|
26
|
+
rules: ({
|
|
27
|
+
test: RegExp;
|
|
28
|
+
exclude: RegExp;
|
|
29
|
+
use: string;
|
|
30
|
+
loader?: undefined;
|
|
31
|
+
options?: undefined;
|
|
32
|
+
} | {
|
|
33
|
+
test: RegExp;
|
|
34
|
+
use: (string | {
|
|
35
|
+
loader: string;
|
|
36
|
+
options: {
|
|
37
|
+
modules: {
|
|
38
|
+
namedExport: boolean;
|
|
39
|
+
exportLocalsConvention: string;
|
|
40
|
+
auto: RegExp;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
})[];
|
|
44
|
+
exclude?: undefined;
|
|
45
|
+
loader?: undefined;
|
|
46
|
+
options?: undefined;
|
|
47
|
+
} | {
|
|
48
|
+
test: RegExp;
|
|
49
|
+
loader: string;
|
|
50
|
+
options: {
|
|
51
|
+
name: string;
|
|
52
|
+
esModule: boolean;
|
|
53
|
+
};
|
|
54
|
+
exclude?: undefined;
|
|
55
|
+
use?: undefined;
|
|
56
|
+
})[];
|
|
57
|
+
};
|
|
58
|
+
optimization: {
|
|
59
|
+
minimize: boolean;
|
|
60
|
+
minimizer: (CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended> | TerserPlugin<import("terser").MinifyOptions>)[];
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export default _default;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import webpack from 'webpack';
|
|
2
|
+
import HtmlWebpackPlugin from 'html-webpack-plugin';
|
|
3
|
+
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
|
|
4
|
+
import { CleanWebpackPlugin } from 'clean-webpack-plugin';
|
|
5
|
+
import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
|
|
6
|
+
import TerserPlugin from 'terser-webpack-plugin';
|
|
7
|
+
import ESLintPlugin from 'eslint-webpack-plugin';
|
|
8
|
+
declare const _default: {
|
|
9
|
+
entry: string;
|
|
10
|
+
resolve: {
|
|
11
|
+
extensions: string[];
|
|
12
|
+
alias: {
|
|
13
|
+
[key: string]: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
mode: string;
|
|
17
|
+
output: {
|
|
18
|
+
path: string;
|
|
19
|
+
};
|
|
20
|
+
target: string;
|
|
21
|
+
plugins: (MiniCssExtractPlugin | ESLintPlugin | CleanWebpackPlugin | webpack.DefinePlugin | HtmlWebpackPlugin | webpack.ProvidePlugin)[];
|
|
22
|
+
module: {
|
|
23
|
+
rules: ({
|
|
24
|
+
test: RegExp;
|
|
25
|
+
exclude: RegExp;
|
|
26
|
+
use: string;
|
|
27
|
+
loader?: undefined;
|
|
28
|
+
options?: undefined;
|
|
29
|
+
} | {
|
|
30
|
+
test: RegExp;
|
|
31
|
+
use: (string | {
|
|
32
|
+
loader: string;
|
|
33
|
+
options: {
|
|
34
|
+
modules: {
|
|
35
|
+
namedExport: boolean;
|
|
36
|
+
exportLocalsConvention: string;
|
|
37
|
+
auto: RegExp;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
})[];
|
|
41
|
+
exclude?: undefined;
|
|
42
|
+
loader?: undefined;
|
|
43
|
+
options?: undefined;
|
|
44
|
+
} | {
|
|
45
|
+
test: RegExp;
|
|
46
|
+
loader: string;
|
|
47
|
+
options: {
|
|
48
|
+
name: string;
|
|
49
|
+
esModule: boolean;
|
|
50
|
+
};
|
|
51
|
+
exclude?: undefined;
|
|
52
|
+
use?: undefined;
|
|
53
|
+
})[];
|
|
54
|
+
};
|
|
55
|
+
optimization: {
|
|
56
|
+
minimize: boolean;
|
|
57
|
+
minimizer: (CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended> | TerserPlugin<import("terser").MinifyOptions>)[];
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|