pixelon 0.5.4 → 0.6.2
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/molecules/chat/StructuredContent/components/CredentialsCard/CredentialsCard.d.ts +24 -0
- package/dist/components/molecules/chat/StructuredContent/components/PhotoPicker/PhotoPicker.d.ts +4 -0
- package/dist/components/molecules/chat/StructuredContent/components/PhotoPicker/types.d.ts +23 -0
- package/dist/components/molecules/chat/StructuredContent/components/ServiceShortcuts/ServiceShortcuts.d.ts +1 -1
- package/dist/components/molecules/chat/StructuredContent/components/UserTools/UserTools.d.ts +2 -0
- package/dist/components/molecules/chat/StructuredContent/components/UserTools/types.d.ts +3 -3
- package/dist/components/molecules/lumi/Menu/types.d.ts +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.esm.js +313 -101
- package/dist/index.js +314 -100
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
- package/src/styles/index.scss +3 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CredentialRow {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
/** Con botón de copiar. Por defecto, sí: para eso está la tarjeta. */
|
|
6
|
+
copyable?: boolean;
|
|
7
|
+
/** Se enseña con puntos hasta que se pulse «ver». Para una contraseña en una pantalla compartida. */
|
|
8
|
+
masked?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface CredentialsCardProps {
|
|
11
|
+
title: string;
|
|
12
|
+
intro?: string;
|
|
13
|
+
rows: CredentialRow[];
|
|
14
|
+
/** La letra pequeña: «puedes cambiarla en Herramientas», «guárdala en un sitio seguro». */
|
|
15
|
+
note?: string;
|
|
16
|
+
action?: {
|
|
17
|
+
label: string;
|
|
18
|
+
onClick: () => void;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
};
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const CredentialsCard: React.FC<CredentialsCardProps>;
|
|
24
|
+
export default CredentialsCard;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type PhotoEntryStatus = 'idle' | 'uploading' | 'done' | 'error';
|
|
2
|
+
export interface PhotoEntry {
|
|
3
|
+
name: string;
|
|
4
|
+
status: PhotoEntryStatus;
|
|
5
|
+
/** El id que devolvió la subida, cuando terminó. */
|
|
6
|
+
id?: string;
|
|
7
|
+
/** Vista previa local (`URL.createObjectURL`) o la URL del archivo ya subido. */
|
|
8
|
+
previewUrl?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface PhotoPickerProps {
|
|
11
|
+
label: string;
|
|
12
|
+
hint?: string;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
/** Cuántas fotos como máximo. Sin tope, las que quiera. */
|
|
15
|
+
max?: number;
|
|
16
|
+
/** En móvil abre la cámara trasera directamente. Para «una foto de tu grúa» es lo natural. */
|
|
17
|
+
capture?: boolean;
|
|
18
|
+
entries: PhotoEntry[];
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
error?: string;
|
|
21
|
+
onFiles: (files: FileList | null) => void | Promise<void>;
|
|
22
|
+
onRemove?: (index: number) => void;
|
|
23
|
+
}
|
|
@@ -7,7 +7,7 @@ export interface ServiceShortcut {
|
|
|
7
7
|
/** A dónde llevar. Alternativa a `prompt`. */
|
|
8
8
|
route?: string;
|
|
9
9
|
prompt?: string;
|
|
10
|
-
icon?: 'map' | 'list' | 'tow' | 'search' | 'user' | 'chat';
|
|
10
|
+
icon?: 'map' | 'list' | 'tow' | 'search' | 'user' | 'chat' | 'enroll';
|
|
11
11
|
}
|
|
12
12
|
export interface ServiceShortcutsProps {
|
|
13
13
|
options: ServiceShortcut[];
|
package/dist/components/molecules/chat/StructuredContent/components/UserTools/UserTools.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export interface UserToolsProps {
|
|
|
4
4
|
config: UserToolsConfig;
|
|
5
5
|
/** (id, nuevoValor). El host decide qué hacer y dónde guardarlo. */
|
|
6
6
|
onChange?: (id: string, value: boolean) => void;
|
|
7
|
+
/** SPEC-139 T9 — (id) de un ajuste `action` pulsado. El host decide qué abre. */
|
|
8
|
+
onAction?: (id: string) => void;
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const UserTools: React.FC<UserToolsProps>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export type UserToolKind = 'toggle';
|
|
1
|
+
export type UserToolKind = 'toggle' | 'action';
|
|
2
2
|
export interface UserToolItem {
|
|
3
3
|
id: string;
|
|
4
4
|
label: string;
|
|
5
5
|
/** Qué implica activarlo. Una línea. */
|
|
6
6
|
hint?: string;
|
|
7
7
|
kind: UserToolKind;
|
|
8
|
-
/** Estado actual. Lo pone quien resuelve la config: el componente no lee almacenamiento. */
|
|
9
|
-
value
|
|
8
|
+
/** Estado actual (solo `toggle`). Lo pone quien resuelve la config: el componente no lee almacenamiento. */
|
|
9
|
+
value?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export interface UserToolsConfig {
|
|
@@ -110,6 +110,8 @@ export interface SubMenuProps {
|
|
|
110
110
|
level?: number;
|
|
111
111
|
/** Si el submenu está deshabilitado */
|
|
112
112
|
disabled?: boolean;
|
|
113
|
+
/** Contador sobre el propio submenu (p. ej. el total de sus hijos) */
|
|
114
|
+
badge?: number | string;
|
|
113
115
|
}
|
|
114
116
|
/**
|
|
115
117
|
* Props del componente MenuItemGroup
|
package/dist/index.d.ts
CHANGED
|
@@ -42,6 +42,10 @@ export { MapView } from './components/molecules/chat/StructuredContent/component
|
|
|
42
42
|
export type { MapPoint, MapViewProps, MapViewLabels } from './components/molecules/chat/StructuredContent/components/MapView/types';
|
|
43
43
|
export { ChatNavigator } from './components/molecules/chat/StructuredContent/components/ChatNavigator/ChatNavigator';
|
|
44
44
|
export type { ChatNavigatorConfig, ChatNavigatorItem, ChatNavigatorEndpoint } from './components/molecules/chat/StructuredContent/components/ChatNavigator/types';
|
|
45
|
+
export { PhotoPicker } from './components/molecules/chat/StructuredContent/components/PhotoPicker/PhotoPicker';
|
|
46
|
+
export type { PhotoEntry, PhotoEntryStatus, PhotoPickerProps } from './components/molecules/chat/StructuredContent/components/PhotoPicker/types';
|
|
47
|
+
export { CredentialsCard } from './components/molecules/chat/StructuredContent/components/CredentialsCard/CredentialsCard';
|
|
48
|
+
export type { CredentialRow, CredentialsCardProps } from './components/molecules/chat/StructuredContent/components/CredentialsCard/CredentialsCard';
|
|
45
49
|
export { UserTools } from './components/molecules/chat/StructuredContent/components/UserTools/UserTools';
|
|
46
50
|
export type { UserToolsConfig, UserToolItem } from './components/molecules/chat/StructuredContent/components/UserTools/types';
|
|
47
51
|
export { ReactiveCrud } from './components/molecules/chat/StructuredContent/components/ReactiveCrud/ReactiveCrud';
|