@licklist/design 0.69.1-dev.4 → 0.69.1

package/dist/product-set/control/ProductSetImageControl.js

@@ -1,279 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useFormContext } from 'react-hook-form';
-import { useImages, HookFormService } from '@licklist/plugins';
-import { IMAGE_TYPE_IMAGE } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
-import { useCallback, useEffect } from 'react';
-import { Form } from 'react-bootstrap';
-import { FileUpload } from '../../file-upload/FileUpload.js';
-import { useTranslation } from 'react-i18next';
-import { isEqual } from 'lodash';
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var ProductSetImageControl = function() {
-    var t = useTranslation('Design').t;
-    var _useFormContext = useFormContext(), errors = _useFormContext.formState.errors, setValue = _useFormContext.setValue, watch = _useFormContext.watch, clearErrors = _useFormContext.clearErrors;
-    var currentProductSet = watch();
-    var _useImages = useImages(null), images = _useImages.images, handleImageRemove = _useImages.handleImageRemove, handleImageUploading = _useImages.handleImageUploading, isImageUploading = _useImages.isLoading, setImages = _useImages.setImages;
-    var onFilesChange = useCallback(function() {
-        var _ref = _async_to_generator(function(files) {
-            var uploadedFiles;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            handleImageUploading(files, IMAGE_TYPE_IMAGE)
-                        ];
-                    case 1:
-                        uploadedFiles = _state.sent();
-                        if (!uploadedFiles) return [
-                            2
-                        ];
-                        setValue('localImageBlobURL', URL.createObjectURL(files[0]));
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function(files) {
-            return _ref.apply(this, arguments);
-        };
-    }(), // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        handleImageUploading
-    ]);
-    var onImageRemove = useCallback(function(id, path) {
-        handleImageRemove(id, path);
-        setValue('localImageBlobURL', undefined);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        handleImageRemove
-    ]);
-    useEffect(function() {
-        if (!currentProductSet || !currentProductSet.image) return;
-        setImages([
-            _object_spread_props(_object_spread({}, currentProductSet.image), {
-                url: currentProductSet.image.url || (currentProductSet === null || currentProductSet === void 0 ? void 0 : currentProductSet.localImageBlobURL)
-            })
-        ]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        currentProductSet === null || currentProductSet === void 0 ? void 0 : currentProductSet.image
-    ]);
-    useEffect(function() {
-        if (isEqual(images[0], currentProductSet === null || currentProductSet === void 0 ? void 0 : currentProductSet.image)) return;
-        setValue('image', images[0] || null);
-        if (images[0]) {
-            clearErrors('image');
-        }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        images
-    ]);
-    return /*#__PURE__*/ jsxs(Form.Group, {
-        controlId: "name",
-        children: [
-            /*#__PURE__*/ jsx(Form.Control, {
-                isInvalid: HookFormService.isInvalid('image', errors),
-                hidden: true
-            }),
-            /*#__PURE__*/ jsx(FileUpload, {
-                onFilesChange: onFilesChange,
-                allowedExtensions: [
-                    'jpeg',
-                    'jpg',
-                    'png'
-                ],
-                subTitle: ".jpeg    .jpg    .png",
-                enablePreview: true,
-                onFileRemove: onImageRemove,
-                defaultFiles: images,
-                isLoading: isImageUploading,
-                withIcon: true,
-                title: t('Design:addImage')
-            }),
-            /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                type: "invalid",
-                children: HookFormService.getErrors('image', errors)
-            })
-        ]
-    });
-};
-
-export { ProductSetImageControl };

package/dist/product-set/form/ProductSetNameControl.d.ts

@@ -1,6 +0,0 @@
-export declare const ProductSetNameControl: ({ value, onChange, error, }: {
-    value: string;
-    onChange: (value: string) => void;
-    error?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProductSetNameControl.d.ts.map

package/dist/product-set/form/ProductSetNameControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSetNameControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetNameControl.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,gCAI/B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,4CAeA,CAAA"}

package/dist/product-set/form/ProductSetNameControl.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Form } from 'react-bootstrap';
-import { useTranslation } from 'react-i18next';
-
-var ProductSetNameControl = function(param) {
-    var value = param.value, onChange = param.onChange, error = param.error;
-    var t = useTranslation([
-        'Design'
-    ]).t;
-    return /*#__PURE__*/ jsxs(Form.Group, {
-        children: [
-            /*#__PURE__*/ jsxs(Form.Label, {
-                children: [
-                    t('Design:ProductSetName'),
-                    "*"
-                ]
-            }),
-            /*#__PURE__*/ jsx(Form.Control, {
-                value: value,
-                maxLength: 255,
-                onChange: function(e) {
-                    return onChange(e.target.value);
-                },
-                placeholder: t('Design:placeholderProductSetName'),
-                isInvalid: Boolean(error)
-            }),
-            /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                type: "invalid",
-                children: error
-            })
-        ]
-    });
-};
-
-export { ProductSetNameControl };

