@licklist/design 0.73.0 → 0.74.0-dev.1

package/src/setting/admin/PaymentFeeForm.tsx

@@ -1,304 +0,0 @@
-import { useId } from '@react-aria/utils'
-import Card from 'react-bootstrap/Card'
-import Col from 'react-bootstrap/Col'
-import Form from 'react-bootstrap/Form'
-import InputGroup from 'react-bootstrap/InputGroup'
-import Row from 'react-bootstrap/Row'
-import { useFormContext } from 'react-hook-form'
-import { useTranslation } from 'react-i18next'
-import { FaPercentage, FaPoundSign } from 'react-icons/fa'
-import { WarningMessage } from '../../static'
-
-export type PaymentFeeFormFieldValues = {
-  feeInPercent: number
-  minFeeInPounds: number
-  maxFeeInPounds: number
-  vatInPercent: number
-  fixedFee: number
-}
-
-export type PaymentFeeFormProps = {
-  isLoading: boolean
-  defaultValues?: Partial<PaymentFeeFormFieldValues>
-}
-
-export function PaymentFeeForm({ isLoading = false }: PaymentFeeFormProps) {
-  const {
-    register,
-    formState: { errors },
-    watch,
-  } = useFormContext<PaymentFeeFormFieldValues>()
-  const { t } = useTranslation('Design')
-
-  const feeInPercentId = useId()
-  const minFeeInPoundsId = useId()
-  const maxFeeInPoundsId = useId()
-  const vatInPercentId = useId()
-  const fixedFeeId = useId()
-
-  const minFee = watch('minFeeInPounds')
-  const maxFee = watch('maxFeeInPounds')
-  const percentFee = watch('feeInPercent')
-
-  return (
-    <>
-      <Row>
-        <Col xs={12}>
-          <h5 className='mt-5'>{t('paymentFee')}</h5>
-        </Col>
-      </Row>
-
-      <Card className='mb-3'>
-        <Card.Body>
-          <Row>
-            <Col xs={12}>
-              <div className='mb-4'>{t('paymentFeeDescription')}</div>
-            </Col>
-          </Row>
-
-          <Row>
-            <Col xs={12} sm={4} lg={2}>
-              <Form.Group controlId={feeInPercentId}>
-                <Form.Label>{t('feeInPercent')}</Form.Label>
-
-                <InputGroup hasValidation>
-                  <InputGroup.Prepend>
-                    <InputGroup.Text>
-                      <FaPercentage size={10} />
-                    </InputGroup.Text>
-                  </InputGroup.Prepend>
-
-                  <Form.Control
-                    type='number'
-                    min={0}
-                    max={100}
-                    step='1'
-                    placeholder='0'
-                    {...register('feeInPercent', {
-                      validate: {
-                        moreThan: (v) => (v ? v >= 0 : true),
-                        lessThan: (v) => (v ? v <= 100 : true),
-                      },
-                    })}
-                    name='feeInPercent'
-                    isInvalid={Boolean(errors.feeInPercent)}
-                    disabled={isLoading}
-                  />
-
-                  <Form.Control.Feedback type='invalid'>
-                    {errors.feeInPercent?.message}
-                    {errors.feeInPercent?.type === 'moreThan' &&
-                      t('Validation:fieldMinNumber', {
-                        attribute: t('feeInPercent'),
-                        min: 0,
-                      })}
-                    {errors.feeInPercent?.type === 'lessThan' &&
-                      t('Validation:fieldMaxNumber', {
-                        attribute: t('feeInPercent'),
-                        max: 100,
-                      })}
-                  </Form.Control.Feedback>
-                </InputGroup>
-              </Form.Group>
-              {percentFee && minFee && maxFee ? (
-                <WarningMessage message={t('Validation:fieldPercentFee')} />
-              ) : null}
-            </Col>
-
-            <Col xs={12} sm={4} lg={2}>
-              <Form.Group controlId={minFeeInPoundsId}>
-                <Form.Label>{t('minFeeInPounds')}</Form.Label>
-
-                <InputGroup hasValidation>
-                  <InputGroup.Prepend>
-                    <InputGroup.Text>
-                      <FaPoundSign size={10} />
-                    </InputGroup.Text>
-                  </InputGroup.Prepend>
-
-                  <Form.Control
-                    {...register('minFeeInPounds', {
-                      validate: {
-                        moreThan: (v) => (v ? v >= 0 : true),
-                        lessThan: (v) => (v ? v <= 999999.99 : true),
-                      },
-                    })}
-                    name='minFeeInPounds'
-                    type='number'
-                    min={0}
-                    max={999999.99}
-                    step='0.01'
-                    placeholder='0,00'
-                    isInvalid={Boolean(errors.minFeeInPounds)}
-                    disabled={isLoading}
-                  />
-
-                  <Form.Control.Feedback type='invalid'>
-                    {errors.minFeeInPounds?.message}
-                    {errors.minFeeInPounds?.type === 'moreThan' &&
-                      t('Validation:fieldMinNumber', {
-                        attribute: t('minFeeInPounds'),
-                        min: 0,
-                      })}
-                    {errors.minFeeInPounds?.type === 'lessThan' &&
-                      t('Validation:fieldMaxNumber', {
-                        attribute: t('minFeeInPounds'),
-                        max: 999999.99,
-                      })}
-                  </Form.Control.Feedback>
-                </InputGroup>
-              </Form.Group>
-            </Col>
-
-            <Col xs={12} sm={4} lg={3}>
-              <Form.Group controlId={maxFeeInPoundsId}>
-                <Form.Label>{t('maxFeeInPounds')}</Form.Label>
-
-                <InputGroup hasValidation>
-                  <InputGroup.Prepend>
-                    <InputGroup.Text>
-                      <FaPoundSign size={10} />
-                    </InputGroup.Text>
-                  </InputGroup.Prepend>
-
-                  <Form.Control
-                    {...register('maxFeeInPounds', {
-                      validate: {
-                        moreThan: (v) => (v ? v >= 0 : true),
-                        lessThan: (v) => (v ? v <= 999999.99 : true),
-                      },
-                    })}
-                    name='maxFeeInPounds'
-                    type='number'
-                    min={0}
-                    max={999999.99}
-                    step='0.01'
-                    placeholder='0,00'
-                    isInvalid={Boolean(errors.maxFeeInPounds)}
-                    disabled={isLoading}
-                  />
-
-                  <Form.Control.Feedback type='invalid'>
-                    {errors.maxFeeInPounds?.message}
-                    {errors.maxFeeInPounds?.type === 'moreThan' &&
-                      t('Validation:fieldMinNumber', {
-                        attribute: t('maxFeeInPounds'),
-                        min: 0,
-                      })}
-                    {errors.maxFeeInPounds?.type === 'lessThan' &&
-                      t('Validation:fieldMaxNumber', {
-                        attribute: t('maxFeeInPounds'),
-                        max: 999999.99,
-                      })}
-                  </Form.Control.Feedback>
-                </InputGroup>
-              </Form.Group>
-              {minFee > maxFee ? (
-                <WarningMessage
-                  message={t('Validation:fieldMaxNumber', {
-                    attribute: t('Min Fee'),
-                    max: 'Max Fee',
-                  })}
-                />
-              ) : null}
-            </Col>
-
-            <Col
-              xs={12}
-              sm={{ span: 4, offset: 2 }}
-              lg={{ span: 2, offset: 0 }}
-            >
-              <Form.Group controlId={vatInPercentId}>
-                <Form.Label>{t('vatInPercent')}</Form.Label>
-
-                <InputGroup hasValidation>
-                  <InputGroup.Prepend>
-                    <InputGroup.Text>
-                      <FaPercentage size={10} />
-                    </InputGroup.Text>
-                  </InputGroup.Prepend>
-
-                  <Form.Control
-                    {...register('vatInPercent', {
-                      validate: {
-                        moreThan: (v) => (v ? v >= 0 : true),
-                        lessThan: (v) => (v ? v <= 100 : true),
-                      },
-                    })}
-                    name='vatInPercent'
-                    type='number'
-                    min={0}
-                    max={100}
-                    step='1'
-                    placeholder='0'
-                    isInvalid={Boolean(errors.vatInPercent)}
-                    disabled={isLoading}
-                  />
-
-                  <Form.Control.Feedback type='invalid'>
-                    {errors.vatInPercent?.message}
-                    {errors.vatInPercent?.type === 'moreThan' &&
-                      t('Validation:fieldMinNumber', {
-                        attribute: t('vatInPercent'),
-                        min: 0,
-                      })}
-                    {errors.vatInPercent?.type === 'lessThan' &&
-                      t('Validation:fieldMaxNumber', {
-                        attribute: t('vatInPercent'),
-                        max: 100,
-                      })}
-                  </Form.Control.Feedback>
-                </InputGroup>
-              </Form.Group>
-            </Col>
-
-            <Col xs={12} sm={4} lg={3}>
-              <Form.Group controlId={fixedFeeId}>
-                <Form.Label>{t('fixedFee')}</Form.Label>
-
-                <InputGroup hasValidation>
-                  <InputGroup.Prepend>
-                    <InputGroup.Text>
-                      <FaPoundSign size={10} />
-                    </InputGroup.Text>
-                  </InputGroup.Prepend>
-
-                  <Form.Control
-                    {...register('fixedFee', {
-                      validate: {
-                        moreThan: (v) => (v ? v >= 0 : true),
-                        lessThan: (v) => (v ? v <= 999999.99 : true),
-                      },
-                    })}
-                    name='fixedFee'
-                    type='number'
-                    min={0}
-                    max={999999.99}
-                    step='0.01'
-                    placeholder='0,00'
-                    isInvalid={Boolean(errors.fixedFee)}
-                    disabled={isLoading}
-                  />
-
-                  <Form.Control.Feedback type='invalid'>
-                    {errors.fixedFee?.message}
-                    {errors.fixedFee?.type === 'moreThan' &&
-                      t('Validation:fieldMinNumber', {
-                        attribute: t('fixedFee'),
-                        min: 0,
-                      })}
-                    {errors.fixedFee?.type === 'lessThan' &&
-                      t('Validation:fieldMaxNumber', {
-                        attribute: t('fixedFee'),
-                        max: 999999.99,
-                      })}
-                  </Form.Control.Feedback>
-                </InputGroup>
-              </Form.Group>
-            </Col>
-          </Row>
-        </Card.Body>
-      </Card>
-    </>
-  )
-}

