@redneckz/wildless-cms-uni-blocks 0.10.4 → 0.10.6

package/mobile/lib/components/ApplicationForm/useForm.js

@@ -1,34 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { validate } from './validate.js';
-export const useForm = ({ initialFormState, errorsInitialState, handleSubmit, }) => {
-    const [formState, setFormState] = useState(initialFormState);
-    const [errors, setErrors] = useState(errorsInitialState || {});
-    const handleChange = useCallback((state) => setFormState((oldState) => ({ ...oldState, ...state })), []);
-    const handleChangeErrors = useCallback((state) => setErrors((oldState) => ({ ...oldState, ...state })), []);
-    const sendForm = useCallback(async (sendData) => {
-        const errorsTemp = [];
-        const validateData = Object.keys(formState)
-            .filter((_) => Object.keys(errors).includes(_))
-            .reduce((obj, key) => {
-            obj[key] = formState[key];
-            return obj;
-        }, {});
-        for (const [key, value] of Object.entries(validateData)) {
-            const error = validate(key, value);
-            errorsTemp.push(error);
-            handleChangeErrors({ [key]: error });
-        }
-        if (errorsTemp.some((_) => _.length !== 0)) {
-            return;
-        }
-        handleSubmit && (await handleSubmit(sendData));
-    }, [formState]);
-    return {
-        formState,
-        handleChange,
-        errors,
-        handleChangeErrors,
-        sendForm,
-    };
-};
-//# sourceMappingURL=useForm.js.map

package/mobile/lib/components/ApplicationForm/useForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAI,EACzB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAA6B,WAAW,CACxD,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,EAClE,EAAE,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,EAC/D,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAAE,QAAgC,EAAE,EAAE;QACzC,MAAM,UAAU,GAAa,EAAE,CAAC;QAEhC,MAAM,YAAY,GAA2B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;aAChE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;aAC9C,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACnB,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YAE1B,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAE,CAAC,CAAC;QAET,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAEnC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvB,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;SACtC;QAED,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YAC1C,OAAO;SACR;QAED,YAAY,IAAI,CAAC,MAAM,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO;QACL,SAAS;QACT,YAAY;QACZ,MAAM;QACN,kBAAkB;QAClB,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/ApplicationForm/validate.d.ts

@@ -1 +0,0 @@
-export declare const validate: (key: string, value: string) => "" | "Некорректно заполненное поле";

package/mobile/lib/components/ApplicationForm/validate.js

@@ -1,19 +0,0 @@
-const ERROR_EMPTY = 'Некорректно заполненное поле';
-export const validate = (key, value) => {
-    switch (key) {
-        case 'name':
-            return isName(value);
-        case 'inn':
-            return isTin(value);
-        case 'mail':
-            return isEmpty(value);
-        case 'phone':
-            return isEmpty(value);
-        default:
-            return isEmpty(value);
-    }
-};
-const isEmpty = (value) => (value ? '' : ERROR_EMPTY);
-const isName = (value) => (value.length > 1 ? '' : ERROR_EMPTY);
-const isTin = (value) => (value.length === 10 || value.length === 12 ? '' : ERROR_EMPTY);
-//# sourceMappingURL=validate.js.map

package/mobile/lib/components/ApplicationForm/validate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/validate.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,8BAA8B,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;IACrD,QAAQ,GAAG,EAAE;QACX,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,KAAK,KAAK;YACR,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB;YACE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;KACzB;AACH,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAE9D,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAExE,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/mobile/src/components/ApplicationForm/renderInputRange.tsx

@@ -1,20 +0,0 @@
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { Text } from '../../ui-kit/Text/Text';
-
-interface RenderInputRangeProps {
-  label: string;
-  value: number;
-  onChange: (value: number) => void;
-  min: number;
-  max: number;
-  items: string[];
-}
-
-export const renderInputRange = (props: RenderInputRangeProps) => (
-  <div className="w-1/2">
-    <label>
-      <Text size="text-m-light">{props.label}</Text>
-    </label>
-    <InputRange {...props} />
-  </div>
-);

package/mobile/src/components/ApplicationForm/useForm.ts

@@ -1,65 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { HandleFormStateChange } from './models';
-import { validate } from './validate';
-
-interface UseFormHandlersProps<T> {
-  initialFormState: Required<T>;
-  errorsInitialState?: Partial<T>;
-  handleSubmit?: (data: Record<string, string>) => Promise<string>;
-}
-
-export const useForm = <T>({
-  initialFormState,
-  errorsInitialState,
-  handleSubmit,
-}: UseFormHandlersProps<T>) => {
-  const [formState, setFormState] = useState(initialFormState);
-
-  const [errors, setErrors] = useState(errorsInitialState || {});
-
-  const handleChange: HandleFormStateChange<T> = useCallback(
-    (state) => setFormState((oldState) => ({ ...oldState, ...state })),
-    [],
-  );
-
-  const handleChangeErrors = useCallback(
-    (state) => setErrors((oldState) => ({ ...oldState, ...state })),
-    [],
-  );
-
-  const sendForm = useCallback(
-    async (sendData: Record<string, string>) => {
-      const errorsTemp: string[] = [];
-
-      const validateData: Record<string, string> = Object.keys(formState)
-        .filter((_) => Object.keys(errors).includes(_))
-        .reduce((obj, key) => {
-          obj[key] = formState[key];
-
-          return obj;
-        }, {});
-
-      for (const [key, value] of Object.entries(validateData)) {
-        const error = validate(key, value);
-
-        errorsTemp.push(error);
-        handleChangeErrors({ [key]: error });
-      }
-
-      if (errorsTemp.some((_) => _.length !== 0)) {
-        return;
-      }
-
-      handleSubmit && (await handleSubmit(sendData));
-    },
-    [formState],
-  );
-
-  return {
-    formState,
-    handleChange,
-    errors,
-    handleChangeErrors,
-    sendForm,
-  };
-};

