indicator-ui 0.1.115 → 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 (16) hide show
  1. package/dist/index.css +77 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +125 -25
  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/Tag/styles/index.d.ts +1 -0
  9. package/dist/ts/src/ui/Tag/types/index.d.ts +0 -1
  10. package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts +13 -0
  11. package/dist/ts/src/ui/Tag/ui/TagCount.d.ts +9 -2
  12. package/dist/ts/src/ui/Tag/ui/index.d.ts +1 -0
  13. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +8 -8
  14. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts +1 -1
  15. package/package.json +1 -1
  16. 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/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,18 +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
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
53
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
54
52
  key?: React.Key | null | undefined;
53
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
55
54
  defaultChecked?: boolean | undefined | undefined;
56
55
  defaultValue?: string | number | readonly string[] | undefined;
57
56
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -162,7 +161,9 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
162
161
  onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
163
162
  onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
164
163
  onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
164
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
165
165
  onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
166
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
166
167
  onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
167
168
  onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
168
169
  onInvalidCapture?: React.FormEventHandler<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.115",
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
- };