package/src/setting/admin/index.ts

@@ -1 +0,0 @@
-export * from './AdminSettingForm'

package/src/setting/system/SystemSetting.stories.tsx

@@ -1,26 +0,0 @@
-import { Meta } from '@storybook/react'
-import Container from 'react-bootstrap/Container'
-import { SystemSettingForm } from './SystemSettingForm'
-
-export default {
-  title: 'Setting/System',
-} as Meta
-
-export function Default() {
-  return (
-    <Container>
-      <SystemSettingForm
-        isLoading={false}
-        onSubmit={(data) => console.log('onSubmit', data)}
-        defaultValues={{
-          feeInPercent: NaN,
-          minFeeInPounds: NaN,
-          maxFeeInPounds: NaN,
-          vatInPercent: NaN,
-          fixedFee: NaN,
-        }}
-        hasPermission
-      />
-    </Container>
-  )
-}

package/src/setting/system/SystemSettingForm.tsx

@@ -1,62 +0,0 @@
-import { Button, Spinner } from 'react-bootstrap'
-import Form from 'react-bootstrap/Form'
-import { FormProvider, useForm } from 'react-hook-form'
-import { useTranslation } from 'react-i18next'
-import { HasPermissionProp } from '@licklist/plugins/dist/types/permission/Permission'
-import {
-  PaymentFeeForm,
-  PaymentFeeFormFieldValues,
-} from '../admin/PaymentFeeForm'
-
-export type SystemSettingFormFieldValues = PaymentFeeFormFieldValues
-
-export interface SystemSettingFormProps extends HasPermissionProp {
-  isLoading: boolean
-  onSubmit?: (data: SystemSettingFormFieldValues) => void
-  defaultValues?: Partial<SystemSettingFormFieldValues>
-}
-
-export function SystemSettingForm(props: SystemSettingFormProps) {
-  const {
-    isLoading = false,
-    defaultValues = {},
-    onSubmit,
-    hasPermission = true,
-  } = props
-  const form = useForm<SystemSettingFormFieldValues>({
-    mode: 'onChange',
-    defaultValues,
-  })
-  const { handleSubmit } = form
-  const { t } = useTranslation('Design')
-
-  return (
-    <Form
-      className='d-flex flex-column'
-      noValidate
-      onSubmit={handleSubmit(onSubmit)}
-    >
-      <FormProvider {...form}>
-        <PaymentFeeForm {...props} />
-      </FormProvider>
-      {hasPermission && (
-        <Button
-          type='submit'
-          disabled={isLoading}
-          className='d-flex align-items-center align-self-end mt-5'
-        >
-          {isLoading && (
-            <Spinner
-              animation='border'
-              size='sm'
-              role='status'
-              aria-hidden='true'
-              className='mr-2'
-            />
-          )}
-          {t('update')}
-        </Button>
-      )}
-    </Form>
-  )
-}

package/src/setting/system/index.ts

@@ -1 +0,0 @@
-export * from './SystemSettingForm'

package/src/types/currency.ts

@@ -1,4 +0,0 @@
-export type Currency = {
-  id: number
-  title: string
-}