indicator-ui 0.1.114 → 0.1.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/index.css +77 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +140 -40
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Tag/styles/properties/large.scss +1 -1
  6. package/dist/scss/ui/Tag/styles/properties/medium.scss +1 -1
  7. package/dist/scss/ui/Tag/styles/properties/small.scss +1 -1
  8. package/dist/ts/src/ui/DateTimePicker/hooks/useDateTimePicker.d.ts +1 -1
  9. package/dist/ts/src/ui/Tag/styles/index.d.ts +1 -0
  10. package/dist/ts/src/ui/Tag/types/index.d.ts +0 -1
  11. package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts +13 -0
  12. package/dist/ts/src/ui/Tag/ui/TagCount.d.ts +9 -2
  13. package/dist/ts/src/ui/Tag/ui/index.d.ts +1 -0
  14. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +9 -9
  15. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts +1 -1
  16. package/package.json +1 -1
  17. package/dist/ts/src/ui/Tag/types/TagCountTypes.d.ts +0 -6
package/dist/scss/ui/Tag/styles/properties/large.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @mixin large() {
4
4
  // С учетом border
5
5
  padding: 3px 9px;
6
- @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
6
+ @include fnt($size: 14, $line-height: 20, $weight: 500);
7
7
 
8
8
  .main {
9
9
  gap: 6px;
package/dist/scss/ui/Tag/styles/properties/medium.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @mixin medium() {
4
4
  // С учетом border
5
5
  padding: 1px 8px;
6
- @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));
6
+ @include fnt($size: 14, $line-height: 20, $weight: 500, $family: var(--golos));
7
7
 
8
8
  .main {
9
9
  gap: 5px;
package/dist/scss/ui/Tag/styles/properties/small.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @mixin small() {
4
4
  // С учетом border
5
5
  padding: 2px 7px;
6
- @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: var(--golos));
6
+ @include fnt($size: 12, $line-height: 18, $weight: 500, $family: var(--golos));
7
7
 
8
8
  .main {
9
9
  gap: 4px;
package/dist/ts/src/ui/DateTimePicker/hooks/useDateTimePicker.d.ts CHANGED
@@ -25,7 +25,7 @@ export declare function useDateTimePicker<T extends DateType>(props: PropsType<T
25
25
  handleSubmit: () => void;
26
26
  setPickerType: React.Dispatch<React.SetStateAction<"time" | "date" | "month" | "year">>;
27
27
  getDate: () => React.ComponentProps<typeof DatePicker>["date"];
28
- onClickDate: (value: [] | [string | undefined] | [string | undefined, string | undefined]) => void;
28
+ onClickDate: (value: [] | [string | undefined, string | undefined] | [string | undefined]) => void;
29
29
  onYear: () => void;
30
30
  onMonth: () => void;
31
31
  getHourValue: () => React.ComponentProps<typeof TimePicker>["hour"];
package/dist/ts/src/ui/Tag/styles/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export { default as TagCheckboxStyle } from './TagCheckbox.module.scss';
2
2
  export { default as TagCountStyle } from './TagCount.module.scss';
3
3
  export { default as TagStyle } from './Tag.module.scss';
4
+ export { default as FilterTagStyle } from './FilterTag.module.scss';
package/dist/ts/src/ui/Tag/types/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export * from './TagTypes';
2
2
  export * from './TagCheckboxTypes';
3
- export * from './TagCountTypes';
package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { AsProps } from "../../../types";
3
+ type RefType<T extends React.ElementType> = React.ElementRef<T>;
4
+ type PropsType<T extends React.ElementType> = AsProps<T, {
5
+ size?: 'small' | 'large';
6
+ count?: React.ReactNode;
7
+ label?: React.ReactNode;
8
+ onClose?: () => void;
9
+ active?: boolean;
10
+ }>;
11
+ export declare const _FilterTag: <T extends React.ElementType = "button">(props: PropsType<T>, ref: RefType<T>) => JSX.Element;
12
+ export declare const FilterTag: <T extends React.ElementType = "button">(props: PropsType<T> & React.RefAttributes<RefType<T>>) => JSX.Element;
13
+ export {};
package/dist/ts/src/ui/Tag/ui/TagCount.d.ts CHANGED
@@ -1,2 +1,9 @@
1
- import { TagCountPropsType } from "../types";
2
- export declare function TagCount({ count, color, size }: TagCountPropsType): JSX.Element;
1
+ import React from "react";
2
+ import { AsProps } from "../../../types";
3
+ type PropsType<T extends React.ElementType> = AsProps<T, {
4
+ count?: React.ReactNode;
5
+ color?: 'gray' | 'color' | 'white';
6
+ size?: 'small' | 'medium' | 'large';
7
+ }>;
8
+ export declare function TagCount<T extends React.ElementType = 'span'>(props: PropsType<T>): JSX.Element;
9
+ export {};
package/dist/ts/src/ui/Tag/ui/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './Tag';
2
2
  export * from './TagCheckbox';
3
3
  export * from './TagCount';
4
+ export * from './FilterTag';
package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts CHANGED
@@ -28,7 +28,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
28
28
  canSearch: boolean;
29
29
  canPaginate: boolean;
30
30
  isLoading: boolean;
31
- fieldState: "search" | "view";
31
+ fieldState: "view" | "search";
32
32
  setIsFocus: React.Dispatch<React.SetStateAction<boolean>>;
33
33
  isShow: boolean;
34
34
  getIsShow: () => boolean;
@@ -40,19 +40,17 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
40
40
  modalRef: React.MutableRefObject<HTMLDivElement | null>;
41
41
  targetRef: React.MutableRefObject<HTMLDivElement | null>;
42
42
  otherProps: {
43
- id?: string | undefined | undefined;
44
43
  ref?: React.LegacyRef<HTMLDivElement> | undefined;
44
+ slot?: string | undefined | undefined;
45
+ style?: React.CSSProperties | undefined;
46
+ title?: string | undefined | undefined;
47
+ id?: string | undefined | undefined;
45
48
  color?: string | undefined | undefined;
46
49
  content?: string | undefined | undefined;
47
50
  translate?: "yes" | "no" | undefined | undefined;
48
51
  hidden?: boolean | undefined | undefined;
49
- slot?: string | undefined | undefined;
50
- style?: React.CSSProperties | undefined;
51
- title?: string | undefined | undefined;
52
52
  key?: React.Key | null | undefined;
53
- onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
54
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
55
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
53
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
56
54
  defaultChecked?: boolean | undefined | undefined;
57
55
  defaultValue?: string | number | readonly string[] | undefined;
58
56
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -163,7 +161,9 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
163
161
  onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
164
162
  onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
165
163
  onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
164
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
166
165
  onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
166
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
167
167
  onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
168
168
  onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
169
169
  onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -207,6 +207,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
207
207
  onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
208
208
  onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
209
209
  onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
210
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
210
211
  onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
211
212
  onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
212
213
  onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -224,7 +225,6 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
224
225
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
225
226
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
226
227
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
227
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
228
228
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
229
229
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
230
230
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare function useSelectFieldState(): {
2
- fieldState: "search" | "view";
2
+ fieldState: "view" | "search";
3
3
  setIsFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.1.114",
3
+ "version": "0.1.116",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/ts/src/index.d.ts",
6
6
  "style": "dist/index.css",
package/dist/ts/src/ui/Tag/types/TagCountTypes.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- export type TagCountPropsType = {
3
- count?: React.ReactNode;
4
- color?: 'gray' | 'color';
5
- size?: 'small' | 'medium' | 'large';
6
- };