@imj_media/ui 1.2.14 → 1.2.16
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/CHANGELOG.md +46 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +5811 -5446
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/modules/Alert/index.d.ts +1 -1
- package/dist/modules/Alert/index.d.ts.map +1 -1
- package/dist/modules/ProgressBar/components/organisms/Container.d.ts +1 -1
- package/dist/modules/ProgressBar/components/organisms/Container.d.ts.map +1 -1
- package/dist/modules/ProgressBar/stories/progressbar.stories.d.ts +1 -0
- package/dist/modules/ProgressBar/stories/progressbar.stories.d.ts.map +1 -1
- package/dist/modules/Sidebar/components/atoms/SidebarDivider.d.ts +11 -0
- package/dist/modules/Sidebar/components/atoms/SidebarDivider.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/atoms/SidebarMenuItem.d.ts +13 -0
- package/dist/modules/Sidebar/components/atoms/SidebarMenuItem.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/atoms/SidebarSectionTitle.d.ts +11 -0
- package/dist/modules/Sidebar/components/atoms/SidebarSectionTitle.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/atoms/index.d.ts +4 -0
- package/dist/modules/Sidebar/components/atoms/index.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/index.d.ts +4 -0
- package/dist/modules/Sidebar/components/index.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/molecules/SidebarMenuGroup.d.ts +11 -0
- package/dist/modules/Sidebar/components/molecules/SidebarMenuGroup.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/molecules/SidebarUserProfile.d.ts +13 -0
- package/dist/modules/Sidebar/components/molecules/SidebarUserProfile.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/molecules/SidebarWorkspaceCard.d.ts +11 -0
- package/dist/modules/Sidebar/components/molecules/SidebarWorkspaceCard.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/molecules/index.d.ts +4 -0
- package/dist/modules/Sidebar/components/molecules/index.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/organisms/Sidebar.d.ts +40 -0
- package/dist/modules/Sidebar/components/organisms/Sidebar.d.ts.map +1 -0
- package/dist/modules/Sidebar/components/organisms/index.d.ts +2 -0
- package/dist/modules/Sidebar/components/organisms/index.d.ts.map +1 -0
- package/dist/modules/Sidebar/index.d.ts +68 -0
- package/dist/modules/Sidebar/index.d.ts.map +1 -0
- package/dist/modules/Sidebar/stories/Sidebar.stories.d.ts +44 -0
- package/dist/modules/Sidebar/stories/Sidebar.stories.d.ts.map +1 -0
- package/dist/modules/Sidebar/types/index.d.ts +171 -0
- package/dist/modules/Sidebar/types/index.d.ts.map +1 -0
- package/dist/modules/Table/Table.d.ts +1 -1
- package/dist/modules/Table/Table.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/DropdownCell.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/TextFieldCell.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/CellRenderer.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/TableRow.d.ts.map +1 -1
- package/dist/modules/Table/hooks/useTableEdit.d.ts +1 -1
- package/dist/modules/Table/hooks/useTableEdit.d.ts.map +1 -1
- package/dist/modules/Table/stories/Table.stories.d.ts +124 -43
- package/dist/modules/Table/stories/Table.stories.d.ts.map +1 -1
- package/dist/modules/Table/utils/cellStyles.d.ts +2 -1
- package/dist/modules/Table/utils/cellStyles.d.ts.map +1 -1
- package/dist/modules/Toast/components/molecules/ToastItem.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -0
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/shared/types/alert.d.ts +5 -0
- package/dist/shared/types/alert.d.ts.map +1 -1
- package/dist/shared/types/progressbar.d.ts +11 -0
- package/dist/shared/types/progressbar.d.ts.map +1 -1
- package/dist/shared/types/table.d.ts +7 -0
- package/dist/shared/types/table.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -8,5 +8,5 @@ import { IAlert } from '../../shared/types/alert';
|
|
|
8
8
|
* - Border radius: control-sm (8px)
|
|
9
9
|
* - Border width: 1px
|
|
10
10
|
*/
|
|
11
|
-
export declare const Alert: ({ open, color, variant, className, message, title, description, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export declare const Alert: ({ open, color, variant, className, message, title, description, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, duration, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAc,MAAM,sBAAsB,CAAA;AAOzD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAc,MAAM,sBAAsB,CAAA;AAOzD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,yOAmBnB,MAAM,mDA6FR,CAAA"}
|
|
@@ -20,5 +20,5 @@ import { ProgressBarProps } from '../../../../shared/types/progressbar';
|
|
|
20
20
|
* // Modo compacto - barra en línea con label
|
|
21
21
|
* <ProgressBar progress={75} label="archivo.zip" compact />
|
|
22
22
|
*/
|
|
23
|
-
export declare const ProgressBar: import('react').MemoExoticComponent<({ className, progress, label, showLabel, showProgress, eta, showCloseButton, onClose, duration, withBackground, compact, disabled, icon, showIcon, borderStyle, status, ...restProps }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
23
|
+
export declare const ProgressBar: import('react').MemoExoticComponent<({ className, progress, label, showLabel, showProgress, eta, showCloseButton, onClose, duration, withBackground, compact, disabled, countdown, onCountdownComplete, icon, showIcon, borderStyle, status, ...restProps }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
24
24
|
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ProgressBar/components/organisms/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAIjB,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ProgressBar/components/organisms/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAIjB,MAAM,4BAA4B,CAAA;AAgJnC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,+PAqBrB,gBAAgB,6CA+HjB,CAAA"}
|
|
@@ -17,5 +17,6 @@ export declare const ModoCompacto: Story;
|
|
|
17
17
|
export declare const EstadoDeshabilitado: Story;
|
|
18
18
|
export declare const EjemploCompleto: Story;
|
|
19
19
|
export declare const ConAnimacion: Story;
|
|
20
|
+
export declare const CuentaRegresiva: Story;
|
|
20
21
|
export declare const CompatibilidadLegacy: Story;
|
|
21
22
|
//# sourceMappingURL=progressbar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/ProgressBar/stories/progressbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"progressbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/ProgressBar/stories/progressbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;AAMhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAMlC,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAMD,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAapB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAA;AAMD,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAMD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KAuD1B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAA;AAMD,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0G7B,CAAA;AAMD,eAAO,MAAM,oBAAoB,EAAE,KA4BlC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarDividerProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR DIVIDER - ATOM
|
|
6
|
+
* ============================================
|
|
7
|
+
* Separador para el sidebar. Puede ser una línea simple
|
|
8
|
+
* o incluir un texto descriptivo.
|
|
9
|
+
*/
|
|
10
|
+
export declare const SidebarDivider: React.FC<SidebarDividerProps>;
|
|
11
|
+
//# sourceMappingURL=SidebarDivider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarDivider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/SidebarDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarMenuItemProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR MENU ITEM - ATOM
|
|
6
|
+
* ============================================
|
|
7
|
+
* Componente atómico para items individuales del menú lateral.
|
|
8
|
+
* Reutiliza el componente ListItemDefault del paquete UI.
|
|
9
|
+
*
|
|
10
|
+
* Soporta iconos, badges, estados activo/deshabilitado y submenús.
|
|
11
|
+
*/
|
|
12
|
+
export declare const SidebarMenuItem: React.FC<SidebarMenuItemProps>;
|
|
13
|
+
//# sourceMappingURL=SidebarMenuItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/SidebarMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAGlD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiD1D,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarSectionTitleProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR SECTION TITLE - ATOM
|
|
6
|
+
* ============================================
|
|
7
|
+
* Título de sección para el sidebar.
|
|
8
|
+
* Usado para dividir grupos de menús.
|
|
9
|
+
*/
|
|
10
|
+
export declare const SidebarSectionTitle: React.FC<SidebarSectionTitleProps>;
|
|
11
|
+
//# sourceMappingURL=SidebarSectionTitle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarSectionTitle.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/SidebarSectionTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAelE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarMenuGroupProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR MENU GROUP - MOLECULE
|
|
6
|
+
* ============================================
|
|
7
|
+
* Agrupa items del menú bajo un título de sección opcional.
|
|
8
|
+
* Combina SidebarDivider y SidebarMenuItem.
|
|
9
|
+
*/
|
|
10
|
+
export declare const SidebarMenuGroup: React.FC<SidebarMenuGroupProps>;
|
|
11
|
+
//# sourceMappingURL=SidebarMenuGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarMenuGroup.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAGnD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarUserProfileProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR USER PROFILE - MOLECULE
|
|
6
|
+
* ============================================
|
|
7
|
+
* Sección del perfil del usuario con avatar, nombre, rol
|
|
8
|
+
* y botón de logout.
|
|
9
|
+
*
|
|
10
|
+
* Reutiliza el componente ListItemUser para mantener DRY.
|
|
11
|
+
*/
|
|
12
|
+
export declare const SidebarUserProfile: React.FC<SidebarUserProfileProps>;
|
|
13
|
+
//# sourceMappingURL=SidebarUserProfile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarUserProfile.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarUserProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAIrD;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ChE,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarWorkspaceCardProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR WORKSPACE CARD - MOLECULE
|
|
6
|
+
* ============================================
|
|
7
|
+
* Tarjeta que muestra información del workspace/proyecto actual
|
|
8
|
+
* con acciones rápidas en hover.
|
|
9
|
+
*/
|
|
10
|
+
export declare const SidebarWorkspaceCard: React.FC<SidebarWorkspaceCardProps>;
|
|
11
|
+
//# sourceMappingURL=SidebarWorkspaceCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarWorkspaceCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarWorkspaceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAKvD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuIpE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SidebarProps } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR - ORGANISM
|
|
6
|
+
* ============================================
|
|
7
|
+
* Componente principal del sidebar que integra todos los
|
|
8
|
+
* subcomponentes: logo, workspace card, menu groups y user profile.
|
|
9
|
+
*
|
|
10
|
+
* Sigue principios de Atomic Design y Screaming Architecture.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Sidebar
|
|
15
|
+
* logo="/logo.png"
|
|
16
|
+
* workspace={{
|
|
17
|
+
* title: "Mesa de trabajo",
|
|
18
|
+
* projectId: "AR-0289-PRUEBA",
|
|
19
|
+
* clientName: "ARON ALVAREZ",
|
|
20
|
+
* status: { label: "Ganada", color: "success" }
|
|
21
|
+
* }}
|
|
22
|
+
* menuGroups={[
|
|
23
|
+
* {
|
|
24
|
+
* title: "CAMPAÑAS",
|
|
25
|
+
* items: [
|
|
26
|
+
* { id: "map", label: "Mapa", icon: faEarthAmericas },
|
|
27
|
+
* { id: "list", label: "Lista de campañas", icon: faList }
|
|
28
|
+
* ]
|
|
29
|
+
* }
|
|
30
|
+
* ]}
|
|
31
|
+
* userProfile={{
|
|
32
|
+
* name: "Maria Ayala",
|
|
33
|
+
* role: "Administrador",
|
|
34
|
+
* avatarProps: { type: "people", src: "/avatar.jpg" }
|
|
35
|
+
* }}
|
|
36
|
+
* />
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export declare const Sidebar: React.FC<SidebarProps>;
|
|
40
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/organisms/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAK1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+F1C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ============================================
|
|
3
|
+
* SIDEBAR MODULE - ATOMIC DESIGN
|
|
4
|
+
* ============================================
|
|
5
|
+
*
|
|
6
|
+
* Componente Sidebar modular que sigue principios de:
|
|
7
|
+
* - Screaming Architecture: La estructura de carpetas refleja el dominio
|
|
8
|
+
* - Atomic Design: Atoms → Molecules → Organisms
|
|
9
|
+
* - DRY: Reutilización de componentes y tipos
|
|
10
|
+
*
|
|
11
|
+
* ## Estructura
|
|
12
|
+
*
|
|
13
|
+
* ```
|
|
14
|
+
* Sidebar/
|
|
15
|
+
* ├── components/
|
|
16
|
+
* │ ├── atoms/ # Componentes básicos
|
|
17
|
+
* │ │ ├── SidebarMenuItem
|
|
18
|
+
* │ │ ├── SidebarDivider
|
|
19
|
+
* │ │ └── SidebarSectionTitle
|
|
20
|
+
* │ ├── molecules/ # Combinación de atoms
|
|
21
|
+
* │ │ ├── SidebarMenuGroup
|
|
22
|
+
* │ │ ├── SidebarUserProfile
|
|
23
|
+
* │ │ └── SidebarWorkspaceCard
|
|
24
|
+
* │ └── organisms/ # Componente completo
|
|
25
|
+
* │ └── Sidebar
|
|
26
|
+
* ├── types/
|
|
27
|
+
* │ └── index.ts # Definición de tipos
|
|
28
|
+
* └── index.ts # Exports públicos
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* ## Uso Básico
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* import { Sidebar } from '@imjmedia/ui'
|
|
36
|
+
* import { faEarthAmericas, faList, faPlus } from '@fortawesome/pro-regular-svg-icons'
|
|
37
|
+
*
|
|
38
|
+
* <Sidebar
|
|
39
|
+
* logo="/logo.png"
|
|
40
|
+
* workspace={{
|
|
41
|
+
* title: "Mesa de trabajo",
|
|
42
|
+
* badge: { label: 0 },
|
|
43
|
+
* projectId: "AR-0289-PRUEBA2-ALEX-JUL-2025",
|
|
44
|
+
* clientName: "ARON ALVAREZ",
|
|
45
|
+
* status: { label: "Ganada", color: "success" }
|
|
46
|
+
* }}
|
|
47
|
+
* menuGroups={[
|
|
48
|
+
* {
|
|
49
|
+
* title: "CAMPAÑAS",
|
|
50
|
+
* items: [
|
|
51
|
+
* { id: "map", label: "Mapa", icon: faEarthAmericas, active: true },
|
|
52
|
+
* { id: "list", label: "Lista de campañas", icon: faList },
|
|
53
|
+
* { id: "create", label: "Crear campaña", icon: faPlus }
|
|
54
|
+
* ]
|
|
55
|
+
* }
|
|
56
|
+
* ]}
|
|
57
|
+
* userProfile={{
|
|
58
|
+
* name: "Maria Ayala",
|
|
59
|
+
* role: "Administrador",
|
|
60
|
+
* avatarProps: { type: "people", src: "/avatar.jpg" }
|
|
61
|
+
* }}
|
|
62
|
+
* />
|
|
63
|
+
* ```
|
|
64
|
+
*/
|
|
65
|
+
export { Sidebar } from './components';
|
|
66
|
+
export { SidebarMenuItem, SidebarDivider, SidebarSectionTitle, SidebarMenuGroup, SidebarUserProfile, SidebarWorkspaceCard, } from './components';
|
|
67
|
+
export type { SidebarProps, SidebarMenuItemProps, SidebarMenuGroupProps, SidebarDividerProps, SidebarSectionTitleProps, SidebarUserProfileProps, SidebarWorkspaceCardProps, SidebarBadge, SidebarIcon, } from './types';
|
|
68
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,cAAc,CAAA;AAGrB,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,YAAY,EACZ,WAAW,GACZ,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Sidebar } from '../index';
|
|
3
|
+
/**
|
|
4
|
+
* # Sidebar Component
|
|
5
|
+
*
|
|
6
|
+
* Componente de navegación lateral que sigue principios de Atomic Design.
|
|
7
|
+
* Incluye soporte para logo, workspace card, grupos de menú y perfil de usuario.
|
|
8
|
+
*/
|
|
9
|
+
declare const meta: Meta<typeof Sidebar>;
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof Sidebar>;
|
|
12
|
+
/**
|
|
13
|
+
* Ejemplo completo del Sidebar con todas las secciones
|
|
14
|
+
*/
|
|
15
|
+
export declare const Default: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Sidebar sin workspace card
|
|
18
|
+
*/
|
|
19
|
+
export declare const WithoutWorkspace: Story;
|
|
20
|
+
/**
|
|
21
|
+
* Sidebar con settings section
|
|
22
|
+
*/
|
|
23
|
+
export declare const WithSettings: Story;
|
|
24
|
+
/**
|
|
25
|
+
* MenuItem individual con diferentes estados
|
|
26
|
+
*/
|
|
27
|
+
export declare const MenuItemStates: Story;
|
|
28
|
+
/**
|
|
29
|
+
* MenuGroup con título de sección
|
|
30
|
+
*/
|
|
31
|
+
export declare const MenuGroupExample: Story;
|
|
32
|
+
/**
|
|
33
|
+
* WorkspaceCard con diferentes estados
|
|
34
|
+
*/
|
|
35
|
+
export declare const WorkspaceCardExample: Story;
|
|
36
|
+
/**
|
|
37
|
+
* UserProfile section
|
|
38
|
+
*/
|
|
39
|
+
export declare const UserProfileExample: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Divider variations
|
|
42
|
+
*/
|
|
43
|
+
export declare const DividerVariations: Story;
|
|
44
|
+
//# sourceMappingURL=Sidebar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/stories/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EACL,OAAO,EAMR,MAAM,UAAU,CAAA;AAejB;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6B9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAuDrC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAyCrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAA;AAMD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAA"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
2
|
+
import { AvatarProps } from '../../Avatar/types';
|
|
3
|
+
/**
|
|
4
|
+
* ============================================
|
|
5
|
+
* SIDEBAR TYPES - ATOMIC DESIGN
|
|
6
|
+
* ============================================
|
|
7
|
+
* Definición de tipos para el componente Sidebar
|
|
8
|
+
* siguiendo principios de Atomic Design y DRY
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Tipo de icono compatible con el sistema de iconos
|
|
12
|
+
*/
|
|
13
|
+
export type SidebarIcon = IconProp | IconDefinition | string;
|
|
14
|
+
/**
|
|
15
|
+
* Estado del badge para items del menú
|
|
16
|
+
*/
|
|
17
|
+
export interface SidebarBadge {
|
|
18
|
+
/** Etiqueta del badge (número o texto) */
|
|
19
|
+
label: string | number;
|
|
20
|
+
/** Color del badge */
|
|
21
|
+
color?: 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'gray';
|
|
22
|
+
/** Tema del badge */
|
|
23
|
+
theme?: 'solid' | 'soft';
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* ============================================
|
|
27
|
+
* MENU ITEM PROPS
|
|
28
|
+
* ============================================
|
|
29
|
+
* Props para un item individual del menú
|
|
30
|
+
*/
|
|
31
|
+
export interface SidebarMenuItemProps {
|
|
32
|
+
/** Identificador único del item */
|
|
33
|
+
id: string;
|
|
34
|
+
/** Texto a mostrar */
|
|
35
|
+
label: string;
|
|
36
|
+
/** Icono del item (FontAwesome) */
|
|
37
|
+
icon?: SidebarIcon;
|
|
38
|
+
/** Badge opcional */
|
|
39
|
+
badge?: SidebarBadge;
|
|
40
|
+
/** Indica si el item está activo/seleccionado */
|
|
41
|
+
active?: boolean;
|
|
42
|
+
/** Indica si el item está deshabilitado */
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
/** Indica si el item tiene submenú */
|
|
45
|
+
hasSubmenu?: boolean;
|
|
46
|
+
/** Handler de click */
|
|
47
|
+
onClick?: (id: string) => void;
|
|
48
|
+
/** Clases CSS adicionales */
|
|
49
|
+
className?: string;
|
|
50
|
+
/** Ruta de navegación (opcional) */
|
|
51
|
+
href?: string;
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* ============================================
|
|
55
|
+
* SECTION TITLE PROPS
|
|
56
|
+
* ============================================
|
|
57
|
+
* Props para el título de una sección
|
|
58
|
+
*/
|
|
59
|
+
export interface SidebarSectionTitleProps {
|
|
60
|
+
/** Texto del título */
|
|
61
|
+
title: string;
|
|
62
|
+
/** Clases CSS adicionales */
|
|
63
|
+
className?: string;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* ============================================
|
|
67
|
+
* DIVIDER PROPS
|
|
68
|
+
* ============================================
|
|
69
|
+
* Props para el separador
|
|
70
|
+
*/
|
|
71
|
+
export interface SidebarDividerProps {
|
|
72
|
+
/** Clases CSS adicionales */
|
|
73
|
+
className?: string;
|
|
74
|
+
/** Muestra divider con texto */
|
|
75
|
+
withText?: boolean;
|
|
76
|
+
/** Texto del divider */
|
|
77
|
+
text?: string;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* ============================================
|
|
81
|
+
* MENU GROUP PROPS
|
|
82
|
+
* ============================================
|
|
83
|
+
* Props para un grupo de items del menú
|
|
84
|
+
*/
|
|
85
|
+
export interface SidebarMenuGroupProps {
|
|
86
|
+
/** Título de la sección (opcional) */
|
|
87
|
+
title?: string;
|
|
88
|
+
/** Items del menú */
|
|
89
|
+
items: SidebarMenuItemProps[];
|
|
90
|
+
/** Clases CSS adicionales */
|
|
91
|
+
className?: string;
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* ============================================
|
|
95
|
+
* WORKSPACE CARD PROPS
|
|
96
|
+
* ============================================
|
|
97
|
+
* Props para la tarjeta de workspace/proyecto
|
|
98
|
+
*/
|
|
99
|
+
export interface SidebarWorkspaceCardProps {
|
|
100
|
+
/** Icono del workspace */
|
|
101
|
+
icon?: SidebarIcon;
|
|
102
|
+
/** Título del workspace */
|
|
103
|
+
title: string;
|
|
104
|
+
/** Badge con contador */
|
|
105
|
+
badge?: SidebarBadge;
|
|
106
|
+
/** ID del proyecto */
|
|
107
|
+
projectId?: string;
|
|
108
|
+
/** Nombre del cliente */
|
|
109
|
+
clientName?: string;
|
|
110
|
+
/** Estado del proyecto */
|
|
111
|
+
status?: {
|
|
112
|
+
label: string;
|
|
113
|
+
color: 'success' | 'warning' | 'danger' | 'info';
|
|
114
|
+
};
|
|
115
|
+
/** Mostrar botones de acción (hover) */
|
|
116
|
+
showActions?: boolean;
|
|
117
|
+
/** Handler para abrir */
|
|
118
|
+
onOpen?: () => void;
|
|
119
|
+
/** Handler para concluir */
|
|
120
|
+
onClose?: () => void;
|
|
121
|
+
/** Clases CSS adicionales */
|
|
122
|
+
className?: string;
|
|
123
|
+
}
|
|
124
|
+
/**
|
|
125
|
+
* ============================================
|
|
126
|
+
* USER PROFILE PROPS
|
|
127
|
+
* ============================================
|
|
128
|
+
* Props para el perfil del usuario
|
|
129
|
+
*/
|
|
130
|
+
export interface SidebarUserProfileProps {
|
|
131
|
+
/** Nombre del usuario */
|
|
132
|
+
name: string;
|
|
133
|
+
/** Rol del usuario */
|
|
134
|
+
role?: string;
|
|
135
|
+
/** Props del avatar */
|
|
136
|
+
avatarProps?: Omit<AvatarProps, 'type'> & {
|
|
137
|
+
type?: AvatarProps['type'];
|
|
138
|
+
src?: string;
|
|
139
|
+
};
|
|
140
|
+
/** Handler de logout */
|
|
141
|
+
onLogout?: () => void;
|
|
142
|
+
/** Clases CSS adicionales */
|
|
143
|
+
className?: string;
|
|
144
|
+
}
|
|
145
|
+
/**
|
|
146
|
+
* ============================================
|
|
147
|
+
* SIDEBAR PROPS
|
|
148
|
+
* ============================================
|
|
149
|
+
* Props principales del componente Sidebar
|
|
150
|
+
*/
|
|
151
|
+
export interface SidebarProps {
|
|
152
|
+
/** Logo del sistema (URL o componente) */
|
|
153
|
+
logo?: React.ReactNode | string;
|
|
154
|
+
/** Handler de click en logo */
|
|
155
|
+
onLogoClick?: () => void;
|
|
156
|
+
/** Tarjeta de workspace */
|
|
157
|
+
workspace?: SidebarWorkspaceCardProps;
|
|
158
|
+
/** Grupos de menú */
|
|
159
|
+
menuGroups?: SidebarMenuGroupProps[];
|
|
160
|
+
/** Perfil del usuario */
|
|
161
|
+
userProfile?: SidebarUserProfileProps;
|
|
162
|
+
/** Estado colapsado */
|
|
163
|
+
collapsed?: boolean;
|
|
164
|
+
/** Handler para toggle de collapse */
|
|
165
|
+
onToggleCollapse?: () => void;
|
|
166
|
+
/** Clases CSS adicionales */
|
|
167
|
+
className?: string;
|
|
168
|
+
/** Ancho del sidebar (default: 248px) */
|
|
169
|
+
width?: number;
|
|
170
|
+
}
|
|
171
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TableProps } from '../../shared/types/table';
|
|
2
|
-
export declare const Table: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, striped, bordered, hoverable, dense, showEditActions, configKey, persistConfig, onConfigChange, className, onSort, onFilter, onColumnResize, onColumnReorder, onColumnVisibilityChange, onRowClick, onRowExpand, onHandleChange, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const Table: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, striped, bordered, hoverable, dense, showEditActions, configKey, persistConfig, onConfigChange, className, onSort, onFilter, onColumnResize, onColumnReorder, onColumnVisibilityChange, onRowClick, onRowExpand, onHandleChange, editingRowIds, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,sBAAsB,CAAA;AAoB1F,eAAO,MAAM,KAAK,GAAI,CAAC,EAAG,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,sBAAsB,CAAA;AAoB1F,eAAO,MAAM,KAAK,GAAI,CAAC,EAAG,qbAiCvB,UAAU,CAAC,CAAC,CAAC,4CAklBf,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/DropdownCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAK9D,eAAO,MAAM,YAAY,GAAI,uFAS1B,uBAAuB,
|
|
1
|
+
{"version":3,"file":"DropdownCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/DropdownCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAK9D,eAAO,MAAM,YAAY,GAAI,uFAS1B,uBAAuB,4CAwBzB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/TextFieldCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAM9D,eAAO,MAAM,aAAa,GAAI,uFAS3B,uBAAuB,
|
|
1
|
+
{"version":3,"file":"TextFieldCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/TextFieldCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAM9D,eAAO,MAAM,aAAa,GAAI,uFAS3B,uBAAuB,4CAwJzB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/CellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAa,MAAM,sBAAsB,CAAA;AAoBzE,UAAU,iBAAiB,CAAC,CAAC,GAAG,GAAG;IACjC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IACvB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,EAAE,GAAG,CAAA;IACV,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7E,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,gHAW9B,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"CellRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/CellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAa,MAAM,sBAAsB,CAAA;AAoBzE,UAAU,iBAAiB,CAAC,CAAC,GAAG,GAAG;IACjC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IACvB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,EAAE,GAAG,CAAA;IACV,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7E,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,gHAW9B,iBAAiB,CAAC,CAAC,CAAC,4CA+FtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAM9D,UAAU,aAAa,CAAC,CAAC,GAAG,GAAG;IAC7B,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACjB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC9E;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,wJAc1B,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAM9D,UAAU,aAAa,CAAC,CAAC,GAAG,GAAG;IAC7B,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACjB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC9E;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,wJAc1B,aAAa,CAAC,CAAC,CAAC,4CA2LlB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RowConfig } from '../../../shared/types/table';
|
|
2
|
-
export declare const useTableEdit: <T = any>() => {
|
|
2
|
+
export declare const useTableEdit: <T = any>(externalEditingRowIds?: (string | number)[]) => {
|
|
3
3
|
editingRowIds: Set<string | number>;
|
|
4
4
|
toggleRowEdit: (rowId: string | number) => void;
|
|
5
5
|
startEdit: (rowId: string | number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableEdit.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableEdit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,eAAO,MAAM,YAAY,GAAI,CAAC,GAAG,GAAG;;
|
|
1
|
+
{"version":3,"file":"useTableEdit.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableEdit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,eAAO,MAAM,YAAY,GAAI,CAAC,GAAG,GAAG,EAAE,wBAAwB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;;2BAiBrC,MAAM,GAAG,MAAM;uBAenB,MAAM,GAAG,MAAM;sBAOhB,MAAM,GAAG,MAAM;;0BAmB1C,MAAM,GAAG,MAAM;2BAKhB,SAAS,CAAC,CAAC,CAAC,EAAE,KAAG,SAAS,CAAC,CAAC,CAAC,EAAE;CAkBzC,CAAA"}
|