@licklist/design 0.69.1-dev.4 → 0.69.2

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>
-  )
-}