indicator-ui 0.1.118 → 0.1.119

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 (27) hide show
  1. package/dist/index.css +142 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +382 -41
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/mixins/modify-svg.scss +5 -2
  6. package/dist/ts/src/test/pages/DropdownV2Page.d.ts +1 -0
  7. package/dist/ts/src/test/pages/index.d.ts +1 -0
  8. package/dist/ts/src/ui/DateTimePicker/hooks/useDateTimePicker.d.ts +1 -1
  9. package/dist/ts/src/ui/DropdownItem/types/DropdownItemTypes.d.ts +2 -1
  10. package/dist/ts/src/ui/DropdownV2/index.d.ts +1 -0
  11. package/dist/ts/src/ui/DropdownV2/styles/components/index.d.ts +2 -0
  12. package/dist/ts/src/ui/DropdownV2/styles/index.d.ts +3 -0
  13. package/dist/ts/src/ui/DropdownV2/ui/DropdownItemV2.d.ts +13 -0
  14. package/dist/ts/src/ui/DropdownV2/ui/DropdownV2.d.ts +10 -0
  15. package/dist/ts/src/ui/DropdownV2/ui/components/Check.d.ts +6 -0
  16. package/dist/ts/src/ui/DropdownV2/ui/components/Info.d.ts +10 -0
  17. package/dist/ts/src/ui/DropdownV2/ui/components/index.d.ts +2 -0
  18. package/dist/ts/src/ui/DropdownV2/ui/index.d.ts +2 -0
  19. package/dist/ts/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +3 -1
  20. package/dist/ts/src/ui/InputFields/FlexField/ui/FlexField.d.ts +1 -1
  21. package/dist/ts/src/ui/UserPick/index.d.ts +0 -1
  22. package/dist/ts/src/ui/UserPick/ui/UserPick.d.ts +18 -2
  23. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +1 -1
  24. package/dist/ts/src/ui/index.d.ts +1 -0
  25. package/package.json +1 -1
  26. package/dist/ts/src/ui/UserPick/types/UserPickTypes.d.ts +0 -17
  27. package/dist/ts/src/ui/UserPick/types/index.d.ts +0 -1
