@codeplex-sac/ui 0.0.20 → 0.0.21
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/index.cjs +53 -53
- package/index.d.ts +1 -0
- package/index.js +3912 -3841
- package/lib/arrastrar-soltar/arrastrar-soltar.d.ts +49 -0
- package/package.json +2 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type CodeplexDatosArrastre = Record<string, unknown>;
|
|
3
|
+
export interface CodeplexEstadoArrastrable {
|
|
4
|
+
arrastrando: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface CodeplexEstadoZonaSoltar {
|
|
7
|
+
encima: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface CodeplexInfoSoltar {
|
|
10
|
+
/** Datos adjuntados por el elemento que se soltó. */
|
|
11
|
+
datosOrigen: CodeplexDatosArrastre;
|
|
12
|
+
}
|
|
13
|
+
export interface CodeplexEventoMonitorArrastre {
|
|
14
|
+
/** Datos del elemento arrastrado. */
|
|
15
|
+
datosOrigen: CodeplexDatosArrastre;
|
|
16
|
+
/** Datos de cada zona de destino bajo el puntero, de la más interna a la más externa. */
|
|
17
|
+
destinos: CodeplexDatosArrastre[];
|
|
18
|
+
}
|
|
19
|
+
export interface CodeplexArrastrableProps {
|
|
20
|
+
/** Datos que viajan con el arrastre y llegan a la zona de destino. */
|
|
21
|
+
datos?: CodeplexDatosArrastre;
|
|
22
|
+
/** Desactiva el arrastre del elemento. */
|
|
23
|
+
deshabilitado?: boolean;
|
|
24
|
+
/** Se ejecuta al comenzar el arrastre. */
|
|
25
|
+
alIniciarArrastre?: () => void;
|
|
26
|
+
/** Se ejecuta al finalizar el arrastre (suelte donde suelte). */
|
|
27
|
+
alSoltar?: () => void;
|
|
28
|
+
children: React.ReactNode | ((estado: CodeplexEstadoArrastrable) => React.ReactNode);
|
|
29
|
+
}
|
|
30
|
+
export interface CodeplexZonaSoltarProps {
|
|
31
|
+
/** Datos que identifican a esta zona y llegan al monitor. */
|
|
32
|
+
datos?: CodeplexDatosArrastre;
|
|
33
|
+
/** Decide si esta zona acepta el elemento que se arrastra. */
|
|
34
|
+
puedeSoltar?: (info: CodeplexInfoSoltar) => boolean;
|
|
35
|
+
/** Se ejecuta cuando un elemento entra en la zona. */
|
|
36
|
+
alEntrar?: () => void;
|
|
37
|
+
/** Se ejecuta cuando un elemento sale de la zona. */
|
|
38
|
+
alSalir?: () => void;
|
|
39
|
+
/** Se ejecuta cuando un elemento se suelta dentro de la zona. */
|
|
40
|
+
alSoltar?: (info: CodeplexInfoSoltar) => void;
|
|
41
|
+
children: React.ReactNode | ((estado: CodeplexEstadoZonaSoltar) => React.ReactNode);
|
|
42
|
+
}
|
|
43
|
+
export declare const CodeplexArrastrable: React.FC<CodeplexArrastrableProps>;
|
|
44
|
+
export declare const CodeplexZonaSoltar: React.FC<CodeplexZonaSoltarProps>;
|
|
45
|
+
export interface CodeplexOpcionesMonitorArrastre {
|
|
46
|
+
/** Se ejecuta cuando cualquier arrastre termina con un suelte. */
|
|
47
|
+
alSoltar?: (evento: CodeplexEventoMonitorArrastre) => void;
|
|
48
|
+
}
|
|
49
|
+
export declare function usarMonitorArrastre(opciones: CodeplexOpcionesMonitorArrastre): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeplex-sac/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"react-dom": "^19.0.0"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
+
"@atlaskit/pragmatic-drag-and-drop": "^2.0.1",
|
|
24
25
|
"@codeplex-sac/feedback": "^0.1.4",
|
|
25
26
|
"@emotion/react": "^11.14.0",
|
|
26
27
|
"@emotion/styled": "^11.14.1",
|