package/src/product-set/control/ProductSetImageControl.tsx

@@ -1,97 +0,0 @@
-import { useFormContext } from 'react-hook-form'
-import { HookFormService, useImages } from '@licklist/plugins'
-import { IMAGE_TYPE_IMAGE } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
-import { useCallback, useEffect } from 'react'
-import { Form } from 'react-bootstrap'
-import { FileUpload } from 'src/file-upload'
-import { useTranslation } from 'react-i18next'
-import { isEqual } from 'lodash'
-import { ProductSetControlValues } from '..'
-
-export const ProductSetImageControl = () => {
-  const { t } = useTranslation('Design')
-
-  const {
-    formState: { errors },
-    setValue,
-    watch,
-    clearErrors,
-  } = useFormContext<ProductSetControlValues>()
-  const currentProductSet: ProductSetControlValues = watch()
-
-  const {
-    images,
-    handleImageRemove,
-    handleImageUploading,
-    isLoading: isImageUploading,
-    setImages,
-  } = useImages(null)
-
-  const onFilesChange = useCallback(
-    async (files: File[]) => {
-      const uploadedFiles = await handleImageUploading(files, IMAGE_TYPE_IMAGE)
-
-      if (!uploadedFiles) return
-
-      setValue('localImageBlobURL', URL.createObjectURL(files[0]) as never)
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageUploading],
-  )
-
-  const onImageRemove = useCallback(
-    (id, path) => {
-      handleImageRemove(id, path)
-      setValue('localImageBlobURL', undefined as never)
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageRemove],
-  )
-
-  useEffect(() => {
-    if (!currentProductSet || !currentProductSet.image) return
-
-    setImages([
-      {
-        ...currentProductSet.image,
-        url:
-          currentProductSet.image.url || currentProductSet?.localImageBlobURL,
-      },
-    ])
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentProductSet?.image])
-
-  useEffect(() => {
-    if (isEqual(images[0], currentProductSet?.image)) return
-
-    setValue('image', (images[0] || null) as never)
-
-    if (images[0]) {
-      clearErrors('image')
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [images])
-
-  return (
-    <Form.Group controlId='name'>
-      <Form.Control
-        isInvalid={HookFormService.isInvalid('image', errors)}
-        hidden
-      />
-      <FileUpload
-        onFilesChange={onFilesChange}
-        allowedExtensions={['jpeg', 'jpg', 'png']}
-        subTitle='.jpeg    .jpg    .png'
-        enablePreview
-        onFileRemove={onImageRemove}
-        defaultFiles={images}
-        isLoading={isImageUploading}
-        withIcon
-        title={t('Design:addImage')}
-      />
-      <Form.Control.Feedback type='invalid'>
-        {HookFormService.getErrors('image', errors)}
-      </Form.Control.Feedback>
-    </Form.Group>
-  )
-}

package/src/product-set/form/ProductSetNameControl.tsx

@@ -1,27 +0,0 @@
-import { Form } from 'react-bootstrap'
-import { useTranslation } from 'react-i18next'
-
-export const ProductSetNameControl = ({
-  value,
-  onChange,
-  error,
-}: {
-  value: string
-  onChange: (value: string) => void
-  error?: string
-}) => {
-  const { t } = useTranslation(['Design'])
-  return (
-    <Form.Group>
-      <Form.Label>{t('Design:ProductSetName')}*</Form.Label>
-      <Form.Control
-        value={value}
-        maxLength={255}
-        onChange={(e) => onChange(e.target.value)}
-        placeholder={t('Design:placeholderProductSetName')}
-        isInvalid={Boolean(error)}
-      />
-      <Form.Control.Feedback type='invalid'>{error}</Form.Control.Feedback>
-    </Form.Group>
-  )
-}