@imj_media/ui 1.2.82 → 1.2.84
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 +31 -0
- package/README.md +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.js +9499 -9283
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/modules/Modal/Modal.d.ts.map +1 -1
- package/dist/modules/Popup/hooks/usePopup.d.ts +0 -2
- package/dist/modules/Popup/hooks/usePopup.d.ts.map +1 -1
- package/dist/modules/Popup/index.d.ts +1 -0
- package/dist/modules/Popup/index.d.ts.map +1 -1
- package/dist/modules/Popup/stories/popup.stories.d.ts +28 -2
- package/dist/modules/Popup/stories/popup.stories.d.ts.map +1 -1
- package/dist/modules/Popup/utils/popupPosition.d.ts +48 -0
- package/dist/modules/Popup/utils/popupPosition.d.ts.map +1 -0
- package/dist/modules/Popup/utils/popupPosition.test.d.ts +2 -0
- package/dist/modules/Popup/utils/popupPosition.test.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/ActionsCell.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/LinkCell.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/PrimaryCell.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/TableCell.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/FilterCard.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/HeaderCell.d.ts.map +1 -1
- package/dist/modules/Table/components/molecules/TableRow.d.ts +2 -1
- package/dist/modules/Table/components/molecules/TableRow.d.ts.map +1 -1
- package/dist/modules/Table/components/organisms/TableBody.d.ts +2 -1
- package/dist/modules/Table/components/organisms/TableBody.d.ts.map +1 -1
- package/dist/modules/Table/components/organisms/TableContent.d.ts +3 -1
- package/dist/modules/Table/components/organisms/TableContent.d.ts.map +1 -1
- package/dist/modules/Table/hooks/useTableSelection.d.ts +5 -1
- package/dist/modules/Table/hooks/useTableSelection.d.ts.map +1 -1
- package/dist/modules/Table/queries/hooks/useTableQuery.d.ts +1 -1
- package/dist/modules/Table/stories/ExcludedRowsSelection.stories.d.ts +93 -0
- package/dist/modules/Table/stories/ExcludedRowsSelection.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/Table.stories.d.ts +4 -5
- package/dist/modules/Table/stories/Table.stories.d.ts.map +1 -1
- package/dist/modules/Table/stories/cells/00-CatalogoCompleto.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/00-CatalogoCompleto.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/01-Default.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/01-Default.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/02-Primary.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/02-Primary.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/03-Status.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/03-Status.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/04-Actions.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/04-Actions.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/05-Link.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/05-Link.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/06-Avatars.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/06-Avatars.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/07-TextField.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/07-TextField.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/08-Dropdown.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/08-Dropdown.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/09-Button.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/09-Button.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/10-ProgressBar.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/10-ProgressBar.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/11-Skeleton.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/11-Skeleton.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/12-Tags.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/12-Tags.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/13-Checkbox.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/13-Checkbox.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/14-Icon.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/14-Icon.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/15-Stars.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/15-Stars.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/16-Date.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/16-Date.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/17-NumberNumeric.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/17-NumberNumeric.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/18-BooleanYSelect.stories.d.ts +20 -0
- package/dist/modules/Table/stories/cells/18-BooleanYSelect.stories.d.ts.map +1 -0
- package/dist/modules/Table/stories/cells/shared/tableCellsDecorator.d.ts +7 -0
- package/dist/modules/Table/stories/cells/shared/tableCellsDecorator.d.ts.map +1 -0
- package/dist/modules/Table/utils/excludedRows.d.ts +6 -0
- package/dist/modules/Table/utils/excludedRows.d.ts.map +1 -0
- package/dist/modules/Table/utils/excludedRows.test.d.ts +2 -0
- package/dist/modules/Table/utils/excludedRows.test.d.ts.map +1 -0
- package/dist/modules/Table/utils/filterUtils.d.ts.map +1 -1
- package/dist/modules/Table/utils/filtering.d.ts.map +1 -1
- package/dist/modules/Table/utils/index.d.ts +3 -0
- package/dist/modules/Table/utils/index.d.ts.map +1 -1
- package/dist/modules/Table/utils/tableColumnTransforms.d.ts +15 -0
- package/dist/modules/Table/utils/tableColumnTransforms.d.ts.map +1 -0
- package/dist/modules/Table/utils/tableColumnTransforms.test.d.ts +2 -0
- package/dist/modules/Table/utils/tableColumnTransforms.test.d.ts.map +1 -0
- package/dist/modules/Table/utils/tableDataPipeline.d.ts +38 -0
- package/dist/modules/Table/utils/tableDataPipeline.d.ts.map +1 -0
- package/dist/modules/Table/utils/tableDataPipeline.test.d.ts +2 -0
- package/dist/modules/Table/utils/tableDataPipeline.test.d.ts.map +1 -0
- package/dist/modules/Table/utils/tableFilterDateHelpers.d.ts +20 -0
- package/dist/modules/Table/utils/tableFilterDateHelpers.d.ts.map +1 -0
- package/dist/modules/Tooltip/hooks/useTooltip.d.ts.map +1 -1
- package/dist/modules/Tooltip/utils/tooltipPosition.d.ts +27 -0
- package/dist/modules/Tooltip/utils/tooltipPosition.d.ts.map +1 -0
- package/dist/modules/Tooltip/utils/tooltipPosition.test.d.ts +2 -0
- package/dist/modules/Tooltip/utils/tooltipPosition.test.d.ts.map +1 -0
- package/dist/modules/Wysiwyg/hooks/useWysiwyg.d.ts.map +1 -1
- package/dist/modules/Wysiwyg/utils/wysiwygEditorUtils.d.ts +21 -0
- package/dist/modules/Wysiwyg/utils/wysiwygEditorUtils.d.ts.map +1 -0
- package/dist/modules/Wysiwyg/utils/wysiwygEditorUtils.test.d.ts +2 -0
- package/dist/modules/Wysiwyg/utils/wysiwygEditorUtils.test.d.ts.map +1 -0
- package/dist/shared/types/modal.d.ts +5 -2
- package/dist/shared/types/modal.d.ts.map +1 -1
- package/dist/shared/types/table.d.ts +45 -2
- package/dist/shared/types/table.d.ts.map +1 -1
- package/package.json +134 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AA+OlD,eAAO,MAAM,KAAK;;;;;CAAsC,CAAC"}
|
|
@@ -15,9 +15,7 @@ interface UsePopupProps {
|
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
absolute?: boolean;
|
|
17
17
|
popoverArrow?: PopupArrowMode;
|
|
18
|
-
/** @see PopupProps.openOnHover */
|
|
19
18
|
openOnHover?: boolean | number;
|
|
20
|
-
/** Elemento DOM externo como ancla (posición, clic fuera, scroll). */
|
|
21
19
|
externalTriggerRef?: RefObject<HTMLElement | null>;
|
|
22
20
|
}
|
|
23
21
|
export declare const usePopup: ({ position, offset, closeOnClickOutside, closeOnEscape, popupId, onOpen, onClose, disabled, absolute, popoverArrow, openOnHover, externalTriggerRef, }: UsePopupProps) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopup.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/hooks/usePopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePopup.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/hooks/usePopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAmBhF,kEAAkE;AAClE,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,oEAAoE;AACpE,eAAO,MAAM,kCAAkC,MAAM,CAAC;AAEtD,UAAU,aAAa;IACrB,QAAQ,CAAC,EACL,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,eAAe,GACf,aAAa,GACb,cAAc,GACd,MAAM,GACN,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAaD,eAAO,MAAM,QAAQ,GAAI,wJAatB,aAAa;;;;;;;;;;0BAgNH,KAAK,CAAC,UAAU;;;;;;;;;;;CA+K5B,CAAC"}
|
|
@@ -3,4 +3,5 @@ export { Popup } from './components/organisms/Popup';
|
|
|
3
3
|
export { Popup as Popover } from './components/organisms/Popup';
|
|
4
4
|
export { POPUP_OPEN_ON_HOVER_CLOSE_DELAY_MS, POPUP_OPEN_ON_HOVER_DEFAULT_MS, } from './hooks/usePopup';
|
|
5
5
|
export { POPUP_ARROW_TILT_LEFT_DEG, POPUP_ARROW_TILT_RIGHT_DEG, POPUP_ARROW_WIDTH_SCALE, } from './components/molecules/PopupArrow';
|
|
6
|
+
export { POPUP_PANEL_Z_INDEX_BASE, Z_INDEX_MODAL_ABOVE_POPUP } from './utils/popupPosition';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,+FAA+F;AAC/F,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Popup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,+FAA+F;AAC/F,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -21,9 +21,17 @@ export declare const PortalVsAbsolute: Story;
|
|
|
21
21
|
export declare const ScrollableContainerExample: Story;
|
|
22
22
|
export declare const AllPortalPositions: Story;
|
|
23
23
|
export declare const LeftRightAbsolutePositions: Story;
|
|
24
|
-
/**
|
|
25
|
-
|
|
24
|
+
/**
|
|
25
|
+
* Panel al pasar el ratón por el trigger (`openOnHover={true}` → 200 ms de retardo). El clic sigue
|
|
26
|
+
* abriendo/cerrando el panel.
|
|
27
|
+
*/
|
|
26
28
|
export declare const OpenOnHover: Story;
|
|
29
|
+
/**
|
|
30
|
+
* Hover con `openOnHover={500}` y flecha automática; dentro del panel, mismo flujo que `PopupOpensModal`
|
|
31
|
+
* (botón que abre `Modal` con `zIndex={Z_INDEX_MODAL_ABOVE_POPUP}`, menú sin cerrar por clics fuera). `usePopup` no cierra el
|
|
32
|
+
* popup por hover mientras exista un `.modal-portal` en el documento.
|
|
33
|
+
*/
|
|
34
|
+
export declare const OpenOnHoverCustomDelay: Story;
|
|
27
35
|
/** El botón vive fuera del `Popup`; `triggerRef` ancla posición, clic y hover (`openOnHover`). */
|
|
28
36
|
export declare const ExternalTriggerRef: Story;
|
|
29
37
|
/**
|
|
@@ -31,7 +39,25 @@ export declare const ExternalTriggerRef: Story;
|
|
|
31
39
|
* instancias de `@/modules/Button` con `ref`.
|
|
32
40
|
*/
|
|
33
41
|
export declare const ExternalTriggerNativeVsUiButton: Story;
|
|
42
|
+
/**
|
|
43
|
+
* Mismo layout que `ExternalTriggerNativeVsUiButton` con `popoverArrow: 'auto'` y posiciones bajo el
|
|
44
|
+
* ancla (`bottom-left`, `bottom-center`, `bottom-right`).
|
|
45
|
+
*/
|
|
46
|
+
export declare const ExternalTriggerNativeVsUiButtonArrowAutoInferior: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Mismo patrón con `popoverArrow: 'auto'` y panel encima del ancla (`top`, `top-left`, `top-right`).
|
|
49
|
+
*/
|
|
50
|
+
export declare const ExternalTriggerNativeVsUiButtonArrowAutoSuperior: Story;
|
|
51
|
+
/**
|
|
52
|
+
* `popoverArrow: 'auto'` con panel a los lados o ancho completo inferior genérico (`left`, `right`, `bottom`).
|
|
53
|
+
*/
|
|
54
|
+
export declare const ExternalTriggerNativeVsUiButtonArrowAutoLateralesYBottom: Story;
|
|
34
55
|
export declare const WithPopoverArrowAuto: Story;
|
|
56
|
+
/**
|
|
57
|
+
* Popup + modal: `closeOnClick={false}` y `closeOnClickOutside={false}` para que el menú no se cierre con
|
|
58
|
+
* clics arbitrarios; `Modal` con `zIndex={Z_INDEX_MODAL_ABOVE_POPUP}`. La raíz del `Modal` incluye `modal-portal` (hook global).
|
|
59
|
+
*/
|
|
60
|
+
export declare const PopupOpensModal: Story;
|
|
35
61
|
/**
|
|
36
62
|
* Popover estructurado alineado al archivo Figma «Popover» (header, descripción, badge, footer, flecha).
|
|
37
63
|
* Reutiliza `ModalProvider` + piezas del modal sin modificar el componente Modal.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/stories/popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"popup.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/stories/popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsBjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA+D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4CzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4DhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0E9B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA4CxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4FhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAiCxC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAqDpC,CAAC;AAEF,kGAAkG;AAClG,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,EAAE,KA2G7C,CAAC;AAwHF;;;GAGG;AACH,eAAO,MAAM,gDAAgD,EAAE,KAwB9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gDAAgD,EAAE,KAuB9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wDAAwD,EAAE,KAwBtE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAalC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA8C7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAkDpC,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,2BAA2B,EAAE,KAazC,CAAC;AAiDF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA2DtC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkNxB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { PopupArrowMode, PopupArrowPlacement } from '../../../shared/types/popup';
|
|
2
|
+
export type PopupPositionProp = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
3
|
+
/** Base del z-index del panel del popup en portal (`computePopupLayout`). */
|
|
4
|
+
export declare const POPUP_PANEL_Z_INDEX_BASE = 1000;
|
|
5
|
+
/**
|
|
6
|
+
* z-index recomendado para `Modal` u otros overlays que deben quedar por encima del panel de `Popup`.
|
|
7
|
+
* El panel usa `POPUP_PANEL_Z_INDEX_BASE + (offset % 100)` (típicamente 1000–1099).
|
|
8
|
+
*/
|
|
9
|
+
export declare const Z_INDEX_MODAL_ABOVE_POPUP = 1200;
|
|
10
|
+
/**
|
|
11
|
+
* Con `popoverArrow` manual, `align` debe desplazar el panel respecto al trigger.
|
|
12
|
+
*/
|
|
13
|
+
export declare function applyManualPopoverEdgeAlign(popoverArrow: PopupArrowMode, position: PopupPositionProp, left: number, top: number, triggerLeft: number, triggerTop: number, triggerWidth: number, triggerHeight: number, panelWidth: number, panelHeight: number): {
|
|
14
|
+
left: number;
|
|
15
|
+
top: number;
|
|
16
|
+
};
|
|
17
|
+
export type ComputePopupLayoutInput = {
|
|
18
|
+
position: PopupPositionProp;
|
|
19
|
+
offset: number;
|
|
20
|
+
absolute: boolean;
|
|
21
|
+
popoverArrow: PopupArrowMode;
|
|
22
|
+
popupUniqueId: string;
|
|
23
|
+
triggerRect: DOMRectReadOnly;
|
|
24
|
+
popupRect: DOMRectReadOnly;
|
|
25
|
+
/** Solo modo `absolute`: caja del trigger respecto al offset parent. */
|
|
26
|
+
triggerOffsetBox: {
|
|
27
|
+
top: number;
|
|
28
|
+
left: number;
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export type ComputePopupLayoutResult = {
|
|
34
|
+
popupStyle: {
|
|
35
|
+
position: 'fixed' | 'absolute';
|
|
36
|
+
top: string;
|
|
37
|
+
left: string;
|
|
38
|
+
zIndex: number;
|
|
39
|
+
};
|
|
40
|
+
arrowPlacement: PopupArrowPlacement | null;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Calcula top/left del panel, z-index y colocación de flecha (misma semántica que el `usePopup` anterior).
|
|
44
|
+
*/
|
|
45
|
+
export declare function computePopupLayout(input: ComputePopupLayoutInput): ComputePopupLayoutResult;
|
|
46
|
+
/** Ventana, visualViewport y ancestros con overflow desplazable (scroll no sube al window). */
|
|
47
|
+
export declare function collectScrollRepositionTargets(trigger: HTMLElement | null): EventTarget[];
|
|
48
|
+
//# sourceMappingURL=popupPosition.d.ts.map
|
|
@@ -0,0 +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,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C;;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,WAAW,GAAG,IAAI,GAAG,WAAW,EAAE,CAezF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popupPosition.test.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/utils/popupPosition.test.ts"],"names":[],"mappings":""}
|
|
@@ -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, borderable, hoverable, dense, stickyHeader, stickyCheckbox, stickyActions, showEditActions, configKey, persistConfig, queryPersist, onConfigChange, className, onSort, onFilter, onColumnResize, onColumnReorder, onColumnVisibilityChange, onRowClick, onRowExpand, onHandleChange, editingRowIds, onEditingRowIdsChange, onEditModeChange, onSuccessComplete, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const Table: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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, }: 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,EACL,UAAU,EAKX,MAAM,sBAAsB,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;AA6B9B,eAAO,MAAM,KAAK,GAAI,CAAC,EAAI,skBA0CxB,UAAU,CAAC,CAAC,CAAC,4CAqgBf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/ActionsCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAiElF,eAAO,MAAM,WAAW,4LAcnB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ActionsCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/ActionsCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAiElF,eAAO,MAAM,WAAW,4LAcnB,uBAAuB,6CAuF3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/LinkCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAW9E,eAAO,MAAM,QAAQ,GAAI,uHAWtB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"LinkCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/LinkCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAW9E,eAAO,MAAM,QAAQ,GAAI,uHAWtB,uBAAuB,4CAoDzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/PrimaryCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAoB,MAAM,sBAAsB,CAAC;AAajF,eAAO,MAAM,WAAW,8JAYnB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"PrimaryCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/PrimaryCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAoB,MAAM,sBAAsB,CAAC;AAajF,eAAO,MAAM,WAAW,8JAYnB,uBAAuB,6CAuF3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/atoms/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAa,MAAM,sBAAsB,CAAC;AAwB1E,eAAO,MAAM,SAAS,wKAajB,uBAAuB,6CA+E3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/FilterCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EAGpB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AA4B5B,UAAU,eAAe;IACvB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,wDAMxB,eAAe,
|
|
1
|
+
{"version":3,"file":"FilterCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/FilterCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EAGpB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AA4B5B,UAAU,eAAe;IACvB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,wDAMxB,eAAe,4CA4SjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/HeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA+BvD,eAAO,MAAM,UAAU,GAAI,0RAuBxB,eAAe,
|
|
1
|
+
{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/molecules/HeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA+BvD,eAAO,MAAM,UAAU,GAAI,0RAuBxB,eAAe,4CAydjB,CAAC"}
|
|
@@ -16,7 +16,8 @@ interface TableRowProps<T = unknown> {
|
|
|
16
16
|
isCellFocused?: (rowId: string | number, columnId: string) => boolean;
|
|
17
17
|
onCellChange?: (rowId: string | number, columnId: string, value: unknown) => void;
|
|
18
18
|
hasColumnMaxWidthAuto?: boolean;
|
|
19
|
+
isRowSelectionDisabled?: (row: RowConfig<T>) => boolean;
|
|
19
20
|
}
|
|
20
|
-
export declare const TableRow: <T>({ row, columns, selected, selectedIds, expandable, onSelect, onExpand, onClick, showSelection, showExpand, stickyCheckbox, stickyActions, onCellFocus, isCellFocused, onCellChange, hasColumnMaxWidthAuto, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const TableRow: <T>({ row, columns, selected, selectedIds, expandable, onSelect, onExpand, onClick, showSelection, showExpand, stickyCheckbox, stickyActions, onCellFocus, isCellFocused, onCellChange, hasColumnMaxWidthAuto, isRowSelectionDisabled, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export {};
|
|
22
23
|
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -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,CAAC;AAO/D,UAAU,aAAa,CAAC,CAAC,GAAG,OAAO;IACjC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,qBAAqB,CAAC,EAAE,OAAO,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,CAAC;AAO/D,UAAU,aAAa,CAAC,CAAC,GAAG,OAAO;IACjC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACzD;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAI,sOAkB3B,aAAa,CAAC,CAAC,CAAC,4CAkPlB,CAAC"}
|
|
@@ -17,7 +17,8 @@ interface TableBodyProps<T = unknown> {
|
|
|
17
17
|
isCellFocused?: (rowId: string | number, columnId: string) => boolean;
|
|
18
18
|
onCellChange?: (rowId: string | number, columnId: string, value: unknown) => void;
|
|
19
19
|
hasColumnMaxWidthAuto?: boolean;
|
|
20
|
+
isRowSelectionDisabled?: (row: RowConfig<T>) => boolean;
|
|
20
21
|
}
|
|
21
|
-
export declare const TableBody: <T>({ rows, columns, loading, empty, selectedIds, expandable, showSelection, showExpand, stickyCheckbox, stickyActions, onRowClick, onRowExpand, onRowSelect, onCellFocus, isCellFocused, onCellChange, hasColumnMaxWidthAuto, }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const TableBody: <T>({ rows, columns, loading, empty, selectedIds, expandable, showSelection, showExpand, stickyCheckbox, stickyActions, onRowClick, onRowExpand, onRowSelect, onCellFocus, isCellFocused, onCellChange, hasColumnMaxWidthAuto, isRowSelectionDisabled, }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
export {};
|
|
23
24
|
//# sourceMappingURL=TableBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAK3E,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO;IAClC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAK3E,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO;IAClC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CACzD;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAI,sPAmB5B,cAAc,CAAC,CAAC,CAAC,4CAyDnB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { TableProps, RowConfig } from '../../../../shared/types/table';
|
|
2
2
|
interface TableContentProps<T = unknown> extends Omit<TableProps<T>, 'toolbar' | 'pagination' | 'onSort' | 'onFilter'> {
|
|
3
|
+
/** Si devuelve true, el checkbox de selección de esa fila se deshabilita (además de `row.disabled`). */
|
|
4
|
+
isRowSelectionDisabled?: (row: RowConfig<T>) => boolean;
|
|
3
5
|
selectedIds?: (string | number)[];
|
|
4
6
|
allSelected?: boolean;
|
|
5
7
|
someSelected?: boolean;
|
|
@@ -18,6 +20,6 @@ interface TableContentProps<T = unknown> extends Omit<TableProps<T>, 'toolbar' |
|
|
|
18
20
|
/** Clave que cambia cuando cambian las filas mostradas (p. ej. paginación); fuerza recalcular anchos auto. */
|
|
19
21
|
rowsDataKey?: string;
|
|
20
22
|
}
|
|
21
|
-
export declare const TableContent: <T>({ columns, rows, loading, empty, selection, sort, filters, expandable, resizable, resizeHoverColumnId, striped, hoverable, dense, stickyHeader, stickyCheckbox, stickyActions, className, selectedIds, allSelected, someSelected, onSelectAll, onRowSelect, onSort, onFilter, onLock, onResize, onResizeDoubleClick, onResizeHover, onRowClick, onRowExpand, onCellFocus, isCellFocused, onCellChange, rowsDataKey, }: TableContentProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const TableContent: <T>({ columns, rows, loading, empty, selection, sort, filters, expandable, resizable, resizeHoverColumnId, striped, hoverable, dense, stickyHeader, stickyCheckbox, stickyActions, className, selectedIds, allSelected, someSelected, onSelectAll, onRowSelect, onSort, onFilter, onLock, onResize, onResizeDoubleClick, onResizeHover, onRowClick, onRowExpand, onCellFocus, isCellFocused, onCellChange, rowsDataKey, isRowSelectionDisabled, }: TableContentProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
export {};
|
|
23
25
|
//# sourceMappingURL=TableContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAO7D,UAAU,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,IAAI,CACnD,UAAU,CAAC,CAAC,CAAC,EACb,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CACjD;IACC,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,EAAI
|
|
1
|
+
{"version":3,"file":"TableContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/components/organisms/TableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAO7D,UAAU,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,IAAI,CACnD,UAAU,CAAC,CAAC,CAAC,EACb,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CACjD;IACC,wGAAwG;IACxG,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,EAAI,+aAoC/B,iBAAiB,CAAC,CAAC,CAAC,4CAwItB,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { RowConfig } from '../../../shared/types/table';
|
|
2
|
-
export
|
|
2
|
+
export interface UseTableSelectionOptions<T> {
|
|
3
|
+
/** Si devuelve false, la fila no se puede seleccionar (checkbox deshabilitado en UI). */
|
|
4
|
+
isRowSelectable?: (row: RowConfig<T>) => boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const useTableSelection: <T>(rows: RowConfig<T>[], multiple?: boolean, options?: UseTableSelectionOptions<T>) => {
|
|
3
7
|
selectedIds: (string | number)[];
|
|
4
8
|
selectedCount: number;
|
|
5
9
|
allSelected: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,yFAAyF;IACzF,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,MAAM,SAAS,CAAC,CAAC,CAAC,EAAE,EACpB,kBAAe,EACf,UAAU,wBAAwB,CAAC,CAAC,CAAC;;;;;2BAgC7B,SAAS,CAAC,CAAC,CAAC;+BAYR,OAAO;;sBAckB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;wBAK9C,MAAM,GAAG,MAAM;CAe1B,CAAC"}
|
|
@@ -46,7 +46,7 @@ export declare function useTableQueryState(options?: UseTableQueryStateOptions):
|
|
|
46
46
|
export declare function useColumnsWithQueryState<T extends {
|
|
47
47
|
id: string;
|
|
48
48
|
}>(columns: T[], state: Pick<TableQueryState, 'sortField' | 'sortDirection' | 'filters'>): (T & {
|
|
49
|
-
sortDirection: "
|
|
49
|
+
sortDirection: "desc" | "asc" | null | undefined;
|
|
50
50
|
filterActive: boolean;
|
|
51
51
|
})[];
|
|
52
52
|
//# sourceMappingURL=useTableQuery.d.ts.map
|
|
@@ -0,0 +1,93 @@
|
|
|
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, 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
|
+
striped?: boolean | undefined;
|
|
41
|
+
bordered?: boolean | undefined;
|
|
42
|
+
borderable?: boolean | undefined;
|
|
43
|
+
hoverable?: boolean | undefined;
|
|
44
|
+
dense?: boolean | undefined;
|
|
45
|
+
stickyHeader?: boolean | undefined;
|
|
46
|
+
stickyCheckbox?: boolean | undefined;
|
|
47
|
+
stickyActions?: boolean | undefined;
|
|
48
|
+
showEditActions?: boolean | undefined;
|
|
49
|
+
configKey?: string | undefined;
|
|
50
|
+
persistConfig?: boolean | undefined;
|
|
51
|
+
queryPersist?: boolean | undefined;
|
|
52
|
+
onConfigChange?: ((config: import('../../../shared/types/table').TableConfigState, changeType: import('../../../shared/types/table').TableConfigChangeType) => void) | undefined;
|
|
53
|
+
className?: string | undefined;
|
|
54
|
+
onSort?: ((sort: import('../../../shared/types/table').SortConfig | undefined) => void) | undefined;
|
|
55
|
+
onFilter?: ((filters: import('../../../shared/types/table').FilterConfig[]) => void) | undefined;
|
|
56
|
+
onColumnResize?: ((columnId: string, width: number) => void) | undefined;
|
|
57
|
+
onColumnReorder?: ((columns: ColumnConfig<unknown>[]) => void) | undefined;
|
|
58
|
+
onColumnVisibilityChange?: ((columnId: string, visible: boolean) => void) | undefined;
|
|
59
|
+
onRowClick?: ((row: {
|
|
60
|
+
id: string | number;
|
|
61
|
+
selected?: boolean;
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
expanded?: boolean;
|
|
64
|
+
isParent?: boolean;
|
|
65
|
+
children?: /*elided*/ any[] | undefined;
|
|
66
|
+
className?: string;
|
|
67
|
+
onClick?: ((row: /*elided*/ any) => void) | undefined;
|
|
68
|
+
_isEditing?: boolean;
|
|
69
|
+
_toggleEdit?: () => void;
|
|
70
|
+
}) => void) | undefined;
|
|
71
|
+
onRowExpand?: ((row: {
|
|
72
|
+
id: string | number;
|
|
73
|
+
selected?: boolean;
|
|
74
|
+
disabled?: boolean;
|
|
75
|
+
expanded?: boolean;
|
|
76
|
+
isParent?: boolean;
|
|
77
|
+
children?: /*elided*/ any[] | undefined;
|
|
78
|
+
className?: string;
|
|
79
|
+
onClick?: ((row: /*elided*/ any) => void) | undefined;
|
|
80
|
+
_isEditing?: boolean;
|
|
81
|
+
_toggleEdit?: () => void;
|
|
82
|
+
}) => void) | undefined;
|
|
83
|
+
onHandleChange?: ((rowId: string | number, columnId: string, value: unknown, row?: unknown) => void) | undefined;
|
|
84
|
+
editingRowIds?: (string | number)[] | undefined;
|
|
85
|
+
onEditingRowIdsChange?: ((editingRowIds: (string | number)[]) => void) | undefined;
|
|
86
|
+
onEditModeChange?: ((rowId: string | number, isEditing: boolean) => void) | undefined;
|
|
87
|
+
onSuccessComplete?: ((editedRowIds: (string | number)[]) => void) | undefined;
|
|
88
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
89
|
+
};
|
|
90
|
+
export default meta;
|
|
91
|
+
type Story = StoryObj<typeof Table>;
|
|
92
|
+
export declare const PorCampoEstado: Story;
|
|
93
|
+
//# sourceMappingURL=ExcludedRowsSelection.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExcludedRowsSelection.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/stories/ExcludedRowsSelection.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;AAG/D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA0DpC,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC"}
|
|
@@ -8,10 +8,7 @@ type Story = StoryObj<typeof Table>;
|
|
|
8
8
|
*/
|
|
9
9
|
export declare const AccionesPorDefecto: StoryObj<typeof Table>;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* Muestra todos los 15 tipos de celdas disponibles en la tabla,
|
|
14
|
-
* incluyendo los diferentes estados y funcionalidades interactivas.
|
|
11
|
+
* Alineamiento de contenido (`contentAlign`) en distintas columnas.
|
|
15
12
|
*/
|
|
16
13
|
export declare const AlineamientoDeContenido: Story;
|
|
17
14
|
export declare const Basica: Story;
|
|
@@ -217,7 +214,9 @@ export declare const Rayada: Story;
|
|
|
217
214
|
* Tabla con densidad compacta
|
|
218
215
|
*/
|
|
219
216
|
export declare const Showcase: StoryObj<typeof Table>;
|
|
220
|
-
|
|
217
|
+
/**
|
|
218
|
+
* Catálogo de tipos de celda: **UI → Table → Celdas → 00 Catálogo completo** (`stories/cells/00-CatalogoCompleto.stories.tsx`).
|
|
219
|
+
*/
|
|
221
220
|
/**
|
|
222
221
|
* ## Columnas Redimensionables
|
|
223
222
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/stories/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/stories/Table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Catalogo: Story;
|
|
20
|
+
//# sourceMappingURL=00-CatalogoCompleto.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"00-CatalogoCompleto.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/00-CatalogoCompleto.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAUpC,wBAc+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAsSpC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Ejemplos: Story;
|
|
20
|
+
//# sourceMappingURL=01-Default.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/01-Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAKpC,wBAc+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAwCpC,eAAO,MAAM,QAAQ,EAAE,KA8CtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Ejemplos: Story;
|
|
20
|
+
//# sourceMappingURL=02-Primary.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"02-Primary.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/02-Primary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAKpC,wBAc+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAuCpC,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Ejemplos: Story;
|
|
20
|
+
//# sourceMappingURL=03-Status.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"03-Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/03-Status.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAKpC,wBAc+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAoCpC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Ejemplos: Story;
|
|
20
|
+
//# sourceMappingURL=04-Actions.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"04-Actions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/04-Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAMpC,wBAc+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAwDpC,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../../Table';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T>({ columns: initialColumns, rows: initialRows, loading, empty, selection, excludedRows, pagination: paginationConfig, toolbar: toolbarConfig, sort: initialSort, filters: initialFilters, expandable, resizable, 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;
|
|
6
|
+
decorators: import('@storybook/react').Decorator[];
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
type Story = StoryObj<typeof Table>;
|
|
19
|
+
export declare const Ejemplos: Story;
|
|
20
|
+
//# sourceMappingURL=05-Link.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"05-Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Table/stories/cells/05-Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;AAKpC,wBAa+B;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAsCpC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
|