code7-leia 0.1.124 → 0.1.126
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/code7-leia.cjs.development.js +27 -13
- package/dist/code7-leia.cjs.development.js.map +1 -1
- package/dist/code7-leia.cjs.production.min.js +1 -1
- package/dist/code7-leia.cjs.production.min.js.map +1 -1
- package/dist/code7-leia.esm.js +27 -13
- package/dist/code7-leia.esm.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/FileArea/components/AreaUpload/index.tsx +1 -3
- package/src/components/FileArea/index.tsx +9 -5
- package/src/components/MultiSelect/index.tsx +5 -3
|
@@ -7,6 +7,7 @@ interface MultiSelectProps {
|
|
|
7
7
|
options: Option[];
|
|
8
8
|
presset: string[];
|
|
9
9
|
setPresset: React.Dispatch<React.SetStateAction<string[]>>;
|
|
10
|
+
setOptions: React.Dispatch<React.SetStateAction<Option[]>>;
|
|
10
11
|
}
|
|
11
12
|
declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
12
13
|
export default MultiSelect;
|
package/package.json
CHANGED
|
@@ -88,9 +88,7 @@ const AreaUpload: React.FC<AreaUploadProps> = ({
|
|
|
88
88
|
|
|
89
89
|
return (
|
|
90
90
|
<>
|
|
91
|
-
|
|
92
|
-
{console.log('file: ', file)}
|
|
93
|
-
{(multipleFile || myFiles?.length === 0) || !!file ? (
|
|
91
|
+
{(multipleFile || myFiles?.length === 0) || !file ? (
|
|
94
92
|
<Container
|
|
95
93
|
{...getRootProps({ isDragActive, isDragAccept, isDragReject })}
|
|
96
94
|
>
|
|
@@ -27,6 +27,7 @@ export const FileArea = () => {
|
|
|
27
27
|
const [modal, setModal] = useState(false)
|
|
28
28
|
const [modalDelete, setModalDelete] = useState(false)
|
|
29
29
|
const [fileDelete, setFileDelete] = useState('')
|
|
30
|
+
const [optionsPresset, setOptionsPresset] = useState<{ label: any; value: any; }[]>([])
|
|
30
31
|
const [presset, setPresset] = useState<string[]>([]);
|
|
31
32
|
const t = getLanguage(language)
|
|
32
33
|
const dispatch = useDispatch();
|
|
@@ -38,6 +39,13 @@ export const FileArea = () => {
|
|
|
38
39
|
dispatch(getFilesAction(id))
|
|
39
40
|
}, [id])
|
|
40
41
|
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
const options = tags.map((tag: any) => {
|
|
44
|
+
return { label: tag, value: tag }
|
|
45
|
+
})
|
|
46
|
+
setOptionsPresset(options)
|
|
47
|
+
}, [tags])
|
|
48
|
+
|
|
41
49
|
useEffect(() => {
|
|
42
50
|
if(!!initFiles){
|
|
43
51
|
setFiles(initFiles)
|
|
@@ -45,10 +53,6 @@ export const FileArea = () => {
|
|
|
45
53
|
}
|
|
46
54
|
}, [initFiles])
|
|
47
55
|
|
|
48
|
-
const optionsPresset = tags.map((tag: any) => {
|
|
49
|
-
return { label: tag, value: tag }
|
|
50
|
-
})
|
|
51
|
-
|
|
52
56
|
const pressetTag = (tags: string) => {
|
|
53
57
|
const tagsSplit = tags.split(',');
|
|
54
58
|
let html = '';
|
|
@@ -157,7 +161,7 @@ export const FileArea = () => {
|
|
|
157
161
|
</div>
|
|
158
162
|
<div className='presset'>
|
|
159
163
|
<p>Presset</p>
|
|
160
|
-
<MultiSelect options={optionsPresset} presset={presset} setPresset={setPresset} />
|
|
164
|
+
<MultiSelect setOptions={setOptionsPresset} options={optionsPresset} presset={presset} setPresset={setPresset} />
|
|
161
165
|
</div>
|
|
162
166
|
</ModalContent>
|
|
163
167
|
<ModalFooter>
|
|
@@ -10,9 +10,10 @@ interface MultiSelectProps {
|
|
|
10
10
|
options: Option[];
|
|
11
11
|
presset: string[];
|
|
12
12
|
setPresset: React.Dispatch<React.SetStateAction<string[]>>;
|
|
13
|
+
setOptions: React.Dispatch<React.SetStateAction<Option[]>>;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
const MultiSelect: React.FC<MultiSelectProps> = ({ options, presset, setPresset }) => {
|
|
16
|
+
const MultiSelect: React.FC<MultiSelectProps> = ({ options, presset, setPresset, setOptions }) => {
|
|
16
17
|
const [expanded, setExpanded] = useState(false);
|
|
17
18
|
const [newOption, setNewOption] = useState('');
|
|
18
19
|
|
|
@@ -39,6 +40,7 @@ const MultiSelect: React.FC<MultiSelectProps> = ({ options, presset, setPresset
|
|
|
39
40
|
event.preventDefault();
|
|
40
41
|
const trimmedOption = newOption.trim();
|
|
41
42
|
if (trimmedOption !== '' && !options.some(option => option.value === trimmedOption)) {
|
|
43
|
+
setOptions(prevOptions => [...prevOptions, { label: trimmedOption, value: trimmedOption }]);
|
|
42
44
|
setPresset(prevPresset => [...prevPresset, trimmedOption]);
|
|
43
45
|
}
|
|
44
46
|
setNewOption('');
|
|
@@ -50,8 +52,8 @@ const MultiSelect: React.FC<MultiSelectProps> = ({ options, presset, setPresset
|
|
|
50
52
|
<S.MultiSelectWrapper>
|
|
51
53
|
<S.SelectBox onClick={showCheckboxes}>
|
|
52
54
|
<select>
|
|
53
|
-
{
|
|
54
|
-
<option key={index} value={option}>{option}</option>
|
|
55
|
+
{options.map((option, index) => (
|
|
56
|
+
<option key={index} value={option.value}>{option.label}</option>
|
|
55
57
|
))}
|
|
56
58
|
</select>
|
|
57
59
|
<S.OverSelect>
|