@@ -1,4 +1,4 @@
1
- @mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null) {
1
+ @mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
2
2
  & {
3
3
  * {
4
4
  @if ($stroke != null) {
@@ -12,6 +12,9 @@
12
12
  @if ($stroke-width != null) {
13
13
  stroke-width: $stroke-width;
14
14
  }
15
+ @if ($transition != null) {
16
+ transition: $transition;
17
+ }
15
18
  }
16
19
 
17
20
  & {
@@ -20,7 +23,7 @@
20
23
  }
21
24
  }
22
25
 
23
- @mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {
26
+ @mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
24
27
  & > svg {
25
28
  @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {
26
29
  @content;
@@ -0,0 +1 @@
1
+ export declare function DropdownV2Page(): JSX.Element;
@@ -27,3 +27,4 @@ export * from './FormPage';
27
27
  export * from './SelectFieldPage';
28
28
  export * from './BreadcrumbsPage';
29
29
  export * from './UseDragPage';
30
+ export * from './DropdownV2Page';
@@ -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"];
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
- import { UserPickUrlType } from "../../../ui";
2
+ import { UserPick } from "../../../ui";
3
+ type UserPickUrlType = React.ComponentProps<typeof UserPick>['url'];
3
4
  type AdditionElementPropsType = {
4
5
  isHover?: boolean;
5
6
  selected?: boolean;
@@ -0,0 +1 @@
1
+ export * from './ui';
@@ -0,0 +1,2 @@
1
+ export { default as InfoStyle } from './Info.module.scss';
2
+ export { default as CheckStyle } from './Check.module.scss';
@@ -0,0 +1,3 @@
1
+ export { default as DropdownV2Style } from './DropdownV2.module.scss';
2
+ export { default as DropdownItemV2Style } from './DropdownItemV2.module.scss';
3
+ export * from './components';
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { AsProps } from "../../../types";
3
+ type PropsType<T extends React.ElementType> = AsProps<T, {
4
+ selected?: boolean;
5
+ disabled?: boolean;
6
+ title?: React.ReactNode;
7
+ avatar?: string;
8
+ subtitle?: React.ReactNode;
9
+ icon?: React.ReactNode;
10
+ size?: 'small' | 'medium';
11
+ }>;
12
+ export declare function DropdownItemV2<T extends React.ElementType = 'li'>(props: PropsType<T>): JSX.Element;
13
+ export {};
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { Merge } from "../../../types";
3
+ import { DropdownItemV2 } from "./DropdownItemV2";
4
+ type ListItemType = React.ComponentProps<typeof DropdownItemV2>;
5
+ type ListType = ListItemType[];
6
+ type PropsType = Merge<React.ComponentProps<'ul'>, {
7
+ list?: ListType;
8
+ }>;
9
+ export declare const DropdownV2: React.ForwardRefExoticComponent<Omit<PropsType, "ref"> & React.RefAttributes<HTMLUListElement>>;
10
+ export {};
@@ -0,0 +1,6 @@
1
+ type PropsType = {
2
+ selected?: boolean;
3
+ disabled?: boolean;
4
+ };
5
+ export declare function Check(props: PropsType): JSX.Element;
6
+ export {};
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { DropdownItemV2 } from "../DropdownItemV2";
3
+ type PropsType = {
4
+ title?: React.ReactNode;
5
+ subtitle?: React.ReactNode;
6
+ disabled?: boolean;
7
+ size?: React.ComponentProps<typeof DropdownItemV2>['size'];
8
+ };
9
+ export declare function Info(props: PropsType): JSX.Element;
10
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './Check';
2
+ export * from './Info';
@@ -0,0 +1,2 @@
1
+ export * from './DropdownItemV2';
2
+ export * from './DropdownV2';
@@ -1,6 +1,7 @@
1
1
  import React, { ReactNode } from "react";
2
+ import { UserPick } from "../../../../ui";
2
3
  import { FieldsBasePropsType } from "../../FieldsBase";
3
- import { UserPickUrlType } from "../../../../ui";
4
+ type UserPickUrlType = React.ComponentProps<typeof UserPick>['url'];
4
5
  export type DisplayTypes = "small" | "large" | undefined;
5
6
  export type BlocksType = any;
6
7
  export type PatternType = any;
@@ -75,3 +76,4 @@ export type FlexFieldPropsType = FieldsBasePropsType<FlexFieldValueType> & {
75
76
  * */
76
77
  theme?: "dark" | "light" | undefined;
77
78
  };
79
+ export {};
@@ -13,7 +13,7 @@ export declare const FlexField: React.ForwardRefExoticComponent<import("../../..
13
13
  notInput?: boolean;
14
14
  icon?: React.ReactNode;
15
15
  textSupport?: boolean | string | React.ReactNode;
16
- userPic?: import("../../../../ui").UserPickUrlType | React.ReactNode | false;
16
+ userPic?: (string | null | undefined) | React.ReactNode | false;
17
17
  help?: boolean | React.ReactNode;
18
18
  dropdown?: boolean | React.ReactNode;
19
19
  onDropdownClick?: (e: any) => void;
@@ -1,2 +1 @@
1
1
  export * from './ui';
2
- export * from './types';
@@ -1,2 +1,18 @@
1
- import { UserPickPropsType } from "../types";
2
- export declare function UserPick({ size, url, additionStyles }: UserPickPropsType): JSX.Element;
1
+ export type PropsType = {
2
+ /**
3
+ * Ссылка на изображение.
4
+ *
5
+ * __Если не указано (```!!url === false```) появится заглушка.__
6
+ * */
7
+ url?: string | null;
8
+ /**
9
+ * Один из предоставленных размеров, либо кастомный,
10
+ * которому будет равна длинна и высота картинки.
11
+ * */
12
+ size?: '20' | '24' | '32' | '40' | '48' | '64' | '72' | '80' | '96' | '120' | '144' | '160' | number;
13
+ /** Дополнительные имена стилей */
14
+ additionStyles?: string | string[];
15
+ className?: string;
16
+ disabled?: boolean;
17
+ };
18
+ export declare function UserPick(props: PropsType): JSX.Element;
@@ -40,6 +40,7 @@ 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;
43
44
  ref?: React.LegacyRef<HTMLDivElement> | undefined;
44
45
  color?: string | undefined | undefined;
45
46
  content?: string | undefined | undefined;
@@ -48,7 +49,6 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
48
49
  slot?: string | undefined | undefined;
49
50
  style?: React.CSSProperties | undefined;
50
51
  title?: string | undefined | undefined;
51
- id?: string | undefined | undefined;
52
52
  onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
53
53
  onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
54
54
  key?: React.Key | null | undefined;
@@ -27,3 +27,4 @@ export * from './Tooltip';
27
27
  export * from './Dropdown';
28
28
  export * from './formFields';
29
29
  export * from './Breadcrumbs';
30
+ export * from './DropdownV2';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.1.118",
3
+ "version": "0.1.119",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/ts/src/index.d.ts",
6
6
  "style": "dist/index.css",
@@ -1,17 +0,0 @@
1
- /**
2
- * Один из предоставленных размеров, либо кастомный,
3
- * которому будет равна длинна и высота картинки.
4
- * */
5
- export type UserPickSizeType = '20' | '24' | '32' | '40' | '48' | '64' | '72' | '80' | '96' | '120' | '144' | '160' | number;
6
- /**
7
- * Ссылка на изображение.
8
- *
9
- * __Если не указано (```!!url === false```) появится заглушка.__
10
- * */
11
- export type UserPickUrlType = string | undefined | null;
12
- export type UserPickPropsType = {
13
- url?: UserPickUrlType;
14
- size?: UserPickSizeType;
15
- /** Дополнительные имена стилей */
16
- additionStyles?: string | string[];
17
- };
@@ -1 +0,0 @@
1
- export * from './UserPickTypes';