@imj_media/ui 1.2.80 → 1.2.82
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 +16 -0
- package/README.md +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.js +5316 -5044
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -9
- package/dist/index.js.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/CatalogCard.d.ts +7 -2
- package/dist/modules/CatalogCard/components/organisms/CatalogCard.d.ts.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/CatalogCatalogCard.d.ts +18 -7
- package/dist/modules/CatalogCard/components/organisms/CatalogCatalogCard.d.ts.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/CatalogSupplierCard.d.ts +6 -6
- package/dist/modules/CatalogCard/components/organisms/CatalogSupplierCard.d.ts.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/catalogCardMenuPanels.d.ts +23 -4
- package/dist/modules/CatalogCard/components/organisms/catalogCardMenuPanels.d.ts.map +1 -1
- package/dist/modules/CatalogCard/components/organisms/catalogCardTagsRow.d.ts +1 -2
- package/dist/modules/CatalogCard/components/organisms/catalogCardTagsRow.d.ts.map +1 -1
- package/dist/modules/CatalogCard/index.d.ts +1 -1
- package/dist/modules/CatalogCard/index.d.ts.map +1 -1
- package/dist/modules/CatalogCard/stories/CatalogCard.stories.d.ts +6 -1
- package/dist/modules/CatalogCard/stories/CatalogCard.stories.d.ts.map +1 -1
- package/dist/modules/CatalogCard/types/index.d.ts +107 -25
- package/dist/modules/CatalogCard/types/index.d.ts.map +1 -1
- package/dist/modules/InnerButton/InnerButton.d.ts.map +1 -1
- package/dist/modules/Lists/components/molecules/ListItemCheckbox.d.ts +4 -0
- package/dist/modules/Lists/components/molecules/ListItemCheckbox.d.ts.map +1 -1
- package/dist/modules/Popup/components/organisms/Popup.d.ts.map +1 -1
- package/dist/modules/Popup/hooks/usePopup.d.ts +1 -1
- package/dist/modules/Popup/hooks/usePopup.d.ts.map +1 -1
- package/dist/modules/Popup/utils/popupArrowPlacement.d.ts +1 -1
- package/dist/modules/Popup/utils/popupArrowPlacement.d.ts.map +1 -1
- package/dist/shared/types/popup.d.ts +1 -1
- package/dist/shared/types/popup.d.ts.map +1 -1
- package/package.json +2 -1
|
@@ -7,7 +7,13 @@ import { CatalogCardProps } from '../../types';
|
|
|
7
7
|
* (`catalogCardMenuPanels`) para mantener archivos acotados.
|
|
8
8
|
*
|
|
9
9
|
* No expone slots `media` / `details` / `cta` con ReactNode arbitrario: el organismo compone `Picture`,
|
|
10
|
-
* `Icon`, `Tooltip`, `Button`, `Badge`, `Picture`, `Popup` y `List` según props.
|
|
10
|
+
* `Icon`, `Tooltip`, `Button`, `Badge`, `Picture`, `Popup` y `List` según props. El menú **…** es lista de acciones
|
|
11
|
+
* ({@link CatalogCardMenuItem}); los checkboxes de `tags` van en el panel del **CTA principal** (`onPrimaryTagsSelectionChange`).
|
|
12
|
+
* `selected` no altera el estilo del contenedor (solo `data-selected`); el relieve viene del hover y de `emphasized`.
|
|
13
|
+
*
|
|
14
|
+
* Las props opcionales pueden **omitirse** (no hace falta pasar `undefined`/`null`); los bloques de UI asociados no se
|
|
15
|
+
* renderizan si falta el dato o el texto está vacío (p. ej. `categoryLabel`, `locationLabel`, `ratingValue`, `statusLabel`,
|
|
16
|
+
* `phone`, `email` en proveedor).
|
|
11
17
|
*
|
|
12
18
|
* @example
|
|
13
19
|
* ```tsx
|
|
@@ -21,7 +27,6 @@ import { CatalogCardProps } from '../../types';
|
|
|
21
27
|
* ratingValue="3.5"
|
|
22
28
|
* title="IMJ-ZMG-ESP-O-11594A"
|
|
23
29
|
* locationLabel="GUADALAJARA (ZMG)"
|
|
24
|
-
* locationHref="#"
|
|
25
30
|
* tags={['Vista Cruzada']}
|
|
26
31
|
* optionsMenuItems={[
|
|
27
32
|
* { label: 'Duplicar', onSelect: () => {} },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAA4B,MAAM,aAAa,CAAC;AAS9E
|
|
1
|
+
{"version":3,"file":"CatalogCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAA4B,MAAM,aAAa,CAAC;AAS9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,WAAW,6GAKtB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CatalogCardMediaIndicator, CatalogCardPrimaryVariant } from '../../types';
|
|
1
|
+
import { CatalogCardInteractionContext, CatalogCardMediaIndicator, CatalogCardPrimaryVariant } from '../../types';
|
|
2
2
|
/**
|
|
3
3
|
* Variante catálogo (250px): media, detalle y CTA cerrados por props.
|
|
4
4
|
*/
|
|
@@ -7,7 +7,7 @@ export declare const CatalogCatalogCard: import('react').ForwardRefExoticCompone
|
|
|
7
7
|
selected?: boolean;
|
|
8
8
|
emphasized?: boolean;
|
|
9
9
|
subtleBorder?: boolean;
|
|
10
|
-
onClick?: () => void;
|
|
10
|
+
onClick?: (context?: CatalogCardInteractionContext) => void;
|
|
11
11
|
} & {
|
|
12
12
|
family?: "catalog";
|
|
13
13
|
imageSrc?: string;
|
|
@@ -15,22 +15,33 @@ export declare const CatalogCatalogCard: import('react').ForwardRefExoticCompone
|
|
|
15
15
|
showExclusiveBadge?: boolean;
|
|
16
16
|
indicators?: CatalogCardMediaIndicator[];
|
|
17
17
|
showAvailabilityIndicators?: boolean;
|
|
18
|
-
categoryLabel
|
|
18
|
+
categoryLabel?: string;
|
|
19
19
|
ratingValue?: string;
|
|
20
20
|
title: string;
|
|
21
|
-
locationLabel
|
|
21
|
+
locationLabel?: string;
|
|
22
22
|
locationHref?: string;
|
|
23
23
|
tags?: string[];
|
|
24
|
+
primarySelectedTags?: string[];
|
|
25
|
+
defaultPrimarySelectedTags?: string[];
|
|
26
|
+
onPrimaryTagsSelectionChange?: (selectedTags: string[], context?: CatalogCardInteractionContext) => void;
|
|
27
|
+
primaryTagsSelectAllLabel?: string;
|
|
28
|
+
primaryTagsShowSelectAll?: boolean;
|
|
24
29
|
optionsPressed?: boolean;
|
|
30
|
+
primaryLinkHref?: string;
|
|
31
|
+
primaryLinkTo?: string;
|
|
32
|
+
primaryLinkLabel?: string;
|
|
33
|
+
primaryLinkTarget?: "_self" | "_blank";
|
|
25
34
|
primaryVariant?: CatalogCardPrimaryVariant;
|
|
26
35
|
primaryLabel?: string;
|
|
27
|
-
onPrimaryClick?: () => void;
|
|
28
|
-
onOptionsClick?: () => void;
|
|
36
|
+
onPrimaryClick?: (context?: CatalogCardInteractionContext) => void;
|
|
37
|
+
onOptionsClick?: (context?: CatalogCardInteractionContext) => void;
|
|
29
38
|
optionsMenuItems?: import('../..').CatalogCardMenuItem[];
|
|
30
39
|
primaryMenuItems?: import('../..').CatalogCardMenuItem[];
|
|
31
40
|
primaryMenuFooter?: {
|
|
32
41
|
label: string;
|
|
33
|
-
onClick
|
|
42
|
+
onClick?: (footer?: {
|
|
43
|
+
label: string;
|
|
44
|
+
}) => void;
|
|
34
45
|
};
|
|
35
46
|
primaryMenuMaxHeightClass?: string;
|
|
36
47
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogCatalogCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogCatalogCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CatalogCatalogCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogCatalogCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AAqCrB;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;sBA4EI,CAAC;;;;;;;;;;;;;;;;mEAqF5B,CAAH;;;;;;;;;;6BA8C6F,CAAC;6BAK3E,CAAC;;;;;eAaS,CAAC,SAAS,CAAC;;;;;kDAgL5C,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CatalogSupplierContactRow } from '../../types';
|
|
1
|
+
import { CatalogCardInteractionContext, CatalogSupplierContactRow } from '../../types';
|
|
2
2
|
/**
|
|
3
3
|
* Variante proveedor (270px): cabecera con avatar, contacto y CTA cerrados por props.
|
|
4
4
|
*/
|
|
@@ -7,7 +7,7 @@ export declare const CatalogSupplierCard: import('react').ForwardRefExoticCompon
|
|
|
7
7
|
selected?: boolean;
|
|
8
8
|
emphasized?: boolean;
|
|
9
9
|
subtleBorder?: boolean;
|
|
10
|
-
onClick?: () => void;
|
|
10
|
+
onClick?: (context?: CatalogCardInteractionContext) => void;
|
|
11
11
|
} & {
|
|
12
12
|
family: "supplier";
|
|
13
13
|
ratingValue?: string;
|
|
@@ -15,11 +15,11 @@ export declare const CatalogSupplierCard: import('react').ForwardRefExoticCompon
|
|
|
15
15
|
avatarInitials: string;
|
|
16
16
|
name: string;
|
|
17
17
|
subtitle: string;
|
|
18
|
-
phone
|
|
19
|
-
email
|
|
18
|
+
phone?: CatalogSupplierContactRow | string;
|
|
19
|
+
email?: CatalogSupplierContactRow | string;
|
|
20
20
|
primaryButtonLabel?: string;
|
|
21
|
-
onPrimaryClick?: () => void;
|
|
22
|
-
onOptionsClick?: () => void;
|
|
21
|
+
onPrimaryClick?: (context?: CatalogCardInteractionContext) => void;
|
|
22
|
+
onOptionsClick?: (context?: CatalogCardInteractionContext) => void;
|
|
23
23
|
optionsMenuItems?: import('../..').CatalogCardMenuItem[];
|
|
24
24
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
25
|
//# sourceMappingURL=CatalogSupplierCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogSupplierCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogSupplierCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA4B,yBAAyB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"CatalogSupplierCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/CatalogSupplierCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAA4B,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAiBtH;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;sBAgGkB,CAAC;;;;;;;;;;;6BAqGwmD,CAAC;6BAAiJ,CAAC;;kDAH7yD,CAAC"}
|
|
@@ -1,13 +1,32 @@
|
|
|
1
1
|
import { CatalogCardMenuItem } from '../../types';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Panel de lista para menú contextual. `onDismiss` debe cerrar el `Popup` padre: el panel usa
|
|
4
|
+
* `stopPropagation` y el clic no llega al handler `closeOnClick` del popup.
|
|
5
|
+
*/
|
|
6
|
+
export declare function OptionsMenuPanel({ items, onDismiss, }: {
|
|
3
7
|
items: CatalogCardMenuItem[];
|
|
8
|
+
onDismiss?: () => void;
|
|
4
9
|
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
|
|
6
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Panel del CTA principal: pie **arriba** (p. ej. *Cerrar*), debajo las opciones (checkboxes de `tags` y lista `items`).
|
|
12
|
+
* `onDismiss` debe cerrar el `Popup` padre.
|
|
13
|
+
*/
|
|
14
|
+
export declare function PrimaryMenuPanel({ items, tags, selectedTags, onTagsChange, selectAllLabel, tagsShowSelectAll, footer, maxHeightClass, onDismiss, }: {
|
|
15
|
+
items?: CatalogCardMenuItem[];
|
|
16
|
+
/** Mismas etiquetas que los badges; checkboxes bajo el pie. */
|
|
17
|
+
tags?: string[];
|
|
18
|
+
selectedTags?: string[];
|
|
19
|
+
onTagsChange?: (next: string[]) => void;
|
|
20
|
+
selectAllLabel?: string;
|
|
21
|
+
/** @defaultValue false */
|
|
22
|
+
tagsShowSelectAll?: boolean;
|
|
7
23
|
footer?: {
|
|
8
24
|
label: string;
|
|
9
|
-
onClick
|
|
25
|
+
onClick?: (footer?: {
|
|
26
|
+
label: string;
|
|
27
|
+
}) => void;
|
|
10
28
|
};
|
|
11
29
|
maxHeightClass?: string;
|
|
30
|
+
onDismiss?: () => void;
|
|
12
31
|
}): import("react/jsx-runtime").JSX.Element;
|
|
13
32
|
//# sourceMappingURL=catalogCardMenuPanels.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalogCardMenuPanels.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/catalogCardMenuPanels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"catalogCardMenuPanels.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/catalogCardMenuPanels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAA8B,MAAM,aAAa,CAAC;AAoCnF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAMA;AA2FD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,IAAI,EACJ,YAAiB,EACjB,YAAY,EACZ,cAAc,EACd,iBAAyB,EACzB,MAAM,EACN,cAA+B,EAC/B,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAA;KAAE,CAAC;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAgDA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
type CatalogCatalogCardTagsRowProps = {
|
|
2
2
|
tags: string[];
|
|
3
|
-
selected?: boolean;
|
|
4
3
|
/** Misma apariencia que hover de tarjeta (texto/borde de marca) sin depender del puntero. */
|
|
5
4
|
emphasized?: boolean;
|
|
6
5
|
className?: string;
|
|
@@ -9,6 +8,6 @@ type CatalogCatalogCardTagsRowProps = {
|
|
|
9
8
|
* Fila única de badges: ajusta al ancho del contenedor y muestra `+n` por los que no caben.
|
|
10
9
|
* El `+n` abre un `Popup` con el resto de etiquetas como lista de badges.
|
|
11
10
|
*/
|
|
12
|
-
export declare function CatalogCatalogCardTagsRow({ tags,
|
|
11
|
+
export declare function CatalogCatalogCardTagsRow({ tags, emphasized, className, }: CatalogCatalogCardTagsRowProps): import("react/jsx-runtime").JSX.Element | null;
|
|
13
12
|
export {};
|
|
14
13
|
//# sourceMappingURL=catalogCardTagsRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalogCardTagsRow.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/catalogCardTagsRow.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"catalogCardTagsRow.d.ts","sourceRoot":"","sources":["../../../../../src/modules/CatalogCard/components/organisms/catalogCardTagsRow.tsx"],"names":[],"mappings":"AA2BA,KAAK,8BAA8B,GAAG;IACpC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,8BAA8B,kDAyLhC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { CatalogCard } from './components';
|
|
2
2
|
export { catalogCardDefaultMediaIndicators } from './constants/mediaIndicators';
|
|
3
|
-
export type { CatalogCardCatalogProps, CatalogCardFamily, CatalogCardMediaIndicator, CatalogCardMediaIndicatorTooltipProps, CatalogCardMenuItem, CatalogCardPrimaryVariant, CatalogCardProps, CatalogCardSupplierProps, CatalogSupplierContactRow, } from './types';
|
|
3
|
+
export type { CatalogCardCatalogProps, CatalogCardFamily, CatalogCardInteractionContext, CatalogCardMediaIndicator, CatalogCardMediaIndicatorTooltipProps, CatalogCardMenuItem, CatalogCardMenuItemContext, CatalogCardPrimaryVariant, CatalogCardProps, CatalogCardSupplierProps, CatalogSupplierContactRow, } from './types';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/CatalogCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,yBAAyB,EACzB,qCAAqC,EACrC,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/CatalogCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,6BAA6B,EAC7B,yBAAyB,EACzB,qCAAqC,EACrC,mBAAmB,EACnB,0BAA0B,EAC1B,yBAAyB,EACzB,gBAAgB,EAChB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
@@ -7,7 +7,12 @@ export declare const MediaIndicadoresConTooltip: StoryObj<typeof CatalogCard>;
|
|
|
7
7
|
export declare const CamionesAgregarDefault: StoryObj<typeof CatalogCard>;
|
|
8
8
|
export declare const EstadosAgregarYSeleccion: StoryObj<typeof CatalogCard>;
|
|
9
9
|
export declare const ProveedorAncho: StoryObj<typeof CatalogCard>;
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const ProveedorGaleriaEstados: StoryObj<typeof CatalogCard>;
|
|
11
|
+
export declare const ProveedorSinRating: StoryObj<typeof CatalogCard>;
|
|
12
|
+
export declare const ProveedorContactoStrings: StoryObj<typeof CatalogCard>;
|
|
13
|
+
export declare const ProveedorTarjetaClickeable: StoryObj<typeof CatalogCard>;
|
|
14
|
+
export declare const ProveedorSoloBotonOpciones: StoryObj<typeof CatalogCard>;
|
|
11
15
|
export declare const FlujoAgregarListaDesplegable: StoryObj<typeof CatalogCard>;
|
|
12
16
|
export declare const FlujoQuitarListaDesplegable: StoryObj<typeof CatalogCard>;
|
|
17
|
+
export declare const IndoorPadre: StoryObj<typeof CatalogCard>;
|
|
13
18
|
//# sourceMappingURL=CatalogCard.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/CatalogCard/stories/CatalogCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqC,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"CatalogCard.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/CatalogCard/stories/CatalogCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqC,MAAM,IAAI,CAAC;AAGpE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA8NlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,WAAW,CAsE3D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,WAAW,CAyEnE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,OAAO,WAAW,CA+D/D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,OAAO,WAAW,CAiCjE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,WAAW,CAwCvD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,OAAO,WAAW,CAsBhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,WAAW,CAwB3D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,OAAO,WAAW,CAqBjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,WAAW,CA+BnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,WAAW,CAuBnE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,OAAO,WAAW,CA0CrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,OAAO,WAAW,CAsCpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,WAAW,CA4CpD,CAAC"}
|
|
@@ -1,29 +1,49 @@
|
|
|
1
1
|
import { IconProps } from '../../../shared/types/icon';
|
|
2
2
|
import { TooltipProps } from '../../../shared/types/tooltip';
|
|
3
|
+
import { VisualSlotType } from '../../../shared/types/types';
|
|
3
4
|
/**
|
|
4
5
|
* Familia de ancho según Figma [Cards](https://www.figma.com/design/3w0SWvV7C5tDKUybsOcgA4/Cards):
|
|
5
6
|
* catálogo **250px**, proveedor **~270px**.
|
|
6
7
|
*/
|
|
7
8
|
export type CatalogCardFamily = 'catalog' | 'supplier';
|
|
8
9
|
/**
|
|
9
|
-
*
|
|
10
|
-
*
|
|
10
|
+
* Variante del botón principal de catálogo (*Agregar* / *Agregado* / *Quitar*).
|
|
11
|
+
* Sin panel del CTA: `add` usa icono bookmark-plus; `added` circle-check y en hover *Quitar* con xmark; `remove` xmark.
|
|
11
12
|
*/
|
|
12
|
-
export type
|
|
13
|
+
export type CatalogCardPrimaryVariant = 'add' | 'added' | 'remove';
|
|
14
|
+
/**
|
|
15
|
+
* Datos del ítem de menú (sin `onSelect`) que se pasan a {@link CatalogCardMenuItem} `onSelect` al elegir la fila.
|
|
16
|
+
*/
|
|
17
|
+
export type CatalogCardMenuItemContext = {
|
|
13
18
|
type?: 'item';
|
|
14
19
|
/** Clave estable para listas controladas desde Storybook. */
|
|
15
20
|
id?: string;
|
|
16
21
|
label: string;
|
|
22
|
+
/** Icono a la izquierda (p. ej. icono Font Awesome). */
|
|
23
|
+
icon?: VisualSlotType;
|
|
17
24
|
color?: 'blue' | 'red';
|
|
18
25
|
current?: boolean;
|
|
19
|
-
onSelect?: () => void;
|
|
20
|
-
} | {
|
|
21
|
-
type: 'separator';
|
|
22
26
|
};
|
|
23
27
|
/**
|
|
24
|
-
*
|
|
28
|
+
* Contexto de la tarjeta para callbacks de interacción (clic en tarjeta, CTA principal, **…**).
|
|
29
|
+
* El parámetro es opcional en el handler del consumidor.
|
|
25
30
|
*/
|
|
26
|
-
export type
|
|
31
|
+
export type CatalogCardInteractionContext = {
|
|
32
|
+
family: CatalogCardFamily;
|
|
33
|
+
/** Catálogo: `title` de la tarjeta. Proveedor: `name` (se expone como `title`). */
|
|
34
|
+
title: string;
|
|
35
|
+
primaryVariant?: CatalogCardPrimaryVariant;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* Ítem o separador del menú contextual (botón **…** o lista del CTA principal).
|
|
39
|
+
* El componente renderiza `Popup` + `List` internamente; no se pasan nodos React arbitrarios.
|
|
40
|
+
*/
|
|
41
|
+
export type CatalogCardMenuItem = (CatalogCardMenuItemContext & {
|
|
42
|
+
/** Recibe el mismo objeto de ítem sin `onSelect` (el parámetro es opcional). */
|
|
43
|
+
onSelect?: (item?: CatalogCardMenuItemContext) => void;
|
|
44
|
+
}) | {
|
|
45
|
+
type: 'separator';
|
|
46
|
+
};
|
|
27
47
|
/** Props del `Tooltip` aplicables a cada indicador (sin `label` ni `children`). */
|
|
28
48
|
export type CatalogCardMediaIndicatorTooltipProps = Omit<Partial<TooltipProps>, 'children' | 'label'>;
|
|
29
49
|
/**
|
|
@@ -50,7 +70,8 @@ export interface CatalogSupplierContactRow {
|
|
|
50
70
|
type CatalogCardSharedProps = {
|
|
51
71
|
className?: string;
|
|
52
72
|
/**
|
|
53
|
-
* Estado *agregado* / seleccionado
|
|
73
|
+
* Estado lógico *agregado* / seleccionado (p. ej. tests, `data-selected` en el root). **No** cambia el aspecto de la tarjeta;
|
|
74
|
+
* el contenedor solo usa hover (`hover:ui-bg-surface-brand-hover`) salvo `emphasized`.
|
|
54
75
|
*/
|
|
55
76
|
selected?: boolean;
|
|
56
77
|
/**
|
|
@@ -64,8 +85,9 @@ type CatalogCardSharedProps = {
|
|
|
64
85
|
/**
|
|
65
86
|
* Clic en la tarjeta (accesible con teclado). Los controles del CTA detienen la propagación.
|
|
66
87
|
* El hover aplica fondo `surface-brand-hover` y sombra como en **224:4380**, sin cambiar borde ni anillo; la mano (`cursor-pointer`) solo si hay `onClick`.
|
|
88
|
+
* Recibe {@link CatalogCardInteractionContext} (parámetro opcional).
|
|
67
89
|
*/
|
|
68
|
-
onClick?: () => void;
|
|
90
|
+
onClick?: (context?: CatalogCardInteractionContext) => void;
|
|
69
91
|
};
|
|
70
92
|
/**
|
|
71
93
|
* Tarjeta de **catálogo** (medio): API cerrada por props; media, detalle y CTA los compone el organismo.
|
|
@@ -87,36 +109,92 @@ export type CatalogCardCatalogProps = CatalogCardSharedProps & {
|
|
|
87
109
|
* Si es `true` y `indicators` no tiene elementos, se muestran dos indicadores por defecto (reloj y calendario, estilo éxito).
|
|
88
110
|
*/
|
|
89
111
|
showAvailabilityIndicators?: boolean;
|
|
90
|
-
|
|
112
|
+
/** Si se omite o va vacío, no se muestra la etiqueta de categoría (fila superior izquierda). */
|
|
113
|
+
categoryLabel?: string;
|
|
91
114
|
ratingValue?: string;
|
|
92
115
|
title: string;
|
|
93
|
-
|
|
116
|
+
/** Si se omite o va vacío, no se muestra la fila de ubicación (icono + texto). */
|
|
117
|
+
locationLabel?: string;
|
|
118
|
+
/**
|
|
119
|
+
* @deprecated La ubicación ya no se renderiza como enlace; se ignora.
|
|
120
|
+
*/
|
|
94
121
|
locationHref?: string;
|
|
95
122
|
/**
|
|
96
|
-
* Badges informativos bajo la ubicación
|
|
97
|
-
* el exceso se resume en un badge `+n`
|
|
123
|
+
* Badges informativos bajo la ubicación (solo lectura en la tarjeta: no reflejan la selección del panel).
|
|
124
|
+
* Se muestran en **una sola fila** al ancho de la tarjeta; el exceso se resume en un badge `+n` con el resto en un `Popup`.
|
|
125
|
+
* Con {@link CatalogCardCatalogProps.onPrimaryTagsSelectionChange}, el **CTA** abre el panel con **checkboxes** sobre las mismas cadenas.
|
|
98
126
|
*/
|
|
99
127
|
tags?: string[];
|
|
128
|
+
/**
|
|
129
|
+
* Subconjunto de {@link CatalogCardCatalogProps.tags} marcado en el panel del **CTA principal** (checkboxes).
|
|
130
|
+
* Modo controlado: el padre debe actualizar este array al recibir {@link CatalogCardCatalogProps.onPrimaryTagsSelectionChange}.
|
|
131
|
+
*/
|
|
132
|
+
primarySelectedTags?: string[];
|
|
133
|
+
/**
|
|
134
|
+
* Selección inicial del CTA en modo checkboxes (modo no controlado).
|
|
135
|
+
* Ignorado si `primarySelectedTags` está definido.
|
|
136
|
+
*/
|
|
137
|
+
defaultPrimarySelectedTags?: string[];
|
|
138
|
+
/**
|
|
139
|
+
* Se dispara en **cada** cambio de selección en el panel del CTA (un tag, *seleccionar todas* o ninguna).
|
|
140
|
+
* Recibe las etiquetas seleccionadas (subconjunto de `tags`) y opcionalmente {@link CatalogCardInteractionContext}.
|
|
141
|
+
*/
|
|
142
|
+
onPrimaryTagsSelectionChange?: (selectedTags: string[], context?: CatalogCardInteractionContext) => void;
|
|
143
|
+
/**
|
|
144
|
+
* Texto del checkbox *seleccionar todas* en el panel del CTA cuando hay más de un `tag`.
|
|
145
|
+
* Solo aplica con `onPrimaryTagsSelectionChange`.
|
|
146
|
+
* @defaultValue `'Seleccionar todas'`
|
|
147
|
+
*/
|
|
148
|
+
primaryTagsSelectAllLabel?: string;
|
|
149
|
+
/**
|
|
150
|
+
* Muestra *Seleccionar todas* en el panel del CTA (solo si hay más de un tag).
|
|
151
|
+
* En Figma [233:13284](https://www.figma.com/design/3w0SWvV7C5tDKUybsOcgA4/Cards?node-id=233-13284) no aparece; por defecto `false`.
|
|
152
|
+
*/
|
|
153
|
+
primaryTagsShowSelectAll?: boolean;
|
|
100
154
|
/** Resalta el botón de opciones (estado visual *pressed* en **…**). */
|
|
101
155
|
optionsPressed?: boolean;
|
|
156
|
+
/**
|
|
157
|
+
* Si se define (o {@link CatalogCardCatalogProps.primaryLinkTo}), el CTA principal es un **InnerButton** como `<a>` (`link`):
|
|
158
|
+
* estilo **primary** sólido, icono `eye`, texto y enlace centrados; no aplica `primaryVariant`, panel del CTA ni checkboxes de `tags`.
|
|
159
|
+
*/
|
|
160
|
+
primaryLinkHref?: string;
|
|
161
|
+
/**
|
|
162
|
+
* Destino del enlace (convención tipo *to* de router); si existe, **tiene prioridad** sobre {@link CatalogCardCatalogProps.primaryLinkHref}.
|
|
163
|
+
* Se pasa al `href` del `<a>` interno.
|
|
164
|
+
*/
|
|
165
|
+
primaryLinkTo?: string;
|
|
166
|
+
/** @defaultValue `'Ver más'` */
|
|
167
|
+
primaryLinkLabel?: string;
|
|
168
|
+
/** @defaultValue `'_self'` */
|
|
169
|
+
primaryLinkTarget?: '_self' | '_blank';
|
|
102
170
|
/** @default 'add' */
|
|
103
171
|
primaryVariant?: CatalogCardPrimaryVariant;
|
|
104
172
|
/** Si se omite, depende de `primaryVariant`. */
|
|
105
173
|
primaryLabel?: string;
|
|
106
|
-
|
|
107
|
-
|
|
174
|
+
/** Recibe {@link CatalogCardInteractionContext} (parámetro opcional). No aplica si hay {@link CatalogCardCatalogProps.primaryLinkTo} / {@link CatalogCardCatalogProps.primaryLinkHref}. */
|
|
175
|
+
onPrimaryClick?: (context?: CatalogCardInteractionContext) => void;
|
|
176
|
+
/** Recibe {@link CatalogCardInteractionContext} (parámetro opcional). */
|
|
177
|
+
onOptionsClick?: (context?: CatalogCardInteractionContext) => void;
|
|
108
178
|
/**
|
|
109
|
-
* Menú del botón **…** (`Popup` + `List`)
|
|
179
|
+
* Menú del botón **…** (`Popup` + `List`): acciones con un clic; al elegir una fila se cierra el panel.
|
|
180
|
+
* El panel se ancla **por encima** del trigger (`top-left`). Si no hay ítems, el botón solo dispara `onOptionsClick`.
|
|
110
181
|
*/
|
|
111
182
|
optionsMenuItems?: CatalogCardMenuItem[];
|
|
112
183
|
/**
|
|
113
|
-
*
|
|
184
|
+
* Contenido adicional del `Popup` del CTA principal: filas con un clic que cierran el panel (p. ej. *Agregar a carrito A*).
|
|
185
|
+
* Puede combinarse con checkboxes de `tags` vía {@link CatalogCardCatalogProps.onPrimaryTagsSelectionChange}.
|
|
114
186
|
*/
|
|
115
187
|
primaryMenuItems?: CatalogCardMenuItem[];
|
|
116
|
-
/**
|
|
188
|
+
/**
|
|
189
|
+
* Botón bajo la lista del menú del CTA (p. ej. *Cancelar* / *Cerrar*).
|
|
190
|
+
* Con selección por etiquetas, si no lo pasas se usa por defecto **Cerrar** (cierra el `Popup`).
|
|
191
|
+
* `onClick` recibe el mismo objeto `{ label }` (parámetro opcional).
|
|
192
|
+
*/
|
|
117
193
|
primaryMenuFooter?: {
|
|
118
194
|
label: string;
|
|
119
|
-
onClick
|
|
195
|
+
onClick?: (footer?: {
|
|
196
|
+
label: string;
|
|
197
|
+
}) => void;
|
|
120
198
|
};
|
|
121
199
|
/** @defaultValue altura ~212px del panel con scroll (Figma **224:4380**). */
|
|
122
200
|
primaryMenuMaxHeightClass?: string;
|
|
@@ -127,17 +205,21 @@ export type CatalogCardCatalogProps = CatalogCardSharedProps & {
|
|
|
127
205
|
export type CatalogCardSupplierProps = CatalogCardSharedProps & {
|
|
128
206
|
family: 'supplier';
|
|
129
207
|
ratingValue?: string;
|
|
130
|
-
/**
|
|
208
|
+
/** Si se omite o va vacío, no se muestra el badge de estado en la cabecera. */
|
|
131
209
|
statusLabel?: string;
|
|
132
210
|
avatarInitials: string;
|
|
133
211
|
name: string;
|
|
134
212
|
subtitle: string;
|
|
135
|
-
|
|
136
|
-
|
|
213
|
+
/** Si se omite, no se muestra la fila de teléfono. */
|
|
214
|
+
phone?: CatalogSupplierContactRow | string;
|
|
215
|
+
/** Si se omite, no se muestra la fila de correo. */
|
|
216
|
+
email?: CatalogSupplierContactRow | string;
|
|
137
217
|
/** @defaultValue Ver detalles */
|
|
138
218
|
primaryButtonLabel?: string;
|
|
139
|
-
|
|
140
|
-
|
|
219
|
+
/** Recibe {@link CatalogCardInteractionContext} (parámetro opcional). */
|
|
220
|
+
onPrimaryClick?: (context?: CatalogCardInteractionContext) => void;
|
|
221
|
+
/** Recibe {@link CatalogCardInteractionContext} (parámetro opcional). */
|
|
222
|
+
onOptionsClick?: (context?: CatalogCardInteractionContext) => void;
|
|
141
223
|
optionsMenuItems?: CatalogCardMenuItem[];
|
|
142
224
|
};
|
|
143
225
|
export type CatalogCardProps = CatalogCardCatalogProps | CatalogCardSupplierProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/CatalogCard/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/CatalogCard/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerButton.d.ts","sourceRoot":"","sources":["../../../src/modules/InnerButton/InnerButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA8DzD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"InnerButton.d.ts","sourceRoot":"","sources":["../../../src/modules/InnerButton/InnerButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA8DzD,eAAO,MAAM,WAAW,iIA6kBtB,CAAC"}
|
|
@@ -6,6 +6,10 @@ export interface ListItemCheckboxProps {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
onChange?: (checked: boolean) => void;
|
|
8
8
|
className?: string;
|
|
9
|
+
/** Clases del título; útil con `className` de fila (p. ej. fondo de marca + `ui-text-on-color`). */
|
|
10
|
+
titleClassName?: string;
|
|
11
|
+
/** Si es `true`, no aplica fondo al pasar el ratón (p. ej. listas en popover). @defaultValue false */
|
|
12
|
+
disableHover?: boolean;
|
|
9
13
|
}
|
|
10
14
|
export declare const ListItemCheckbox: React.FC<ListItemCheckboxProps>;
|
|
11
15
|
//# sourceMappingURL=ListItemCheckbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Lists/components/molecules/ListItemCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Lists/components/molecules/ListItemCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sGAAsG;IACtG,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwD5D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Popup/components/organisms/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAa5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Popup/components/organisms/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAa5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,KAAK,6EAoUjB,CAAC"}
|
|
@@ -5,7 +5,7 @@ export declare const POPUP_OPEN_ON_HOVER_DEFAULT_MS = 200;
|
|
|
5
5
|
/** Margen al salir del trigger o del panel antes de cerrar (ms). */
|
|
6
6
|
export declare const POPUP_OPEN_ON_HOVER_CLOSE_DELAY_MS = 100;
|
|
7
7
|
interface UsePopupProps {
|
|
8
|
-
position?: 'top' | 'bottom' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
8
|
+
position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
|
|
9
9
|
offset?: number;
|
|
10
10
|
closeOnClickOutside?: boolean;
|
|
11
11
|
closeOnEscape?: boolean;
|
|
@@ -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;AA2HhF,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,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAaD,eAAO,MAAM,QAAQ,GAAI,wJAatB,aAAa;;;;;;;;;;0BAuVH,KAAK,CAAC,UAAU;;;;;;;;;;;CAsL5B,CAAC"}
|
|
@@ -12,7 +12,7 @@ export declare const POPUP_ARROW_OVERHANG_PX = 11;
|
|
|
12
12
|
* «no se mueve nada»; aquí el cambio es siempre visible (más pico hacia el trigger al subir el valor).
|
|
13
13
|
*/
|
|
14
14
|
export declare const POPOVER_ARROW_SIDE_GAP_EXTRA_PX = -1.5;
|
|
15
|
-
type PopupPosition = 'top' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
|
|
15
|
+
type PopupPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
|
|
16
16
|
/**
|
|
17
17
|
* Flecha en modo manual según alineación sobre el borde del panel.
|
|
18
18
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popupArrowPlacement.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/utils/popupArrowPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhG,yFAAyF;AACzF,eAAO,MAAM,mCAAmC,IAAI,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,OAAO,CAAC;AAEpD,KAAK,aAAa,GACd,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,eAAe,GACf,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"popupArrowPlacement.d.ts","sourceRoot":"","sources":["../../../../src/modules/Popup/utils/popupArrowPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhG,yFAAyF;AACzF,eAAO,MAAM,mCAAmC,IAAI,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,OAAO,CAAC;AAEpD,KAAK,aAAa,GACd,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,eAAe,GACf,aAAa,CAAC;AAyBlB;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,CAAC,cAAc,EAAE,KAAK,GAAG,MAAM,CAAC,EAC7C,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,mBAAmB,CAkBrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,mBAAmB,CAWrB;AAED,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM;AACnB,wGAAwG;AACxG,QAAQ,EAAE,OAAO,GAChB,mBAAmB,GAAG,IAAI,CAW5B"}
|
|
@@ -37,7 +37,7 @@ export interface PopupProps extends Omit<ButtonProps, 'tooltipColor'> {
|
|
|
37
37
|
*/
|
|
38
38
|
triggerRef?: RefObject<HTMLElement | null>;
|
|
39
39
|
label?: string;
|
|
40
|
-
position?: 'top' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
|
|
40
|
+
position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
|
|
41
41
|
/**
|
|
42
42
|
* Separación en px entre el trigger y el borde del panel. Con `popoverArrow` activo, el valor
|
|
43
43
|
* se interpreta como separación deseada entre trigger y **punta** de la flecha (mínimo 6px).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../src/shared/types/popup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;CACvB;AAED,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjE,uFAAuF;AACvF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,cAAc,CAAC;IACrB,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../src/shared/types/popup.ts"],"names":[],"mappings":"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"}
|