@royaltics/ui 1.6.13 → 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.
@@ -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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"}
@@ -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;AAEhD,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"}
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"}
@@ -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.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;AAEhD,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaltics/ui",
3
- "version": "1.6.13",
3
+ "version": "1.6.14",
4
4
  "private": false,
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",