@ssa-ui-kit/widgets 0.0.1-alpha → 0.0.2-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/CollapsibleNavBar/CollapsibleNavBar.d.ts +6 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarBase.d.ts +8 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarItem.d.ts +8 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarLink.d.ts +9 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarList.d.ts +8 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavBarWrapper.d.ts +8 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavContentToggle.d.ts +3 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavToggle.d.ts +2 -0
- package/dist/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.d.ts +8 -0
- package/dist/components/CollapsibleNavBar/NavBarAccordionContent.d.ts +16 -0
- package/dist/components/CollapsibleNavBar/NavBarItemWithSubMenu.d.ts +5 -0
- package/dist/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.d.ts +6 -0
- package/dist/components/CollapsibleNavBar/NavBarPopover.d.ts +6 -0
- package/dist/components/CollapsibleNavBar/TriggerIcon.d.ts +6 -0
- package/dist/components/CollapsibleNavBar/index.d.ts +2 -0
- package/dist/components/CollapsibleNavBar/stories/Logo.d.ts +1 -0
- package/dist/components/CollapsibleNavBar/stories/StoryComponent.d.ts +2 -0
- package/dist/components/CollapsibleNavBar/stories/consts.d.ts +2 -0
- package/dist/components/CollapsibleNavBar/stories/styles.d.ts +2 -0
- package/dist/components/CollapsibleNavBar/styles.d.ts +10 -0
- package/dist/components/CollapsibleNavBar/types.d.ts +12 -0
- package/dist/components/NavBar/types.d.ts +17 -0
- package/dist/components/TableFilters/TableFiltersAccordion.d.ts +1 -1
- package/dist/components/TableFilters/TableFiltersAccordionContent.d.ts +2 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/CollapsibleNavBar/CollapsibleNavBar.e2e.ts +115 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBar.spec.tsx +54 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBar.tsx +55 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBarBase.ts +122 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBarItem.ts +28 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBarLink.ts +34 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBarList.ts +18 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavBarWrapper.ts +23 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx +24 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx +52 -0
- package/src/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.ts +16 -0
- package/src/components/CollapsibleNavBar/NavBarAccordionContent.tsx +33 -0
- package/src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx +84 -0
- package/src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx +39 -0
- package/src/components/CollapsibleNavBar/NavBarPopover.tsx +123 -0
- package/src/components/CollapsibleNavBar/TriggerIcon.tsx +35 -0
- package/src/components/CollapsibleNavBar/index.ts +2 -0
- package/src/components/CollapsibleNavBar/stories/CollapsibleNavBar.stories.tsx +57 -0
- package/src/components/CollapsibleNavBar/stories/Logo.tsx +12 -0
- package/src/components/CollapsibleNavBar/stories/StoryComponent.tsx +20 -0
- package/src/components/CollapsibleNavBar/stories/consts.ts +22 -0
- package/src/components/CollapsibleNavBar/stories/styles.ts +21 -0
- package/src/components/CollapsibleNavBar/styles.ts +119 -0
- package/src/components/CollapsibleNavBar/types.ts +14 -0
- package/src/components/ExchangeAccount/styles.ts +2 -2
- package/src/components/ExchangeAccountKeys/styles.ts +1 -0
- package/src/components/NavBar/NavBarBase.ts +2 -5
- package/src/components/NavBar/NavBarWrapper.ts +2 -2
- package/src/components/NavBar/types.ts +17 -0
- package/src/components/TableFilters/TableFiltersAccordion.tsx +1 -2
- package/src/components/TableFilters/TableFiltersAccordionContent.tsx +1 -2
- package/src/index.ts +3 -0
- package/tsbuildcache +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CollapsibleNavBarExtendedProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* UI Component that shows the collapsible navigation bar
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
export declare const CollapsibleNavBar: ({ items, renderLogo, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavBarBase: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export default CollapsibleNavBarBase;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavBarItem: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export default CollapsibleNavBarItem;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
} & {
|
|
5
|
+
active?: boolean | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
active?: boolean | undefined;
|
|
8
|
+
}, {}, {}>;
|
|
9
|
+
export default CollapsibleNavBarLink;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavBarList: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export default CollapsibleNavBarList;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavBarWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export default CollapsibleNavBarWrapper;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const CollapsibleNavToggleWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
}, {}, {}>;
|
|
8
|
+
export default CollapsibleNavToggleWrapper;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RenderContentProps } from '@ssa-ui-kit/core';
|
|
3
|
+
export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, pathname, isPopover, ...rest }: Pick<import("@ssa-ui-kit/core").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
|
|
4
|
+
isOpened?: boolean | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
} & {
|
|
8
|
+
items: Array<{
|
|
9
|
+
path: string;
|
|
10
|
+
title: string;
|
|
11
|
+
}>;
|
|
12
|
+
accordionUniqueName: string;
|
|
13
|
+
prefix?: string | undefined;
|
|
14
|
+
pathname: string;
|
|
15
|
+
isPopover?: boolean | undefined;
|
|
16
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import CollapsibleNavBarItem from './CollapsibleNavBarItem';
|
|
2
|
+
import * as T from './types';
|
|
3
|
+
export declare const NavBarItemWithoutSubMenu: ({ item, pathname, }: {
|
|
4
|
+
item: T.CollapsibleNavBarItem;
|
|
5
|
+
pathname: string;
|
|
6
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CollapsibleNavBarPopover: ({ triggerIcon, title, content, }: {
|
|
3
|
+
triggerIcon: React.ReactElement;
|
|
4
|
+
title: string;
|
|
5
|
+
content?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
6
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IMapIcons } from '@ssa-ui-kit/core';
|
|
2
|
+
export declare const TriggerIcon: ({ iconName, iconSize, className, }: {
|
|
3
|
+
iconName: keyof IMapIcons;
|
|
4
|
+
iconSize?: number | undefined;
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Logo: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const SVGHoverShadow: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
3
|
+
export declare const SVGMainStyle: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
4
|
+
export declare const AccordionTitleWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
5
|
+
export declare const AccordionTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
6
|
+
export declare const AccordionContent: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
7
|
+
export declare const AccordionContentPopover: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
8
|
+
export declare const IconWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
9
|
+
export declare const LogoWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
10
|
+
export declare const ContentToggle: (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NavBarExtendedGroup, NavBarExtendedItem } from '../..';
|
|
3
|
+
export interface CollapsibleNavBarItem extends NavBarExtendedItem {
|
|
4
|
+
iconSize: number;
|
|
5
|
+
}
|
|
6
|
+
export interface CollapsibleNavBarGroup extends NavBarExtendedGroup {
|
|
7
|
+
iconSize: number;
|
|
8
|
+
}
|
|
9
|
+
export interface CollapsibleNavBarExtendedProps {
|
|
10
|
+
items: Array<CollapsibleNavBarItem | CollapsibleNavBarGroup>;
|
|
11
|
+
renderLogo: React.ReactElement;
|
|
12
|
+
}
|
|
@@ -5,3 +5,20 @@ export interface INavBarProps {
|
|
|
5
5
|
iconName: keyof IMapIcons;
|
|
6
6
|
}>;
|
|
7
7
|
}
|
|
8
|
+
export type NavBarExtendedItem = {
|
|
9
|
+
path: string;
|
|
10
|
+
iconName: keyof IMapIcons;
|
|
11
|
+
title: string;
|
|
12
|
+
};
|
|
13
|
+
export type NavBarExtendedGroup = {
|
|
14
|
+
prefix?: string;
|
|
15
|
+
iconName: keyof IMapIcons;
|
|
16
|
+
title: string;
|
|
17
|
+
items: Array<{
|
|
18
|
+
path: string;
|
|
19
|
+
title: string;
|
|
20
|
+
}>;
|
|
21
|
+
};
|
|
22
|
+
export interface INavBarExtendedProps {
|
|
23
|
+
items: Array<NavBarExtendedItem | NavBarExtendedGroup>;
|
|
24
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { AccordionViewProps } from '@ssa-ui-kit/core
|
|
1
|
+
import { AccordionViewProps } from '@ssa-ui-kit/core';
|
|
2
2
|
export declare const TableFiltersAccordion: (props: AccordionViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RenderContentProps } from '@ssa-ui-kit/core
|
|
3
|
-
export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("@ssa-ui-kit/core
|
|
2
|
+
import { RenderContentProps } from '@ssa-ui-kit/core';
|
|
3
|
+
export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("@ssa-ui-kit/core").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
|
|
4
4
|
isOpened?: boolean | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
className?: string | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -44,4 +44,7 @@ export * from './components/AddNewAccountCard';
|
|
|
44
44
|
export * from './components/PieChart';
|
|
45
45
|
export * from './components/AccountBalance';
|
|
46
46
|
export * from './components/ExchangeAccount';
|
|
47
|
+
export * from './components/CollapsibleNavBar';
|
|
47
48
|
export * from './components/ExchangeAccountKeys';
|
|
49
|
+
export * from './components/Filters';
|
|
50
|
+
export * from './components/TableFilters';
|