@vitrosoftware/common-ui-ts 1.1.32 → 1.1.33
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/css/std/controls/image-picker/image-picker.css +70 -0
- package/dist/controls/DropdownButton/DropdownButton.d.ts +1 -0
- package/dist/controls/ImagePicker/ImagePicker.d.ts +16 -0
- package/dist/controls/ImagePicker/ImagePickerConstants.d.ts +8 -0
- package/dist/index.css +70 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +70 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +70 -2
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
.vitro-image-picker-root {
|
|
2
|
+
width: 88px;
|
|
3
|
+
height: 88px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: flex-start;
|
|
7
|
+
flex-direction: row;
|
|
8
|
+
position: relative;
|
|
9
|
+
margin-bottom: 16px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.vitro-image-picker-dropdown-wrapper :global(.dropdown-menu) {
|
|
13
|
+
inset: 32px auto auto -10px!important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.vitro-image-picker-dropdown-wrapper :global(.dropdown-menu)::before {
|
|
17
|
+
left: 14px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.vitro-image-picker-dropdown-wrapper {
|
|
21
|
+
position: absolute;
|
|
22
|
+
top: 0;
|
|
23
|
+
right: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.vitro-image-picker-defaultIcon-wrapper {
|
|
27
|
+
display: flex;
|
|
28
|
+
width: 76px;
|
|
29
|
+
height: 76px;
|
|
30
|
+
padding: 18px;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
align-items: center;
|
|
33
|
+
flex-shrink: 0;
|
|
34
|
+
border-radius: 50px;
|
|
35
|
+
background: var(--grey-grey-sh-50, rgba(228, 230, 236, 0.50));
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.vitro-image-picker-icon {
|
|
39
|
+
width: 50%;
|
|
40
|
+
height: 50%;
|
|
41
|
+
margin: 0 auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.vitro-image-picker-input {
|
|
45
|
+
visibility: hidden;
|
|
46
|
+
display: none;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.vitro-icon-default {
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 100%;
|
|
52
|
+
/* defaultIcon.svg URL-encoder for SVG */
|
|
53
|
+
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-images 2'%3E%3Cpath id='Vector' d='M38.8219 5.27219L34.8809 32.8486C34.8397 33.1249 34.5807 33.3191 34.3043 33.278L28.022 32.3839L9.74546 29.7721C9.46312 29.7308 9.2691 29.472 9.31017 29.1957L12.2221 8.81912L13.2515 1.61898C13.2925 1.34267 13.5513 1.14851 13.8279 1.18384L38.3867 4.69544C38.6632 4.7368 38.8572 4.99559 38.8219 5.27219Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_2' d='M28.022 9.35966V32.3772L9.74546 29.7655C9.46312 29.7242 9.2691 29.4654 9.31017 29.1891L12.2221 8.8125H27.475C27.775 8.8125 28.022 9.05951 28.022 9.35966Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_3' d='M36.1531 7.06066L33.306 26.9782L28.0178 26.2194L12.4531 23.996L14.6237 8.81359L15.3001 4.07812L36.1531 7.06066Z' fill='%23347FDE'/%3E%3Cpath id='Vector_4' d='M28.0178 9.35966V26.2183L12.4531 23.9949L14.6237 8.8125H27.4708C27.7708 8.8125 28.0178 9.05951 28.0178 9.35966Z' fill='%233274E0'/%3E%3Cg id='Group'%3E%3Cpath id='Vector_5' d='M27.0105 10.4621V38.318C27.0105 38.5991 26.7827 38.8269 26.5016 38.8269H1.69254C1.41146 38.8269 1.18359 38.5991 1.18359 38.318V10.4621C1.18359 10.181 1.41146 9.95312 1.69254 9.95312H26.5016C26.7827 9.95312 27.0105 10.181 27.0105 10.4621Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_6' d='M11.0801 35.4589L11.0802 36.1298C11.0802 36.2184 11.0068 36.2918 10.9181 36.2918L7.58398 36.2918C7.49535 36.2918 7.42192 36.2184 7.42192 36.1298L7.42188 35.4589C7.42187 35.3677 7.49529 35.2969 7.58392 35.2969L10.9181 35.2969C11.0067 35.2969 11.0801 35.3677 11.0801 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_7' d='M20.7693 35.4589L20.7694 36.1298C20.7694 36.2184 20.696 36.2918 20.6073 36.2918L12.5761 36.2918C12.4849 36.2918 12.4141 36.2184 12.4141 36.1298L12.4141 35.4589C12.4141 35.3677 12.4849 35.2969 12.5761 35.2969L20.6073 35.2969C20.6959 35.2969 20.7693 35.3677 20.7693 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_8' d='M24.6299 12.6172H3.56641V32.7366H24.6299V12.6172Z' fill='%2370C1F9'/%3E%3Cpath id='Vector_9' d='M24.6266 25.5804V32.7327H11.1055L15.479 27.0011L15.8585 26.5067L17.8956 23.8359H23.2964L24.6266 25.5804Z' fill='%234F5D99'/%3E%3Cpath id='Vector_10' d='M20.6117 32.7338H11.1055L15.479 27.0022L15.8585 26.5078L16.2346 27.0022L20.6117 32.7338Z' fill='%233D4A75'/%3E%3Cpath id='Vector_11' d='M19.8592 32.7332H3.56641V25.5809L6.19186 22.1406H11.7738L15.4823 27.0017L19.8592 32.7332Z' fill='%234F5D99'/%3E%3Cpath id='Vector_12' d='M11.778 22.1358L9.95314 19.7436C9.46568 19.1063 8.50809 19.1063 8.02063 19.7436L6.19531 22.1358H11.778Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_13' d='M23.1852 19.7054H16.5234C16.8016 19.0682 17.4368 18.6204 18.1746 18.6204C18.4606 18.6204 18.7309 18.6874 18.9696 18.8058C19.4411 18.3738 20.0684 18.1094 20.7549 18.1094C21.8438 18.1094 22.7789 18.7663 23.1852 19.7054Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_14' d='M11.2361 17.3474H5.54688C5.78445 16.8032 6.32688 16.4208 6.957 16.4208C7.20127 16.4208 7.43205 16.478 7.6359 16.5791C8.03856 16.2102 8.57429 15.9844 9.16057 15.9844C10.0905 15.9844 10.8891 16.5454 11.2361 17.3474Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_15' d='M15.0821 17.6096C16.0918 17.6096 16.9104 16.7911 16.9104 15.7814C16.9104 14.7717 16.0918 13.9531 15.0821 13.9531C14.0724 13.9531 13.2539 14.7717 13.2539 15.7814C13.2539 16.7911 14.0724 17.6096 15.0821 17.6096Z' fill='%23FDC72E'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_16' d='M23.2929 23.8354L21.4335 21.3996C21.0087 20.846 20.1731 20.846 19.7482 21.3996L17.8906 23.8354H23.2929Z' fill='%23E9E9FF'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_3' opacity='0.2'%3E%3Cpath id='Vector_17' d='M1.70703 9.95312L11.4165 38.8269H21.1939L11.4784 9.95312H1.70703Z' fill='white'/%3E%3Cpath id='Vector_18' d='M14.1281 9.95312H12.7227L22.4372 38.8269H23.8362L14.1281 9.95312Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.vitro-image-picker-label-wrapper {
|
|
57
|
+
background: var(--blue-blue-1, #F7F9FC);
|
|
58
|
+
display: flex;
|
|
59
|
+
height: 40px;
|
|
60
|
+
padding: 4px 8px;
|
|
61
|
+
margin-bottom: 16px;
|
|
62
|
+
align-items: center;
|
|
63
|
+
gap: 2px;
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.vitro-image-picker-wrapper {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-direction: column;
|
|
70
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
import { DropdownItem } from '../DropdownButton/DropdownItem';
|
|
3
|
+
interface ImagePickerProps {
|
|
4
|
+
inputFileRef: MutableRefObject<HTMLInputElement | null>;
|
|
5
|
+
label: string;
|
|
6
|
+
itemList?: DropdownItem[];
|
|
7
|
+
defaultUrl?: string;
|
|
8
|
+
classNameRoot?: string;
|
|
9
|
+
classNameIcon?: string;
|
|
10
|
+
classNameDefaultIcon?: string;
|
|
11
|
+
imgUrlUpload?: string;
|
|
12
|
+
imgUrlDelete?: string;
|
|
13
|
+
onDelete: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const ImagePicker: (props: ImagePickerProps) => JSX.Element;
|
|
16
|
+
export {};
|
package/dist/index.css
CHANGED
|
@@ -4539,4 +4539,74 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
|
|
|
4539
4539
|
background-color: none;
|
|
4540
4540
|
border: none;
|
|
4541
4541
|
outline: none;
|
|
4542
|
+
}
|
|
4543
|
+
._image-picker_vitro-image-picker-root_AqOYRhP {
|
|
4544
|
+
width: 88px;
|
|
4545
|
+
height: 88px;
|
|
4546
|
+
display: flex;
|
|
4547
|
+
align-items: center;
|
|
4548
|
+
justify-content: flex-start;
|
|
4549
|
+
flex-direction: row;
|
|
4550
|
+
position: relative;
|
|
4551
|
+
margin-bottom: 16px;
|
|
4552
|
+
}
|
|
4553
|
+
|
|
4554
|
+
._image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS .dropdown-menu {
|
|
4555
|
+
inset: 32px auto auto -10px!important;
|
|
4556
|
+
}
|
|
4557
|
+
|
|
4558
|
+
._image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS .dropdown-menu::before {
|
|
4559
|
+
left: 14px;
|
|
4560
|
+
}
|
|
4561
|
+
|
|
4562
|
+
._image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS {
|
|
4563
|
+
position: absolute;
|
|
4564
|
+
top: 0;
|
|
4565
|
+
right: 0;
|
|
4566
|
+
}
|
|
4567
|
+
|
|
4568
|
+
._image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW {
|
|
4569
|
+
display: flex;
|
|
4570
|
+
width: 76px;
|
|
4571
|
+
height: 76px;
|
|
4572
|
+
padding: 18px;
|
|
4573
|
+
justify-content: center;
|
|
4574
|
+
align-items: center;
|
|
4575
|
+
flex-shrink: 0;
|
|
4576
|
+
border-radius: 50px;
|
|
4577
|
+
background: var(--grey-grey-sh-50, rgba(228, 230, 236, 0.50));
|
|
4578
|
+
}
|
|
4579
|
+
|
|
4580
|
+
._image-picker_vitro-image-picker-icon_1q7KZiW {
|
|
4581
|
+
width: 50%;
|
|
4582
|
+
height: 50%;
|
|
4583
|
+
margin: 0 auto;
|
|
4584
|
+
}
|
|
4585
|
+
|
|
4586
|
+
._image-picker_vitro-image-picker-input_12jFFNU {
|
|
4587
|
+
visibility: hidden;
|
|
4588
|
+
display: none;
|
|
4589
|
+
}
|
|
4590
|
+
|
|
4591
|
+
._image-picker_vitro-icon-default_2Hdhta2 {
|
|
4592
|
+
width: 100%;
|
|
4593
|
+
height: 100%;
|
|
4594
|
+
/* defaultIcon.svg URL-encoder for SVG */
|
|
4595
|
+
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-images 2'%3E%3Cpath id='Vector' d='M38.8219 5.27219L34.8809 32.8486C34.8397 33.1249 34.5807 33.3191 34.3043 33.278L28.022 32.3839L9.74546 29.7721C9.46312 29.7308 9.2691 29.472 9.31017 29.1957L12.2221 8.81912L13.2515 1.61898C13.2925 1.34267 13.5513 1.14851 13.8279 1.18384L38.3867 4.69544C38.6632 4.7368 38.8572 4.99559 38.8219 5.27219Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_2' d='M28.022 9.35966V32.3772L9.74546 29.7655C9.46312 29.7242 9.2691 29.4654 9.31017 29.1891L12.2221 8.8125H27.475C27.775 8.8125 28.022 9.05951 28.022 9.35966Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_3' d='M36.1531 7.06066L33.306 26.9782L28.0178 26.2194L12.4531 23.996L14.6237 8.81359L15.3001 4.07812L36.1531 7.06066Z' fill='%23347FDE'/%3E%3Cpath id='Vector_4' d='M28.0178 9.35966V26.2183L12.4531 23.9949L14.6237 8.8125H27.4708C27.7708 8.8125 28.0178 9.05951 28.0178 9.35966Z' fill='%233274E0'/%3E%3Cg id='Group'%3E%3Cpath id='Vector_5' d='M27.0105 10.4621V38.318C27.0105 38.5991 26.7827 38.8269 26.5016 38.8269H1.69254C1.41146 38.8269 1.18359 38.5991 1.18359 38.318V10.4621C1.18359 10.181 1.41146 9.95312 1.69254 9.95312H26.5016C26.7827 9.95312 27.0105 10.181 27.0105 10.4621Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_6' d='M11.0801 35.4589L11.0802 36.1298C11.0802 36.2184 11.0068 36.2918 10.9181 36.2918L7.58398 36.2918C7.49535 36.2918 7.42192 36.2184 7.42192 36.1298L7.42188 35.4589C7.42187 35.3677 7.49529 35.2969 7.58392 35.2969L10.9181 35.2969C11.0067 35.2969 11.0801 35.3677 11.0801 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_7' d='M20.7693 35.4589L20.7694 36.1298C20.7694 36.2184 20.696 36.2918 20.6073 36.2918L12.5761 36.2918C12.4849 36.2918 12.4141 36.2184 12.4141 36.1298L12.4141 35.4589C12.4141 35.3677 12.4849 35.2969 12.5761 35.2969L20.6073 35.2969C20.6959 35.2969 20.7693 35.3677 20.7693 35.4589Z' fill='%23CFCFFF'/%3E%3Cpath id='Vector_8' d='M24.6299 12.6172H3.56641V32.7366H24.6299V12.6172Z' fill='%2370C1F9'/%3E%3Cpath id='Vector_9' d='M24.6266 25.5804V32.7327H11.1055L15.479 27.0011L15.8585 26.5067L17.8956 23.8359H23.2964L24.6266 25.5804Z' fill='%234F5D99'/%3E%3Cpath id='Vector_10' d='M20.6117 32.7338H11.1055L15.479 27.0022L15.8585 26.5078L16.2346 27.0022L20.6117 32.7338Z' fill='%233D4A75'/%3E%3Cpath id='Vector_11' d='M19.8592 32.7332H3.56641V25.5809L6.19186 22.1406H11.7738L15.4823 27.0017L19.8592 32.7332Z' fill='%234F5D99'/%3E%3Cpath id='Vector_12' d='M11.778 22.1358L9.95314 19.7436C9.46568 19.1063 8.50809 19.1063 8.02063 19.7436L6.19531 22.1358H11.778Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_13' d='M23.1852 19.7054H16.5234C16.8016 19.0682 17.4368 18.6204 18.1746 18.6204C18.4606 18.6204 18.7309 18.6874 18.9696 18.8058C19.4411 18.3738 20.0684 18.1094 20.7549 18.1094C21.8438 18.1094 22.7789 18.7663 23.1852 19.7054Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_14' d='M11.2361 17.3474H5.54688C5.78445 16.8032 6.32688 16.4208 6.957 16.4208C7.20127 16.4208 7.43205 16.478 7.6359 16.5791C8.03856 16.2102 8.57429 15.9844 9.16057 15.9844C10.0905 15.9844 10.8891 16.5454 11.2361 17.3474Z' fill='%23E9E9FF'/%3E%3Cpath id='Vector_15' d='M15.0821 17.6096C16.0918 17.6096 16.9104 16.7911 16.9104 15.7814C16.9104 14.7717 16.0918 13.9531 15.0821 13.9531C14.0724 13.9531 13.2539 14.7717 13.2539 15.7814C13.2539 16.7911 14.0724 17.6096 15.0821 17.6096Z' fill='%23FDC72E'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_16' d='M23.2929 23.8354L21.4335 21.3996C21.0087 20.846 20.1731 20.846 19.7482 21.3996L17.8906 23.8354H23.2929Z' fill='%23E9E9FF'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_3' opacity='0.2'%3E%3Cpath id='Vector_17' d='M1.70703 9.95312L11.4165 38.8269H21.1939L11.4784 9.95312H1.70703Z' fill='white'/%3E%3Cpath id='Vector_18' d='M14.1281 9.95312H12.7227L22.4372 38.8269H23.8362L14.1281 9.95312Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
|
|
4596
|
+
}
|
|
4597
|
+
|
|
4598
|
+
._image-picker_vitro-image-picker-label-wrapper_WRLzUYM {
|
|
4599
|
+
background: var(--blue-blue-1, #F7F9FC);
|
|
4600
|
+
display: flex;
|
|
4601
|
+
height: 40px;
|
|
4602
|
+
padding: 4px 8px;
|
|
4603
|
+
margin-bottom: 16px;
|
|
4604
|
+
align-items: center;
|
|
4605
|
+
gap: 2px;
|
|
4606
|
+
flex-shrink: 0;
|
|
4607
|
+
}
|
|
4608
|
+
|
|
4609
|
+
._image-picker_vitro-image-picker-wrapper_dlZyYFL {
|
|
4610
|
+
display: flex;
|
|
4611
|
+
flex-direction: column;
|
|
4542
4612
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ import { Icon } from './controls/Icon/Icon';
|
|
|
63
63
|
import { EVENT } from './constants/Event';
|
|
64
64
|
import { ScrollBar } from './controls/ScrollBar/ScrollBar';
|
|
65
65
|
import { MessageInput } from './controls/MessageInput/MessageInput';
|
|
66
|
+
import { ImagePicker } from './controls/ImagePicker/ImagePicker';
|
|
66
67
|
export { Breadcrumbs };
|
|
67
68
|
export { TopLevelMenu };
|
|
68
69
|
export { TreeView, TreeViewContext, TREE_VIEW };
|
|
@@ -99,3 +100,4 @@ export { Icon };
|
|
|
99
100
|
export { EVENT };
|
|
100
101
|
export { ScrollBar };
|
|
101
102
|
export { MessageInput };
|
|
103
|
+
export { ImagePicker };
|
package/dist/index.js
CHANGED
|
@@ -60282,7 +60282,7 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
60282
60282
|
className: styles$a['vitro-dropdown-icon']
|
|
60283
60283
|
}, props.title)), React__default.createElement(BootstrapDropdown.Menu, {
|
|
60284
60284
|
renderOnMount: true,
|
|
60285
|
-
flip: false
|
|
60285
|
+
flip: props.flip !== false
|
|
60286
60286
|
}, dropItemList.map(function (x) {
|
|
60287
60287
|
return x.isConfirm && x.actionCode ? React__default.createElement(ActionHandler, {
|
|
60288
60288
|
key: x.key,
|
|
@@ -64115,6 +64115,74 @@ var MessageInput = function MessageInput(props) {
|
|
|
64115
64115
|
}));
|
|
64116
64116
|
};
|
|
64117
64117
|
|
|
64118
|
+
var styles$I = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultIcon-wrapper":"_image-picker_vitro-image-picker-defaultIcon-wrapper_1XLKgLW","vitro-image-picker-icon":"_image-picker_vitro-image-picker-icon_1q7KZiW","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-icon-default":"_image-picker_vitro-icon-default_2Hdhta2","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL"};
|
|
64119
|
+
|
|
64120
|
+
var ACTION$1;
|
|
64121
|
+
(function (ACTION) {
|
|
64122
|
+
ACTION["UPLOAD"] = "upload";
|
|
64123
|
+
ACTION["DELETE"] = "delete";
|
|
64124
|
+
})(ACTION$1 || (ACTION$1 = {}));
|
|
64125
|
+
var LOCALE$7;
|
|
64126
|
+
(function (LOCALE) {
|
|
64127
|
+
LOCALE["ACTION_UPLOAD"] = "app.common.action.upload";
|
|
64128
|
+
LOCALE["ACTION_DELETE"] = "app.common.action.delete";
|
|
64129
|
+
})(LOCALE$7 || (LOCALE$7 = {}));
|
|
64130
|
+
|
|
64131
|
+
var ImagePicker = function ImagePicker(props) {
|
|
64132
|
+
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
64133
|
+
var defaultItemList = React.useMemo(function () {
|
|
64134
|
+
var _props$itemList;
|
|
64135
|
+
var result = [{
|
|
64136
|
+
onClick: function onClick() {
|
|
64137
|
+
var _props$inputFileRef, _props$inputFileRef$c;
|
|
64138
|
+
return (_props$inputFileRef = props.inputFileRef) === null || _props$inputFileRef === void 0 ? void 0 : (_props$inputFileRef$c = _props$inputFileRef.current) === null || _props$inputFileRef$c === void 0 ? void 0 : _props$inputFileRef$c.click();
|
|
64139
|
+
},
|
|
64140
|
+
text: localeService.create(LOCALE$7.ACTION_UPLOAD),
|
|
64141
|
+
value: ACTION$1.UPLOAD,
|
|
64142
|
+
key: ACTION$1.UPLOAD,
|
|
64143
|
+
actionCode: ACTION$1.UPLOAD,
|
|
64144
|
+
isConfirm: false,
|
|
64145
|
+
isOverflow: false,
|
|
64146
|
+
imageUrl: props.imgUrlUpload
|
|
64147
|
+
}];
|
|
64148
|
+
if (props.defaultUrl) {
|
|
64149
|
+
result.push({
|
|
64150
|
+
onClick: props.onDelete,
|
|
64151
|
+
text: localeService.create(LOCALE$7.ACTION_DELETE),
|
|
64152
|
+
value: ACTION$1.DELETE,
|
|
64153
|
+
key: ACTION$1.DELETE,
|
|
64154
|
+
actionCode: ACTION$1.DELETE,
|
|
64155
|
+
isConfirm: false,
|
|
64156
|
+
isOverflow: false,
|
|
64157
|
+
imageUrl: props.imgUrlDelete
|
|
64158
|
+
});
|
|
64159
|
+
}
|
|
64160
|
+
return (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.length ? result.concat(props.itemList) : result;
|
|
64161
|
+
}, [props.itemList, props.defaultUrl]);
|
|
64162
|
+
return React__default.createElement("div", {
|
|
64163
|
+
className: styles$I['vitro-image-picker-wrapper']
|
|
64164
|
+
}, React__default.createElement("div", {
|
|
64165
|
+
className: styles$I['vitro-image-picker-label-wrapper']
|
|
64166
|
+
}, props.label ? props.label : ''), React__default.createElement("div", {
|
|
64167
|
+
className: props.classNameRoot ? props.classNameRoot : styles$I['vitro-image-picker-root']
|
|
64168
|
+
}, React__default.createElement(DropdownButton, {
|
|
64169
|
+
itemList: defaultItemList,
|
|
64170
|
+
className: styles$I['vitro-image-picker-dropdown-wrapper']
|
|
64171
|
+
}), React__default.createElement("input", {
|
|
64172
|
+
type: 'file',
|
|
64173
|
+
className: styles$I['vitro-image-picker-input'],
|
|
64174
|
+
ref: props.inputFileRef,
|
|
64175
|
+
accept: "image/*"
|
|
64176
|
+
}), props.defaultUrl ? React__default.createElement(Icon, {
|
|
64177
|
+
defaultUrl: props.defaultUrl,
|
|
64178
|
+
className: props.classNameIcon ? props.classNameIcon : styles$I['vitro-image-picker-icon']
|
|
64179
|
+
}) : React__default.createElement("div", {
|
|
64180
|
+
className: props.classNameDefaultIcon ? props.classNameDefaultIcon : styles$I['vitro-image-picker-defaultIcon-wrapper']
|
|
64181
|
+
}, React__default.createElement("div", {
|
|
64182
|
+
className: styles$I['vitro-icon-default']
|
|
64183
|
+
}))));
|
|
64184
|
+
};
|
|
64185
|
+
|
|
64118
64186
|
exports.ACTION_HANDLER = ActionHandlerConstants;
|
|
64119
64187
|
exports.ALERT = AlertConstants;
|
|
64120
64188
|
exports.ActionHandler = ActionHandler;
|
|
@@ -64140,6 +64208,7 @@ exports.DialogContent = DialogContent;
|
|
|
64140
64208
|
exports.DialogFooter = DialogFooter;
|
|
64141
64209
|
exports.DropdownButton = DropdownButton;
|
|
64142
64210
|
exports.Icon = Icon;
|
|
64211
|
+
exports.ImagePicker = ImagePicker;
|
|
64143
64212
|
exports.Input = Input;
|
|
64144
64213
|
exports.IssueTile = IssueTile;
|
|
64145
64214
|
exports.Label = Label;
|