@ssa-ui-kit/core 0.0.25-alpha → 0.0.27-alpha
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.
- package/dist/components/AccordionGroup/AccordionContext.d.ts +3 -3
- package/dist/components/AccordionGroup/types.d.ts +1 -1
- package/dist/components/Badge/helpers.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/ButtonText.d.ts +6 -6
- package/dist/components/Button/fixtures.d.ts +6 -6
- package/dist/components/Button/helpers.d.ts +2 -2
- package/dist/components/Button/types.d.ts +5 -5
- package/dist/components/Checkbox/Checkbox.d.ts +2 -2
- package/dist/components/Checkbox/CheckboxBase.d.ts +2 -2
- package/dist/components/Checkbox/types.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts +3 -3
- package/dist/components/Dropdown/types.d.ts +3 -3
- package/dist/components/DropdownOption/DropdownOption.d.ts +2 -2
- package/dist/components/DropdownOptions/DropdownOptions.d.ts +2 -2
- package/dist/components/DropdownOptions/index.d.ts +1 -1
- package/dist/components/DropdownOptions/types.d.ts +2 -2
- package/dist/components/DropdownToggle/DropdownToggle.d.ts +3 -3
- package/dist/components/DropdownToggle/types.d.ts +1 -1
- package/dist/components/FormCheckbox/FormCheckbox.d.ts +2 -2
- package/dist/components/FormCheckbox/types.d.ts +2 -2
- package/dist/components/FormHelperText/FormHelperText.d.ts +2 -2
- package/dist/components/FormHelperText/types.d.ts +1 -1
- package/dist/components/FormRadioGroup/FormRadioGroup.d.ts +2 -2
- package/dist/components/FormRadioGroup/types.d.ts +2 -2
- package/dist/components/Icon/types.d.ts +2 -2
- package/dist/components/LargeTab/LargeTab.d.ts +2 -2
- package/dist/components/LargeTab/LargeTabBase.d.ts +2 -2
- package/dist/components/MultipleDropdown/MultipleDropdown.context.d.ts +3 -3
- package/dist/components/MultipleDropdown/MultipleDropdown.d.ts +3 -3
- package/dist/components/MultipleDropdown/types.d.ts +3 -3
- package/dist/components/MultipleDropdown/utils.d.ts +2 -2
- package/dist/components/MultipleDropdownOptions/MultipleDropdownOptions.d.ts +2 -2
- package/dist/components/MultipleDropdownOptions/index.d.ts +1 -1
- package/dist/components/MultipleDropdownOptions/types.d.ts +2 -2
- package/dist/components/Popover/PopoverTrigger.d.ts +2 -2
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/components/Radio/types.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/dist/components/RadioGroup/types.d.ts +3 -3
- package/dist/components/ResponsiveImage/ResponsiveImage.d.ts +2 -2
- package/dist/components/ResponsiveImage/types.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +2 -2
- package/dist/components/Switch/SwitchContext.d.ts +3 -3
- package/dist/components/Switch/types.d.ts +1 -1
- package/dist/components/Tab/Tab.d.ts +2 -2
- package/dist/components/Tab/TabBase.d.ts +2 -2
- package/dist/components/TabBar/TabBar.d.ts +2 -2
- package/dist/components/TabBar/TabBarContext.d.ts +4 -4
- package/dist/components/TabBar/stories/helpers.d.ts +2 -2
- package/dist/components/TabBar/types.d.ts +9 -11
- package/dist/components/Tooltip/ProgressChartTooltip.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip/types.d.ts +11 -11
- package/dist/components/Tooltip/utils.d.ts +2 -2
- package/dist/components/TooltipContent/TooltipContent.d.ts +2 -2
- package/dist/components/TooltipTrigger/TooltipTrigger.d.ts +2 -2
- package/dist/components/WithVisibleLG/WithVisibleLG.d.ts +10 -0
- package/dist/components/WithVisibleLG/index.d.ts +1 -0
- package/dist/components/WithVisibleMD/WithVisibleMD.d.ts +6 -0
- package/dist/components/WithVisibleMD/index.d.ts +1 -0
- package/dist/components/WithVisibleSM/WithVisibleSM.d.ts +6 -0
- package/dist/components/WithVisibleSM/index.d.ts +1 -0
- package/dist/components/WithVisibleUpToLG/WithVisibleUpToLG.d.ts +6 -0
- package/dist/components/WithVisibleUpToLG/index.d.ts +1 -0
- package/dist/components/index.d.ts +5 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/AccordionGroup/AccordionContext.tsx +4 -4
- package/src/components/AccordionGroup/types.ts +1 -1
- package/src/components/Badge/helpers.ts +18 -16
- package/src/components/Button/Button.spec.tsx +8 -8
- package/src/components/Button/Button.tsx +3 -3
- package/src/components/Button/ButtonText.tsx +6 -6
- package/src/components/Button/fixtures.ts +14 -14
- package/src/components/Button/helpers.ts +2 -2
- package/src/components/Button/types.ts +5 -5
- package/src/components/Checkbox/Checkbox.spec.tsx +2 -2
- package/src/components/Checkbox/Checkbox.stories.tsx +2 -2
- package/src/components/Checkbox/Checkbox.tsx +2 -2
- package/src/components/Checkbox/CheckboxBase.tsx +2 -2
- package/src/components/Checkbox/types.ts +2 -2
- package/src/components/Dropdown/Dropdown.stories.tsx +3 -3
- package/src/components/Dropdown/Dropdown.tsx +4 -4
- package/src/components/Dropdown/types.ts +4 -3
- package/src/components/DropdownOption/DropdownOption.tsx +2 -2
- package/src/components/DropdownOptions/DropdownOptions.tsx +2 -2
- package/src/components/DropdownOptions/index.ts +1 -1
- package/src/components/DropdownOptions/types.ts +2 -2
- package/src/components/DropdownToggle/DropdownToggle.tsx +3 -3
- package/src/components/DropdownToggle/types.ts +1 -1
- package/src/components/FormCheckbox/FormCheckbox.tsx +2 -2
- package/src/components/FormCheckbox/types.ts +3 -3
- package/src/components/FormHelperText/FormHelperText.tsx +2 -2
- package/src/components/FormHelperText/types.ts +1 -1
- package/src/components/FormRadioGroup/FormRadioGroup.stories.tsx +2 -2
- package/src/components/FormRadioGroup/FormRadioGroup.tsx +2 -2
- package/src/components/FormRadioGroup/types.ts +3 -3
- package/src/components/Icon/Icons.spec.tsx +6 -6
- package/src/components/Icon/icons/index.tsx +3 -3
- package/src/components/Icon/types.ts +2 -2
- package/src/components/LargeTab/LargeTab.tsx +2 -2
- package/src/components/LargeTab/LargeTabBase.tsx +2 -2
- package/src/components/MultipleDropdown/MultipleDropdown.context.ts +3 -3
- package/src/components/MultipleDropdown/MultipleDropdown.tsx +7 -7
- package/src/components/MultipleDropdown/types.ts +3 -3
- package/src/components/MultipleDropdown/utils.ts +2 -2
- package/src/components/MultipleDropdownOptions/MultipleDropdownOptions.tsx +2 -2
- package/src/components/MultipleDropdownOptions/index.ts +1 -1
- package/src/components/MultipleDropdownOptions/types.ts +2 -2
- package/src/components/Popover/PopoverTrigger.tsx +3 -3
- package/src/components/Radio/Radio.tsx +2 -2
- package/src/components/Radio/types.ts +1 -1
- package/src/components/RadioGroup/RadioGroup.tsx +2 -2
- package/src/components/RadioGroup/types.ts +3 -3
- package/src/components/ResponsiveImage/ResponsiveImage.tsx +2 -2
- package/src/components/ResponsiveImage/types.ts +1 -1
- package/src/components/Switch/Switch.tsx +2 -2
- package/src/components/Switch/SwitchContext.tsx +2 -2
- package/src/components/Switch/types.ts +1 -1
- package/src/components/Tab/Tab.tsx +2 -2
- package/src/components/Tab/TabBase.tsx +2 -3
- package/src/components/TabBar/TabBar.spec.tsx +5 -5
- package/src/components/TabBar/TabBar.tsx +2 -2
- package/src/components/TabBar/TabBarContext.tsx +6 -6
- package/src/components/TabBar/stories/helpers.tsx +4 -4
- package/src/components/TabBar/types.ts +9 -12
- package/src/components/Tooltip/ProgressChartTooltip.tsx +2 -2
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Tooltip/types.ts +11 -11
- package/src/components/Tooltip/utils.tsx +2 -2
- package/src/components/TooltipContent/TooltipContent.tsx +2 -2
- package/src/components/TooltipTrigger/TooltipTrigger.tsx +2 -2
- package/src/components/WithVisibleLG/WithVisibleLG.spec.tsx +27 -0
- package/src/components/WithVisibleLG/WithVisibleLG.tsx +22 -0
- package/src/components/WithVisibleLG/index.ts +1 -0
- package/src/components/WithVisibleMD/WithVisibleMD.spec.tsx +27 -0
- package/src/components/WithVisibleMD/WithVisibleMD.tsx +23 -0
- package/src/components/WithVisibleMD/index.ts +1 -0
- package/src/components/WithVisibleSM/WithVisibleSM.spec.tsx +27 -0
- package/src/components/WithVisibleSM/WithVisibleSM.tsx +22 -0
- package/src/components/WithVisibleSM/index.ts +1 -0
- package/src/components/WithVisibleUpToLG/WithVisibleUpToLG.spec.tsx +27 -0
- package/src/components/WithVisibleUpToLG/WithVisibleUpToLG.tsx +24 -0
- package/src/components/WithVisibleUpToLG/index.ts +1 -0
- package/src/components/index.ts +5 -1
- package/tsbuildcache +1 -1
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CommonProps } from '../../types/emotion';
|
|
3
|
-
export interface
|
|
3
|
+
export interface TabProps extends CommonProps {
|
|
4
4
|
tabId: number | string;
|
|
5
5
|
renderContent: (tab?: {
|
|
6
6
|
tabId: number | string;
|
|
7
7
|
[prop: string | number | symbol]: unknown;
|
|
8
8
|
}, arg?: unknown) => React.ReactNode;
|
|
9
|
-
[prop: string | number | symbol]: unknown;
|
|
10
|
-
}
|
|
11
|
-
export interface ITabProps extends ITab {
|
|
12
9
|
isActive?: boolean;
|
|
13
10
|
onClick?: () => void;
|
|
14
11
|
ariaControls?: string;
|
|
12
|
+
[prop: string | number | symbol]: unknown;
|
|
15
13
|
}
|
|
16
|
-
export interface
|
|
14
|
+
export interface SmallTabProps extends TabProps {
|
|
17
15
|
text: string;
|
|
18
16
|
}
|
|
19
|
-
export interface
|
|
17
|
+
export interface LargeTabProps extends TabProps {
|
|
20
18
|
topText: string;
|
|
21
19
|
bottomText: string;
|
|
22
20
|
}
|
|
23
|
-
export interface
|
|
24
|
-
children: React.ReactElement<React.PropsWithChildren<
|
|
21
|
+
export interface TabBarProps {
|
|
22
|
+
children: React.ReactElement<React.PropsWithChildren<TabProps>>[];
|
|
25
23
|
}
|
|
26
|
-
export interface
|
|
27
|
-
activeTab?:
|
|
28
|
-
setActiveTab: (tab?:
|
|
24
|
+
export interface TabBarContextProps {
|
|
25
|
+
activeTab?: TabProps;
|
|
26
|
+
setActiveTab: (tab?: TabProps) => void;
|
|
29
27
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ProgressChartTooltip: ({ caption, value, valueFormatted, iconName, barProps, }:
|
|
1
|
+
import { ProgressChartTooltipProps } from './types';
|
|
2
|
+
export declare const ProgressChartTooltip: ({ caption, value, valueFormatted, iconName, barProps, }: ProgressChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const Tooltip: ({ children, ...props }:
|
|
1
|
+
import { TooltipProps } from './types';
|
|
2
|
+
declare const Tooltip: ({ children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Tooltip;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { useInteractions, FloatingArrow, Placement, UseFloatingReturn } from '@floating-ui/react';
|
|
3
3
|
import { PointTooltipProps, Point } from '@nivo/line';
|
|
4
|
-
import {
|
|
4
|
+
import { MapIconsType } from '../Icon/types';
|
|
5
5
|
import { ProgressBarProps } from '../ProgressBar/types';
|
|
6
6
|
import { SerializedStyles } from '@emotion/react';
|
|
7
7
|
import { CommonProps } from '../../types/emotion';
|
|
8
8
|
export type TooltipSize = 'small' | 'medium' | 'large';
|
|
9
|
-
export interface
|
|
9
|
+
export interface TooltipProps extends CommonProps {
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
placement?: Placement;
|
|
12
12
|
enableHover?: boolean;
|
|
@@ -17,41 +17,41 @@ export interface ITooltipProps extends CommonProps {
|
|
|
17
17
|
arrowProps?: TooltipArrowProps;
|
|
18
18
|
isOpen?: boolean;
|
|
19
19
|
}
|
|
20
|
-
export type UseTooltipArgs = Omit<
|
|
20
|
+
export type UseTooltipArgs = Omit<TooltipProps, 'children'>;
|
|
21
21
|
type UseInteractions = ReturnType<typeof useInteractions>;
|
|
22
22
|
interface MutableRefObject<T> {
|
|
23
23
|
current: T;
|
|
24
24
|
}
|
|
25
|
-
export type UseTooltip = (props: UseTooltipArgs) => Pick<
|
|
25
|
+
export type UseTooltip = (props: UseTooltipArgs) => Pick<TooltipProps, 'size' | 'hasArrow' | 'arrowProps'> & {
|
|
26
26
|
arrowRef: MutableRefObject<null>;
|
|
27
27
|
isOpen: boolean;
|
|
28
28
|
} & UseFloatingReturn & UseInteractions;
|
|
29
29
|
export type TooltipContextType = (UseFloatingReturn & ReturnType<typeof useInteractions> & {
|
|
30
30
|
isOpen: boolean;
|
|
31
31
|
arrowRef: React.Ref<SVGSVGElement>;
|
|
32
|
-
} & Pick<
|
|
32
|
+
} & Pick<TooltipProps, 'size' | 'hasArrow' | 'arrowProps'>) | null;
|
|
33
33
|
export type TooltipArrowProps = Omit<React.ComponentProps<typeof FloatingArrow>, 'context'>;
|
|
34
|
-
export interface
|
|
34
|
+
export interface TooltipContentProps {
|
|
35
35
|
children: React.ReactNode;
|
|
36
36
|
className?: string;
|
|
37
37
|
style?: React.CSSProperties;
|
|
38
38
|
}
|
|
39
|
-
export interface
|
|
39
|
+
export interface TooltipContentSizes {
|
|
40
40
|
small: SerializedStyles;
|
|
41
41
|
medium: SerializedStyles;
|
|
42
42
|
large: SerializedStyles;
|
|
43
43
|
}
|
|
44
|
-
export interface
|
|
44
|
+
export interface TooltipTriggerProps {
|
|
45
45
|
children: React.ReactNode;
|
|
46
46
|
}
|
|
47
|
-
export type SimpleChartTooltipProps = (PointTooltipProps & Pick<
|
|
47
|
+
export type SimpleChartTooltipProps = (PointTooltipProps & Pick<TooltipProps, 'size'> & {
|
|
48
48
|
renderValue?: (data: Point['data']) => React.ReactNode;
|
|
49
49
|
});
|
|
50
|
-
export interface
|
|
50
|
+
export interface ProgressChartTooltipProps {
|
|
51
51
|
caption: string;
|
|
52
52
|
value: number;
|
|
53
53
|
valueFormatted: string;
|
|
54
|
-
iconName?: keyof
|
|
54
|
+
iconName?: keyof MapIconsType;
|
|
55
55
|
barProps?: Partial<Omit<ProgressBarProps, 'currentValue'>>;
|
|
56
56
|
}
|
|
57
57
|
export type UseTooltipContext = () => NonNullable<TooltipContextType>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const mapSizes:
|
|
1
|
+
import { TooltipContentSizes } from './types';
|
|
2
|
+
export declare const mapSizes: TooltipContentSizes;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
declare const TooltipContent: import("react").ForwardRefExoticComponent<
|
|
2
|
+
import { TooltipContentProps } from '../Tooltip/types';
|
|
3
|
+
declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
4
|
export default TooltipContent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
declare const TooltipTrigger: ({ children }:
|
|
2
|
+
import { TooltipTriggerProps } from '../Tooltip/types';
|
|
3
|
+
declare const TooltipTrigger: ({ children }: TooltipTriggerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
4
4
|
export default TooltipTrigger;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const VisibleLG: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const WithVisibleLG: <T extends object>(Component: import("react").ComponentType<T>, rest?: Parameters<typeof VisibleLG>[0]) => {
|
|
7
|
+
(props: T): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './WithVisibleLG';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SerializedStyles } from '@emotion/react';
|
|
3
|
+
export declare const WithVisibleMD: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
|
|
4
|
+
(props: T): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './WithVisibleMD';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SerializedStyles } from '@emotion/react';
|
|
3
|
+
export declare const WithVisibleSM: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
|
|
4
|
+
(props: T): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './WithVisibleSM';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SerializedStyles } from '@emotion/react';
|
|
3
|
+
export declare const WithVisibleUpToLG: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
|
|
4
|
+
(props: T): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './WithVisibleUpToLG';
|
|
@@ -17,7 +17,7 @@ export { default as DropdownBase } from './DropdownBase';
|
|
|
17
17
|
export { default as DropdownOption } from './DropdownOption';
|
|
18
18
|
export { default as DropdownOptions } from './DropdownOptions';
|
|
19
19
|
export { default as DropdownToggle } from './DropdownToggle';
|
|
20
|
-
export type {
|
|
20
|
+
export type { DropdownOptionProps } from './DropdownOptions';
|
|
21
21
|
export { default as Icon } from './Icon';
|
|
22
22
|
export * from './Icon';
|
|
23
23
|
export * from './Icon/types';
|
|
@@ -80,3 +80,7 @@ export { default as FormHelperText } from './FormHelperText';
|
|
|
80
80
|
export { default as Indicator } from './Indicator';
|
|
81
81
|
export * from './ButtonGroup';
|
|
82
82
|
export { default as Link } from './Link';
|
|
83
|
+
export * from './WithVisibleLG';
|
|
84
|
+
export * from './WithVisibleMD';
|
|
85
|
+
export * from './WithVisibleSM';
|
|
86
|
+
export * from './WithVisibleUpToLG';
|