diff options
Diffstat (limited to 'packages/merchant-backoffice-ui/src/components/form')
23 files changed, 63 insertions, 65 deletions
diff --git a/packages/merchant-backoffice-ui/src/components/form/Input.tsx b/packages/merchant-backoffice-ui/src/components/form/Input.tsx index 9a9691e9b..dc4e9ae1a 100644 --- a/packages/merchant-backoffice-ui/src/components/form/Input.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/Input.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { ComponentChildren, h, VNode } from "preact"; -import { useField, InputProps } from "./useField"; +import { useField, InputProps } from "./useField.js"; interface Props<T> extends InputProps<T> { inputType?: 'text' | 'number' | 'multiline' | 'password'; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx b/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx index 984c6dc49..bcefc25d9 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputArray.tsx @@ -20,8 +20,8 @@ */ import { h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { Translate, useTranslator } from "../../i18n"; -import { InputProps, useField } from "./useField"; +import { Translate, useTranslator } from "../../i18n/index.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { isValid?: (e: any) => boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx b/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx index 2771fe483..c4ef9441c 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputBoolean.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { h, VNode } from "preact"; -import { InputProps, useField } from "./useField"; +import { InputProps, useField } from "./useField.js"; interface Props<T> extends InputProps<T> { name: T; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx b/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx index d3a46f483..c4c6b8ce3 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputCurrency.tsx @@ -19,10 +19,10 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { ComponentChildren, h } from "preact"; -import { useConfigContext } from "../../context/config"; -import { Amount } from "../../declaration"; -import { InputWithAddon } from "./InputWithAddon"; -import { InputProps } from "./useField"; +import { useConfigContext } from "../../context/config.js"; +import { Amount } from "../../declaration.js"; +import { InputWithAddon } from "./InputWithAddon.js"; +import { InputProps } from "./useField.js"; export interface Props<T> extends InputProps<T> { expand?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx index 77199527f..ce99a02fb 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputDate.tsx @@ -21,9 +21,9 @@ import { format } from "date-fns"; import { h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { Translate, useTranslator } from "../../i18n"; -import { DatePicker } from "../picker/DatePicker"; -import { InputProps, useField } from "./useField"; +import { Translate, useTranslator } from "../../i18n/index.js"; +import { DatePicker } from "../picker/DatePicker.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { readonly?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx b/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx index d5c208e25..6abe55be0 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputDuration.tsx @@ -21,10 +21,10 @@ import { intervalToDuration, formatDuration } from "date-fns"; import { h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { Translate, useTranslator } from "../../i18n"; -import { SimpleModal } from "../modal"; -import { DurationPicker } from "../picker/DurationPicker"; -import { InputProps, useField } from "./useField"; +import { Translate, useTranslator } from "../../i18n/index.js"; +import { SimpleModal } from "../modal/index.js"; +import { DurationPicker } from "../picker/DurationPicker.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { expand?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputGroup.tsx b/packages/merchant-backoffice-ui/src/components/form/InputGroup.tsx index 8af9c7d96..b73e5c5f7 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputGroup.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputGroup.tsx @@ -20,7 +20,7 @@ */ import { ComponentChildren, h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { useGroupField } from "./useGroupField"; +import { useGroupField } from "./useGroupField.js"; export interface Props<T> { name: T; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx b/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx index 6cc9b9dcc..8e2586933 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputImage.tsx @@ -20,10 +20,9 @@ */ import { ComponentChildren, h, VNode } from "preact"; import { useRef, useState } from "preact/hooks"; -import emptyImage from "../../assets/empty.png"; -import { Translate } from "../../i18n"; -import { MAX_IMAGE_SIZE as MAX_IMAGE_UPLOAD_SIZE } from "../../utils/constants"; -import { InputProps, useField } from "./useField"; +import { Translate } from "../../i18n/index.js"; +import { MAX_IMAGE_SIZE as MAX_IMAGE_UPLOAD_SIZE } from "../../utils/constants.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { expand?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputLocation.tsx b/packages/merchant-backoffice-ui/src/components/form/InputLocation.tsx index 12755f47a..bc90cf128 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputLocation.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputLocation.tsx @@ -19,8 +19,8 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { Fragment, h } from "preact"; -import { useTranslator } from "../../i18n"; -import { Input } from "./Input"; +import { useTranslator } from "../../i18n/index.js"; +import { Input } from "./Input.js"; export function InputLocation({name}:{name:string}) { const i18n = useTranslator() diff --git a/packages/merchant-backoffice-ui/src/components/form/InputNumber.tsx b/packages/merchant-backoffice-ui/src/components/form/InputNumber.tsx index 046cda59e..7b7499f2d 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputNumber.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputNumber.tsx @@ -19,8 +19,8 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { ComponentChildren, h } from "preact"; -import { InputWithAddon } from "./InputWithAddon"; -import { InputProps } from "./useField"; +import { InputWithAddon } from "./InputWithAddon.js"; +import { InputProps } from "./useField.js"; export interface Props<T> extends InputProps<T> { readonly?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputPayto.tsx b/packages/merchant-backoffice-ui/src/components/form/InputPayto.tsx index 44252317e..703792936 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputPayto.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputPayto.tsx @@ -19,9 +19,9 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { h, VNode } from "preact"; -import { InputArray } from "./InputArray"; -import { PAYTO_REGEX } from "../../utils/constants"; -import { InputProps } from "./useField"; +import { InputArray } from "./InputArray.js"; +import { PAYTO_REGEX } from "../../utils/constants.js"; +import { InputProps } from "./useField.js"; export type Props<T> = InputProps<T>; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputPaytoForm.tsx b/packages/merchant-backoffice-ui/src/components/form/InputPaytoForm.tsx index 9cfef07cf..22d812971 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputPaytoForm.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputPaytoForm.tsx @@ -20,13 +20,13 @@ */ import { h, VNode, Fragment } from "preact"; import { useCallback, useState } from "preact/hooks"; -import { Translate, Translator, useTranslator } from "../../i18n"; -import { COUNTRY_TABLE } from "../../utils/constants"; -import { FormErrors, FormProvider } from "./FormProvider"; -import { Input } from "./Input"; -import { InputGroup } from "./InputGroup"; -import { InputSelector } from "./InputSelector"; -import { InputProps, useField } from "./useField"; +import { Translate, Translator, useTranslator } from "../../i18n.js"; +import { COUNTRY_TABLE } from "../../utils/constants.js"; +import { FormErrors, FormProvider } from "./FormProvider.js"; +import { Input } from "./Input.js"; +import { InputGroup } from "./InputGroup.js"; +import { InputSelector } from "./InputSelector.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { isValid?: (e: any) => boolean; @@ -217,7 +217,7 @@ export function InputPaytoForm<T>({ }; const hasErrors = Object.keys(errors).some( - (k) => (errors as any)[k] !== undefined + (k) => (errors as any)[k] !== undefined, ); const submit = useCallback((): void => { diff --git a/packages/merchant-backoffice-ui/src/components/form/InputSearchProduct.tsx b/packages/merchant-backoffice-ui/src/components/form/InputSearchProduct.tsx index 51f84fd12..2b239d483 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputSearchProduct.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputSearchProduct.tsx @@ -21,11 +21,10 @@ import { h, VNode } from "preact"; import { useState } from "preact/hooks"; import emptyImage from "../../assets/empty.png"; -import { MerchantBackend, WithId } from "../../declaration"; -import { useInstanceProducts } from "../../hooks/product"; -import { Translate, useTranslator } from "../../i18n"; -import { FormErrors, FormProvider } from "./FormProvider"; -import { InputWithAddon } from "./InputWithAddon"; +import { MerchantBackend, WithId } from "../../declaration.js"; +import { Translate, useTranslator } from "../../i18n/index.js"; +import { FormErrors, FormProvider } from "./FormProvider.js"; +import { InputWithAddon } from "./InputWithAddon.js"; type Entity = MerchantBackend.Products.ProductDetail & WithId diff --git a/packages/merchant-backoffice-ui/src/components/form/InputSecured.stories.tsx b/packages/merchant-backoffice-ui/src/components/form/InputSecured.stories.tsx index 1990eeeae..72355e242 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputSecured.stories.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputSecured.stories.tsx @@ -21,8 +21,8 @@ import { h, VNode } from 'preact'; import { useState } from 'preact/hooks'; -import { FormProvider } from "./FormProvider"; -import { InputSecured } from './InputSecured'; +import { FormProvider } from "./FormProvider.js"; +import { InputSecured } from './InputSecured.js'; export default { title: 'Components/Form/InputSecured', diff --git a/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx b/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx index c9b0f43b9..17431fcfc 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputSecured.tsx @@ -20,8 +20,8 @@ */ import { Fragment, h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { Translate, useTranslator } from "../../i18n"; -import { InputProps, useField } from "./useField"; +import { Translate, useTranslator } from "../../i18n/index.js"; +import { InputProps, useField } from "./useField.js"; export type Props<T> = InputProps<T>; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx b/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx index 86f4de756..f2574240b 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputSelector.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { h, VNode } from "preact"; -import { InputProps, useField } from "./useField"; +import { InputProps, useField } from "./useField.js"; interface Props<T> extends InputProps<T> { readonly?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputStock.stories.tsx b/packages/merchant-backoffice-ui/src/components/form/InputStock.stories.tsx index 63c7e4131..bfd607c4e 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputStock.stories.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputStock.stories.tsx @@ -22,8 +22,8 @@ import { addDays } from "date-fns"; import { h, VNode } from "preact"; import { useState } from "preact/hooks"; -import { FormProvider } from "./FormProvider"; -import { InputStock, Stock } from "./InputStock"; +import { FormProvider } from "./FormProvider.js"; +import { InputStock, Stock } from "./InputStock.js"; export default { title: "Components/Form/InputStock", diff --git a/packages/merchant-backoffice-ui/src/components/form/InputStock.tsx b/packages/merchant-backoffice-ui/src/components/form/InputStock.tsx index 158f44192..be578d12d 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputStock.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputStock.tsx @@ -19,16 +19,16 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { Fragment, h } from "preact"; -import { MerchantBackend, Timestamp } from "../../declaration"; -import { InputProps, useField } from "./useField"; -import { FormProvider, FormErrors } from "./FormProvider"; +import { MerchantBackend, Timestamp } from "../../declaration.js"; +import { InputProps, useField } from "./useField.js"; +import { FormProvider, FormErrors } from "./FormProvider.js"; import { useLayoutEffect, useState } from "preact/hooks"; -import { Input } from "./Input"; -import { InputGroup } from "./InputGroup"; -import { InputNumber } from "./InputNumber"; -import { InputDate } from "./InputDate"; +import { Input } from "./Input.js"; +import { InputGroup } from "./InputGroup.js"; +import { InputNumber } from "./InputNumber.js"; +import { InputDate } from "./InputDate.js"; import { Translate, useTranslator } from "../../i18n"; -import { InputLocation } from "./InputLocation"; +import { InputLocation } from "./InputLocation.js"; export interface Props<T> extends InputProps<T> { alreadyExist?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputTaxes.tsx b/packages/merchant-backoffice-ui/src/components/form/InputTaxes.tsx index 507a61242..713003a0b 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputTaxes.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputTaxes.tsx @@ -21,13 +21,13 @@ import { h, VNode } from "preact"; import { useCallback, useState } from "preact/hooks"; import * as yup from 'yup'; -import { MerchantBackend } from "../../declaration"; +import { MerchantBackend } from "../../declaration.js"; import { Translate, useTranslator } from "../../i18n"; -import { TaxSchema as schema } from '../../schemas'; -import { FormErrors, FormProvider } from "./FormProvider"; -import { Input } from "./Input"; -import { InputGroup } from "./InputGroup"; -import { InputProps, useField } from "./useField"; +import { TaxSchema as schema } from "../../schemas.js"; +import { FormErrors, FormProvider } from "./FormProvider.js"; +import { Input } from "./Input.js"; +import { InputGroup } from "./InputGroup.js"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { isValid?: (e: any) => boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx b/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx index a16ebc2e9..16fc5d611 100644 --- a/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/InputWithAddon.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { ComponentChildren, h, VNode } from "preact"; -import { InputProps, useField } from "./useField"; +import { InputProps, useField } from "./useField.js"; export interface Props<T> extends InputProps<T> { expand?: boolean; diff --git a/packages/merchant-backoffice-ui/src/components/form/TextField.tsx b/packages/merchant-backoffice-ui/src/components/form/TextField.tsx index 2579a27b2..3dd157b79 100644 --- a/packages/merchant-backoffice-ui/src/components/form/TextField.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/TextField.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ import { ComponentChildren, h, VNode } from "preact"; -import { useField, InputProps } from "./useField"; +import { useField, InputProps } from "./useField.js"; interface Props<T> extends InputProps<T> { inputType?: 'text' | 'number' | 'multiline' | 'password'; diff --git a/packages/merchant-backoffice-ui/src/components/form/useField.tsx b/packages/merchant-backoffice-ui/src/components/form/useField.tsx index 8479d7ad8..a6e5a01a8 100644 --- a/packages/merchant-backoffice-ui/src/components/form/useField.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/useField.tsx @@ -20,7 +20,7 @@ */ import { ComponentChildren, VNode } from "preact"; -import { useFormContext } from "./FormProvider"; +import { useFormContext } from "./FormProvider.js"; interface Use<V> { error?: string; diff --git a/packages/merchant-backoffice-ui/src/components/form/useGroupField.tsx b/packages/merchant-backoffice-ui/src/components/form/useGroupField.tsx index a73f464a1..d2bb021cf 100644 --- a/packages/merchant-backoffice-ui/src/components/form/useGroupField.tsx +++ b/packages/merchant-backoffice-ui/src/components/form/useGroupField.tsx @@ -19,7 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ -import { useFormContext } from "./FormProvider"; +import { useFormContext } from "./FormProvider.js"; interface Use { hasError?: boolean; |