@ssa-ui-kit/templates 2.31.0 → 2.32.0-canary-b64be64-20251219

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 (28) hide show
  1. package/dist/{991.index.js → 358.index.js} +7 -7
  2. package/dist/358.index.js.map +1 -0
  3. package/dist/{211.index.js → 809.index.js} +23699 -22664
  4. package/dist/809.index.js.map +1 -0
  5. package/dist/index.js +83 -83
  6. package/dist/index.js.map +1 -1
  7. package/dist/projects/fintech/components/ConfirmationModal/types.d.ts +2 -2
  8. package/dist/projects/fintech/components/CryptocurrencyPrices/styles.d.ts +0 -5
  9. package/dist/projects/fintech/components/PlotTooltip/hooks/usePlotTooltip.d.ts +2 -2
  10. package/dist/projects/fintech/components/WidgetInfoLabel/types.d.ts +3 -3
  11. package/dist/projects/fintech/components/WithWidgetLoader/WithWidgetLoader.d.ts +1 -1
  12. package/dist/projects/fintech/contexts/GraphsContext/types.d.ts +2 -2
  13. package/dist/projects/fintech/contexts/HeaderContext/types.d.ts +4 -4
  14. package/dist/projects/fintech/modals/types.d.ts +2 -2
  15. package/dist/projects/fintech/pages/AppLayout/types.d.ts +1 -1
  16. package/dist/projects/fintech/pages/BotsPage/BotsPage.d.ts +1 -4
  17. package/dist/projects/fintech/pages/Dashboard/components/PeriodFilter/PeriodButtonGroup.d.ts +3 -8
  18. package/dist/projects/fintech/pages/Dashboard/components/TopMenuWrapper/TopMenuWrapper.d.ts +0 -1
  19. package/dist/projects/fintech/pages/NotificationsPage/NotificationsPage.d.ts +2 -4
  20. package/dist/projects/fitness/pages/Template/Default.d.ts +2 -1
  21. package/dist/projects/hr/components/AppLayout/types.d.ts +1 -1
  22. package/dist/projects/hr/components/Events/components/EventInfoContext.d.ts +3 -3
  23. package/dist/projects/hr/components/Events/components/WithEventLink.d.ts +1 -1
  24. package/dist/projects/hr/components/WithWidgetLoader/WithWidgetLoader.d.ts +1 -1
  25. package/dist/projects/hr/contexts/Header/types.d.ts +2 -2
  26. package/package.json +34 -33
  27. package/dist/211.index.js.map +0 -1
  28. package/dist/991.index.js.map +0 -1
