indicator-ui 0.1.47 → 0.1.49

package/dist/scss/ui/Tag/styles/properties/base.scss

@@ -1,34 +1,34 @@
-@use '../../../../styles' as *;
-
-@mixin base() {
-  width: fit-content;
-  height: fit-content;
-  gap: 3px;
-  border-radius: 6px;
-  border: 1px solid var(--gray-300);
-  background-color: var(--base-white);
-  transition: background-color ease-out 300ms;
-  cursor: default;
-  flex-wrap: nowrap;
-  @include modify-flex($align-items: center);
-
-  .main {
-    flex-wrap: nowrap;
-    @include modify-flex($align-items: center);
-  }
-
-  .label {
-    text-wrap: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    @include fnt-flex($color: var(--gray-700));
-  }
-
-  .dotIcon {
-    flex: none;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background-color: var(--success-500);
-  }
+@use '../../../../styles' as *;
+
+@mixin base() {
+  width: fit-content;
+  height: fit-content;
+  gap: 3px;
+  border-radius: 6px;
+  border: 1px solid var(--gray-300);
+  background-color: var(--base-white);
+  transition: background-color ease-out 300ms;
+  cursor: default;
+  flex-wrap: nowrap;
+  @include modify-flex($align-items: center);
+
+  .main {
+    flex-wrap: nowrap;
+    @include modify-flex($align-items: center);
+  }
+
+  .label {
+    text-wrap: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    @include fnt-flex($color: var(--gray-700));
+  }
+
+  .dotIcon {
+    flex: none;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--success-500);
+  }
 }

package/dist/scss/ui/Tag/styles/properties/clicked.scss

