Skip to content

Commit

Permalink
feat: dev-1-57 (#225)
Browse files Browse the repository at this point in the history 
* fix 1.57.1 (#223)

* fix: modificacion de estilos en checkbox

* fix: checkbox en desplegable de seleccion

* fix: colapsable

* fix: se agregan los estillos correspondientes a la barra de desplazamiento

* fix: se añade un prototipo de como mostrar la barra de desplazamiento en storybook

* fix: se añade package obelisco css y obelisco css map

---------

Co-authored-by: davisLjr <davisprojectjr@gmail.com>

* fix: tablas (#224)

* fix: se agregan las variantes de clases y estilos de celda en el componente tabla

* fix: correccion de package

* fix: se agrega static obelisco css y css map

* fix: se agrega variante con boton de icono

* fix: se agrega el css obelisco static y el css map

* fix: correccion de estilos sobre variante boton de icono

* fix: se agrega obelisco css static y css map

* fix: se agrega focus al boton con icono de la tabla

* fix: ajustes en checkbox estilo focus

* fix: ajuste checkbox en tabla

* fix: se cambia radius de boton de icono en tablas tambien se añade el comentario de la clase que hay que eliminar a futuro

* fix: reemplazo de svg checkbox

* fix: correccion de estilos segun figma del componente barra de desplazamiento

* fix: correccion en componente tabla segun diseño de figma, bordes, checkbox y padding

* fix: calendar (#159)

* fix: calendar

* fix: se agrega enlace y tooltip

* fix: modificacion de componente y calendario anual

* fix: correccion de clases, componente en story

* fix: se elimina calendario de formulario, y se pasa a componentes

* fix: modificacion en componente y estilos

* fix: modificacion de estilos en UI Kit

* fix: modificacion de estilos

* fix: obelisco css static

* fix: se elimina la clase calendar wrapper

* fix: se elimina enlace en referencias cromaticas

---------

Co-authored-by: Jesus <jesus.fy.1997@gmail.com>
Co-authored-by: Davis Jr Lapenta <98839538+davisLjr@users.noreply.github.com>

* fix: calendar

* fix: palabra Inicio en breadcrumb

* fix: obelisco css y css map

---------

Co-authored-by: Victoria Nastasi <victorianastasi@gmail.com>
Co-authored-by: davisLjr <davisprojectjr@gmail.com>
Co-authored-by: Davis Jr Lapenta <98839538+davisLjr@users.noreply.github.com>
Co-authored-by: Jesus <jesus.fy.1997@gmail.com>
  • Loading branch information
@lautarorodriguez96 @victorianastasi
@davisLjr @Jesus1397
5 people committed Mar 7, 2024
1 parent 5c68697 commit 66eccc8
Show file tree
Hide file tree
Showing 28 changed files with 2,243 additions and 262 deletions.
6 changes: 5 additions & 1 deletion .storybook/preview.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,15 @@ const headers = [
'componentes-alerta',
'componentes-audio',
'componentes-banner',
'componentes-barra-de-desplazamiento',
'componentes-barra-de-progreso',
'componentes-bloque-de-trámite',
'componentes-botones--button-types',
'componentes-botones-estados',
'componentes-botones',
'componentes-calendario--calendar-no-references',
'componentes-calendario-con-eventos',
'componentes-calendario',
'componentes-colapsable',
'componentes-desplegables-de-navegación',
'componentes-desplegables-de-selección',
Expand Down Expand Up @@ -74,7 +78,7 @@ const headers = [
'organismos-header-encabezado-mobile',
'organismos-listas',
'organismos-tablas',
'organismos-tablas-con-acciones',
'organismos-tablas-tipo-de-celda',
'versión-releases'
];

Expand Down
96 changes: 96 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,4 +80,4 @@
}
}
}
}
}
2 changes: 1 addition & 1 deletion src/components/Breadcrumb/breadcrumb.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export const Breadcrumb = (): JSX.Element => (
<nav aria-label="breadcrumb">
<ol className="breadcrumb">
<li className="breadcrumb-item">
<a href="#">Buenos Aires</a>
<a href="#">Inicio</a>
</li>
<li className="breadcrumb-item">
<a href="#">Página intermedia con mucho mucho texto</a>
Expand Down
82 changes: 82 additions & 0 deletions src/components/Calendar/Calendar.constants.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
export const ACTIVE_DAYS_DEFAULT = [
{ day: 1, title: 'Nombre del evento.' },
{ day: 10, title: 'Nombre del evento.' },
{ day: 25, title: 'Nombre del evento.' }
];

export const ACTIVE_DAYS_JANUARY_TWO_REFERENCES = [
{ day: 1, title: 'Nombre del evento.', type: 'secondary' },
{ day: 9, title: 'Nombre del evento.' },
{ day: [12, 13], title: 'Nombre del evento.', type: 'secondary' },
{ day: [25, 26, 27], title: 'Nombre del evento.' }
];

export const ACTIVE_DAYS_JANUARY_COLLAPSED = [
{ day: 1, title: 'Nombre del evento.' },
{ day: 10, title: 'Nombre del evento.' },
{ day: 12, title: 'Nombre del evento.' },
{ day: 15, title: 'Nombre del evento.' },
{ day: 23, title: 'Nombre del evento.' },
{ day: 27, title: 'Nombre del evento.' }
];

export const ACTIVE_DAYS_JANUARY_REFERENCES = [
{ day: 1, title: 'Nombre del evento.', type: 'coral' },
{ day: 2, title: 'Nombre del evento.', type: 'musket' },
{ day: 3, title: 'Nombre del evento.', type: 'citrus' },
{ day: 4, title: 'Nombre del evento.', type: 'lime' },
{ day: 5, title: 'Nombre del evento.', type: 'sky' },
{ day: 6, title: 'Nombre del evento.', type: 'pistachio' },
{ day: 7, title: 'Nombre del evento.', type: 'berries' },
{ day: 8, title: 'Nombre del evento.', type: 'lavender' },
{ day: 9, title: 'Nombre del evento.', type: 'aqua' },
{ day: 10, title: 'Nombre del evento.', type: 'avocado' },
{ day: 11, title: 'Nombre del evento.', type: 'strawberry' },
{ day: 12, title: 'Nombre del evento.', type: 'blackberry' },
{ day: 13, title: 'Nombre del evento.', type: 'gray' }
];

export const ACTIVE_DAYS_ANNUAL_EXAMPLE = {
JANUARY: [
{ day: 10, title: 'Nombre del evento.' },
{ day: 26, title: 'Nombre del evento.' },
{ day: 28, title: 'Nombre del evento.' }
],
FEBRUARY: [{ day: 1, title: 'Nombre del evento.' }],
MARCH: [
{ day: 3, title: 'Nombre del evento.' },
{ day: 5, title: 'Nombre del evento.' },
{ day: 15, title: 'Nombre del evento.' },
{ day: 22, title: 'Nombre del evento.' },
{ day: 26, title: 'Nombre del evento.' }
],
APRIL: [{ day: 13, title: 'Nombre del evento.' }],
MAY: [
{ day: [9, 10], title: 'Nombre del evento.' },
{ day: 17, title: 'Nombre del evento.' }
],
JUNE: [{ day: 16, title: 'Nombre del evento.' }],
AUGUST: [
{ day: 1, title: 'Nombre del evento.' },
{ day: 9, title: 'Nombre del evento.' },
{ day: 18, title: 'Nombre del evento.' }
],
SEPTEMBER: [
{ day: 16, title: 'Nombre del evento.' },
{ day: 22, title: 'Nombre del evento.' },
{ day: [25, 26], title: 'Nombre del evento.' },
{ day: 29, title: 'Nombre del evento.' }
],
OCTOBER: [
{ day: 5, title: 'Nombre del evento.' },
{ day: 9, title: 'Nombre del evento.' },
{ day: 18, title: 'Nombre del evento.' }
],
NOVEMBER: [
{ day: 1, title: 'Nombre del evento.' },
{ day: 6, title: 'Nombre del evento.' },
{ day: 16, title: 'Nombre del evento.' },
{ day: 22, title: 'Nombre del evento.' }
],
DECEMBER: [{ day: 1, title: 'Nombre del evento.' }]
};
42 changes: 42 additions & 0 deletions src/components/Calendar/Calendar.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
// Base
import React from 'react';

// Addons
import { withA11y } from '@storybook/addon-a11y';

//component y constants
import { CalendarMonth } from './index';
import { ACTIVE_DAYS_ANNUAL_EXAMPLE } from './Calendar.constants';

// Configuración general del componente
export default {
title: 'Componentes|Calendario',
decorators: [withA11y]
};

export const CalendarNoReferences = (): JSX.Element => {
return <CalendarMonth monthNumber={1} start={1}></CalendarMonth>;
};
CalendarNoReferences.story = { name: 'Sin eventos' };

export const CalendarDeck = (): JSX.Element => {
return (
<div className="storybook__container-calendar container">
<div className="calendar-deck">
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.JANUARY}></CalendarMonth>
<CalendarMonth monthNumber={2} start={4} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.FEBRUARY}></CalendarMonth>
<CalendarMonth monthNumber={3} start={5} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.MARCH}></CalendarMonth>
<CalendarMonth monthNumber={4} start={1} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.APRIL}></CalendarMonth>
<CalendarMonth monthNumber={5} start={3} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.MAY}></CalendarMonth>
<CalendarMonth monthNumber={6} start={6} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.JUNE}></CalendarMonth>
<CalendarMonth monthNumber={7} start={1}></CalendarMonth>
<CalendarMonth monthNumber={8} start={4} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.AUGUST}></CalendarMonth>
<CalendarMonth monthNumber={9} start={0} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.SEPTEMBER}></CalendarMonth>
<CalendarMonth monthNumber={10} start={2} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.OCTOBER}></CalendarMonth>
<CalendarMonth monthNumber={11} start={5} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.NOVEMBER}></CalendarMonth>
<CalendarMonth monthNumber={12} start={0} activeDays={ACTIVE_DAYS_ANNUAL_EXAMPLE.DECEMBER}></CalendarMonth>
</div>
</div>
);
};
CalendarDeck.story = { name: 'Disposición' };
49 changes: 49 additions & 0 deletions src/components/Calendar/CalendarEvents.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
// Base
import React from 'react';

