@royaltics/ui 1.6.12 → 1.6.14
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/forms/Autocomplete.d.ts.map +1 -1
- package/dist/forms/Autocomplete.js +6 -11
- package/dist/forms/Autocomplete.js.map +1 -1
- package/dist/forms/SelectMultiple.d.ts +14 -0
- package/dist/forms/SelectMultiple.d.ts.map +1 -0
- package/dist/forms/SelectMultiple.js +51 -0
- package/dist/forms/SelectMultiple.js.map +1 -0
- package/dist/forms/SelectMultiple.stories.d.ts +26 -0
- package/dist/forms/SelectMultiple.stories.d.ts.map +1 -0
- package/dist/forms/SelectMultiple.stories.js +134 -0
- package/dist/forms/SelectMultiple.stories.js.map +1 -0
- package/dist/forms/index.d.ts +1 -0
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/index.js +1 -0
- package/dist/forms/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/forms/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAO9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AA+BxD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;gNAME,iBAAiB,KAAG,GAAG,CAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/forms/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAO9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AA+BxD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;gNAME,iBAAiB,KAAG,GAAG,CAAC,OAAO;AA8NlC,wBAAkC"}
|
|
@@ -102,7 +102,7 @@ const Autocomplete = ({ id, lb, variant = 'fill', size = 'xs', width = 'full', c
|
|
|
102
102
|
return isPrimitive(item) ? String(item) : item[keyText];
|
|
103
103
|
}, [keyText]);
|
|
104
104
|
const handleSelect = useCallback((item) => {
|
|
105
|
-
const value = item[keyValue];
|
|
105
|
+
const value = item[keyValue] || item;
|
|
106
106
|
if (!isPrimitive(value))
|
|
107
107
|
return;
|
|
108
108
|
setSelectedItems(prevItems => {
|
|
@@ -115,11 +115,7 @@ const Autocomplete = ({ id, lb, variant = 'fill', size = 'xs', width = 'full', c
|
|
|
115
115
|
inputRef.current?.focus();
|
|
116
116
|
}, [keyValue, closeDropdown]);
|
|
117
117
|
const handleRemove = useCallback((value) => {
|
|
118
|
-
|
|
119
|
-
return;
|
|
120
|
-
setSelectedItems(prevItems => {
|
|
121
|
-
return prevItems.filter(v => v !== value);
|
|
122
|
-
});
|
|
118
|
+
setSelectedItems(prevItems => prevItems.filter(v => v !== value));
|
|
123
119
|
inputRef.current?.focus();
|
|
124
120
|
}, []);
|
|
125
121
|
const handleKeyDown = useCallback((e) => {
|
|
@@ -145,14 +141,14 @@ const Autocomplete = ({ id, lb, variant = 'fill', size = 'xs', width = 'full', c
|
|
|
145
141
|
}
|
|
146
142
|
}, [dropdownList, highlightedIndex, handleSelect]);
|
|
147
143
|
return (React.createElement(React.Fragment, null,
|
|
148
|
-
React.createElement("div", { ref: wrapperRef, className: cn("relative flex flex-col select-none
|
|
144
|
+
React.createElement("div", { ref: wrapperRef, className: cn("relative flex flex-col select-none", width === 'full' ? 'w-full max-w-full' : 'w-max', className), style: style },
|
|
149
145
|
lb && React.createElement("label", { className: 'pb-0.5' },
|
|
150
146
|
lb,
|
|
151
147
|
" (",
|
|
152
148
|
selectedItems.length,
|
|
153
149
|
")"),
|
|
154
150
|
React.createElement("div", { className: cn('rounded-md py-1 px-1 border-1 border-input-border text-input-foreground gap-1 max-w-full items-center', width === 'full' ? 'w-full' : 'w-max', readOnly ? 'opacity-60' : '', error && '!border-danger', classNamesProps({ variant, size })) },
|
|
155
|
-
selectedItems.map((value) => (React.createElement("div", { key: value
|
|
151
|
+
selectedItems.map((value, index) => (React.createElement("div", { key: `${value}_${index}`, className: "flex items-center px-2 py-1 w-max rounded-md bg-accent text-accent-foreground hover:bg-accent/80 transition-colors" },
|
|
156
152
|
React.createElement("span", { className: "truncate max-w-[200px]" }, getItemText(value)),
|
|
157
153
|
React.createElement(XCircleIcon, { className: "h-4 w-4 ml-1 cursor-pointer hover:text-destructive flex-shrink-0", onClick: () => handleRemove(value) })))),
|
|
158
154
|
React.createElement("input", { ref: inputRef, className: "flex-grow min-w-[80px] overflow-hidden outline-none bg-transparent py-0.5", type: "text", onChange: (e) => {
|
|
@@ -166,9 +162,8 @@ const Autocomplete = ({ id, lb, variant = 'fill', size = 'xs', width = 'full', c
|
|
|
166
162
|
width: dropdownPos.width,
|
|
167
163
|
zIndex: 99999
|
|
168
164
|
}, className: "overflow-y-auto bg-accent text-accent-foreground max-h-48 p-1 rounded-md shadow-md" }, dropdownList.map((item, index) => {
|
|
169
|
-
const value = item[keyValue];
|
|
170
|
-
|
|
171
|
-
return (React.createElement("div", { key: key, className: cn('p-1 cursor-pointer hover:bg-black/25 truncate', highlightedIndex === index && 'bg-black/25'), onClick: () => handleSelect(item), onMouseEnter: () => setHighlightedIndex(index) }, getItemText(item)));
|
|
165
|
+
const value = item[keyValue] || item.id || item;
|
|
166
|
+
return (React.createElement("div", { key: `${value}_${index}`, className: cn('p-1 cursor-pointer even:bg-foreground/10 hover:bg-black/25 truncate', highlightedIndex === index && 'bg-black/25'), onClick: () => handleSelect(item), onMouseEnter: () => setHighlightedIndex(index) }, getItemText(item)));
|
|
172
167
|
})), document.body)));
|
|
173
168
|
};
|
|
174
169
|
export default memo(Autocomplete);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/forms/Autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/forms/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ComponentInputBase } from "../types/global.js";
|
|
3
|
+
export interface SelectMultipleProps extends ComponentInputBase {
|
|
4
|
+
data: any[];
|
|
5
|
+
keyText?: string | string[];
|
|
6
|
+
keyValue?: string;
|
|
7
|
+
KeyFindItem?: string;
|
|
8
|
+
onKeyDown?: (e: any) => void;
|
|
9
|
+
state: [any] | [any, React.Dispatch<any>];
|
|
10
|
+
selectSize?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: React.MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, required, readOnly, className, KeyFindItem, size, variant, selectSize }: SelectMultipleProps) => JSX.Element>;
|
|
13
|
+
export default _default;
|
|
14
|
+
//# sourceMappingURL=SelectMultiple.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectMultiple.d.ts","sourceRoot":"","sources":["../../src/forms/SelectMultiple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC3D,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;0LAkB8M,mBAAmB,KAAG,GAAG,CAAC,OAAO;AAmEhP,wBAAoC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React, { memo, useEffect } from "react";
|
|
2
|
+
import { cn, cvaMix } from "../utils/index.js";
|
|
3
|
+
import { Variants } from "../constants/Variants.js";
|
|
4
|
+
const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
|
|
5
|
+
size: Variants.size,
|
|
6
|
+
variant: {
|
|
7
|
+
fill: 'bg-input-options text-input-foreground',
|
|
8
|
+
outline: 'text-input-foreground'
|
|
9
|
+
}
|
|
10
|
+
}, {
|
|
11
|
+
size: 'xs',
|
|
12
|
+
width: 'full',
|
|
13
|
+
variant: 'fill'
|
|
14
|
+
});
|
|
15
|
+
const SelectMultiple = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', required = false, readOnly, className, KeyFindItem, size = 'xs', variant = 'outline', selectSize = 4 }) => {
|
|
16
|
+
const [inputs, setInputs] = state;
|
|
17
|
+
const isObject = (item) => typeof item === 'object';
|
|
18
|
+
const _onChange = (evt) => {
|
|
19
|
+
const selectedOptions = Array.from(evt.target.selectedOptions);
|
|
20
|
+
const selectedValues = selectedOptions.map(option => option.value);
|
|
21
|
+
if (KeyFindItem) {
|
|
22
|
+
const findItems = selectedValues.map(value => data.find((item) => item === value || item[keyValue] === value));
|
|
23
|
+
setInputs?.({ [id]: selectedValues, [KeyFindItem]: findItems });
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
setInputs?.({ [id]: selectedValues });
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (!data || data.length == 0 || !id)
|
|
31
|
+
return;
|
|
32
|
+
if (inputs[id] == undefined || !Array.isArray(inputs[id])) {
|
|
33
|
+
// Initialize with empty array for multiple selection
|
|
34
|
+
setInputs?.({ [id]: [] });
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
// Validate that all selected values exist in data
|
|
38
|
+
const validValues = inputs[id].filter((value) => data.find((item) => item == value || item[keyValue] == value));
|
|
39
|
+
if (validValues.length !== inputs[id].length) {
|
|
40
|
+
setInputs?.({ [id]: validValues });
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}, [data]);
|
|
44
|
+
return (React.createElement("div", { className: cn("flex flex-col items-stretch justify-start", className) },
|
|
45
|
+
lb && React.createElement("label", { htmlFor: id, className: cn(`font-medium text-input-label`) },
|
|
46
|
+
lb,
|
|
47
|
+
":"),
|
|
48
|
+
React.createElement("select", { ref: referer, required: required, disabled: readOnly, title: 'Seleccione una o más opciones', name: id, onKeyDown: onKeyDown, value: inputs?.[id] !== undefined && Array.isArray(inputs[id]) ? inputs[id] : [], onChange: _onChange, multiple: true, size: selectSize, className: cn('appearance-none custom cursor-pointer rounded-md h-auto w-full border-1 border-input-border outline-none', classNamesProps({ variant, size }), "select-ui") }, data && data.map((item, index) => (React.createElement("option", { key: index, value: isObject(item) ? item[keyValue] : item, className: cn('py-1.5 border-input-border', variant === 'outline' ? 'dark:bg-black/80' : 'bg-input-options') }, isObject(item) ? (Array.isArray(keyText) ? `${item[keyText[0]]} - ${item[keyText[1]]}` : item[keyText]) : item))))));
|
|
49
|
+
};
|
|
50
|
+
export default memo(SelectMultiple);
|
|
51
|
+
//# sourceMappingURL=SelectMultiple.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectMultiple.js","sourceRoot":"","sources":["../../src/forms/SelectMultiple.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SelectMultipleProps } from './SelectMultiple.js';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, required, readOnly, className, KeyFindItem, size, variant, selectSize }: SelectMultipleProps) => JSX.Element>;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
tags: string[];
|
|
11
|
+
argTypes: {
|
|
12
|
+
selectSize: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "number";
|
|
15
|
+
};
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
export declare const SelectMultipleBasic: StoryObj<typeof meta>;
|
|
22
|
+
export declare const SelectMultipleWithPreselection: StoryObj<typeof meta>;
|
|
23
|
+
export declare const SelectMultipleOutline: StoryObj<typeof meta>;
|
|
24
|
+
export declare const SelectMultipleSimpleArray: StoryObj<typeof meta>;
|
|
25
|
+
export declare const SelectMultipleReadOnly: StoryObj<typeof meta>;
|
|
26
|
+
//# sourceMappingURL=SelectMultiple.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectMultiple.stories.d.ts","sourceRoot":"","sources":["../../src/forms/SelectMultiple.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAuB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAc2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAsCrD,CAAC;AAGF,eAAO,MAAM,8BAA8B,EAAE,QAAQ,CAAC,OAAO,IAAI,CAoChE,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAsCvD,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,OAAO,IAAI,CA8B3D,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAqCxD,CAAC"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import SelectMultiple from './SelectMultiple.js';
|
|
2
|
+
import { ArgumentsInputs } from '../types/StoriesArguments.js';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
// Configuración general para el componente en Storybook
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'UI/Forms/SelectMultiple',
|
|
7
|
+
component: SelectMultiple,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
tags: ['autodocs'],
|
|
12
|
+
argTypes: {
|
|
13
|
+
...ArgumentsInputs,
|
|
14
|
+
selectSize: {
|
|
15
|
+
control: { type: 'number' },
|
|
16
|
+
description: 'Number of visible options in the select',
|
|
17
|
+
},
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
// Historias individuales
|
|
22
|
+
export const SelectMultipleBasic = {
|
|
23
|
+
render: (args) => {
|
|
24
|
+
const [inputs, setInputs] = React.useState({ selectedItems: [] });
|
|
25
|
+
return (React.createElement("div", { className: 'flex flex-col gap-3 text-white' },
|
|
26
|
+
React.createElement(SelectMultiple, { data: args.data, id: "selectedItems", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, readOnly: args.readOnly, selectSize: args.selectSize }),
|
|
27
|
+
React.createElement("div", { className: 'mt-4 p-4 bg-gray-800 rounded-md' },
|
|
28
|
+
React.createElement("p", { className: 'text-sm font-semibold mb-2' }, "Selected Values:"),
|
|
29
|
+
React.createElement("pre", { className: 'text-xs' }, JSON.stringify(inputs.selectedItems, null, 2)))));
|
|
30
|
+
},
|
|
31
|
+
args: {
|
|
32
|
+
id: 'selectedItems',
|
|
33
|
+
lb: 'Selección Múltiple',
|
|
34
|
+
state: [{ selectedItems: [] }],
|
|
35
|
+
readOnly: false,
|
|
36
|
+
selectSize: 4,
|
|
37
|
+
data: [
|
|
38
|
+
{ id: 1, names: "Opción 1" },
|
|
39
|
+
{ id: 2, names: "Opción 2" },
|
|
40
|
+
{ id: 3, names: "Opción 3" },
|
|
41
|
+
{ id: 4, names: "Opción 4" },
|
|
42
|
+
{ id: 5, names: "Opción 5" }
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
export const SelectMultipleWithPreselection = {
|
|
47
|
+
render: (args) => {
|
|
48
|
+
const [inputs, setInputs] = React.useState({ selectedItems: ['2', '4'] });
|
|
49
|
+
return (React.createElement("div", { className: 'flex flex-col gap-3 text-white' },
|
|
50
|
+
React.createElement(SelectMultiple, { data: args.data, id: "selectedItems", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, selectSize: args.selectSize }),
|
|
51
|
+
React.createElement("div", { className: 'mt-4 p-4 bg-gray-800 rounded-md' },
|
|
52
|
+
React.createElement("p", { className: 'text-sm font-semibold mb-2' }, "Selected Values:"),
|
|
53
|
+
React.createElement("pre", { className: 'text-xs' }, JSON.stringify(inputs.selectedItems, null, 2)))));
|
|
54
|
+
},
|
|
55
|
+
args: {
|
|
56
|
+
id: 'selectedItems',
|
|
57
|
+
lb: 'Con Preselección',
|
|
58
|
+
state: [{ selectedItems: ['2', '4'] }],
|
|
59
|
+
selectSize: 5,
|
|
60
|
+
data: [
|
|
61
|
+
{ id: 1, names: "Opción 1" },
|
|
62
|
+
{ id: 2, names: "Opción 2" },
|
|
63
|
+
{ id: 3, names: "Opción 3" },
|
|
64
|
+
{ id: 4, names: "Opción 4" },
|
|
65
|
+
{ id: 5, names: "Opción 5" }
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
export const SelectMultipleOutline = {
|
|
70
|
+
render: (args) => {
|
|
71
|
+
const [inputs, setInputs] = React.useState({ options: [] });
|
|
72
|
+
return (React.createElement("div", { className: 'flex flex-col gap-3 text-white' },
|
|
73
|
+
React.createElement(SelectMultiple, { data: args.data, id: "options", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, selectSize: args.selectSize }),
|
|
74
|
+
React.createElement("div", { className: 'mt-4 p-4 bg-gray-800 rounded-md' },
|
|
75
|
+
React.createElement("p", { className: 'text-sm font-semibold mb-2' }, "Selected Values:"),
|
|
76
|
+
React.createElement("pre", { className: 'text-xs' }, JSON.stringify(inputs.options, null, 2)))));
|
|
77
|
+
},
|
|
78
|
+
args: {
|
|
79
|
+
id: 'options',
|
|
80
|
+
lb: 'Variante Outline',
|
|
81
|
+
state: [{ options: [] }],
|
|
82
|
+
variant: 'outline',
|
|
83
|
+
selectSize: 6,
|
|
84
|
+
data: [
|
|
85
|
+
{ id: 1, names: "Opción 1" },
|
|
86
|
+
{ id: 2, names: "Opción 2" },
|
|
87
|
+
{ id: 3, names: "Opción 3" },
|
|
88
|
+
{ id: 4, names: "Opción 4" },
|
|
89
|
+
{ id: 5, names: "Opción 5" },
|
|
90
|
+
{ id: 6, names: "Opción 6" }
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
};
|
|
94
|
+
export const SelectMultipleSimpleArray = {
|
|
95
|
+
render: (args) => {
|
|
96
|
+
const [inputs, setInputs] = React.useState({ fruits: [] });
|
|
97
|
+
return (React.createElement("div", { className: 'flex flex-col gap-3 text-white' },
|
|
98
|
+
React.createElement(SelectMultiple, { data: args.data, id: "fruits", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, selectSize: args.selectSize }),
|
|
99
|
+
React.createElement("div", { className: 'mt-4 p-4 bg-gray-800 rounded-md' },
|
|
100
|
+
React.createElement("p", { className: 'text-sm font-semibold mb-2' }, "Selected Values:"),
|
|
101
|
+
React.createElement("pre", { className: 'text-xs' }, JSON.stringify(inputs.fruits, null, 2)))));
|
|
102
|
+
},
|
|
103
|
+
args: {
|
|
104
|
+
id: 'fruits',
|
|
105
|
+
lb: 'Array Simple (sin objetos)',
|
|
106
|
+
state: [{ fruits: [] }],
|
|
107
|
+
selectSize: 5,
|
|
108
|
+
data: ["Manzana", "Banana", "Naranja", "Uva", "Sandía", "Piña"]
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
export const SelectMultipleReadOnly = {
|
|
112
|
+
render: (args) => {
|
|
113
|
+
const [inputs, setInputs] = React.useState({ readOnlyItems: ['1', '3'] });
|
|
114
|
+
return (React.createElement("div", { className: 'flex flex-col gap-3 text-white' },
|
|
115
|
+
React.createElement(SelectMultiple, { data: args.data, id: "readOnlyItems", lb: args.lb, state: [inputs, setInputs], variant: args.variant, size: args.size, readOnly: args.readOnly, selectSize: args.selectSize }),
|
|
116
|
+
React.createElement("div", { className: 'mt-4 p-4 bg-gray-800 rounded-md' },
|
|
117
|
+
React.createElement("p", { className: 'text-sm font-semibold mb-2' }, "Selected Values:"),
|
|
118
|
+
React.createElement("pre", { className: 'text-xs' }, JSON.stringify(inputs.readOnlyItems, null, 2)))));
|
|
119
|
+
},
|
|
120
|
+
args: {
|
|
121
|
+
id: 'readOnlyItems',
|
|
122
|
+
lb: 'Solo Lectura',
|
|
123
|
+
state: [{ readOnlyItems: ['1', '3'] }],
|
|
124
|
+
readOnly: true,
|
|
125
|
+
selectSize: 4,
|
|
126
|
+
data: [
|
|
127
|
+
{ id: 1, names: "Opción 1" },
|
|
128
|
+
{ id: 2, names: "Opción 2" },
|
|
129
|
+
{ id: 3, names: "Opción 3" },
|
|
130
|
+
{ id: 4, names: "Opción 4" }
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
};
|
|
134
|
+
//# sourceMappingURL=SelectMultiple.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectMultiple.stories.js","sourceRoot":"","sources":["../../src/forms/SelectMultiple.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export { default as TextArea } from "./TextArea.js";
|
|
|
4
4
|
export { default as Checkbox } from "./Checkbox.js";
|
|
5
5
|
export { default as RadioButton } from "./RadioButton.js";
|
|
6
6
|
export { default as Select } from "./Select.js";
|
|
7
|
+
export { default as SelectMultiple } from "./SelectMultiple.js";
|
|
7
8
|
/**Buttons */
|
|
8
9
|
export { default as Button } from "./Button.js";
|
|
9
10
|
export { default as LinkButtonSmall } from "./LinkButton.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/forms/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { default as TextArea } from "./TextArea.js";
|
|
|
4
4
|
export { default as Checkbox } from "./Checkbox.js";
|
|
5
5
|
export { default as RadioButton } from "./RadioButton.js";
|
|
6
6
|
export { default as Select } from "./Select.js";
|
|
7
|
+
export { default as SelectMultiple } from "./SelectMultiple.js";
|
|
7
8
|
/**Buttons */
|
|
8
9
|
export { default as Button } from "./Button.js";
|
|
9
10
|
export { default as LinkButtonSmall } from "./LinkButton.js";
|
package/dist/forms/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
|