indicator-ui 0.1.85 → 0.1.87

package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss

@@ -1,26 +1,25 @@
 @use '../../../../../styles' as *;
 
 @mixin correct-checked-hover($theme) {
+  border: transparent;
   @if $theme == 'light' {
     background-color: var(--primary-600);
   } @else {
     background-color: var(--rose-700);
   }
-
-  border: transparent;
 }
 
 @mixin correct-disabled-hover($theme) {
+  border: transparent;
   @if $theme == 'light' {
     background-color: var(--gray-300);
   } @else {
     background-color: var(--gray-iron-600);
   }
-
-  border: transparent;
 }
 
 @mixin correct-checked($theme: 'light') {
+  border: transparent;
   @if $theme == 'light' {
     background-color: var(--primary-500);
     @include fnt($color: var(--base-white));
@@ -31,7 +30,6 @@
     @include modify-svg($stroke: var(--gray-iron-50));
   }
 
-  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500);
 
   &:after {
@@ -46,6 +44,7 @@
 }
 
 @mixin correct-disabled($theme: 'light') {
+  border: transparent;
   @if $theme == 'light' {
     background-color: var(--gray-300);
     @include fnt($color: var(--base-white));
@@ -56,7 +55,6 @@
     @include modify-svg($stroke: var(--gray-iron-500));
   }
 
-  border: transparent;
   @include fnt($size: 14, $line-height: 14, $weight: 500);
 
   &:after {

package/dist/types/src/const/imask.d.ts

@@ -0,0 +1,18 @@
+import type { ExtendFactoryArgOptions } from "imask/masked/factory";
+import { BlockExtraOptions } from "imask/masked/pattern";
+export type IMaskBlockType<K extends string = string> = Record<K, ExtendFactoryArgOptions<BlockExtraOptions>>;
+/**
+ * Пример: `dd.MM.yyyy`.
+ *
+ * ---
+ *
+ * * `dd` - день.
+ * * `MM` - месяц.
+ * * `yyyy` - год.
+ * * `mm` - минуты.
+ * * `HH` - часы.
+ * * `ss` - секунды.
+ *
+ * **Замечание**: При указание формата вывода с разделителем `T`, указывайте его так `'T'`
+ * */
+export declare const DATE_IMASK_BLOCKS: IMaskBlockType;

package/dist/types/src/const/index.d.ts

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

package/dist/types/src/ui/TabButtons/index.d.ts

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

package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts

@@ -1,2 +1,26 @@
-import { TabButtonsPropsType } from '../types';
-export declare function TabButtons({ active, iconLeft, iconRight, disabled, text, children, customComponent, height, width, additionStyles, theme, ...props }: TabButtonsPropsType): JSX.Element;
+import React, { ReactElement, ReactNode } from "react";
+type PropsType = Omit<React.ComponentProps<'button'>, 'className'> & {
+    active?: boolean;
+    disabled?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    text?: React.ReactNode;
+    children?: React.ReactNode;
+    /** Кастомный компонент с обязательным пропсом children, в него будут вставлены элементы кнопки и накинуты стили */
+    customComponent?: ReactElement<{
+        children?: ReactNode;
+        className?: string;
+    } & {
+        [key: string]: any;
+    }>;
+    /** Тип длины, fill --- заполнит, hug --- подгонит под контент */
+    width?: 'fill' | 'hug';
+    /** Тип высоты, fill --- заполнит, hug --- подгонит под контент */
+    height?: 'fill' | 'hug';
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+    theme?: "light" | "dark";
+    mark?: 'info' | 'error' | 'success';
+};
+export declare function TabButtons(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/TabFrame/index.d.ts

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

package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts

@@ -1,2 +1,13 @@
-import { TabFramePropsType } from '../types';
-export declare function TabFrame(props: TabFramePropsType): JSX.Element;
+import { TabButtons } from "../../../ui";
+import React from "react";
+type TabFrameTabItemType = React.ComponentProps<typeof TabButtons>;
+type TabFrameTabListType = TabFrameTabItemType[];
+type PropsType = {
+    tabs?: TabFrameTabListType;
+    width?: 'fill' | 'hug';
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+    theme?: 'light' | 'dark';
+};
+export declare function TabFrame(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/formFields/FormDateField/ui/FormDateField.d.ts

@@ -6,18 +6,8 @@ type BasePropsType = FieldPropsType<ValueType> & {
     /**
      * Формат даты ввода пользователя.
      *
-     * Пример: `dd.MM.yyyy`.
-     *
      * ---
-     *
-     * * `dd` - день.
-     * * `MM` - месяц.
-     * * `yyyy` - год.
-     * * `mm` - минуты.
-     * * `HH` - часы.
-     * * `ss` - секунды.
-     *
-     * **Замечание**: При указание формата вывода с разделителем `T`, указывайте его так `'T'`
+     * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
      * */
     inputFormat?: string;
     /**

package/dist/types/src/ui/formFields/FormDateRangeField/index.d.ts

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

package/dist/types/src/ui/formFields/FormDateRangeField/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MaskStyle } from './Mask.module.scss';
+export { default as FormDateRangeStyle } from './FormDateRange.module.scss';
+export { default as InputInnerButtonStyle } from './InputInnerButton.module.scss';

package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { FieldPropsType } from "../../../../hooks";
+type ValueType = [string | undefined, string | undefined];
+type PropsType = FieldPropsType<ValueType> & {
+    text1?: React.ReactNode;
+    text2?: React.ReactNode;
+    icon1?: React.ReactNode;
+    icon2?: React.ReactNode;
+    placeholder1?: string;
+    placeholder2?: string;
+    /**
+     * Формат даты ввода пользователя.
+     *
+     * ---
+     * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
+     * */
+    inputFormat?: string;
+    /**
+     * Формат даты, которая будет хранится в `value`.
+     *
+     * Пример: `yyyy-MM-dd`. Для более подробной информации по обозначениям смотрите тип {@link inputFormat}
+     * */
+    outFormat?: string;
+};
+export declare function FormDateRangeField(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateTimeRangeField.d.ts

@@ -0,0 +1,5 @@
+import { FieldPropsType } from "../../../../hooks";
+type ValueType = [string | undefined, string | undefined];
+type PropsType = FieldPropsType<ValueType>;
+export declare function FormDateTimeRangeField(props: PropsType): void;
+export {};

package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormTimeRangeField.d.ts

@@ -0,0 +1,5 @@
+import { FieldPropsType } from "../../../../hooks";
+type ValueType = [string | undefined, string | undefined];
+type PropsType = FieldPropsType<ValueType>;
+export declare function FormTimeRangeField(props: PropsType): void;
+export {};

package/dist/types/src/ui/formFields/FormDateRangeField/ui/InputInnerButton.d.ts

@@ -0,0 +1,5 @@
+type PropsType = React.ComponentProps<'button'> & {
+    color?: 'red' | 'gray';
+};
+export declare function InputInnerButton(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/formFields/FormDateRangeField/ui/Mask.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { IMaskInput } from "react-imask";
+import type { ExtendFactoryArgOptions } from "imask/masked/factory";
+import { BlockExtraOptions } from "imask/masked/pattern";
+type PropsType = React.ComponentProps<typeof IMaskInput> & {
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+    divider?: boolean;
+    blocks?: {
+        [key: string]: ExtendFactoryArgOptions<BlockExtraOptions>;
+    };
+};
+export declare function Mask(props: PropsType): JSX.Element;
+export {};

package/dist/types/src/ui/formFields/FormDateRangeField/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FormDateRangeField";
+export * from "./FormTimeRangeField";
+export * from "./FormDateTimeRangeField";

package/dist/types/src/ui/formFields/FormField/ui/FormFieldBase.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
 import { IMaskInput } from "react-imask";
-import { BlockExtraOptions } from "imask/masked/pattern";
-import type { ExtendFactoryArgOptions } from "imask/masked/factory";
 import { FieldPropsType } from "../../../../hooks";
+import { IMaskBlockType } from "../../../../const";
 type FieldSettingsType = {
     typeDisplay?: 'display' | 'display-l';
     disabled?: boolean;
@@ -17,9 +16,7 @@ type FieldSettingsType = {
 };
 type BasePropsType = FieldSettingsType & FieldPropsType<string>;
 type PropsType = Omit<React.ComponentProps<typeof IMaskInput>, keyof BasePropsType> & BasePropsType & {
-    blocks?: {
-        [key: string]: ExtendFactoryArgOptions<BlockExtraOptions>;
-    };
+    blocks?: IMaskBlockType;
 };
 export declare const FormFieldBase: React.ForwardRefExoticComponent<Omit<PropsType, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/src/ui/formFields/FormRadioField/ui/FieldItem.d.ts

@@ -6,6 +6,7 @@ type PropsType = {
     active?: boolean;
     disabled?: boolean;
     width?: 'hug' | 'fill';
+    theme?: 'dark' | 'light';
 };
 export declare function FieldItem(props: PropsType): JSX.Element;
 export {};

package/dist/types/src/ui/formFields/FormRadioField/ui/FormRadioField.d.ts

@@ -13,6 +13,7 @@ type PropsType<D, M extends boolean> = FieldPropsType<GetValueType<D, M>> & {
     options?: OptionsType<D>;
     disabled?: boolean;
     required?: boolean;
+    theme?: 'dark' | 'light';
 };
 export declare function FormRadioField<D, M extends boolean = false>(props: PropsType<D, M>): JSX.Element;
 export {};

package/dist/types/src/ui/formFields/index.d.ts

@@ -5,3 +5,4 @@ export * from './FormSwitcherField';
 export * from './FormRadioField';
 export * from './FormTextareaField';
 export * from './FormDateField';
+export * from './FormDateRangeField';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.1.85",
+  "version": "0.1.87",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",

package/dist/types/src/ui/TabButtons/types/TabButtonsTypes.d.ts

@@ -1,24 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-export type DimensionType = 'fill' | 'hug';
-export type TabButtonsPropsType = Omit<React.ComponentProps<'button'>, 'className'> & {
-    active?: boolean;
-    disabled?: boolean;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    text?: React.ReactNode;
-    children?: React.ReactNode;
-    /** Кастомный компонент с обязательным пропсом children, в него будут вставлены элементы кнопки и накинуты стили */
-    customComponent?: ReactElement<{
-        children?: ReactNode;
-        className?: string;
-    } & {
-        [key: string]: any;
-    }>;
-    /** Тип длины, fill --- заполнит, hug --- подгонит под контент */
-    width?: DimensionType;
-    /** Тип высоты, fill --- заполнит, hug --- подгонит под контент */
-    height?: DimensionType;
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
-    theme?: "light" | "dark";
-};

package/dist/types/src/ui/TabButtons/types/index.d.ts

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

package/dist/types/src/ui/TabFrame/types/TabFrameTypes.d.ts

@@ -1,10 +0,0 @@
-import { TabButtonsPropsType } from "../../../ui";
-export type TabFrameTabItemType = TabButtonsPropsType;
-export type TabFrameTabListType = TabFrameTabItemType[];
-export type TabFramePropsType = {
-    tabs?: TabFrameTabListType;
-    width?: 'fill' | 'hug';
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
-    theme?: 'light' | 'dark';
-};

package/dist/types/src/ui/TabFrame/types/index.d.ts

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