@dreamcommerce/aurora 2.8.8-5 → 2.8.9-1
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/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +2 -2
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +1 -4
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +2 -7
- package/build/esm/packages/aurora/src/components/controls/types.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +2 -2
- package/build/esm/packages/aurora/src/components/image_picker/index.js +1 -4
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/package.json +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js +0 -13
- package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js.map +0 -1
- package/build/esm/packages/aurora/src/components/image_list/constants.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/image_list/constants.js +0 -4
- package/build/esm/packages/aurora/src/components/image_list/constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/image_list/index.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/image_list/index.js +0 -56
- package/build/esm/packages/aurora/src/components/image_list/index.js.map +0 -1
- package/build/esm/packages/aurora/src/components/image_list/types.d.ts +0 -14
- package/build/esm/packages/aurora/src/components/image_list/types.js +0 -2
- package/build/esm/packages/aurora/src/components/image_list/types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/image_list/use_image_list.d.ts +0 -13
- package/build/esm/packages/aurora/src/components/image_list/use_image_list.js +0 -61
- package/build/esm/packages/aurora/src/components/image_list/use_image_list.js.map +0 -1
- package/build/esm/packages/aurora/src/components/image_list/utils.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/image_list/utils.js +0 -2
- package/build/esm/packages/aurora/src/components/image_list/utils.js.map +0 -1
|
@@ -12,8 +12,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
12
12
|
const [isDragOver, setDragOver] = React.useState(false);
|
|
13
13
|
const [isPreview, setPreview] = React.useState(true);
|
|
14
14
|
React.useEffect(() => {
|
|
15
|
-
setFile(initialFile);
|
|
16
|
-
}, []);
|
|
15
|
+
initialFile && setFile(initialFile);
|
|
16
|
+
}, [initialFile]);
|
|
17
17
|
React.useEffect(() => {
|
|
18
18
|
initialErrors && setErrors(initialErrors);
|
|
19
19
|
}, [initialErrors]);
|
|
@@ -42,12 +42,10 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
|
|
|
42
42
|
onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(imageSize);
|
|
43
43
|
}, [imageSize]);
|
|
44
44
|
React.useEffect(() => {
|
|
45
|
-
console.log('useEffect - initialFile');
|
|
46
45
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
47
|
-
}, []);
|
|
46
|
+
}, [initialFile]);
|
|
48
47
|
const setImageSizeBasedOnUrl = (fileUrl) => {
|
|
49
48
|
createImageFromUrl(fileUrl).then((image) => {
|
|
50
|
-
console.log('setImageSizeBasedOnUrl', image.naturalWidth);
|
|
51
49
|
setImageSize({ width: image.naturalWidth, height: image.naturalHeight });
|
|
52
50
|
});
|
|
53
51
|
};
|
|
@@ -78,7 +76,6 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
|
|
|
78
76
|
};
|
|
79
77
|
const updateFile = (files) => {
|
|
80
78
|
if (files === null || files === void 0 ? void 0 : files.length) {
|
|
81
|
-
console.log('updateFile');
|
|
82
79
|
setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
|
|
83
80
|
}
|
|
84
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import { IImagePicker, TImageSize } from "../image_picker/types";
|
|
3
2
|
import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
|
|
4
3
|
import { IColorPickerProps } from "../color_picker/types";
|
|
5
4
|
import { IFilePicker } from "../file_picker/types";
|
|
6
|
-
import { IImageListProps } from "../image_list/types";
|
|
7
5
|
import { IRange } from "../range/types";
|
|
8
|
-
import { IRequestResponse } from '@dreamcommerce/star_core';
|
|
9
6
|
import React from 'react';
|
|
10
7
|
import { TVerticalPosition } from "../../typings/general";
|
|
8
|
+
import { IImagePicker, TImageSize } from "../image_picker/types";
|
|
9
|
+
import { IRequestResponse } from '@dreamcommerce/star_core';
|
|
11
10
|
export declare type TControlErrors = string[] | null | undefined;
|
|
12
11
|
export interface IControlContext {
|
|
13
12
|
errors?: TControlErrors;
|
|
@@ -195,8 +194,4 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
|
|
|
195
194
|
isRequired?: boolean;
|
|
196
195
|
labelAdditionalInfo?: string | ReactNode;
|
|
197
196
|
}
|
|
198
|
-
export interface IControlImageListProps extends IImageListProps, IControlCommonProps {
|
|
199
|
-
label?: string;
|
|
200
|
-
name?: string;
|
|
201
|
-
}
|
|
202
197
|
export {};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '@auroraComponents/image_picker/types';
|
|
3
2
|
import '@auroraComponents/dropdown/types';
|
|
4
3
|
import '@auroraComponents/color_picker/types';
|
|
5
4
|
import '@auroraComponents/file_picker/types';
|
|
6
|
-
import '@auroraComponents/image_list/types';
|
|
7
5
|
import '@auroraComponents/range/types';
|
|
8
|
-
import '@dreamcommerce/star_core';
|
|
9
6
|
import 'react';
|
|
10
7
|
import '@auroraTypings/general';
|
|
8
|
+
import '@auroraComponents/image_picker/types';
|
|
9
|
+
import '@dreamcommerce/star_core';
|
|
11
10
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC;AAC3D,OAAyC,sCAAsC,CAAC;AAChF,OAAiC,0BAA0B,CAAC"}
|
|
@@ -8,8 +8,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
|
|
|
8
8
|
const [isDragOver, setDragOver] = useState(false);
|
|
9
9
|
const [isPreview, setPreview] = useState(true);
|
|
10
10
|
useEffect(() => {
|
|
11
|
-
setFile(initialFile);
|
|
12
|
-
}, []);
|
|
11
|
+
initialFile && setFile(initialFile);
|
|
12
|
+
}, [initialFile]);
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
initialErrors && setErrors(initialErrors);
|
|
15
15
|
}, [initialErrors]);
|
|
@@ -33,12 +33,10 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
|
|
|
33
33
|
onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(imageSize);
|
|
34
34
|
}, [imageSize]);
|
|
35
35
|
useEffect(() => {
|
|
36
|
-
console.log('useEffect - initialFile');
|
|
37
36
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
38
|
-
}, []);
|
|
37
|
+
}, [initialFile]);
|
|
39
38
|
const setImageSizeBasedOnUrl = (fileUrl) => {
|
|
40
39
|
createImageFromUrl(fileUrl).then((image) => {
|
|
41
|
-
console.log('setImageSizeBasedOnUrl', image.naturalWidth);
|
|
42
40
|
setImageSize({ width: image.naturalWidth, height: image.naturalHeight });
|
|
43
41
|
});
|
|
44
42
|
};
|
|
@@ -69,7 +67,6 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
|
|
|
69
67
|
};
|
|
70
68
|
const updateFile = (files) => {
|
|
71
69
|
if (files === null || files === void 0 ? void 0 : files.length) {
|
|
72
|
-
console.log('updateFile');
|
|
73
70
|
setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
|
|
74
71
|
}
|
|
75
72
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import Control from '../../index';
|
|
2
|
-
import '@auroraComponents/controls/types';
|
|
3
|
-
import ImageList from '@auroraComponents/image_list';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
const ControlImageList = ({ id, name, label, isRequired, errors, buttonText, ...props }) => {
|
|
6
|
-
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
7
|
-
React.createElement(Control.Content, null,
|
|
8
|
-
React.createElement(Control.Element, null,
|
|
9
|
-
React.createElement(ImageList, { id: id, buttonText: buttonText }))),
|
|
10
|
-
React.createElement(Control.Errors, null)));
|
|
11
|
-
};
|
|
12
|
-
export default ControlImageList;
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/hoc/control_image_list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,aAAa,CAAC;AAClC,OAAuC,kCAAkC,CAAC;AAC1E,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,gBAAgB,GAAqC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzH,OAAO,CACH,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvC,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO;gBACZ,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,GAAI,CAC/B,CACJ;QAElB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,SAAS,EAAE,gBAAgB;CAC9B,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { AbsoluteModal, Button, ControlInput, Modal, Spacing } from '@dreamcommerce-package';
|
|
2
|
-
import './types';
|
|
3
|
-
import React, { useEffect, useState } from 'react';
|
|
4
|
-
import { useImageList } from './use_image_list';
|
|
5
|
-
import { useTranslation } from 'react-i18next';
|
|
6
|
-
const ImageList = ({ id, buttonText, onNameChange, onUrlChange, ...props }) => {
|
|
7
|
-
const [t] = useTranslation();
|
|
8
|
-
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
9
|
-
const [slideList, setSlideList] = useState([]);
|
|
10
|
-
const { onSlideNameChange, onSlideNameBlur, onSlideUrlChange, clear, validate, slideName, slideUrl, slideNameErrors, errors } = useImageList({
|
|
11
|
-
onNameChange,
|
|
12
|
-
onUrlChange
|
|
13
|
-
});
|
|
14
|
-
const handleShowModal = () => {
|
|
15
|
-
setModalIsVisible(true);
|
|
16
|
-
};
|
|
17
|
-
const handleHideModal = () => {
|
|
18
|
-
setModalIsVisible(false);
|
|
19
|
-
clear();
|
|
20
|
-
};
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
console.log('errors', errors);
|
|
23
|
-
}, [errors]);
|
|
24
|
-
const onSubmit = () => {
|
|
25
|
-
validate();
|
|
26
|
-
if (!errors.length) {
|
|
27
|
-
console.log('onSubmit');
|
|
28
|
-
const slideItem = {
|
|
29
|
-
name: slideName,
|
|
30
|
-
url: slideUrl
|
|
31
|
-
};
|
|
32
|
-
setSlideList([...slideList, slideItem]);
|
|
33
|
-
setModalIsVisible(false);
|
|
34
|
-
// clear();
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Button, { onClick: handleShowModal }, t(`${buttonText}`)),
|
|
39
|
-
React.createElement(React.Fragment, null, slideList &&
|
|
40
|
-
slideList.map((slide, index) => {
|
|
41
|
-
return (React.createElement("div", { key: `${slide.name}-${index}` },
|
|
42
|
-
React.createElement("p", null, slide.name),
|
|
43
|
-
React.createElement("p", null, slide.url)));
|
|
44
|
-
})),
|
|
45
|
-
React.createElement(AbsoluteModal, { isVisible: modalIsVisible },
|
|
46
|
-
React.createElement(Modal.Header, { title: t('Add slide'), closeAction: handleHideModal }),
|
|
47
|
-
React.createElement(Modal.Content, null,
|
|
48
|
-
React.createElement(ControlInput, { id: `${id}-slide-name`, name: `${id}-slide-name`, type: "text", value: slideName, isRequired: true, label: t('Name'), onChange: onSlideNameChange, onBlur: onSlideNameBlur, errors: slideNameErrors }),
|
|
49
|
-
React.createElement(ControlInput, { id: `${id}-slide-url`, name: `${id}-slide-url`, type: "text", value: slideUrl, label: t('Link URL'), onChange: onSlideUrlChange, placeholder: "https://" })),
|
|
50
|
-
React.createElement(Modal.Footer, null,
|
|
51
|
-
React.createElement(Button, { variant: "outline", size: "small", onClick: handleHideModal }, t('Cancel')),
|
|
52
|
-
React.createElement(Spacing, { as: "span", "ml-xs": 2 },
|
|
53
|
-
React.createElement(Button, { onClick: onSubmit, size: "small" }, t('Save')))))));
|
|
54
|
-
};
|
|
55
|
-
export default ImageList;
|
|
56
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export interface IImageListProps {
|
|
2
|
-
id: string;
|
|
3
|
-
buttonText: string;
|
|
4
|
-
onNameChange?: (name: string) => void;
|
|
5
|
-
onUrlChange?: (url: string) => void;
|
|
6
|
-
}
|
|
7
|
-
export interface IImageListSlide {
|
|
8
|
-
name: string;
|
|
9
|
-
url: string;
|
|
10
|
-
}
|
|
11
|
-
export interface IUseImageListProps {
|
|
12
|
-
onNameChange?: (name: string) => void;
|
|
13
|
-
onUrlChange?: (url: string) => void;
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IUseImageListProps } from './types';
|
|
3
|
-
export declare const useImageList: ({ onNameChange, onUrlChange }: IUseImageListProps) => {
|
|
4
|
-
onSlideNameChange: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
-
onSlideNameBlur: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
-
onSlideUrlChange: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
-
clear: () => void;
|
|
8
|
-
validate: () => void;
|
|
9
|
-
slideName: string;
|
|
10
|
-
slideUrl: string;
|
|
11
|
-
slideNameErrors: string[] | undefined;
|
|
12
|
-
errors: string[];
|
|
13
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
2
|
-
import { IMAGE_LIST_ERRORS } from './constants';
|
|
3
|
-
import './types';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import { valueIsEmpty } from './utils';
|
|
6
|
-
export const useImageList = ({ onNameChange, onUrlChange }) => {
|
|
7
|
-
const [t] = useTranslation();
|
|
8
|
-
const [errors, setErrors] = useState([]);
|
|
9
|
-
const [slideName, setSlideName] = useState('');
|
|
10
|
-
const [slideNameErrors, setSlideNameErrors] = useState(undefined);
|
|
11
|
-
const [slideUrl, setSlideUrl] = useState('');
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
handleSetErrors(slideNameErrors, IMAGE_LIST_ERRORS.nameError);
|
|
14
|
-
}, [slideNameErrors]);
|
|
15
|
-
const handleSetErrors = (fieldErrors, errorName) => {
|
|
16
|
-
if (fieldErrors && fieldErrors.length) {
|
|
17
|
-
setErrors((current) => {
|
|
18
|
-
return current.includes(errorName) ? [...current] : [...current, errorName];
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
setErrors((current) => current.filter((err) => err !== errorName));
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const onSlideNameChange = ({ target: { value } }) => {
|
|
26
|
-
onNameChange === null || onNameChange === void 0 ? void 0 : onNameChange(value);
|
|
27
|
-
setSlideName(value);
|
|
28
|
-
setSlideNameErrors(undefined);
|
|
29
|
-
};
|
|
30
|
-
const onSlideNameBlur = ({ target: { value } }) => {
|
|
31
|
-
validateNameField();
|
|
32
|
-
};
|
|
33
|
-
const onSlideUrlChange = ({ target: { value } }) => {
|
|
34
|
-
onUrlChange === null || onUrlChange === void 0 ? void 0 : onUrlChange(value);
|
|
35
|
-
setSlideUrl(value);
|
|
36
|
-
};
|
|
37
|
-
const clear = () => {
|
|
38
|
-
setSlideName('');
|
|
39
|
-
setSlideUrl('');
|
|
40
|
-
setSlideNameErrors(undefined);
|
|
41
|
-
};
|
|
42
|
-
const validateNameField = () => {
|
|
43
|
-
if (valueIsEmpty(slideName))
|
|
44
|
-
setSlideNameErrors([t('Field is required')]);
|
|
45
|
-
};
|
|
46
|
-
const validate = () => {
|
|
47
|
-
validateNameField();
|
|
48
|
-
};
|
|
49
|
-
return {
|
|
50
|
-
onSlideNameChange,
|
|
51
|
-
onSlideNameBlur,
|
|
52
|
-
onSlideUrlChange,
|
|
53
|
-
clear,
|
|
54
|
-
validate,
|
|
55
|
-
slideName,
|
|
56
|
-
slideUrl,
|
|
57
|
-
slideNameErrors,
|
|
58
|
-
errors
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=use_image_list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use_image_list.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/use_image_list.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const valueIsEmpty: (value: string) => boolean;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC"}
|