@licklist/design 0.69.3-dev.7 → 0.69.3

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