@dreamcommerce/aurora 2.8.8 → 2.8.9-2

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.
Files changed (26) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +5 -1
  2. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/controls/types.d.ts +2 -7
  4. package/build/esm/packages/aurora/src/components/controls/types.js +2 -3
  5. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  6. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +5 -1
  7. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  8. package/package.json +1 -1
  9. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.d.ts +0 -4
  10. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js +0 -13
  11. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js.map +0 -1
  12. package/build/esm/packages/aurora/src/components/image_list/constants.d.ts +0 -3
  13. package/build/esm/packages/aurora/src/components/image_list/constants.js +0 -4
  14. package/build/esm/packages/aurora/src/components/image_list/constants.js.map +0 -1
  15. package/build/esm/packages/aurora/src/components/image_list/index.d.ts +0 -4
  16. package/build/esm/packages/aurora/src/components/image_list/index.js +0 -56
  17. package/build/esm/packages/aurora/src/components/image_list/index.js.map +0 -1
  18. package/build/esm/packages/aurora/src/components/image_list/types.d.ts +0 -14
  19. package/build/esm/packages/aurora/src/components/image_list/types.js +0 -2
  20. package/build/esm/packages/aurora/src/components/image_list/types.js.map +0 -1
  21. package/build/esm/packages/aurora/src/components/image_list/use_image_list.d.ts +0 -13
  22. package/build/esm/packages/aurora/src/components/image_list/use_image_list.js +0 -61
  23. package/build/esm/packages/aurora/src/components/image_list/use_image_list.js.map +0 -1
  24. package/build/esm/packages/aurora/src/components/image_list/utils.d.ts +0 -1
  25. package/build/esm/packages/aurora/src/components/image_list/utils.js +0 -2
  26. package/build/esm/packages/aurora/src/components/image_list/utils.js.map +0 -1
@@ -13,7 +13,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
13
13
  const [isPreview, setPreview] = React.useState(true);
14
14
  React.useEffect(() => {
15
15
  initialFile && setFile(initialFile);
16
- }, []);
16
+ console.log('initialFile', initialFile);
17
+ }, [initialFile]);
18
+ React.useEffect(() => {
19
+ console.log('file', file);
20
+ }, [file]);
17
21
  React.useEffect(() => {
18
22
  initialErrors && setErrors(initialErrors);
19
23
  }, [initialErrors]);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;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;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,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAgC,oCAAoC,CAAC;AACrE,OAAuB,+BAA+B,CAAC;AACvD,OAAiC,0BAA0B,CAAC;AAC5D,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC"}
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"}
@@ -9,7 +9,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
9
9
  const [isPreview, setPreview] = useState(true);
10
10
  useEffect(() => {
11
11
  initialFile && setFile(initialFile);
12
- }, []);
12
+ console.log('initialFile', initialFile);
13
+ }, [initialFile]);
14
+ useEffect(() => {
15
+ console.log('file', file);
16
+ }, [file]);
13
17
  useEffect(() => {
14
18
  initialErrors && setErrors(initialErrors);
15
19
  }, [initialErrors]);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.8.8",
5
+ "version": "2.8.9-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,4 +0,0 @@
1
- import { IControlImageListProps } from "../../types";
2
- import React from 'react';
3
- declare const ControlImageList: React.FC<IControlImageListProps>;
4
- export default ControlImageList;
@@ -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
@@ -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,3 +0,0 @@
1
- export declare const IMAGE_LIST_ERRORS: {
2
- nameError: string;
3
- };
@@ -1,4 +0,0 @@
1
- export const IMAGE_LIST_ERRORS = {
2
- nameError: 'slideNameError'
3
- };
4
- //# sourceMappingURL=constants.js.map
@@ -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,4 +0,0 @@
1
- import { IImageListProps } from './types';
2
- import React from 'react';
3
- declare const ImageList: React.FC<IImageListProps>;
4
- export default ImageList;
@@ -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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -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,2 +0,0 @@
1
- export const valueIsEmpty = (value) => value === '';
2
- //# sourceMappingURL=utils.js.map
@@ -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"}