@royaltics/ui 1.0.6 → 1.0.8
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/components/CheckboxTree.d.ts.map +1 -1
- package/dist/components/CheckboxTree.js +0 -5
- package/dist/components/CheckboxTree.js.map +1 -1
- package/dist/components/ConfirmDialogModal.d.ts +14 -0
- package/dist/components/ConfirmDialogModal.d.ts.map +1 -0
- package/dist/components/ConfirmDialogModal.js +25 -0
- package/dist/components/ConfirmDialogModal.js.map +1 -0
- package/dist/components/ConfirmDialogModal.stories.d.ts +18 -0
- package/dist/components/ConfirmDialogModal.stories.d.ts.map +1 -0
- package/dist/components/ConfirmDialogModal.stories.js +39 -0
- package/dist/components/ConfirmDialogModal.stories.js.map +1 -0
- package/dist/components/GenericCard.d.ts +3 -2
- package/dist/components/GenericCard.d.ts.map +1 -1
- package/dist/components/GenericCard.js +2 -7
- package/dist/components/GenericCard.js.map +1 -1
- package/dist/components/GenericCard.stories.d.ts +17 -0
- package/dist/components/GenericCard.stories.d.ts.map +1 -0
- package/dist/components/GenericCard.stories.js +30 -0
- package/dist/components/GenericCard.stories.js.map +1 -0
- package/dist/components/Paginate.d.ts +22 -0
- package/dist/components/Paginate.d.ts.map +1 -0
- package/dist/components/Paginate.js +102 -0
- package/dist/components/Paginate.js.map +1 -0
- package/dist/components/Paginate.stories.d.ts +18 -0
- package/dist/components/Paginate.stories.d.ts.map +1 -0
- package/dist/components/Paginate.stories.js +40 -0
- package/dist/components/Paginate.stories.js.map +1 -0
- package/dist/components/PhotoCard.d.ts +12 -0
- package/dist/components/PhotoCard.d.ts.map +1 -0
- package/dist/components/PhotoCard.js +62 -0
- package/dist/components/PhotoCard.js.map +1 -0
- package/dist/components/PlayerYoutube.d.ts +17 -0
- package/dist/components/PlayerYoutube.d.ts.map +1 -0
- package/dist/components/PlayerYoutube.js +41 -0
- package/dist/components/PlayerYoutube.js.map +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +6 -0
- package/dist/components/index.js.map +1 -1
- package/dist/constants/Variants.js +1 -1
- package/dist/constants/Variants.js.map +1 -1
- package/dist/forms/Button.d.ts +12 -0
- package/dist/forms/Button.d.ts.map +1 -0
- package/dist/forms/Button.js +28 -0
- package/dist/forms/Button.js.map +1 -0
- package/dist/forms/Button.stories.d.ts +18 -0
- package/dist/forms/Button.stories.d.ts.map +1 -0
- package/dist/forms/Button.stories.js +41 -0
- package/dist/forms/Button.stories.js.map +1 -0
- package/dist/forms/Checkbox.d.ts.map +1 -1
- package/dist/forms/Checkbox.js +18 -4
- package/dist/forms/Checkbox.js.map +1 -1
- package/dist/forms/Input.d.ts.map +1 -1
- package/dist/forms/Input.js +1 -1
- package/dist/forms/Input.js.map +1 -1
- package/dist/forms/LinkButton.d.ts +8 -0
- package/dist/forms/LinkButton.d.ts.map +1 -0
- package/dist/forms/LinkButton.js +9 -0
- package/dist/forms/LinkButton.js.map +1 -0
- package/dist/forms/LinkButton.stories.d.ts +7 -0
- package/dist/forms/LinkButton.stories.d.ts.map +1 -0
- package/dist/forms/LinkButton.stories.js +48 -0
- package/dist/forms/LinkButton.stories.js.map +1 -0
- package/dist/forms/Select.d.ts +1 -2
- package/dist/forms/Select.d.ts.map +1 -1
- package/dist/forms/Select.js +1 -1
- package/dist/forms/Select.js.map +1 -1
- package/dist/forms/Select.stories.d.ts +1 -1
- package/dist/forms/TextArea.d.ts +5 -13
- package/dist/forms/TextArea.d.ts.map +1 -1
- package/dist/forms/TextArea.js +4 -4
- package/dist/forms/TextArea.js.map +1 -1
- package/dist/forms/TextArea.stories.d.ts +17 -0
- package/dist/forms/TextArea.stories.d.ts.map +1 -0
- package/dist/forms/TextArea.stories.js +29 -0
- package/dist/forms/TextArea.stories.js.map +1 -0
- package/dist/forms/index.d.ts +4 -3
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/index.js +4 -10
- package/dist/forms/index.js.map +1 -1
- package/package.json +1 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTree.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxTree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAoB,iBAAiB,EAAgB,MAAM,+BAA+B,CAAC;AAIlG,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"CheckboxTree.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxTree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAoB,iBAAiB,EAAgB,MAAM,+BAA+B,CAAC;AAIlG,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAgM7C;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -13,17 +13,12 @@ function CheckboxTree(props) {
|
|
|
13
13
|
const [componentId] = useState(id || `rct-${uuidv4()}`);
|
|
14
14
|
// UPDATE: Usamos useMemo para crear y actualizar el NodeModel y derivar flatNodesState
|
|
15
15
|
const [model, flatNodesState] = useMemo(() => {
|
|
16
|
-
// Crea una nueva instancia de NodeModel o re-usa la existente para evitar recrearla en cada render
|
|
17
|
-
// Siempre crea uno nuevo si hay cambio en mergedProps
|
|
18
16
|
const currentModel = new NodeModel(mergedProps);
|
|
19
17
|
// Asegura que el modelo se inicializa con los nodos y estados correctos
|
|
20
18
|
currentModel.flattenNodes(nodes);
|
|
21
19
|
currentModel.deserializeLists({ checked, expanded });
|
|
22
20
|
return [currentModel, currentModel.getNodes()];
|
|
23
21
|
}, [nodes, checked, expanded, disabled, mergedProps]); // Dependencias de useMemo
|
|
24
|
-
// UPDATE: Eliminamos el useEffect complejo. El estado ahora se deriva de las props directamente via useMemo.
|
|
25
|
-
// useEffect para actualizaciones, ya no es necesario el estado interno prevPropsRef o su lógica compleja.
|
|
26
|
-
// const prevPropsRef = useRef({ nodes, checked, expanded, disabled }); // REMOVED
|
|
27
22
|
const combineMemorizedIcons = useMemo(() => {
|
|
28
23
|
const defaultIcons = DefaultCheckBoxProps.icons;
|
|
29
24
|
return memoize((customIcons) => ({ ...defaultIcons, ...customIcons }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTree.js","sourceRoot":"","sources":["../../src/components/CheckboxTree.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,sCAAsC,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,QAAmB,MAAM,4BAA4B,CAAC;AAC7D,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAE9C,SAAS,YAAY,CAAC,KAAwB;IAC7C,MAAM,WAAW,GAAgC,EAAE,GAAG,oBAAoB,EAAE,GAAG,KAAK,EAAE,CAAC;IACvF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAC5I,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;IAGtI,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,IAAI,OAAO,MAAM,EAAE,EAAE,CAAC,CAAC;IAEhE,uFAAuF;IACvF,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5C,
|
|
1
|
+
{"version":3,"file":"CheckboxTree.js","sourceRoot":"","sources":["../../src/components/CheckboxTree.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,sCAAsC,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,QAAmB,MAAM,4BAA4B,CAAC;AAC7D,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAE9C,SAAS,YAAY,CAAC,KAAwB;IAC7C,MAAM,WAAW,GAAgC,EAAE,GAAG,oBAAoB,EAAE,GAAG,KAAK,EAAE,CAAC;IACvF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAC5I,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;IAGtI,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,IAAI,OAAO,MAAM,EAAE,EAAE,CAAC,CAAC;IAEhE,uFAAuF;IACvF,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5C,MAAM,YAAY,GAAG,IAAI,SAAS,CAAC,WAAW,CAAC,CAAC;QAChD,wEAAwE;QACxE,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,YAAY,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QAErD,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,0BAA0B;IAGjF,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;QAChD,OAAO,OAAO,CAAC,CAAC,WAA2B,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAElG,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;QAC3E,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,QAAQ,EAAsB,CAAC,CAAC;QACrH,oFAAoF;QACpF,yDAAyD;IAC1D,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,QAAS,CAAC,CAAC;QACpE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,QAAQ,EAAsB,CAAC,CAAC;QACvH,+EAA+E;IAChF,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,QAAsB,EAAE,EAAE;QACjE,IAAI,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3C,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAsB,CAAC,CAAC;QACvD,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE;QACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC/B,QAAQ,CACP,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC;aAC7B,aAAa,CAAC,UAAU,CAAC,CAC3B,CAAC;QACF,+EAA+E;IAChF,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,cAAc,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,IAAsB,EAAW,EAAE;QAC3E,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC9D,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CACzB,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAC/C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAsB,EAAW,EAAE;QAC1E,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC/D,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CACxB,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAC/C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,0BAA0B,GAAG,WAAW,CAAC,CAAC,IAAsB,EAAE,aAAsB,EAAa,EAAE;QAC5G,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,2CAA2C;QAExF,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC;QAExB,IAAI,QAAQ,CAAC,MAAM,IAAI,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YACvF,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QAED,IAAI,mBAAmB,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC;QACxC,IAAI,kBAAkB,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC;QAEvC,OAAO,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,qCAAqC;IAEpG,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,iBAAqC,EAAE,MAAyB,EAAmB,EAAE;QACzH,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,IAAI,CAAC,QAAQ;gBAAE,OAAO,IAAI,CAAC;YAE3B,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YAE/D,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,QAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAEvG,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;YAElF,MAAM,cAAc,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YACrF,IAAI,CAAC,cAAc,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC;gBACtC,OAAO,IAAI,CAAC;YACb,CAAC;YAED,OAAO,CACN,oBAAC,gBAAgB,IAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,QAAQ,EACvC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAChE,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,eAAe,IAExB,QAAQ,CACS,CACnB,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE;QACF,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa;QAC3E,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ;QAC1E,cAAc,EAAE,kBAAkB,EAAE,eAAe;QACnD,0BAA0B,EAAE,cAAc;KAC1C,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAoB,EAAE;QACzD,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;YAC3B,oBAAC,MAAM,IACN,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,kBAAkB;gBAE1B,KAAK,CAAC,SAAS;4BACR;YACT,oBAAC,MAAM,IACN,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,OAAO,EAAE,oBAAoB;gBAE5B,KAAK,CAAC,WAAW;4BACV,CACJ,CACN,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAGlF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAElF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC5B,qBAAqB,EAAE,IAAI;QAC3B,cAAc,EAAE,QAAQ;QACxB,oBAAoB,EAAE,gBAAgB;QACtC,mBAAmB,EAAE,SAAS,KAAK,KAAK;KACxC,CAAC,CAAC;IAGH,OAAO,CACN,6BAAK,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;QACxC,eAAe,EAAE;QAClB,gCACE,SAAS,CACN,CACA,CACN,CAAC;AACH,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeComponent } from '../types/global.js';
|
|
3
|
+
export interface ConfirmModalProps {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
width?: 'full' | 'max';
|
|
7
|
+
theme?: ThemeComponent;
|
|
8
|
+
onSuccess?: () => void;
|
|
9
|
+
onCancel?: () => void;
|
|
10
|
+
close: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare const ConfirmDialogModal: React.MemoExoticComponent<({ title, description, theme, width, onSuccess, onCancel, close }: ConfirmModalProps) => JSX.Element>;
|
|
13
|
+
export default ConfirmDialogModal;
|
|
14
|
+
//# sourceMappingURL=ConfirmDialogModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialogModal.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAsCD,QAAA,MAAM,kBAAkB,+FA3B4E,iBAAiB,KAAG,GAAG,CAAC,OAAO,CA2BhF,CAAC;AACpD,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { cn } from '../utils/cvmix.js';
|
|
3
|
+
import Button from '../forms/Button.js';
|
|
4
|
+
const themeClasses = {
|
|
5
|
+
primary: 'text-primary',
|
|
6
|
+
secondary: 'text-secondary',
|
|
7
|
+
success: ' text-success',
|
|
8
|
+
warn: ' text-warn',
|
|
9
|
+
danger: ' text-danger',
|
|
10
|
+
accent: 'text-accent',
|
|
11
|
+
};
|
|
12
|
+
const ConfirmModal = ({ title, description, theme = 'primary', width, onSuccess, onCancel, close }) => {
|
|
13
|
+
const themeClass = themeClasses[theme] || themeClasses.primary;
|
|
14
|
+
return (React.createElement("div", { className: cn("flex flex-col gap-4 p-6 rounded-md bg-background text-foreground", width == "full" && 'w-full') },
|
|
15
|
+
React.createElement("div", { className: "flex justify-between items-center" },
|
|
16
|
+
React.createElement("h2", { className: cn("text-lg xl:text-xl 2xl:text-2xl font-semibold w-full", themeClass) }, title),
|
|
17
|
+
React.createElement("button", { onClick: close, className: "text-xl hover:opacity-70" }, "\u00D7")),
|
|
18
|
+
description && React.createElement("p", { className: "text-sm py-4 text-muted-foreground" }, description),
|
|
19
|
+
React.createElement("div", { className: "flex justify-end gap-2 mt-2" },
|
|
20
|
+
onCancel && React.createElement(Button, { onClick: () => { onCancel(); close(); }, variant: 'outline', theme: 'secondary', lb: 'Cancelar' }),
|
|
21
|
+
onSuccess && React.createElement(Button, { onClick: () => { onSuccess(); close(); }, theme: theme, lb: 'Confirm' }))));
|
|
22
|
+
};
|
|
23
|
+
const ConfirmDialogModal = React.memo(ConfirmModal);
|
|
24
|
+
export default ConfirmDialogModal;
|
|
25
|
+
//# sourceMappingURL=ConfirmDialogModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialogModal.js","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAYxC,MAAM,YAAY,GAAmC;IACjD,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,EAAe,EAAE;IAClI,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC;IAE/D,OAAO,CACH,6BAAK,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,MAAM,IAAI,QAAQ,CAAC;QAE/G,6BAAK,SAAS,EAAC,mCAAmC;YAC9C,4BAAI,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,UAAU,CAAC,IAAG,KAAK,CAAM;YACpG,gCAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,0BAA0B,aAAiB,CAC3E;QACL,WAAW,IAAI,2BAAG,SAAS,EAAC,oCAAoC,IAAE,WAAW,CAAK;QACnF,6BAAK,SAAS,EAAC,6BAA6B;YACvC,QAAQ,IAAI,oBAAC,MAAM,IAChB,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EACvC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,WAAW,EACjB,EAAE,EAAC,UAAU,GACf;YACD,SAAS,IAAI,oBAAC,MAAM,IACjB,OAAO,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EACxC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,SAAS,GACd,CACA,CACH,CACV,CAAA;AACL,CAAC,CAAA;AACD,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AACpD,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ConfirmModalProps } from './ConfirmDialogModal.js';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").MemoExoticComponent<({ title, description, theme, width, onSuccess, onCancel, close }: ConfirmModalProps) => JSX.Element>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {
|
|
11
|
+
theme: any;
|
|
12
|
+
width: any;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
export declare const confirmDialogPrimary: StoryObj<typeof meta>;
|
|
17
|
+
export declare const confirmDialogSecondary: StoryObj<typeof meta>;
|
|
18
|
+
//# sourceMappingURL=ConfirmDialogModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialogModal.stories.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAA2B,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAKhF,QAAA,MAAM,IAAI;;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAStD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,CASxD,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import ConfirmDialogModal from './ConfirmDialogModal.js';
|
|
2
|
+
import { ArgumentsComponents } from '../types/StoriesArguments.js';
|
|
3
|
+
// Configuración general para el componente en Storybook
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'UI/Components/ConfirmDialog', // Categoría y nombre en la barra lateral de Storybook
|
|
6
|
+
component: ConfirmDialogModal,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered', // Centra el componente en el lienzo
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
argTypes: {
|
|
12
|
+
theme: ArgumentsComponents.theme,
|
|
13
|
+
width: ArgumentsComponents.width,
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
// Historias individuales
|
|
18
|
+
export const confirmDialogPrimary = {
|
|
19
|
+
args: {
|
|
20
|
+
title: "sdasdasd",
|
|
21
|
+
description: "asdasdasd",
|
|
22
|
+
theme: 'accent',
|
|
23
|
+
close: () => { },
|
|
24
|
+
onCancel: () => { },
|
|
25
|
+
onSuccess: () => { }
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
// Historias individuales
|
|
29
|
+
export const confirmDialogSecondary = {
|
|
30
|
+
args: {
|
|
31
|
+
title: "sdasdasd",
|
|
32
|
+
description: "asdasdasd",
|
|
33
|
+
theme: 'accent',
|
|
34
|
+
close: () => { },
|
|
35
|
+
onCancel: () => { },
|
|
36
|
+
onSuccess: () => { }
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=ConfirmDialogModal.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialogModal.stories.js","sourceRoot":"","sources":["../../src/components/ConfirmDialogModal.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAyC,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAiB,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGlF,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,6BAA6B,EAAE,sDAAsD;IAC5F,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACR,MAAM,EAAE,UAAU,EAAE,oCAAoC;KAC3D;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,mBAAmB,CAAC,KAAK;QAChC,KAAK,EAAE,mBAAmB,CAAC,KAAK;KACnC;CAC8B,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACvD,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,WAAW;QACxB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC;QAChB,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;QACnB,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;KACvB;CACJ,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,sBAAsB,GAA0B;IACzD,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,WAAW;QACxB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC;QAChB,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;QACnB,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;KACvB;CACJ,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { ThemeComponent } from '../types/global.js';
|
|
3
|
+
export interface GenericCardProps {
|
|
3
4
|
imageUrl?: string;
|
|
4
5
|
title?: string;
|
|
5
6
|
description?: string;
|
|
6
7
|
children?: React.ReactNode;
|
|
7
|
-
theme?:
|
|
8
|
+
theme?: ThemeComponent;
|
|
8
9
|
className?: string;
|
|
9
10
|
}
|
|
10
11
|
declare const GenericCard: React.FC<GenericCardProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../src/components/GenericCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../src/components/GenericCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGhE,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmC3C,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
const GenericCard = ({ imageUrl, title, description, children, theme = '
|
|
3
|
-
className = '', }) => {
|
|
2
|
+
const GenericCard = ({ imageUrl, title, description, children, theme, className = '', }) => {
|
|
4
3
|
// Clases base para el contenedor de la tarjeta
|
|
5
4
|
const baseClasses = 'rounded-lg shadow-md overflow-hidden';
|
|
6
|
-
|
|
7
|
-
const themeClasses = theme === 'dark'
|
|
8
|
-
? 'bg-gray-800 text-white'
|
|
9
|
-
: 'bg-white text-gray-900';
|
|
10
|
-
return (React.createElement("div", { className: `${baseClasses} ${themeClasses} ${className}` },
|
|
5
|
+
return (React.createElement("div", { className: `${baseClasses} bg-background text-foreground ${className}` },
|
|
11
6
|
imageUrl && (React.createElement("img", { className: "w-full h-48 object-cover", src: imageUrl, alt: title || 'Card image' })),
|
|
12
7
|
React.createElement("div", { className: "p-6" },
|
|
13
8
|
title && (React.createElement("h2", { className: "font-bold text-xl mb-2" }, title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenericCard.js","sourceRoot":"","sources":["../../src/components/GenericCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GenericCard.js","sourceRoot":"","sources":["../../src/components/GenericCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,GAA+B,CAAC,EAC7C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,GACjB,EAAE,EAAE;IACD,+CAA+C;IAC/C,MAAM,WAAW,GAAG,sCAAsC,CAAC;IAG3D,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,WAAW,kCAAkC,SAAS,EAAE;QAEtE,QAAQ,IAAI,CACT,6BAAK,SAAS,EAAC,0BAA0B,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,IAAI,YAAY,GAAI,CAC1F;QACD,6BAAK,SAAS,EAAC,KAAK;YACf,KAAK,IAAI,CACN,4BAAI,SAAS,EAAC,wBAAwB,IACjC,KAAK,CACL,CACR;YAEG,WAAW,IAAI,CACX,2BAAG,SAAS,EAAC,gBAAgB,IACxB,WAAW,CACZ,CACP;YAEJ,QAAQ;gBACP,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { GenericCardProps } from './GenericCard.js';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<GenericCardProps>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {
|
|
11
|
+
theme: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export declare const confirmDialogPrimary: StoryObj<typeof meta>;
|
|
16
|
+
export declare const confirmDialogSecondary: StoryObj<typeof meta>;
|
|
17
|
+
//# sourceMappingURL=GenericCard.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenericCard.stories.d.ts","sourceRoot":"","sources":["../../src/components/GenericCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAoB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIjE,QAAA,MAAM,IAAI;;;;;;;;;;CAWwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMtD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMxD,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ArgumentsComponents } from '../types/StoriesArguments.js';
|
|
2
|
+
import GenericCard from './GenericCard.js';
|
|
3
|
+
// Configuración general para el componente en Storybook
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'UI/Components/GenericCard', // Categoría y nombre en la barra lateral de Storybook
|
|
6
|
+
component: GenericCard,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered', // Centra el componente en el lienzo
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
argTypes: {
|
|
12
|
+
theme: ArgumentsComponents.theme,
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
// Historias individuales
|
|
17
|
+
export const confirmDialogPrimary = {
|
|
18
|
+
args: {
|
|
19
|
+
title: "sdasdasd",
|
|
20
|
+
description: "asdasdasd",
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
// Historias individuales
|
|
24
|
+
export const confirmDialogSecondary = {
|
|
25
|
+
args: {
|
|
26
|
+
title: "sdasdasd",
|
|
27
|
+
description: "asdasdasd",
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=GenericCard.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenericCard.stories.js","sourceRoot":"","sources":["../../src/components/GenericCard.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,WAAiC,MAAM,kBAAkB,CAAC;AAGjE,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,2BAA2B,EAAE,sDAAsD;IAC1F,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU,EAAE,oCAAoC;KAC3D;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,mBAAmB,CAAC,KAAK;KAEnC;CAC6B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACvD,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,WAAW;KAE3B;CACJ,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,sBAAsB,GAA0B;IACzD,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,WAAW;KAE3B;CACJ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentBase } from '../types/global.js';
|
|
3
|
+
interface PaginateManager {
|
|
4
|
+
page: number;
|
|
5
|
+
pages: number;
|
|
6
|
+
}
|
|
7
|
+
export interface PaginateType extends PaginateManager {
|
|
8
|
+
rowsCount?: number;
|
|
9
|
+
rowsPage?: number;
|
|
10
|
+
}
|
|
11
|
+
export interface PaginateProps extends ComponentBase {
|
|
12
|
+
paginate: Partial<PaginateType>;
|
|
13
|
+
defaultPage?: number;
|
|
14
|
+
pagesVisible?: number;
|
|
15
|
+
children?: any;
|
|
16
|
+
overFlowAuto?: boolean;
|
|
17
|
+
setPaginate: React.Dispatch<React.SetStateAction<PaginateManager>>;
|
|
18
|
+
onChangue?: (page: number, offset: number, limit: number) => void;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: React.MemoExoticComponent<({ defaultPage, paginate, children, theme, size, variant, overFlowAuto, pagesVisible, onChangue, setPaginate }: PaginateProps) => JSX.Element>;
|
|
21
|
+
export default _default;
|
|
22
|
+
//# sourceMappingURL=Paginate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paginate.d.ts","sourceRoot":"","sources":["../../src/components/Paginate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA+DD,MAAM,WAAW,aAAc,SAAQ,aAAa;IAChD,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAErE;kKAIgK,aAAa,KAAG,GAAG,CAAC,OAAO;AAgF5L,wBAAoC"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/solid';
|
|
2
|
+
import React, { useEffect, useReducer } from 'react';
|
|
3
|
+
import { cn, cvaMix } from '../utils/cvmix.js';
|
|
4
|
+
import { Variants } from '../constants/Variants.js';
|
|
5
|
+
const getVisiblePages = (currentPage, totalPages, pagesVisible = 6) => {
|
|
6
|
+
if (totalPages <= pagesVisible) {
|
|
7
|
+
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
8
|
+
}
|
|
9
|
+
const pages = [];
|
|
10
|
+
const half = Math.floor(pagesVisible / 2);
|
|
11
|
+
let start = Math.max(1, currentPage - half);
|
|
12
|
+
let end = Math.min(totalPages, start + pagesVisible - 1);
|
|
13
|
+
// Ajuste para que la paginación no termine dejando huecos al final
|
|
14
|
+
if (end - start + 1 < pagesVisible) {
|
|
15
|
+
start = Math.max(1, end - pagesVisible + 1);
|
|
16
|
+
}
|
|
17
|
+
// Agregar los números intermedios
|
|
18
|
+
for (let i = start; i <= end; i++) {
|
|
19
|
+
pages.push(i);
|
|
20
|
+
}
|
|
21
|
+
// Si la secuencia no comienza en 1, agregar "..." correctamente
|
|
22
|
+
if (start > 2) {
|
|
23
|
+
pages.unshift('...');
|
|
24
|
+
pages.unshift(1);
|
|
25
|
+
}
|
|
26
|
+
else if (start === 2) {
|
|
27
|
+
pages.unshift(1);
|
|
28
|
+
}
|
|
29
|
+
// Si la secuencia no termina en totalPages, agregar "..." correctamente
|
|
30
|
+
if (end < totalPages - 1) {
|
|
31
|
+
pages.push('...');
|
|
32
|
+
pages.push(totalPages);
|
|
33
|
+
}
|
|
34
|
+
else if (end === totalPages - 1) {
|
|
35
|
+
pages.push(totalPages);
|
|
36
|
+
}
|
|
37
|
+
return pages;
|
|
38
|
+
};
|
|
39
|
+
const classNamesProps = cvaMix("flex items-center justify-between rounded-md cursor-pointer", {
|
|
40
|
+
size: Variants.size,
|
|
41
|
+
variant: {
|
|
42
|
+
__key: 'theme',
|
|
43
|
+
__base: 'disabled:opacity-70',
|
|
44
|
+
fill: Variants.fill,
|
|
45
|
+
outline: Variants.outline
|
|
46
|
+
}
|
|
47
|
+
}, {
|
|
48
|
+
size: 'xs',
|
|
49
|
+
filled: 'outline',
|
|
50
|
+
theme: 'primary',
|
|
51
|
+
});
|
|
52
|
+
const PaginateActions = (s, d) => ({ ...s, ...d });
|
|
53
|
+
const Paginate = ({ defaultPage = 1, paginate, children, theme = 'primary', size = 'sm', variant = 'fill', overFlowAuto, pagesVisible, onChangue, setPaginate }) => {
|
|
54
|
+
const [pagManager, setPagManager] = useReducer(PaginateActions, { page: defaultPage, pages: 0 });
|
|
55
|
+
const { rowsCount, rowsPage, page, pages } = paginate;
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
let _pages = pages || 0;
|
|
58
|
+
let _page = page || 0;
|
|
59
|
+
//Only if not defined pages and require calculate by Rows
|
|
60
|
+
if (rowsCount && rowsPage && rowsPage > 0) {
|
|
61
|
+
_pages = Math.ceil(rowsCount / rowsPage);
|
|
62
|
+
_page = 1;
|
|
63
|
+
}
|
|
64
|
+
setPagManager({ page: _page, pages: _pages });
|
|
65
|
+
}, [paginate]);
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
//Send changes by rowsByPage
|
|
68
|
+
if (pagManager.page > -1 && rowsPage && rowsCount) {
|
|
69
|
+
onChangue?.(pagManager.page, (pagManager.page - 1) * rowsPage, pagManager.page * rowsPage);
|
|
70
|
+
}
|
|
71
|
+
//Send Update setPage
|
|
72
|
+
setPaginate(pagManager);
|
|
73
|
+
}, [pagManager.page]);
|
|
74
|
+
const nextPage = () => {
|
|
75
|
+
const page = (pagManager.page + 1) >= pagManager.pages ? pagManager.pages : pagManager.page + 1;
|
|
76
|
+
setPagManager({ page });
|
|
77
|
+
};
|
|
78
|
+
const prevPage = () => {
|
|
79
|
+
const page = (pagManager.page - 1) < 0 ? 0 : pagManager.page - 1;
|
|
80
|
+
setPagManager({ page });
|
|
81
|
+
};
|
|
82
|
+
const getSize = () => {
|
|
83
|
+
switch (size) {
|
|
84
|
+
case 'xs': return 16;
|
|
85
|
+
case 'sm': return 21;
|
|
86
|
+
case 'md': return 25;
|
|
87
|
+
case 'lg': return 27;
|
|
88
|
+
default: return 18;
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
return (React.createElement(React.Fragment, null,
|
|
92
|
+
React.createElement("div", { className: overFlowAuto ? 'w-full overflow-auto h-96 scrollbar-thin' : '' }, children),
|
|
93
|
+
React.createElement("div", { className: "my-1 flex items-center gap-1 cursor-pointer text-base select-none" },
|
|
94
|
+
React.createElement("button", { title: 'Anterior', disabled: pagManager.page == 1 || pagManager.pages == 1, onClick: prevPage, className: cn('font-bold rounded-md disabled:opacity-80 hover:bg-black/15', classNamesProps({ variant, size }, { theme })) },
|
|
95
|
+
React.createElement(ChevronLeftIcon, { height: (getSize)(), width: 17 })),
|
|
96
|
+
getVisiblePages(pagManager.page, pagManager.pages, pagesVisible).map((page, index) => (React.createElement("li", { key: index, className: 'list-none' }, typeof page === 'number' ? (React.createElement("button", { onClick: () => setPagManager({ page }), className: cn(`rounded-mddisabled:opacity-80 hover:bg-black/15`, classNamesProps({ variant, size }, { theme }), page == pagManager.page && 'font-medium !bg-accent !text-accent-foreground') },
|
|
97
|
+
React.createElement("span", null, page))) : (React.createElement("span", { className: cn(`rounded-mddisabled:opacity-80 hover:bg-black/15`, classNamesProps({ variant, size }, { theme })) }, page))))),
|
|
98
|
+
React.createElement("button", { title: 'Siguiente', disabled: pagManager.page == pagManager.pages || pagManager.pages == 1, onClick: nextPage, className: cn(`font-bold rounded-md bg-primary disabled:opacity-80 hover:bg-black/15`, classNamesProps({ variant, size }, { theme })) },
|
|
99
|
+
React.createElement(ChevronRightIcon, { height: (getSize)(), width: 17 })))));
|
|
100
|
+
};
|
|
101
|
+
export default React.memo(Paginate);
|
|
102
|
+
//# sourceMappingURL=Paginate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paginate.js","sourceRoot":"","sources":["../../src/components/Paginate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { PaginateProps } from './Paginate.js';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").MemoExoticComponent<({ defaultPage, paginate, children, theme, size, variant, overFlowAuto, pagesVisible, onChangue, setPaginate }: PaginateProps) => JSX.Element>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {
|
|
11
|
+
[x: string]: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export declare const paginatePrimary: StoryObj<typeof meta>;
|
|
16
|
+
export declare const paginateSecondary: StoryObj<typeof meta>;
|
|
17
|
+
export declare const paginateOutline: StoryObj<typeof meta>;
|
|
18
|
+
//# sourceMappingURL=Paginate.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paginate.stories.d.ts","sourceRoot":"","sources":["../../src/components/Paginate.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAKxD,QAAA,MAAM,IAAI;;;;;;;;;;CAQqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,CAKjD,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAOnD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQjD,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import Paginate from './Paginate.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
|
|
2
|
+
import { ArgumentsBase } from '../types/StoriesArguments.js';
|
|
3
|
+
// Configuración general para el componente en Storybook
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'UI/Components/Paginate', // Categoría y nombre en la barra lateral de Storybook
|
|
6
|
+
component: Paginate,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered', // Centra el componente en el lienzo
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
argTypes: { ...ArgumentsBase }
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
// Historias individuales
|
|
15
|
+
export const paginatePrimary = {
|
|
16
|
+
args: {
|
|
17
|
+
paginate: { rowsCount: 100, rowsPage: 10 },
|
|
18
|
+
setPaginate: () => { },
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
// Historias individuales
|
|
22
|
+
export const paginateSecondary = {
|
|
23
|
+
args: {
|
|
24
|
+
onChangue: () => { },
|
|
25
|
+
theme: 'secondary',
|
|
26
|
+
paginate: { rowsCount: 200, rowsPage: 10 },
|
|
27
|
+
setPaginate: () => { },
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
// Historias individuales
|
|
31
|
+
export const paginateOutline = {
|
|
32
|
+
args: {
|
|
33
|
+
onChangue: () => { },
|
|
34
|
+
variant: 'outline',
|
|
35
|
+
theme: 'primary',
|
|
36
|
+
paginate: { page: 5, pages: 50 },
|
|
37
|
+
setPaginate: () => { },
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Paginate.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Paginate.stories.js","sourceRoot":"","sources":["../../src/components/Paginate.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,QAA2B,MAAM,eAAe,CAAC,CAAC,+DAA+D;AACxH,OAAO,EAAE,aAAa,EAAuB,MAAM,8BAA8B,CAAC;AAGlF,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB,EAAE,sDAAsD;IACvF,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE,GAAG,aAAa,EAAE;CACD,CAAC;AAEhC,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC1C,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC;KACvB;CACF,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,iBAAiB,GAA0B;IACtD,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC1C,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC;KACvB;CACF,CAAC;AAGF,yBAAyB;AACzB,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChC,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC;KACvB;CACF,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type PhotoCardType = {
|
|
3
|
+
uuid?: string;
|
|
4
|
+
user_id?: any;
|
|
5
|
+
api: string;
|
|
6
|
+
photo: string | null;
|
|
7
|
+
theme?: 'small' | 'default';
|
|
8
|
+
set: (url: any) => void;
|
|
9
|
+
};
|
|
10
|
+
declare const PhotoCard: ({ uuid, api, user_id, photo, set, theme }: PhotoCardType) => React.JSX.Element;
|
|
11
|
+
export default PhotoCard;
|
|
12
|
+
//# sourceMappingURL=PhotoCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/components/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,2CAA4D,aAAa,sBA8E3F,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { toast } from "react-toastify";
|
|
3
|
+
import { FolderIcon, TrashIcon } from '@heroicons/react/24/outline';
|
|
4
|
+
import cn from "classnames";
|
|
5
|
+
import useHttpState from "../hooks/useHttpState.js";
|
|
6
|
+
const PhotoCard = ({ uuid = '', api, user_id, photo, set, theme = 'default' }) => {
|
|
7
|
+
// Valores de los inputs
|
|
8
|
+
const [preview, setPreview] = useState(null);
|
|
9
|
+
const { deleteReq, patch } = useHttpState();
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
setPreview(photo);
|
|
12
|
+
}, [photo]);
|
|
13
|
+
// Crear una vista previa como efecto, siempre que se cambie el archivo seleccionado
|
|
14
|
+
//Update and Selected Image
|
|
15
|
+
const onSelectFile = (e) => {
|
|
16
|
+
if (!e.target.files || e.target.files.length === 0) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const exts = e.target.files[0].name?.split(".");
|
|
20
|
+
const ext = exts[exts.length - 1];
|
|
21
|
+
if (["jpg", "png", "jpeg", "bpm", "tif"].includes(ext)) {
|
|
22
|
+
setPreview(URL.createObjectURL(e.target.files[0]));
|
|
23
|
+
patch(api, {
|
|
24
|
+
data: { user_id, enterprise_id: 1, photo: e.target.files[0] },
|
|
25
|
+
content_type: 'file',
|
|
26
|
+
onSuccess: (data) => {
|
|
27
|
+
set({ photo: data.photo });
|
|
28
|
+
toast.success('Imagen Actualizada Correctamente!');
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
toast.error("Por favor seleccione una imagen de Extensión (jpg,png,bmp)");
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const deletePreview = () => {
|
|
37
|
+
setPreview(null);
|
|
38
|
+
if (photo != 'Photo.jpg') {
|
|
39
|
+
deleteReq(api, {
|
|
40
|
+
onSuccess: (data) => {
|
|
41
|
+
set({ photo: 'Photo.jpg' });
|
|
42
|
+
toast.success('Imagen Eliminada Correctamente!');
|
|
43
|
+
setPreview(null);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
return (React.createElement("div", { className: "flex items-center space-x-2 justify-center" },
|
|
49
|
+
React.createElement("img", { src: preview ? preview : '/images/Photo.jpg', alt: "", className: cn(" rounded-full", theme == 'default' ? ' h-20 w-20' : 'h-8 w-8') }),
|
|
50
|
+
React.createElement("div", { className: cn("flex gap-2", theme == 'default' ? 'flex-col text-sm' : 'text-xs') },
|
|
51
|
+
React.createElement("input", { className: "hidden", type: "file", id: `profile-file-${uuid}`, accept: ".jpg, .png, .jpeg, .bmp, .tif, .tiff|image/*", onChange: (e) => {
|
|
52
|
+
onSelectFile(e);
|
|
53
|
+
} }),
|
|
54
|
+
React.createElement("label", { htmlFor: `profile-file-${uuid}`, className: "button outline-primary" },
|
|
55
|
+
React.createElement(FolderIcon, { className: "h-4" }),
|
|
56
|
+
React.createElement("span", { className: theme == 'small' ? 'hidden' : '' }, " Cambiar Imagen")),
|
|
57
|
+
preview && React.createElement("button", { className: "button outline-red", onClick: deletePreview },
|
|
58
|
+
React.createElement(TrashIcon, { className: "h-4" }),
|
|
59
|
+
React.createElement("span", { className: theme == 'small' ? 'hidden' : '' }, "Eliminar Imagen")))));
|
|
60
|
+
};
|
|
61
|
+
export default PhotoCard;
|
|
62
|
+
//# sourceMappingURL=PhotoCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhotoCard.js","sourceRoot":"","sources":["../../src/components/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAWpD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,SAAS,EAAiB,EAAE,EAAE;IAC5F,wBAAwB;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,oFAAoF;IACpF,2BAA2B;IAC3B,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAErD,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEnD,KAAK,CAAC,GAAG,EAAE;gBACP,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;gBAC7D,YAAY,EAAE,MAAM;gBACpB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBAEhB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;oBAC3B,KAAK,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAC;gBACvD,CAAC;aACJ,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,KAAK,CAAC,4DAA4D,CAAC,CAAA;QAC7E,CAAC;IAEL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;YACvB,SAAS,CAAC,GAAG,EAAE;gBACX,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBAChB,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;oBAC5B,KAAK,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;oBACjD,UAAU,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC;aACJ,CAAC,CAAA;QACN,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,4CAA4C;QACvD,6BAAK,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,GAAI;QAC3I,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAC3B,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CACvD;YACG,+BACI,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,gBAAgB,IAAI,EAAE,EAC1B,MAAM,EAAC,8CAA8C,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,YAAY,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,GACH;YACF,+BAAO,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,SAAS,EAAC,wBAAwB;gBACtE,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,GAAG;gBAC9B,8BAAM,SAAS,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,sBAAwB,CACrE;YACP,OAAO,IAAI,gCAAQ,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,aAAa;gBACrE,oBAAC,SAAS,IAAC,SAAS,EAAC,KAAK,GAAG;gBAC7B,8BAAM,SAAS,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,sBAAwB,CACpE,CAEP,CACJ,CAET,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface YouTubePlayerProps {
|
|
3
|
+
videoId: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
iframeClassName?: string;
|
|
6
|
+
onReady?: (player: YT.Player) => void;
|
|
7
|
+
onStateChange?: (event: YT.OnStateChangeEvent) => void;
|
|
8
|
+
options?: {
|
|
9
|
+
autoplay?: 0 | 1;
|
|
10
|
+
controls?: 0 | 1;
|
|
11
|
+
loop?: 0 | 1;
|
|
12
|
+
mute?: 0 | 1;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
declare const YouTubePlayer: ({ videoId, className, iframeClassName, onReady, onStateChange, options, }: YouTubePlayerProps) => React.JSX.Element;
|
|
16
|
+
export default YouTubePlayer;
|
|
17
|
+
//# sourceMappingURL=PlayerYoutube.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlayerYoutube.d.ts","sourceRoot":"","sources":["../../src/components/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACd,CAAC;CACH;AAED,QAAA,MAAM,aAAa,GAAI,2EAOpB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAgB,aAAa,CAAC"}
|