@@ -1,3 +1,3 @@
-@mixin clicked() {
-  cursor: pointer;
+@mixin clicked() {
+  cursor: pointer;
 }

package/dist/scss/ui/Tag/styles/properties/hover.scss

@@ -1,5 +1,5 @@
-@use '../../../../styles' as *;
-
-@mixin hover() {
-  background-color: var(--gray-50);
+@use '../../../../styles' as *;
+
+@mixin hover() {
+  background-color: var(--gray-50);
 }

package/dist/scss/ui/Tag/styles/properties/index.scss

@@ -1,7 +1,7 @@
-@forward "large";
-@forward "small";
-@forward "medium";
-@forward "active";
-@forward "clicked";
-@forward "base";
+@forward "large";
+@forward "small";
+@forward "medium";
+@forward "active";
+@forward "clicked";
+@forward "base";
 @forward "hover";

package/dist/scss/ui/Tag/styles/properties/large.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin large() {
-  // С учетом border
-  padding: 3px 9px;
-  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
-
-  .main {
-    gap: 6px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
+@use '../../../../styles' as *;
+
+@mixin large() {
+  // С учетом border
+  padding: 3px 9px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
+
+  .main {
+    gap: 6px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 5px;
+  }
 }

package/dist/scss/ui/Tag/styles/properties/medium.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin medium() {
-  // С учетом border
-  padding: 1px 8px;
-  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);
-
-  .main {
-    gap: 5px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 4px;
-  }
+@use '../../../../styles' as *;
+
+@mixin medium() {
+  // С учетом border
+  padding: 1px 8px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);
+
+  .main {
+    gap: 5px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 4px;
+  }
 }

package/dist/scss/ui/Tag/styles/properties/small.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin small() {
-  // С учетом border
-  padding: 2px 7px;
-  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);
-
-  .main {
-    gap: 4px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
+@use '../../../../styles' as *;
+
+@mixin small() {
+  // С учетом border
+  padding: 2px 7px;
+  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);
+
+  .main {
+    gap: 4px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 5px;
+  }
 }

package/dist/scss/ui/ToggleBase/styles/mixins/active.scss

@@ -1,12 +1,12 @@
-@mixin active($theme: 'light') {
-  @if $theme == 'dark' {
-    background-color: var(--rose-500);
-  } @else {
-    background-color: var(--primary-500);
-  }
-}
-
-@mixin active-spacer() {
-  flex-grow: 1;
-}
-
+@mixin active($theme: 'light') {
+  @if $theme == 'dark' {
+    background-color: var(--rose-500);
+  } @else {
+    background-color: var(--primary-500);
+  }
+}
+
+@mixin active-spacer() {
+  flex-grow: 1;
+}
+

package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss

@@ -1,9 +1,9 @@
-@use '../../../../styles' as *;
-
-@mixin base-button() {
-  flex: none;
-  border: 1px solid transparent;
-  border-radius: 50%;
-  background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;
+@use '../../../../styles' as *;
+
+@mixin base-button() {
+  flex: none;
+  border: 1px solid transparent;
+  border-radius: 50%;
+  background-color: var(--base-white);
+  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/base.scss

@@ -1,14 +1,14 @@
-@use '../../../../styles' as *;
-
-@mixin base($theme: 'light') {
-  border-radius: 12px;
-  padding: 1px;
-  border: 1px solid transparent;
-
-  @if $theme == 'dark' {
-    background-color: var(--gray-iron-500);
-  } @else {
-    background-color: var(--gray-300);
-  }
-  @include modify-flex($align-items: center);
+@use '../../../../styles' as *;
+
+@mixin base($theme: 'light') {
+  border-radius: 12px;
+  padding: 1px;
+  border: 1px solid transparent;
+
+  @if $theme == 'dark' {
+    background-color: var(--gray-iron-500);
+  } @else {
+    background-color: var(--gray-300);
+  }
+  @include modify-flex($align-items: center);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss

@@ -1,5 +1,5 @@
-@mixin disabled-base() {
-  cursor: default;
-  pointer-events: none;
-  opacity: 0.5;
-}
+@mixin disabled-base() {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.5;
+}

package/dist/scss/ui/ToggleBase/styles/mixins/error.scss

@@ -1,7 +1,7 @@
-@mixin error-base() {
-  background-color: var(--error-200);
-}
-
-@mixin error-active() {
-  background-color: var(--error-500);
+@mixin error-base() {
+  background-color: var(--error-200);
+}
+
+@mixin error-active() {
+  background-color: var(--error-500);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss

@@ -1,23 +1,23 @@
-@mixin hover($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--gray-400);
-  } @else {
-    background-color: var(--gray-iron-600);
-  }
-}
-
-@mixin hover-active($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--primary-600);
-  } @else {
-    background-color: var(--rose-600);
-  }
-}
-
-@mixin hover-error() {
-  background-color: var(--error-300);
-}
-
-@mixin hover-active-error() {
-  background-color: var(--error-600);
+@mixin hover($theme: "light") {
+  @if $theme == "light" {
+    background-color: var(--gray-400);
+  } @else {
+    background-color: var(--gray-iron-600);
+  }
+}
+
+@mixin hover-active($theme: "light") {
+  @if $theme == "light" {
+    background-color: var(--primary-600);
+  } @else {
+    background-color: var(--rose-600);
+  }
+}
+
+@mixin hover-error() {
+  background-color: var(--error-300);
+}
+
+@mixin hover-active-error() {
+  background-color: var(--error-600);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/index.scss

@@ -1,9 +1,9 @@
-@forward "large";
-@forward "medium";
-@forward "error";
-@forward "active";
-@forward "hover";
-@forward "base-button";
-@forward "base";
-@forward "disabled";
+@forward "large";
+@forward "medium";
+@forward "error";
+@forward "active";
+@forward "hover";
+@forward "base-button";
+@forward "base";
+@forward "disabled";
 @forward "spacer";

package/dist/scss/ui/ToggleBase/styles/mixins/large.scss

@@ -1,9 +1,9 @@
-@mixin large-base() {
-  width: 44px;
-  height: 24px;
-}
-
-@mixin large-button() {
-  width: 20px;
-  height: 20px;
+@mixin large-base() {
+  width: 44px;
+  height: 24px;
+}
+
+@mixin large-button() {
+  width: 20px;
+  height: 20px;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss

@@ -1,9 +1,9 @@
-@mixin medium-base() {
-  width: 36px;
-  height: 20px;
-}
-
-@mixin medium-button() {
-  width: 16px;
-  height: 16px;
+@mixin medium-base() {
+  width: 36px;
+  height: 20px;
+}
+
+@mixin medium-button() {
+  width: 16px;
+  height: 16px;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss

@@ -1,5 +1,5 @@
-@use '../../../../styles' as *;
-
-@mixin spacer() {
-  flex-grow: 0;
+@use '../../../../styles' as *;
+
+@mixin spacer() {
+  flex-grow: 0;
 }

package/dist/scss/ui/formFields/FormFieldWrapper/styles/mixins/index.scss

@@ -0,0 +1 @@
+@forward "inputFieldWrapper";

package/dist/scss/ui/formFields/FormFieldWrapper/styles/mixins/inputFieldWrapper.scss

@@ -0,0 +1,50 @@
+@use '../../../../../styles' as *;
+
+@mixin insertInputFieldWrapper() {
+  .inputFieldWrapper {
+    width: 100%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    .labelText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
+
+      .required {
+        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
+      }
+    }
+
+    .hintText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
+    }
+
+    .hintError {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
+    }
+
+    .helperLink {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+      cursor: pointer;
+      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
+    }
+
+    @content;
+  }
+}

package/dist/types/src/hooks/forms/__tests__/lib/getDataByPath.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/forms/__tests__/lib/getFormDataPaths.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/forms/__tests__/lib/setDataByPath.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/forms/__tests__/lib/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/forms/classes/index.d.ts

@@ -0,0 +1,54 @@
+import { ExtendFormPath, ExtendFormValue, FormErrorsType, FormErrorType, FormPath, FormValidateFunItemType, FormValidateFunListType, FormValidateFunType, FormValue } from "../types";
+export declare class Form<T> {
+    private data;
+    private defaultValues;
+    constructor(data?: T | undefined);
+    getFormData(): T | undefined;
+    setFormData(data: T | undefined): void;
+    get formData(): T | undefined;
+    set formData(data: T | undefined);
+    hasDefaultValue<const P extends FormPath<T>>(path: P): boolean;
+    getDefaultValue<const P extends FormPath<T>>(path: P): {
+        default: ExtendFormValue<T | undefined, P>;
+    } | undefined;
+    setDefaultValue<const P extends ExtendFormPath<T>>(path: P, value: ExtendFormValue<T, P>): void;
+    deleteDefaultValue<const P extends ExtendFormPath<T>>(path: P): void;
+    clearDefaultValues(): void;
+    applyDefaultValue<const P extends ExtendFormPath<T>>(path: P): void;
+    applyDefaultValues(): void;
+    setField<const P extends FormPath<T>>(path: P, value: FormValue<T, P> | undefined): void;
+    getField<const P extends FormPath<T>>(path: P): FormValue<T, P> | undefined;
+    clear(): void;
+}
+export declare class FormError<T> {
+    private formErrors;
+    constructor(errors?: FormErrorsType<T>);
+    getErrors(): FormErrorsType<T>;
+    get errors(): FormErrorsType<T>;
+    setErrors(errors: FormErrorsType<T>): void;
+    addErrors(errors: FormErrorsType<T>): void;
+    set errors(errors: FormErrorsType<T>);
+    getError<const P extends FormPath<T>>(path: P): FormErrorType | undefined;
+    setError<const P extends FormPath<T>>(path: P, error: FormErrorType): void;
+    deleteError<const P extends FormPath<T>>(keyChain: P): void;
+    clear(): void;
+}
+type ValidateResArrayType<T> = FormErrorsType<T>;
+export declare class FormValidateFun<T> {
+    private formValidateFunctions;
+    private form;
+    constructor(form: Form<T>, formValidateFunctions?: FormValidateFunType<T>);
+    setForm(form: Form<T>): void;
+    private getValueForValidate;
+    getFormValidateFunctions(): FormValidateFunType<T>;
+    setFormValidateFunctions(newValue: FormValidateFunType<T>): void;
+    getValidateFunctions<const P extends ExtendFormPath<T>>(path: P): FormValidateFunListType<ExtendFormValue<T, P>>;
+    setValidateFunctions<const P extends ExtendFormPath<T>>(path: P, func: FormValidateFunListType<ExtendFormValue<T, P>>): void;
+    deleteValidateFunctions<const P extends ExtendFormPath<T>>(chain: P): void;
+    addValidateFunctions<const P extends ExtendFormPath<T>>(chain: P, fun: FormValidateFunItemType<ExtendFormValue<T, P>>): void;
+    validate<const P extends ExtendFormPath<T>>(path: P): Promise<ValidateResArrayType<T>>;
+    isValid<const P extends ExtendFormPath<T>>(path: P): Promise<boolean>;
+    validateAllFields(): Promise<ValidateResArrayType<T>>;
+    isFormValid(): Promise<boolean>;
+}
+export {};

package/dist/types/src/hooks/forms/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useForm';
+export * from './types';

package/dist/types/src/hooks/forms/lib/fieldsProps.d.ts

@@ -0,0 +1,11 @@
+import { FieldPropsType, FormPath, FormValue } from '../types';
+import { Form, FormError } from "../classes";
+type PropsType<T, P extends FormPath<T>> = {
+    path: P;
+    form: Form<T>;
+    setField: (path: P, value: FormValue<T, P> | undefined) => void;
+    formErrors: FormError<T>;
+    highlightField: (path: P) => void;
+};
+export declare function getFieldPropsType<T, P extends FormPath<T>>(props: PropsType<T, P>): FieldPropsType<FormValue<T, P>>;
+export {};

package/dist/types/src/hooks/forms/lib/getDataByPath.d.ts

@@ -0,0 +1,4 @@
+import { FormPath, FormValue } from "../types";
+type FunReturnType<T, P extends FormPath<T>> = FormValue<T, P> | undefined;
+export declare function getDataByPath<T, P extends FormPath<T>>(formData: T, path: P): FunReturnType<T, P>;
+export {};

package/dist/types/src/hooks/forms/lib/getFormDataPaths.d.ts

@@ -0,0 +1,5 @@
+import { FormPath } from "../types";
+type PropsType<T> = [formData: T];
+type FunReturnType<T> = FormPath<T>[];
+export declare function getFormDataPaths<T>(...[formData]: PropsType<T>): FunReturnType<T>;
+export {};

package/dist/types/src/hooks/forms/lib/index.d.ts

@@ -0,0 +1,5 @@
+export * from './getDataByPath';
+export * from './setDataByPath';
+export * from './getFormDataPaths';
+export * from './scheme';
+export * from './fieldsProps';

package/dist/types/src/hooks/forms/lib/scheme.d.ts

@@ -0,0 +1,16 @@
+import { ExtendFormPath, ExtendFormValue, FieldConfigType, FormDefaultValues, FormPath, FormSchemeType, GetProcessArrayFieldValue } from '../types';
+import { Form, FormValidateFun } from '../classes';
+type PropsOptionsType<T> = {
+    form: Form<T>;
+    formValidateFun: FormValidateFun<T>;
+};
+/** Полностью заменяет валидаторы поля */
+export declare function processValidators<T, F>(path: FormPath<T>, _config: FieldConfigType<T, F>, options: PropsOptionsType<T>): void;
+/** Полностью заменяет валидаторы полей */
+export declare function processScheme<T>(scheme: FormSchemeType<T>, options: PropsOptionsType<T>): void;
+export declare function getArrayExtendBasePath<T, P extends ExtendFormPath<T>>(path: P): GetProcessArrayFieldValue<T, P> | undefined;
+export declare function getArrayExtendPath<T, P extends ExtendFormPath<T>>(path: P): GetProcessArrayFieldValue<T, P> | undefined;
+export declare function getExtendPath<T, P extends FormPath<T>>(path: P): ExtendFormPath<T>;
+export declare function getSortedExtendsPaths<T>(defaultValues: FormDefaultValues<T>): ExtendFormPath<T>[];
+export declare function setExtendValue<T, P extends ExtendFormPath<T>>(formData: T, path: P, value: ExtendFormValue<T, P>): T | undefined;
+export {};

package/dist/types/src/hooks/forms/lib/setDataByPath.d.ts

@@ -0,0 +1,5 @@
+import { FormPath, FormValue } from "../types";
+type PropsType<T, P extends FormPath<T>> = [formData: T, keyChain: P, value: FormValue<T, P> | undefined];
+type FunReturnType<T> = T | undefined;
+export declare function setDataByPath<T, const P extends FormPath<T>>(...[formData, path, value]: PropsType<T, P>): FunReturnType<T>;
+export {};

package/dist/types/src/hooks/forms/lib/utils.d.ts

@@ -0,0 +1,9 @@
+export declare function copyData<T>(data: T): T;
+export declare function getBasePath(path: string): string | null;
+export declare function getBaseRest(path: string): string | null;
+export declare function getArrayIndex(path: string): number | null;
+export declare function getArrayRest(path: string): string | null;
+export declare function getObjectPath(path: string): string | null;
+export declare function getObjectRest(path: string): string | null;
+export declare function isArrayPathValue(path: string): boolean;
+export declare function isObjPathValue(path: string): boolean;