package/mobile/src/components/ApplicationForm/validate.ts

@@ -1,22 +0,0 @@
-const ERROR_EMPTY = 'Некорректно заполненное поле';
-
-export const validate = (key: string, value: string) => {
-  switch (key) {
-    case 'name':
-      return isName(value);
-    case 'inn':
-      return isTin(value);
-    case 'mail':
-      return isEmpty(value);
-    case 'phone':
-      return isEmpty(value);
-    default:
-      return isEmpty(value);
-  }
-};
-
-const isEmpty = (value: string) => (value ? '' : ERROR_EMPTY);
-
-const isName = (value: string) => (value.length > 1 ? '' : ERROR_EMPTY);
-
-const isTin = (value: string) => (value.length === 10 || value.length === 12 ? '' : ERROR_EMPTY);

package/src/components/ApplicationForm/renderInputRange.tsx

@@ -1,20 +0,0 @@
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { Text } from '../../ui-kit/Text/Text';
-
-interface RenderInputRangeProps {
-  label: string;
-  value: number;
-  onChange: (value: number) => void;
-  min: number;
-  max: number;
-  items: string[];
-}
-
-export const renderInputRange = (props: RenderInputRangeProps) => (
-  <div className="w-1/2">
-    <label>
-      <Text size="text-m-light">{props.label}</Text>
-    </label>
-    <InputRange {...props} />
-  </div>
-);

package/src/components/ApplicationForm/useForm.ts

@@ -1,65 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { HandleFormStateChange } from './models';
-import { validate } from './validate';
-
-interface UseFormHandlersProps<T> {
-  initialFormState: Required<T>;
-  errorsInitialState?: Partial<T>;
-  handleSubmit?: (data: Record<string, string>) => Promise<string>;
-}
-
-export const useForm = <T>({
-  initialFormState,
-  errorsInitialState,
-  handleSubmit,
-}: UseFormHandlersProps<T>) => {
-  const [formState, setFormState] = useState(initialFormState);
-
-  const [errors, setErrors] = useState(errorsInitialState || {});
-
-  const handleChange: HandleFormStateChange<T> = useCallback(
-    (state) => setFormState((oldState) => ({ ...oldState, ...state })),
-    [],
-  );
-
-  const handleChangeErrors = useCallback(
-    (state) => setErrors((oldState) => ({ ...oldState, ...state })),
-    [],
-  );
-
-  const sendForm = useCallback(
-    async (sendData: Record<string, string>) => {
-      const errorsTemp: string[] = [];
-
-      const validateData: Record<string, string> = Object.keys(formState)
-        .filter((_) => Object.keys(errors).includes(_))
-        .reduce((obj, key) => {
-          obj[key] = formState[key];
-
-          return obj;
-        }, {});
-
-      for (const [key, value] of Object.entries(validateData)) {
-        const error = validate(key, value);
-
-        errorsTemp.push(error);
-        handleChangeErrors({ [key]: error });
-      }
-
-      if (errorsTemp.some((_) => _.length !== 0)) {
-        return;
-      }
-
-      handleSubmit && (await handleSubmit(sendData));
-    },
-    [formState],
-  );
-
-  return {
-    formState,
-    handleChange,
-    errors,
-    handleChangeErrors,
-    sendForm,
-  };
-};

package/src/components/ApplicationForm/validate.ts

@@ -1,22 +0,0 @@
-const ERROR_EMPTY = 'Некорректно заполненное поле';
-
-export const validate = (key: string, value: string) => {
-  switch (key) {
-    case 'name':
-      return isName(value);
-    case 'inn':
-      return isTin(value);
-    case 'mail':
-      return isEmpty(value);
-    case 'phone':
-      return isEmpty(value);
-    default:
-      return isEmpty(value);
-  }
-};
-
-const isEmpty = (value: string) => (value ? '' : ERROR_EMPTY);
-
-const isName = (value: string) => (value.length > 1 ? '' : ERROR_EMPTY);
-
-const isTin = (value: string) => (value.length === 10 || value.length === 12 ? '' : ERROR_EMPTY);

package/src/components/TextBlock/TextBlock.mobile.tsx

@@ -1,42 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
-import { Img } from '../../ui-kit/Img/Img';
-import { List } from '../../ui-kit/List/List';
-import type { TextBlockContent } from './TextBlockContent';
-
-export interface TextBlockProps extends TextBlockContent, UniBlockProps {}
-
-export const TextBlock = JSX<TextBlockProps>(
-  ({ title, description, iconVersion, image, className = '', items, isDotted = true }) => {
-    return (
-      <section
-        className={`font-sans px-4 py-[18px] flex flex-col bg-white group-data-secondary:bg-primary-main ${className}`}
-      >
-        {iconVersion === 'small' ? renderIcon() : null}
-        {iconVersion === 'big' ? renderImage(image) : null}
-        <div className="py-0.5 text-secondary-text group-data-secondary:text-white">
-          {title ? <div className={`text-l font-medium mb-1`}>{title}</div> : null}
-          {description ? <div className={`text-s `}>{description}</div> : null}
-          {items?.length ? (
-            <List className="mt-1 text-m" items={items} isDotted={isDotted} />
-          ) : null}
-        </div>
-      </section>
-    );
-  },
-);
-
-function renderIcon() {
-  return (
-    <div className="mb-3">
-      <div className="rounded-full h-4 w-4 text-center text-xs-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main">
-        i
-      </div>
-    </div>
-  );
-}
-
-function renderImage(image?: Picture) {
-  return image?.src ? <Img className="pb-3 mr-auto" image={image} /> : null;
-}