// Addons
import { withA11y } from '@storybook/addon-a11y';

//component y constants
import { CalendarMonth } from './index';
import {
ACTIVE_DAYS_DEFAULT,
ACTIVE_DAYS_JANUARY_TWO_REFERENCES,
ACTIVE_DAYS_JANUARY_COLLAPSED,
ACTIVE_DAYS_JANUARY_REFERENCES
} from './Calendar.constants';

// Configuración general del componente
export default {
title: 'Componentes|Calendario / Con eventos',
decorators: [withA11y]
};

export const CalendarPredeterminate = (): JSX.Element => {
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_DEFAULT}></CalendarMonth>;
};
CalendarPredeterminate.story = { name: 'Predeterminado' };

export const CalendarLink = (): JSX.Element => {
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_DEFAULT} isLinked></CalendarMonth>;
};
CalendarLink.story = { name: 'Con enlace' };

export const CalendarTwoReferences = (): JSX.Element => {
return <CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_TWO_REFERENCES}></CalendarMonth>;
};
CalendarTwoReferences.story = { name: 'Con dos referencias' };

export const CalendarCollapsable = (): JSX.Element => {
return (
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_COLLAPSED} isCollapsed></CalendarMonth>
);
};
CalendarCollapsable.story = { name: 'Con colapsable' };

export const CalendarReferences = (): JSX.Element => {
return (
<CalendarMonth monthNumber={1} start={1} activeDays={ACTIVE_DAYS_JANUARY_REFERENCES} isCollapsed></CalendarMonth>
);
};
CalendarReferences.story = { name: 'Con referencias cromáticas' };

0 comments on commit 66eccc8

Please sign in to comment.