@imj_media/ui 1.12.1 → 1.12.2
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 +15 -0
- package/README.md +1 -1
- package/catalog/design-index.json +17 -4
- package/catalog/install-registry.json +8 -2
- package/dist/index.esm.js +7455 -7381
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +30 -30
- package/dist/index.js.map +1 -1
- package/dist/modules/Popup/utils/popupPosition.d.ts +2 -1
- package/dist/modules/Popup/utils/popupPosition.d.ts.map +1 -1
- package/dist/modules/Table/Table.d.ts.map +1 -1
- package/dist/modules/Table/components/organisms/TableSelectionBar.d.ts +4 -1
- package/dist/modules/Table/components/organisms/TableSelectionBar.d.ts.map +1 -1
- package/dist/modules/Table/stories/TableSelectionBarTooltips.stories.d.ts +96 -0
- package/dist/modules/Table/stories/TableSelectionBarTooltips.stories.d.ts.map +1 -0
- package/dist/modules/Toolbar/components/organisms/Toolbar.d.ts +1 -1
- package/dist/modules/Toolbar/components/organisms/Toolbar.d.ts.map +1 -1
- package/dist/modules/Toolbar/stories/Toolbar.stories.d.ts +2 -0
- package/dist/modules/Toolbar/stories/Toolbar.stories.d.ts.map +1 -1
- package/dist/modules/Toolbar/types/index.d.ts +64 -10
- package/dist/modules/Toolbar/types/index.d.ts.map +1 -1
- package/dist/modules/Toolbar/utils/toolbarButtonProps.d.ts +21 -0
- package/dist/modules/Toolbar/utils/toolbarButtonProps.d.ts.map +1 -0
- package/dist/shared/types/table.d.ts +7 -0
- package/dist/shared/types/table.d.ts.map +1 -1
- package/dist/shared/utils/resolveButtonTooltipProps.d.ts +25 -0
- package/dist/shared/utils/resolveButtonTooltipProps.d.ts.map +1 -0
- package/dist/shared/utils/resolveButtonTooltipProps.test.d.ts +2 -0
- package/dist/shared/utils/resolveButtonTooltipProps.test.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -23,7 +23,8 @@ export declare const Z_INDEX_MODAL_ABOVE_POPUP = 1200;
|
|
|
23
23
|
*/
|
|
24
24
|
export declare const Z_INDEX_TOOLTIP: number;
|
|
25
25
|
/**
|
|
26
|
-
* z-index efectivo del tooltip según el trigger: encima del panel de popup ancestro
|
|
26
|
+
* z-index efectivo del tooltip según el trigger: encima del panel de popup ancestro,
|
|
27
|
+
* o por encima de contenedores `fixed`/`sticky` elevados (Toolbar flotante, etc.).
|
|
27
28
|
*/
|
|
28
29
|
export declare function resolveTooltipZIndexForTrigger(trigger: Element | null): number;
|
|
29
30
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popupPosition.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/utils/popupPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAOhF,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,eAAe,GACf,aAAa,GACb,cAAc,GACd,MAAM,GACN,OAAO,CAAC;AAEZ;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAU1B;AAED,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"popupPosition.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/utils/popupPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAOhF,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,eAAe,GACf,aAAa,GACb,cAAc,GACd,MAAM,GACN,OAAO,CAAC;AAEZ;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,GACd;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAU1B;AAED,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAiC,CAAC;AAqB9D;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,MAAM,CAmB9E;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,YAAY,EAAE,cAAc,EAC5B,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAyD/B;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,eAAe,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;QAC/B,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,wBAAwB,CA6K3F;AAED,+FAA+F;AAC/F,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,WAAW,EAAE,CAerF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAKX,MAAM,sBAAsB,CAAC;AA8B9B,eAAO,MAAM,KAAK,GAAI,CAAC,EAAG,ulBA2CvB,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAKX,MAAM,sBAAsB,CAAC;AA8B9B,eAAO,MAAM,KAAK,GAAI,CAAC,EAAG,ulBA2CvB,UAAU,CAAC,CAAC,CAAC,4CA8hBf,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { SelectionAction } from '../../../../shared/types/table';
|
|
2
|
+
import { ButtonTooltipConfig } from '../../../../shared/types/buttonConfig';
|
|
2
3
|
interface TableSelectionBarProps {
|
|
3
4
|
/** Número de elementos seleccionados */
|
|
4
5
|
selectedCount: number;
|
|
@@ -10,6 +11,8 @@ interface TableSelectionBarProps {
|
|
|
10
11
|
onClearSelection?: () => void;
|
|
11
12
|
/** Texto personalizado para el contador (por defecto: "Seleccionados") */
|
|
12
13
|
selectionText?: string;
|
|
14
|
+
/** Tooltip del botón para limpiar selección (X). */
|
|
15
|
+
clearSelectionTooltip?: string | ButtonTooltipConfig;
|
|
13
16
|
/** Clase CSS adicional */
|
|
14
17
|
className?: string;
|
|
15
18
|
}
|
|
@@ -24,6 +27,6 @@ interface TableSelectionBarProps {
|
|
|
24
27
|
* - Texto blanco para el contador
|
|
25
28
|
* - Divisor vertical entre contador y botones
|
|
26
29
|
*/
|
|
27
|
-
export declare const TableSelectionBar: ({ selectedCount, selectedIds, actions, onClearSelection, selectionText, className, }: TableSelectionBarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
30
|
+
export declare const TableSelectionBar: ({ selectedCount, selectedIds, actions, onClearSelection, selectionText, clearSelectionTooltip, className, }: TableSelectionBarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
28
31
|
export {};
|
|
29
32
|
//# sourceMappingURL=TableSelectionBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSelectionBar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableSelectionBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,sBAAsB;IAC9B,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,
|
|
1
|
+
{"version":3,"file":"TableSelectionBar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableSelectionBar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAMvE,UAAU,sBAAsB;IAC9B,wCAAwC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrD,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,6GAQ/B,sBAAsB,mDA4DxB,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../Table';
|
|
3
|
+
import { ColumnConfig } from '../../../shared/types/table';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, columnsLockable, striped, bordered, borderable, hoverable, dense, stickyHeader, stickyCheckbox, stickyActions, showEditActions, configKey, persistConfig, queryPersist, onConfigChange, className, onSort, onFilter, onColumnResize, onColumnReorder, onColumnVisibilityChange, onRowClick, onRowExpand, onHandleChange, editingRowIds, onEditingRowIdsChange, onEditModeChange, onSuccessComplete, }: import('../../../shared/types/table').TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
17
|
+
columns: ColumnConfig<unknown>[];
|
|
18
|
+
rows: {
|
|
19
|
+
id: string | number;
|
|
20
|
+
selected?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
expanded?: boolean;
|
|
23
|
+
isParent?: boolean;
|
|
24
|
+
children?: /*elided*/ any[] | undefined;
|
|
25
|
+
className?: string;
|
|
26
|
+
onClick?: ((row: /*elided*/ any) => void) | undefined;
|
|
27
|
+
_isEditing?: boolean;
|
|
28
|
+
_toggleEdit?: () => void;
|
|
29
|
+
}[];
|
|
30
|
+
loading?: boolean | undefined;
|
|
31
|
+
empty?: import('../../../shared/types/table').EmptyState | undefined;
|
|
32
|
+
selection?: import('../../../shared/types/table').SelectionConfig | undefined;
|
|
33
|
+
excludedRows?: import('../../../shared/types/table').ExcludedRowsConfig<unknown> | undefined;
|
|
34
|
+
pagination?: import('../../../shared/types/table').PaginationConfig | undefined;
|
|
35
|
+
toolbar?: import('../../../shared/types/table').TableToolbarConfig | undefined;
|
|
36
|
+
sort?: import('../../../shared/types/table').SortConfig | undefined;
|
|
37
|
+
filters?: import('../../../shared/types/table').FilterConfig[] | undefined;
|
|
38
|
+
expandable?: boolean | undefined;
|
|
39
|
+
resizable?: boolean | undefined;
|
|
40
|
+
columnsLockable?: boolean | undefined;
|
|
41
|
+
striped?: boolean | undefined;
|
|
42
|
+
bordered?: boolean | undefined;
|
|
43
|
+
borderable?: boolean | undefined;
|
|
44
|
+
hoverable?: boolean | undefined;
|
|
45
|
+
dense?: boolean | undefined;
|
|
46
|
+
stickyHeader?: boolean | undefined;
|
|
47
|
+
stickyCheckbox?: boolean | undefined;
|
|
48
|
+
stickyActions?: boolean | undefined;
|
|
49
|
+
showEditActions?: boolean | undefined;
|
|
50
|
+
configKey?: string | undefined;
|
|
51
|
+
persistConfig?: boolean | undefined;
|
|
52
|
+
queryPersist?: boolean | undefined;
|
|
53
|
+
onConfigChange?: ((config: import('../../../shared/types/table').TableConfigState, changeType: import('../../../shared/types/table').TableConfigChangeType) => void) | undefined;
|
|
54
|
+
className?: string | undefined;
|
|
55
|
+
onSort?: ((sort: import('../../../shared/types/table').SortConfig | undefined) => void) | undefined;
|
|
56
|
+
onFilter?: ((filters: import('../../../shared/types/table').FilterConfig[]) => void) | undefined;
|
|
57
|
+
onColumnResize?: ((columnId: string, width: number) => void) | undefined;
|
|
58
|
+
onColumnReorder?: ((columns: ColumnConfig<unknown>[]) => void) | undefined;
|
|
59
|
+
onColumnVisibilityChange?: ((columnId: string, visible: boolean) => void) | undefined;
|
|
60
|
+
onRowClick?: ((row: {
|
|
61
|
+
id: string | number;
|
|
62
|
+
selected?: boolean;
|
|
63
|
+
disabled?: boolean;
|
|
64
|
+
expanded?: boolean;
|
|
65
|
+
isParent?: boolean;
|
|
66
|
+
children?: /*elided*/ any[] | undefined;
|
|
67
|
+
className?: string;
|
|
68
|
+
onClick?: ((row: /*elided*/ any) => void) | undefined;
|
|
69
|
+
_isEditing?: boolean;
|
|
70
|
+
_toggleEdit?: () => void;
|
|
71
|
+
}) => void) | undefined;
|
|
72
|
+
onRowExpand?: ((row: {
|
|
73
|
+
id: string | number;
|
|
74
|
+
selected?: boolean;
|
|
75
|
+
disabled?: boolean;
|
|
76
|
+
expanded?: boolean;
|
|
77
|
+
isParent?: boolean;
|
|
78
|
+
children?: /*elided*/ any[] | undefined;
|
|
79
|
+
className?: string;
|
|
80
|
+
onClick?: ((row: /*elided*/ any) => void) | undefined;
|
|
81
|
+
_isEditing?: boolean;
|
|
82
|
+
_toggleEdit?: () => void;
|
|
83
|
+
}) => void) | undefined;
|
|
84
|
+
onHandleChange?: ((rowId: string | number, columnId: string, value: unknown, row?: unknown) => void) | undefined;
|
|
85
|
+
editingRowIds?: (string | number)[] | undefined;
|
|
86
|
+
onEditingRowIdsChange?: ((editingRowIds: (string | number)[]) => void) | undefined;
|
|
87
|
+
onEditModeChange?: ((rowId: string | number, isEditing: boolean) => void) | undefined;
|
|
88
|
+
onSuccessComplete?: ((editedRowIds: (string | number)[]) => void) | undefined;
|
|
89
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
90
|
+
};
|
|
91
|
+
export default meta;
|
|
92
|
+
type Story = StoryObj<typeof Table>;
|
|
93
|
+
export declare const BarraSeleccionTooltipsAgrupados: Story;
|
|
94
|
+
/** Demo interactiva: «Eliminar» disabled hasta 2+ filas; tooltip explica el requisito. */
|
|
95
|
+
export declare const BarraSeleccionTooltipsDeshabilitadoDinamico: Story;
|
|
96
|
+
//# sourceMappingURL=TableSelectionBarTooltips.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSelectionBarTooltips.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/stories/TableSelectionBarTooltips.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAa,MAAM,sBAAsB,CAAC;AAI/D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAgBpC,eAAO,MAAM,+BAA+B,EAAE,KAiE7C,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,2CAA2C,EAAE,KAyCzD,CAAC"}
|
|
@@ -30,5 +30,5 @@ import { ToolbarProps } from '../../types';
|
|
|
30
30
|
* - Los botones deben tener un id único para funcionar correctamente en modo controlado
|
|
31
31
|
* - Si no se proporcionan estas props, el componente funciona en modo no controlado (estado interno)
|
|
32
32
|
*/
|
|
33
|
-
export declare const Toolbar: ({ text, count, buttons, onClose, className, visible, activeButtonId, onActiveButtonIdChange, onBackClick, showCounterInButtonsView, showBackButton, showCloseButton, }: ToolbarProps) => import('react').ReactPortal | null;
|
|
33
|
+
export declare const Toolbar: ({ text, count, buttons, onClose, className, visible, activeButtonId, onActiveButtonIdChange, onBackClick, showCounterInButtonsView, showBackButton, showCloseButton, chrome, }: ToolbarProps) => import('react').ReactPortal | null;
|
|
34
34
|
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Toolbar/components/organisms/Toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA+B,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Toolbar/components/organisms/Toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA+B,MAAM,aAAa,CAAC;AAQxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,OAAO,GAAI,gLAcrB,YAAY,uCAiSd,CAAC"}
|
|
@@ -10,6 +10,8 @@ export declare const IconsOnly: Story;
|
|
|
10
10
|
export declare const WithDisabledButtons: Story;
|
|
11
11
|
export declare const WithPillButtons: Story;
|
|
12
12
|
export declare const WithButtonsInAddons: Story;
|
|
13
|
+
export declare const WithGroupedTooltips: Story;
|
|
14
|
+
export declare const WithDisabledButtonTooltips: Story;
|
|
13
15
|
export declare const WithTooltips: Story;
|
|
14
16
|
export declare const ExternalControl: Story;
|
|
15
17
|
export declare const MultipleToolbarsSharedState: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/stories/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAmBlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAsD9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,aAAa,EAAE,KA8C3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAmE9B,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,KA+EvC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAsF7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA+CjC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA+C7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA6EjC,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA0D1B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAgF7B,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,KAuLzC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,EAAE,KA+FzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/stories/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAmBlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAsD9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,aAAa,EAAE,KA8C3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAmE9B,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,KA+EvC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAsF7B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA+CjC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA+C7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA6EjC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA8DjC,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,KAgDxC,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA0D1B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAgF7B,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,KAuLzC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,EAAE,KA+FzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,5 +1,33 @@
|
|
|
1
1
|
import { ButtonColors, VisualSlotType, PillSize, TooltipPosition, TooltipAlignment } from '../../../shared/types/types';
|
|
2
|
+
import { ButtonTooltipConfig } from '../../../shared/types/buttonConfig';
|
|
2
3
|
import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
4
|
+
/**
|
|
5
|
+
* Configuración agrupada de tooltip para botones del Toolbar.
|
|
6
|
+
* Equivalente a `ButtonTooltipConfig` (`label`, `position`, `alignment`, `delay`).
|
|
7
|
+
*/
|
|
8
|
+
export type ToolbarTooltipConfig = ButtonTooltipConfig;
|
|
9
|
+
/** Botón fijo de la barra (volver o cerrar) con tooltip opcional. */
|
|
10
|
+
export interface ToolbarChromeButtonConfig {
|
|
11
|
+
/** Texto simple o objeto `{ label, position, … }`. Visible aunque el botón esté disabled. */
|
|
12
|
+
tooltip?: string | ToolbarTooltipConfig;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Tooltips de botones fijos del Toolbar (volver, cerrar).
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Toolbar
|
|
19
|
+
* chrome={{ back: { tooltip: 'Volver a acciones' }, close: { tooltip: 'Cerrar barra' } }}
|
|
20
|
+
* onClose={() => {}}
|
|
21
|
+
* buttons={[...]}
|
|
22
|
+
* />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export interface ToolbarChromeConfig {
|
|
26
|
+
/** Botón «atrás» en la vista de addons. */
|
|
27
|
+
back?: ToolbarChromeButtonConfig;
|
|
28
|
+
/** Botón de cierre (X). */
|
|
29
|
+
close?: ToolbarChromeButtonConfig;
|
|
30
|
+
}
|
|
3
31
|
type AnyIconDefinition = IconProp | IconDefinition | {
|
|
4
32
|
icon: IconDefinition['icon'];
|
|
5
33
|
prefix?: string;
|
|
@@ -26,13 +54,25 @@ export interface ToolbarButton {
|
|
|
26
54
|
addons?: ToolbarAddon[];
|
|
27
55
|
/** Radio de borde del botón (pill = completamente redondeado) */
|
|
28
56
|
pill?: PillSize;
|
|
29
|
-
/**
|
|
30
|
-
|
|
31
|
-
|
|
57
|
+
/**
|
|
58
|
+
* Tooltip al hover (también con el botón disabled).
|
|
59
|
+
* Acepta texto simple o objeto agrupado `{ label, position, alignment, delay }`.
|
|
60
|
+
*/
|
|
61
|
+
tooltip?: string | ToolbarTooltipConfig;
|
|
62
|
+
/**
|
|
63
|
+
* Posición del tooltip.
|
|
64
|
+
* @deprecated Usar `tooltip.position`.
|
|
65
|
+
*/
|
|
32
66
|
tooltipPosition?: TooltipPosition;
|
|
33
|
-
/**
|
|
67
|
+
/**
|
|
68
|
+
* Alineación del tooltip.
|
|
69
|
+
* @deprecated Usar `tooltip.alignment`.
|
|
70
|
+
*/
|
|
34
71
|
tooltipAlignment?: TooltipAlignment;
|
|
35
|
-
/**
|
|
72
|
+
/**
|
|
73
|
+
* Retraso en ms antes de mostrar el tooltip.
|
|
74
|
+
* @deprecated Usar `tooltip.delay`.
|
|
75
|
+
*/
|
|
36
76
|
tooltipDelay?: number;
|
|
37
77
|
}
|
|
38
78
|
/**
|
|
@@ -64,13 +104,25 @@ export interface ToolbarAddon {
|
|
|
64
104
|
show?: boolean;
|
|
65
105
|
/** Radio de borde del botón (para type: 'button', pill = completamente redondeado) */
|
|
66
106
|
pill?: PillSize;
|
|
67
|
-
/**
|
|
68
|
-
|
|
69
|
-
|
|
107
|
+
/**
|
|
108
|
+
* Tooltip al hover (para type: 'button'; también cuando disabled).
|
|
109
|
+
* Texto simple u objeto `{ label, position, alignment, delay }`.
|
|
110
|
+
*/
|
|
111
|
+
tooltip?: string | ToolbarTooltipConfig;
|
|
112
|
+
/**
|
|
113
|
+
* Posición del tooltip (para type: 'button').
|
|
114
|
+
* @deprecated Usar `tooltip.position`.
|
|
115
|
+
*/
|
|
70
116
|
tooltipPosition?: TooltipPosition;
|
|
71
|
-
/**
|
|
117
|
+
/**
|
|
118
|
+
* Alineación del tooltip (para type: 'button').
|
|
119
|
+
* @deprecated Usar `tooltip.alignment`.
|
|
120
|
+
*/
|
|
72
121
|
tooltipAlignment?: TooltipAlignment;
|
|
73
|
-
/**
|
|
122
|
+
/**
|
|
123
|
+
* Retraso en ms antes de mostrar el tooltip (para type: 'button').
|
|
124
|
+
* @deprecated Usar `tooltip.delay`.
|
|
125
|
+
*/
|
|
74
126
|
tooltipDelay?: number;
|
|
75
127
|
/** Valor inicial para inputs */
|
|
76
128
|
value?: string;
|
|
@@ -150,6 +202,8 @@ export interface ToolbarProps {
|
|
|
150
202
|
* Por defecto `true` (comportamiento anterior).
|
|
151
203
|
*/
|
|
152
204
|
showBackButton?: boolean;
|
|
205
|
+
/** Tooltips agrupados de botones fijos (volver, cerrar). */
|
|
206
|
+
chrome?: ToolbarChromeConfig;
|
|
153
207
|
}
|
|
154
208
|
export {};
|
|
155
209
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,EAEd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/types/index.ts"],"names":[],"mappings":"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"}
|