package/dist/projects/fintech/components/ConfirmationModal/types.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export interface ConfirmationModalProps {
2
- trigger?: JSX.Element;
2
+ trigger?: React.JSX.Element;
3
3
  isOpen?: boolean;
4
4
  title: React.ReactNode;
5
- content: JSX.Element | string;
5
+ content: React.JSX.Element | string;
6
6
  isDismissButton?: boolean;
7
7
  confirmationBtnText: string;
8
8
  cancelBtnText?: string;
package/dist/projects/fintech/components/CryptocurrencyPrices/styles.d.ts CHANGED
@@ -2,7 +2,6 @@ export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
2
2
  theme?: import("@emotion/react").Theme;
3
3
  as?: React.ElementType;
4
4
  } & {
5
- avatarSize?: number;
6
5
  direction?: string;
7
6
  alignItems?: string;
8
7
  fade?: boolean;
@@ -16,7 +15,6 @@ export declare const ItemsWrapper: import("@emotion/styled").StyledComponent<{
16
15
  theme?: import("@emotion/react").Theme;
17
16
  as?: React.ElementType;
18
17
  } & {
19
- avatarSize?: number;
20
18
  direction?: string;
21
19
  alignItems?: string;
22
20
  fade?: boolean;
@@ -29,7 +27,6 @@ export declare const WeightedItemsWrapper: import("@emotion/styled").StyledCompo
29
27
  theme?: import("@emotion/react").Theme;
30
28
  as?: React.ElementType;
31
29
  } & {
32
- avatarSize?: number;
33
30
  direction?: string;
34
31
  alignItems?: string;
35
32
  fade?: boolean;
@@ -42,7 +39,6 @@ export declare const Instrument: import("@emotion/styled").StyledComponent<{
42
39
  theme?: import("@emotion/react").Theme;
43
40
  as?: React.ElementType;
44
41
  } & {
45
- avatarSize?: number;
46
42
  direction?: string;
47
43
  alignItems?: string;
48
44
  fade?: boolean;
@@ -57,7 +53,6 @@ export declare const Price: import("@emotion/styled").StyledComponent<{
57
53
  theme?: import("@emotion/react").Theme;
58
54
  as?: React.ElementType;
59
55
  } & {
60
- avatarSize?: number;
61
56
  direction?: string;
62
57
  alignItems?: string;
63
58
  fade?: boolean;
package/dist/projects/fintech/components/PlotTooltip/hooks/usePlotTooltip.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { PlotTooltipState } from '../types';
2
2
  export declare const usePlotTooltip: () => {
3
3
  tooltipProps: PlotTooltipState;
4
- tooltipRef: import("react").RefObject<HTMLDivElement>;
5
- containerRef: import("react").RefObject<HTMLDivElement>;
4
+ tooltipRef: import("react").RefObject<HTMLDivElement | null>;
5
+ containerRef: import("react").RefObject<HTMLDivElement | null>;
6
6
  showTooltip: (x: number, y: number) => void;
7
7
  hideTooltip: (fixed?: boolean) => void;
8
8
  pinTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
package/dist/projects/fintech/components/WidgetInfoLabel/types.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { Interpolation, Theme } from '@emotion/react';
2
2
  export interface WidgetInfoLabelProps {
3
- title: JSX.Element | string;
4
- value: JSX.Element | string | number;
5
- currency?: JSX.Element | string;
3
+ title: React.JSX.Element | string;
4
+ value: React.JSX.Element | string | number;
5
+ currency?: React.JSX.Element | string;
6
6
  className?: string;
7
7
  isIncreasing?: boolean | null;
8
8
  titleCSS?: Interpolation<Theme>;
package/dist/projects/fintech/components/WithWidgetLoader/WithWidgetLoader.d.ts CHANGED
@@ -3,4 +3,4 @@ export declare const WithWidgetLoader: ({ children, className, title, isFetching
3
3
  className?: string;
4
4
  title: string;
5
5
  isFetching: boolean;
6
- }) => string | number | boolean | Iterable<import("react").ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
6
+ }) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
package/dist/projects/fintech/contexts/GraphsContext/types.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { MutableRefObject } from 'react';
1
+ import { RefObject } from 'react';
2
2
  import { GraphsListItem } from '../../types';
3
3
  export interface GraphsContextValue {
4
4
  marginRight: number;
5
5
  marginLeft: number;
6
- tooltipRef: MutableRefObject<HTMLDivElement | null>;
6
+ tooltipRef: RefObject<HTMLDivElement | null>;
7
7
  calculateMargins: (data: GraphsListItem[]) => void;
8
8
  updateRightMargin: (newRightMargin: number) => void;
9
9
  updateLeftMargin: (newLeftMargin: number) => void;
package/dist/projects/fintech/contexts/HeaderContext/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export type HeaderContentRef = Element | DocumentFragment;
2
2
  export interface HeaderContextContent {
3
- headerContentRef: React.RefObject<HeaderContentRef>;
4
- breadcrumbContentRef: React.RefObject<HeaderContentRef>;
5
- renderHeaderContent: (content: JSX.Element | null) => React.ReactPortal | null;
6
- renderBreadcrumbContent: (content: JSX.Element | null) => React.ReactPortal | null;
3
+ headerContentRef: React.RefObject<HeaderContentRef | null>;
4
+ breadcrumbContentRef: React.RefObject<HeaderContentRef | null>;
5
+ renderHeaderContent: (content: React.JSX.Element | null) => React.ReactPortal | null;
6
+ renderBreadcrumbContent: (content: React.JSX.Element | null) => React.ReactPortal | null;
7
7
  }
package/dist/projects/fintech/modals/types.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { CONFIRMATION_MODAL } from './constants';
2
2
  export interface ModalInformation {
3
3
  id: typeof CONFIRMATION_MODAL;
4
- trigger?: JSX.Element;
4
+ trigger?: React.JSX.Element;
5
5
  title: React.ReactNode;
6
- content: string | JSX.Element;
6
+ content: string | React.JSX.Element;
7
7
  isDismissButton?: boolean;
8
8
  confirmationBtnText: string;
9
9
  onClose?: () => void;
package/dist/projects/fintech/pages/AppLayout/types.d.ts CHANGED
@@ -3,5 +3,5 @@ export type AppLayoutContextType = {
3
3
  isNavBarOpened: boolean;
4
4
  isFullscreenMode: boolean;
5
5
  setFullscreenMode: (isFullscreenMode: boolean) => void;
6
- mainRef: RefObject<HTMLElement> | null;
6
+ mainRef: RefObject<HTMLElement | null> | null;
7
7
  };
package/dist/projects/fintech/pages/BotsPage/BotsPage.d.ts CHANGED
@@ -1,4 +1 @@
1
- export declare const BotsPage: {
2
- (props: object): import("@emotion/react/jsx-runtime").JSX.Element;
3
- displayName: string;
4
- };
1
+ export declare const BotsPage: import("react").ComponentType<object>;
package/dist/projects/fintech/pages/Dashboard/components/PeriodFilter/PeriodButtonGroup.d.ts CHANGED
@@ -1,10 +1,5 @@
1
+ import { ComponentType } from 'react';
1
2
  import { ButtonGroupProps } from '@ssa-ui-kit/core';
2
3
  export declare const PeriodButtonGroup: ({ buttonStyles, ...props }: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
- export declare const ButtonGroupSM: {
4
- (props: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
5
- displayName: string;
6
- };
7
- export declare const ButtonGroupMD: {
8
- (props: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
- displayName: string;
10
- };
4
+ export declare const ButtonGroupSM: ComponentType<ButtonGroupProps>;
5
+ export declare const ButtonGroupMD: ComponentType<ButtonGroupProps>;
package/dist/projects/fintech/pages/Dashboard/components/TopMenuWrapper/TopMenuWrapper.d.ts CHANGED
@@ -2,7 +2,6 @@ export declare const TopMenuWrapper: import("@emotion/styled").StyledComponent<{
2
2
  theme?: import("@emotion/react").Theme;
3
3
  as?: React.ElementType;
4
4
  } & {
5
- avatarSize?: number;
6
5
  direction?: string;
7
6
  alignItems?: string;
8
7
  fade?: boolean;
package/dist/projects/fintech/pages/NotificationsPage/NotificationsPage.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- export declare const NotificationsPage: {
2
- (props: object): import("@emotion/react/jsx-runtime").JSX.Element;
3
- displayName: string;
4
- };
1
+ import React from 'react';
2
+ export declare const NotificationsPage: React.ComponentType<object>;
package/dist/projects/fitness/pages/Template/Default.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import React from 'react';
1
2
  declare const Default: {
2
- (Component: JSX.ElementType): (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ (Component: React.ComponentType<any>): (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
3
4
  displayName: string;
4
5
  };
5
6
  export default Default;
package/dist/projects/hr/components/AppLayout/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Dispatch, RefObject, SetStateAction } from 'react';
2
2
  export type AppLayoutContextType = {
3
3
  isFullscreenMode: boolean;
4
4
  isNavBarOpened: boolean;
5
- mainRef: RefObject<HTMLElement> | null;
5
+ mainRef: RefObject<HTMLElement | null> | null;
6
6
  setFullscreenMode: Dispatch<SetStateAction<boolean>>;
7
7
  setNavBarOpened: Dispatch<SetStateAction<boolean>>;
8
8
  };
package/dist/projects/hr/components/Events/components/EventInfoContext.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { MutableRefObject, ReactNode } from 'react';
1
+ import { RefObject, ReactNode } from 'react';
2
2
  import { EventItemInfo } from '../../../types';
3
3
  export type EventInfoContextType = {
4
- firstEventCellRef: MutableRefObject<HTMLTableCellElement | null>;
5
- photoCellRef: MutableRefObject<HTMLTableCellElement | null>;
4
+ firstEventCellRef: RefObject<HTMLTableCellElement | null>;
5
+ photoCellRef: RefObject<HTMLTableCellElement | null>;
6
6
  popoverOffsetLeft: number;
7
7
  dateColumnWidth: number;
8
8
  items: EventItemInfo[];
package/dist/projects/hr/components/Events/components/WithEventLink.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { WithLink } from '@ssa-ui-kit/core';
2
- export declare const WithEventLink: ({ children, className, link, onClick, }: Parameters<typeof WithLink>[0]) => string | number | boolean | Iterable<import("react").ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
2
+ export declare const WithEventLink: ({ children, className, link, onClick, }: Parameters<typeof WithLink>[0]) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
package/dist/projects/hr/components/WithWidgetLoader/WithWidgetLoader.d.ts CHANGED
@@ -3,4 +3,4 @@ export declare const WithWidgetLoader: ({ children, className, title, isFetching
3
3
  className?: string;
4
4
  title: string;
5
5
  isFetching: boolean;
6
- }) => string | number | boolean | Iterable<import("react").ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
6
+ }) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
package/dist/projects/hr/contexts/Header/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export type HeaderContentRef = Element | DocumentFragment;
2
2
  export interface HeaderContextContent {
3
- headerContentRef: React.RefObject<HeaderContentRef>;
4
- renderHeaderContent: (content: JSX.Element | null) => React.ReactPortal | null;
3
+ headerContentRef: React.RefObject<HeaderContentRef | null>;
4
+ renderHeaderContent: (content: React.JSX.Element | null) => React.ReactPortal | null;
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssa-ui-kit/templates",
3
- "version": "2.31.0",
3
+ "version": "2.32.0-canary-b64be64-20251219",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "private": false,
@@ -23,34 +23,35 @@
23
23
  ],
24
24
  "dependencies": {
25
25
  "@floating-ui/react": "0.27.4",
26
- "@nivo/line": "^0.88.0",
27
- "dompurify": "^3.2.4",
28
- "dotenv": "^16.0.3",
29
- "js-cookie": "^3.0.5",
30
- "loose-envify": "^1.4.0",
31
- "luxon": "^3.5.0",
32
- "plotly.js": "^3.0.0",
33
- "react-plotly.js": "^2.6.0",
34
- "react-toastify": "^11.0.3",
35
- "usehooks-ts": "^3.1.0",
36
- "@ssa-ui-kit/core": "^2.31.0",
37
- "@ssa-ui-kit/hooks": "^2.31.0",
38
- "@ssa-ui-kit/utils": "^2.31.0",
39
- "@ssa-ui-kit/widgets": "^2.31.0"
26
+ "@nivo/line": "0.99.0",
27
+ "dompurify": "3.2.4",
28
+ "dotenv": "16.0.3",
29
+ "js-cookie": "3.0.5",
30
+ "loose-envify": "1.4.0",
31
+ "luxon": "3.5.0",
32
+ "plotly.js": "3.0.0",
33
+ "react-plotly.js": "2.6.0",
34
+ "react-toastify": "11.0.3",
35
+ "usehooks-ts": "3.1.1",
36
+ "@ssa-ui-kit/core": "^2.32.0-canary-b64be64-20251219",
37
+ "@ssa-ui-kit/hooks": "^2.32.0-canary-b64be64-20251219",
38
+ "@ssa-ui-kit/utils": "^2.32.0-canary-b64be64-20251219",
39
+ "@ssa-ui-kit/widgets": "^2.32.0-canary-b64be64-20251219"
40
40
  },
41
41
  "devDependencies": {
42
- "@emotion/css": "^11.13.5",
43
- "@emotion/jest": "^11.13.0",
44
- "@emotion/react": "^11.14.0",
45
- "@emotion/styled": "^11.14.0",
46
- "@nivo/colors": "^0.88.0",
47
- "@nivo/core": "^0.88.0",
48
- "@nivo/pie": "^0.88.0",
49
- "@nivo/scales": "^0.88.0",
50
- "@playwright/test": "^1.48.0",
51
- "@types/js-cookie": "^3.0.6",
52
- "@types/luxon": "^3.4.2",
53
- "@types/react-plotly.js": "^2.6.3"
42
+ "@emotion/css": "11.13.5",
43
+ "@emotion/jest": "11.14.2",
44
+ "@emotion/react": "11.14.0",
45
+ "@emotion/styled": "11.14.0",
46
+ "@nivo/colors": "0.99.0",
47
+ "@nivo/core": "0.99.0",
48
+ "@nivo/pie": "0.99.0",
49
+ "@nivo/scales": "0.99.0",
50
+ "@playwright/test": "1.57.0",
51
+ "@types/js-cookie": "3.0.6",
52
+ "@types/luxon": "3.4.2",
53
+ "@types/react-plotly.js": "2.6.3",
54
+ "process": "0.11.10"
54
55
  },
55
56
  "browserslist": [
56
57
  ">0.1%",
@@ -61,12 +62,12 @@
61
62
  "@emotion/css": "^11.13.5",
62
63
  "@emotion/react": "^11.14.0",
63
64
  "@emotion/styled": "^11.14.0",
64
- "@nivo/colors": "^0.88.0",
65
- "@nivo/core": "^0.88.0",
66
- "@nivo/pie": "^0.88.0",
67
- "@nivo/scales": "^0.88.0",
68
- "react": "18.x",
69
- "react-dom": "18.x",
65
+ "@nivo/colors": "^0.99.0",
66
+ "@nivo/core": "^0.99.0",
67
+ "@nivo/pie": "^0.99.0",
68
+ "@nivo/scales": "^0.99.0",
69
+ "react": "18.x || 19.x",
70
+ "react-dom": "18.x || 19.x",
70
71
  "react-hook-form": "^7.46.1",
71
72
  "react-router-dom": "6.x || 7.x"
72
73
  },