@imj_media/ui 1.2.27 → 1.2.28
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/dist/index.css +1 -1
- package/dist/index.esm.js +710 -686
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/modules/Toast/stories/toast.stories.d.ts +1 -0
- package/dist/modules/Toast/stories/toast.stories.d.ts.map +1 -1
- package/dist/modules/Toolbar/components/organisms/Toolbar.d.ts.map +1 -1
- package/dist/modules/Toolbar/stories/Toolbar.stories.d.ts +4 -0
- package/dist/modules/Toolbar/stories/Toolbar.stories.d.ts.map +1 -1
- package/dist/modules/Toolbar/types/index.d.ts +32 -8
- package/dist/modules/Toolbar/types/index.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -13,4 +13,5 @@ export declare const Posiciones: Story;
|
|
|
13
13
|
export declare const Colores: Story;
|
|
14
14
|
export declare const PosicionesYColores: Story;
|
|
15
15
|
export declare const DuraciónPersonalizada: Story;
|
|
16
|
+
export declare const UsoEnHook: Story;
|
|
16
17
|
//# sourceMappingURL=toast.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toast/stories/toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAS,OAAO,EAAqB,MAAM,IAAI,CAAA;AAItD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAClC,eAAO,MAAM,GAAG,EAAE,KA2EjB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAyErB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAwGvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA0H5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmJxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgHrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwKhC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAoEnC,CAAA"}
|
|
1
|
+
{"version":3,"file":"toast.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toast/stories/toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAS,OAAO,EAAqB,MAAM,IAAI,CAAA;AAItD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAClC,eAAO,MAAM,GAAG,EAAE,KA2EjB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAyErB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAwGvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA0H5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmJxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAgHrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwKhC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAoEnC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsGvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Toolbar/components/organisms/Toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA+B,MAAM,aAAa,CAAA;AAGvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,GAAI,wDAOrB,YAAY,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Toolbar/components/organisms/Toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA+B,MAAM,aAAa,CAAA;AAGvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,GAAI,wDAOrB,YAAY,uCA4Od,CAAA"}
|
|
@@ -8,5 +8,9 @@ export declare const MultipleButtonsWithAddons: Story;
|
|
|
8
8
|
export declare const SelectAllButton: Story;
|
|
9
9
|
export declare const IconsOnly: Story;
|
|
10
10
|
export declare const WithDisabledButtons: Story;
|
|
11
|
+
export declare const WithPillButtons: Story;
|
|
12
|
+
export declare const WithButtonsInAddons: Story;
|
|
13
|
+
export declare const WithTooltips: Story;
|
|
14
|
+
export declare const ExternalControl: Story;
|
|
11
15
|
export default meta;
|
|
12
16
|
//# sourceMappingURL=Toolbar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/stories/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgD9B,CAAA;AAED,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,aAAa,EAAE,KAuD3B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KA6E9B,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE,KAwFvC,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAoDvB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAyDjC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
1
|
+
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/stories/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgD9B,CAAA;AAED,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,aAAa,EAAE,KAuD3B,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KA6E9B,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE,KAwFvC,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAoDvB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAyDjC,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAyD7B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAuFjC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAmE1B,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KA2F7B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonColors, VisualSlotType } from '../../../shared/types/types';
|
|
1
|
+
import { ButtonColors, VisualSlotType, PillSize, TooltipPosition, TooltipAlignment } from '../../../shared/types/types';
|
|
2
2
|
import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
3
3
|
type AnyIconDefinition = IconProp | IconDefinition | {
|
|
4
4
|
icon: any;
|
|
@@ -22,30 +22,54 @@ export interface ToolbarButton {
|
|
|
22
22
|
show?: boolean;
|
|
23
23
|
/** Addons asociados a este botón (se muestran al hacer click) */
|
|
24
24
|
addons?: ToolbarAddon[];
|
|
25
|
+
/** Radio de borde del botón (pill = completamente redondeado) */
|
|
26
|
+
pill?: PillSize;
|
|
27
|
+
/** Texto del tooltip que se muestra al hacer hover */
|
|
28
|
+
tooltip?: string;
|
|
29
|
+
/** Posición del tooltip */
|
|
30
|
+
tooltipPosition?: TooltipPosition;
|
|
31
|
+
/** Alineación del tooltip */
|
|
32
|
+
tooltipAlignment?: TooltipAlignment;
|
|
33
|
+
/** Retraso en milisegundos antes de mostrar el tooltip */
|
|
34
|
+
tooltipDelay?: number;
|
|
25
35
|
}
|
|
26
36
|
/**
|
|
27
37
|
* Configuración de un addon en el Toolbar
|
|
28
38
|
*/
|
|
29
39
|
export interface ToolbarAddon {
|
|
30
|
-
/** Tipo de addon: 'input' o '
|
|
31
|
-
type: 'input' | 'date';
|
|
32
|
-
/** Label del addon */
|
|
40
|
+
/** Tipo de addon: 'input', 'date' o 'button' */
|
|
41
|
+
type: 'input' | 'date' | 'button';
|
|
42
|
+
/** Label del addon (para inputs y buttons) */
|
|
33
43
|
label?: string;
|
|
34
|
-
/** Icono del addon */
|
|
44
|
+
/** Icono del addon (para buttons) */
|
|
35
45
|
icon?: VisualSlotType | AnyIconDefinition;
|
|
36
|
-
/** Slot izquierdo */
|
|
46
|
+
/** Slot izquierdo (para inputs) */
|
|
37
47
|
leftSlot?: VisualSlotType;
|
|
38
|
-
/** Slot derecho */
|
|
48
|
+
/** Slot derecho (para inputs) */
|
|
39
49
|
rightSlot?: VisualSlotType;
|
|
40
|
-
/** Handler cuando cambia el valor */
|
|
50
|
+
/** Handler cuando cambia el valor (para inputs y date pickers) */
|
|
41
51
|
onChange?: (value: string | Date | null | {
|
|
42
52
|
start: Date | null;
|
|
43
53
|
end: Date | null;
|
|
44
54
|
}) => void;
|
|
55
|
+
/** Handler cuando se hace click en el botón (para type: 'button') */
|
|
56
|
+
onClick?: () => void;
|
|
57
|
+
/** Color del botón (para type: 'button') */
|
|
58
|
+
color?: ButtonColors;
|
|
45
59
|
/** Si el addon está deshabilitado */
|
|
46
60
|
disabled?: boolean;
|
|
47
61
|
/** Si el addon debe mostrarse (por defecto: true) */
|
|
48
62
|
show?: boolean;
|
|
63
|
+
/** Radio de borde del botón (para type: 'button', pill = completamente redondeado) */
|
|
64
|
+
pill?: PillSize;
|
|
65
|
+
/** Texto del tooltip que se muestra al hacer hover (para type: 'button') */
|
|
66
|
+
tooltip?: string;
|
|
67
|
+
/** Posición del tooltip (para type: 'button') */
|
|
68
|
+
tooltipPosition?: TooltipPosition;
|
|
69
|
+
/** Alineación del tooltip (para type: 'button') */
|
|
70
|
+
tooltipAlignment?: TooltipAlignment;
|
|
71
|
+
/** Retraso en milisegundos antes de mostrar el tooltip (para type: 'button') */
|
|
72
|
+
tooltipDelay?: number;
|
|
49
73
|
/** Valor inicial para inputs */
|
|
50
74
|
value?: string;
|
|
51
75
|
/** Valor inicial para date picker (fecha única) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAY,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Toolbar/types/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED