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

package/src/ui-kit/PhoneInput/PhoneInput.tsx

@@ -0,0 +1,19 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { Input } from '../Input/Input';
+import type { InputProps } from '../Input/InputProps';
+import { normalizePhone } from './normalizePhone';
+
+export const PhoneInput = JSX<InputProps>(({ children, onChange, ...inputProps }) => {
+  const handleChange = useCallback(
+    ({ target: { value } }: { target: { value?: string } }) =>
+      onChange && onChange(normalizePhone(value || '')),
+    [onChange],
+  );
+
+  return (
+    <Input onInput={handleChange} onFocus={handleChange} {...inputProps}>
+      {children}
+    </Input>
+  );
+});

package/src/ui-kit/PhoneInput/normalizePhone.ts

@@ -0,0 +1,23 @@
+const isPlaceholder = (_: string) => _ === '_';
+const isDigit = (_: string) => /\d/.test(_);
+const isWildcard = (_: string) => isPlaceholder(_) || isDigit(_);
+
+const phonePattern = [...'+7 (___) ___-__-__'];
+
+const firstPlaceholderIndex = phonePattern.findIndex(isPlaceholder);
+const phoneWildcardIndicies = phonePattern.map((_, i) =>
+  isWildcard(_) ? phonePattern.slice(0, i).filter(isWildcard).length : -1,
+);
+
+export function normalizePhone(phone: string): string {
+  const phoneNumbers = phone.replace(/\D/g, '');
+  const applyPlaceholder = (_: string, i: number) =>
+    isDigit(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
+
+  const result = phonePattern.map(applyPlaceholder);
+  const resultLength = phoneWildcardIndicies.indexOf(phoneNumbers.length - 1) + 1;
+
+  return (
+    resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result
+  ).join('');
+}

package/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -27,7 +27,7 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
           key={String(id)}
           isRadio
           text={text}
-          checked={checkedItem === id}
+          value={checkedItem === id}
           onChange={() => onChangeCheckedItem && onChangeCheckedItem(id)}
         />
       ))}

package/src/ui-kit/RichText/RichText.fixture.tsx

@@ -21,7 +21,7 @@ const HTML = `
 
 export default {
   default: (
-    <section className="p-12">
+    <section className="p-default">
       <RichText __html={HTML} />
     </section>
   ),

package/src/ui-kit/Select/Select.tsx

@@ -1,58 +1,53 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '../../hooks/useBool';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { LabelProps } from '../../model/HeadlineType';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
 
-export interface OptionProps {
+export interface Option {
   key: string;
-  text: string;
+  text?: string;
 }
 
 export type SelectProps = LabelProps & {
   className?: string;
-  value?: OptionProps;
-  onChange: (value: OptionProps) => void;
-  options: OptionProps[];
+  options?: Option[];
+  value?: Option;
+  valid?: boolean;
   isBorder?: boolean;
   placeholder?: string;
-  valid?: boolean;
-  onValidate?: (value: string) => void;
+  onChange?: (value: Option) => void;
 };
 
 export const Select = JSX<SelectProps>(
   ({
     className = '',
-    isBorder = true,
     label,
     options = [],
     value,
-    onChange,
-    placeholder = '',
     valid = true,
-    onValidate,
+    isBorder = true,
+    placeholder = '',
+    onChange,
   }) => {
-    const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
-    const [isOpen, setIsOpen] = useState(false);
-    const handleClickOutside = useCallback(() => setIsOpen(false), []);
-    const wrapperRef = useOutsideClick<HTMLDivElement>(handleClickOutside);
-
-    const choiceOption = (option: OptionProps) => {
-      setSelectedItem(option);
-      setIsOpen(false);
-      onChange(option);
-      onValidate && onValidate(option.text);
-    };
+    const [isOpen, { setFalse: close, toggle }] = useBool();
+    const wrapperRef = useOutsideClick<HTMLDivElement>(close);
 
-    const isSelected = (option: OptionProps) => Boolean(option.key === selectedItem.key);
+    const handleChange = useCallback(
+      (option: Option) => {
+        close();
+        onChange && onChange(option);
+      },
+      [onChange],
+    );
 
-    useEffect(() => {
-      setSelectedItem(value || { key: '', text: '' });
-    }, [value]);
+    const isSelected = (option: Option) => option.key === value?.key;
 
     return (
-      <div className={`${className}`} ref={wrapperRef}>
+      <div className={className} ref={wrapperRef}>
         {label ? (
           <div className="mb-2">
             <Text size="text-m" color="text-primary-text" font="font-light">
@@ -60,28 +55,28 @@ export const Select = JSX<SelectProps>(
             </Text>
           </div>
         ) : null}
-        <div className={`relative ${isOpen ? 'z-20' : 'z-10'}`}>
+        <div className={style('relative', isOpen ? 'z-20' : 'z-10')}>
           <div
-            className={`text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
-            ${getBorderStyle(isBorder, valid)}`}
-            onClick={() => setIsOpen(!isOpen)}
+            className={style(
+              'text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer',
+              getBorderStyle(isBorder, valid),
+            )}
+            onClick={toggle}
           >
             <p className="p-4 pr-8 h-14 overflow-hidden text-ellipsis whitespace-nowrap">
-              {selectedItem?.text || placeholder}
+              {formatOption(value) || placeholder}
             </p>
             <Icon
+              className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
               name="ArrowUpIcon"
               width="16"
               height="16"
-              className={`absolute right-3 ${isOpen ? '' : 'rotate-180'}`}
             />
           </div>
           {options?.length ? (
-            <div className={`h-0 ${renderOptionsStyle(isOpen)}`}>
-              <div
-                className={`bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]`}
-              >
-                {options.map(renderOption(choiceOption, isOpen, isSelected))}
+            <div className={style('h-0', isOpen ? '' : 'overflow-hidden')}>
+              <div className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
+                {options.map(renderOption(handleChange, isOpen, isSelected))}
               </div>
             </div>
           ) : null}
@@ -91,37 +86,35 @@ export const Select = JSX<SelectProps>(
   },
 );
 
-const renderOptionsStyle = (isOpen: boolean) => (isOpen ? '' : 'overflow-hidden');
-
 const renderOption =
   (
-    choiceOption: (option: OptionProps) => void,
+    handleChange: (option: Option) => void,
     isOpen: boolean,
-    isSelected: (option: OptionProps) => boolean,
+    isSelected: (option: Option) => boolean,
   ) =>
-  (option: OptionProps, i: number) => {
-    return (
+  (option: Option, i: number) =>
+    (
       <div
         key={String(i)}
         onClick={() => {
-          choiceOption(option);
+          handleChange(option);
         }}
         className="flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11 relative"
       >
-        <span className="min-h-6">{option.text}</span>
+        <span className="min-h-6">{formatOption(option)}</span>
         <Icon
           name="DoneSimpleIcon"
           width="16"
           height="16"
-          className={['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(
-            ' ',
-          )}
+          className={style('absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden')}
         />
       </div>
     );
-  };
 
-const getBorderStyle = (isBorder: boolean, valid: boolean) => `
-  ${isBorder ? 'border rounded-md hover:border-primary-hover' : ''} ${
-  valid ? ' border-gray' : 'border-error'
-} `;
+const formatOption = (_?: Option): string => _?.text || _?.key || '';
+
+const getBorderStyle = (isBorder: boolean, valid: boolean) =>
+  style(
+    isBorder ? 'border rounded-md hover:border-primary-hover' : '',
+    valid ? ' border-gray' : 'border-error',
+  );

package/src/ui-kit/SlideCheckbox/SlideCheckbox.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
 
 interface SlideCheckboxProps {
@@ -12,25 +13,25 @@ export const SlideCheckbox = JSX<SlideCheckboxProps>(
     <div
       role={type}
       aria-checked={value}
-      className="flex justify-start items-center w-full cursor-pointer mb-4"
+      className="flex justify-start items-center w-full cursor-pointer mb-3"
       onClick={() => onChange && onChange(!value)}
     >
       <div
-        className={`relative flex-shrink-0 duration-300 w-9 h-5 mr-3 rounded-2xl ${
-          value ? 'bg-primary-main' : 'bg-main-divider'
-        }`}
+        className={style(
+          'relative flex-shrink-0 duration-300 w-9 h-5 mr-3 rounded-2xl',
+          value ? 'bg-primary-main' : 'bg-main-divider',
+        )}
       >
         <div
-          className={`absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full ${
-            value ? 'left-[50%]' : 'left-[5%]'
-          }`}
+          className={style(
+            'absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full',
+            value ? 'left-[50%]' : 'left-[5%]',
+          )}
         />
       </div>
-      <div>
-        <Text size="text-m" font="font-light" color="text-primary-text">
-          {text}
-        </Text>
-      </div>
+      <Text size="text-l" font="font-light" color="text-primary-text">
+        {text}
+      </Text>
     </div>
   ),
 );

package/src/ui-kit/Tags/Tags.fixture.tsx

@@ -3,7 +3,7 @@ import { Tags } from './Tags';
 const tags = ['Tag #1', 'Tag #2', 'Tag #3', 'Tag #4'];
 
 export default (
-  <div className="bg-white p-12">
+  <div className="bg-white p-default">
     <Tags tags={tags} />
   </div>
 );

package/src/validation/and.ts

@@ -0,0 +1,6 @@
+import { ValidationInfo, Validator } from './validator';
+
+export const and =
+  (...validators: Validator[]): Validator =>
+  (data) =>
+    validators.flatMap((_) => _(data)) as ValidationInfo;

package/src/validation/objectValidator.ts

@@ -0,0 +1,10 @@
+import { ValidationInfo, Validator } from './validator';
+
+export const objectValidator =
+  <VMap extends Record<string, Validator>>(validatorsMap: VMap) =>
+  <O extends Partial<{ [P in keyof VMap]: Parameters<VMap[P]>[0] }>>(o: O): ValidationInfo =>
+    (o &&
+      (Object.entries(validatorsMap).flatMap(([key, validator]) =>
+        validator(o[key]),
+      ) as ValidationInfo)) ||
+    [];

package/src/validation/pattern.ts

@@ -0,0 +1,4 @@
+import { validator } from './validator';
+
+export const pattern = (regexp: RegExp) =>
+  validator((_) => typeof _ === 'string' && regexp.test(_));

package/src/validation/required.ts

@@ -0,0 +1,3 @@
+import { validator } from './validator';
+
+export const required = validator((_) => _ !== null && _ !== undefined && _ !== '');

package/src/validation/validator.ts

@@ -0,0 +1,21 @@
+type ValidationMessage = string;
+
+type ValidationSuccess = [];
+type ValidationErr = [ValidationMessage, ...ValidationMessage[]];
+
+export type ValidationInfo = ValidationSuccess | ValidationErr;
+
+export type Validator<T = any> = (_: T) => ValidationInfo;
+
+export const isValidationSuccess = (info: ValidationInfo): info is ValidationSuccess =>
+  !info?.length;
+export const isValidationErr = (info: ValidationInfo): info is ValidationErr =>
+  Boolean(info?.length);
+
+type Predicate<T = any> = (_: T) => boolean;
+
+export const validator =
+  <T = any>(predicate: Predicate<T>) =>
+  (message: string): Validator<T> =>
+  (_) =>
+    predicate(_) ? [] : [message];

package/src/validation/withValidator.ts

@@ -0,0 +1,21 @@
+import { ValidationInfo, Validator } from './validator';
+
+interface FieldProps<V> {
+  value?: V;
+  isDirty?: boolean;
+}
+
+export const withValidator = <V, P extends FieldProps<V> = FieldProps<V>>(
+  props: P,
+  validator: Validator<V | undefined>,
+): P & { errors?: ValidationInfo; error?: ValidationInfo[0] } => {
+  const { value, isDirty } = props;
+
+  const errors: ValidationInfo = isDirty ? validator(value) : [];
+
+  return {
+    ...props,
+    errors,
+    error: errors[0],
+  };
+};

package/tailwind.config.cjs

@@ -55,6 +55,9 @@ module.exports = {
         sans: ['Ubuntu', ...defaultTheme.fontFamily.sans],
         mohave: ['Mohave', ...defaultTheme.fontFamily.sans],
       },
+      padding: {
+        'default': '3rem',
+      },
       fontSize: {
         'm-title': ['1.375rem', '1.8125rem'], // 22px 29px // Временно оставлен до готовности нового мобильного дизайна
         'm-title-xs': ['1.0625rem', '1.375rem'], // 17px 22px // Временно оставлен до готовности нового мобильного дизайна

package/bin/migration-scripts/0.9.3.js

@@ -1,88 +0,0 @@
-import crypto from 'crypto';
-import { createReadStream, promises as fs } from 'fs';
-import glob from 'glob';
-import { join, parse, relative } from 'path';
-import { promisify } from 'util';
-
-const findFiles = promisify(glob);
-
-const CONTENT_DIR = './content';
-const IMAGE_EXT_LIST = ['png', 'jpg', 'svg'];
-const IMAGE_FIELD_KEYS = ['image', 'icon'];
-
-export const description = 'v0.9.3';
-
-export default async (unitPath, content) => {
-  const unitPathDir = parse(unitPath).dir;
-  replaceImgSrcRecursive(content, unitPathDir);
-
-  return { ...content };
-};
-
-const getFileHash = async (filePath, algorithm = 'sha256') => {
-  return new Promise((resolve, reject) => {
-    const hash = crypto.createHash(algorithm);
-    const stream = createReadStream(filePath);
-    stream.on('error', (err) => reject(err));
-    stream.on('data', (chunk) => hash.update(chunk));
-    stream.on('end', () => resolve(hash.digest('hex')));
-  });
-};
-
-const getFilesHashMap = async (paths) => {
-  let fileHashMap = {};
-  for (const filePath of paths) {
-    const fileStat = await fs.lstat(filePath);
-    if (!fileStat.isFile()) {
-      continue;
-    }
-    fileHashMap[filePath] = await getFileHash(filePath);
-  }
-
-  return fileHashMap;
-};
-
-const getFileHashInfo = async () => {
-  const contentFiles = await findFiles(`${CONTENT_DIR}/**/*.@(${IMAGE_EXT_LIST.join('|')})`);
-  const filesHashMap = await getFilesHashMap(contentFiles);
-  const filesGroupByHash = Object.entries(filesHashMap).reduce(
-    (entryMap, [filePath, hash]) => entryMap.set(hash, [...(entryMap.get(hash) || []), filePath]),
-    new Map(),
-  );
-
-  filesGroupByHash.forEach((value) => value.sort());
-
-  return [filesHashMap, filesGroupByHash];
-};
-
-const [filesHashMap, filesGroupByHash] = await getFileHashInfo();
-
-const isObject = (value) => {
-  return !!(value && typeof value === 'object' && !Array.isArray(value));
-};
-
-const replaceImgSrcRecursive = (node, unitPathDir) => {
-  if (isObject(node)) {
-    const entries = Object.entries(node);
-
-    for (let i = 0; i < entries.length; i += 1) {
-      const [key, childNode] = entries[i];
-
-      if (IMAGE_FIELD_KEYS.includes(key) && childNode.src) {
-        const srcPath = join(unitPathDir, childNode.src);
-        const fileHash = filesHashMap[`./${srcPath}`];
-        const filesGroup = filesGroupByHash.get(fileHash);
-        const baseFilePath = filesGroup ? filesGroup[0] : null;
-        if (baseFilePath) {
-          childNode.src = relative(unitPathDir, baseFilePath);
-        }
-      } else {
-        replaceImgSrcRecursive(childNode, unitPathDir);
-      }
-    }
-  } else if (Array.isArray(node)) {
-    node.forEach((childNode) => {
-      replaceImgSrcRecursive(childNode, unitPathDir);
-    });
-  }
-};

package/bundle/components/ApplicationForm/renderInputRange.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-interface RenderInputRangeProps {
-    label: string;
-    value: number;
-    onChange: (value: number) => void;
-    min: number;
-    max: number;
-    items: string[];
-}
-export declare const renderInputRange: (props: RenderInputRangeProps) => JSX.Element;
-export {};

package/bundle/components/ApplicationForm/useForm.d.ts

@@ -1,14 +0,0 @@
-import type { HandleFormStateChange } from './models';
-interface UseFormHandlersProps<T> {
-    initialFormState: Required<T>;
-    errorsInitialState?: Partial<T>;
-    handleSubmit?: (data: Record<string, string>) => Promise<string>;
-}
-export declare const useForm: <T>({ initialFormState, errorsInitialState, handleSubmit, }: UseFormHandlersProps<T>) => {
-    formState: Required<T>;
-    handleChange: HandleFormStateChange<T>;
-    errors: {};
-    handleChangeErrors: (state: any) => void;
-    sendForm: (sendData: Record<string, string>) => Promise<void>;
-};
-export {};

package/bundle/components/ApplicationForm/validate.d.ts

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

package/bundle/components/TextBlock/TextBlock.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { TextBlockContent } from './TextBlockContent';
-export interface TextBlockProps extends TextBlockContent, UniBlockProps {
-}
-export declare const TextBlock: import("@redneckz/uni-jsx").UNIComponent<TextBlockProps, any, any>;

package/dist/components/ApplicationForm/renderInputRange.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-interface RenderInputRangeProps {
-    label: string;
-    value: number;
-    onChange: (value: number) => void;
-    min: number;
-    max: number;
-    items: string[];
-}
-export declare const renderInputRange: (props: RenderInputRangeProps) => JSX.Element;
-export {};

package/dist/components/ApplicationForm/renderInputRange.js

@@ -1,8 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderInputRange = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const InputRange_1 = require("../../ui-kit/InputRange/InputRange");
-const Text_1 = require("../../ui-kit/Text/Text");
-const renderInputRange = (props) => ((0, jsx_runtime_1.jsxs)("div", { className: "w-1/2", children: [(0, jsx_runtime_1.jsx)("label", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m-light", children: props.label }) }), (0, jsx_runtime_1.jsx)(InputRange_1.InputRange, { ...props })] }));
-exports.renderInputRange = renderInputRange;
-//# sourceMappingURL=renderInputRange.js.map

package/dist/components/ApplicationForm/renderInputRange.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderInputRange.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/renderInputRange.tsx"],"names":[],"mappings":";;;AAAA,mEAAgE;AAChE,iDAA8C;AAWvC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE,CAAC,CAChE,iCAAK,SAAS,EAAC,OAAO,aACpB,4CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,YAAE,KAAK,CAAC,KAAK,GAAQ,GACxC,EACR,uBAAC,uBAAU,OAAK,KAAK,GAAI,IACrB,CACP,CAAC;AAPW,QAAA,gBAAgB,oBAO3B"}

package/dist/components/ApplicationForm/useForm.d.ts

@@ -1,14 +0,0 @@
-import type { HandleFormStateChange } from './models';
-interface UseFormHandlersProps<T> {
-    initialFormState: Required<T>;
-    errorsInitialState?: Partial<T>;
-    handleSubmit?: (data: Record<string, string>) => Promise<string>;
-}
-export declare const useForm: <T>({ initialFormState, errorsInitialState, handleSubmit, }: UseFormHandlersProps<T>) => {
-    formState: Required<T>;
-    handleChange: HandleFormStateChange<T>;
-    errors: {};
-    handleChangeErrors: (state: any) => void;
-    sendForm: (sendData: Record<string, string>) => Promise<void>;
-};
-export {};

package/dist/components/ApplicationForm/useForm.js

@@ -1,37 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const validate_1 = require("./validate");
-const useForm = ({ initialFormState, errorsInitialState, handleSubmit, }) => {
-    const [formState, setFormState] = (0, hooks_1.useState)(initialFormState);
-    const [errors, setErrors] = (0, hooks_1.useState)(errorsInitialState || {});
-    const handleChange = (0, hooks_1.useCallback)((state) => setFormState((oldState) => ({ ...oldState, ...state })), []);
-    const handleChangeErrors = (0, hooks_1.useCallback)((state) => setErrors((oldState) => ({ ...oldState, ...state })), []);
-    const sendForm = (0, hooks_1.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 = (0, validate_1.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,
-    };
-};
-exports.useForm = useForm;
-//# sourceMappingURL=useForm.js.map

package/dist/components/ApplicationForm/useForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../src/components/ApplicationForm/useForm.ts"],"names":[],"mappings":";;AAAA,uDAAoE;AAEpE,yCAAsC;AAQ/B,MAAM,OAAO,GAAG,CAAI,EACzB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAA6B,IAAA,mBAAW,EACxD,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,IAAA,mBAAW,EACpC,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,IAAA,mBAAW,EAC1B,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,IAAA,mBAAQ,EAAC,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;AAtDW,QAAA,OAAO,WAsDlB"}

package/dist/components/ApplicationForm/validate.d.ts

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

package/dist/components/ApplicationForm/validate.js

@@ -1,22 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validate = void 0;
-const ERROR_EMPTY = 'Некорректно заполненное поле';
-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);
-    }
-};
-exports.validate = validate;
-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/dist/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;AAE5C,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;AAbW,QAAA,QAAQ,YAanB;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/dist/components/TextBlock/TextBlock.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { TextBlockContent } from './TextBlockContent';
-export interface TextBlockProps extends TextBlockContent, UniBlockProps {
-}
-export declare const TextBlock: import("@redneckz/uni-jsx").UNIComponent<TextBlockProps, any, any>;

package/dist/components/TextBlock/TextBlock.mobile.js

@@ -1,16 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBlock = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../../ui-kit/Img/Img");
-const List_1 = require("../../ui-kit/List/List");
-exports.TextBlock = (0, uni_jsx_1.JSX)(({ title, description, iconVersion, image, className = '', items, isDotted = true }) => {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans px-4 py-[18px] flex flex-col bg-white group-data-secondary:bg-primary-main ${className}`, children: [iconVersion === 'small' ? renderIcon() : null, iconVersion === 'big' ? renderImage(image) : null, (0, jsx_runtime_1.jsxs)("div", { className: "py-0.5 text-secondary-text group-data-secondary:text-white", children: [title ? (0, jsx_runtime_1.jsx)("div", { className: `text-l font-medium mb-1`, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("div", { className: `text-s `, children: description }) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "mt-1 text-m", items: items, isDotted: isDotted })) : null] })] }));
-});
-function renderIcon() {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)("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", children: "i" }) }));
-}
-function renderImage(image) {
-    return image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "pb-3 mr-auto", image: image }) : null;
-}
-//# sourceMappingURL=TextBlock.mobile.js.map