@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.
Files changed (61) hide show
  1. package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts +6 -0
  2. package/dist/components/CollapsibleNavBar/CollapsibleNavBarBase.d.ts +8 -0
  3. package/dist/components/CollapsibleNavBar/CollapsibleNavBarItem.d.ts +8 -0
  4. package/dist/components/CollapsibleNavBar/CollapsibleNavBarLink.d.ts +9 -0
  5. package/dist/components/CollapsibleNavBar/CollapsibleNavBarList.d.ts +8 -0
  6. package/dist/components/CollapsibleNavBar/CollapsibleNavBarWrapper.d.ts +8 -0
  7. package/dist/components/CollapsibleNavBar/CollapsibleNavContentToggle.d.ts +3 -0
  8. package/dist/components/CollapsibleNavBar/CollapsibleNavToggle.d.ts +2 -0
  9. package/dist/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.d.ts +8 -0
  10. package/dist/components/CollapsibleNavBar/NavBarAccordionContent.d.ts +16 -0
  11. package/dist/components/CollapsibleNavBar/NavBarItemWithSubMenu.d.ts +5 -0
  12. package/dist/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.d.ts +6 -0
  13. package/dist/components/CollapsibleNavBar/NavBarPopover.d.ts +6 -0
  14. package/dist/components/CollapsibleNavBar/TriggerIcon.d.ts +6 -0
  15. package/dist/components/CollapsibleNavBar/index.d.ts +2 -0
  16. package/dist/components/CollapsibleNavBar/stories/Logo.d.ts +1 -0
  17. package/dist/components/CollapsibleNavBar/stories/StoryComponent.d.ts +2 -0
  18. package/dist/components/CollapsibleNavBar/stories/consts.d.ts +2 -0
  19. package/dist/components/CollapsibleNavBar/stories/styles.d.ts +2 -0
  20. package/dist/components/CollapsibleNavBar/styles.d.ts +10 -0
  21. package/dist/components/CollapsibleNavBar/types.d.ts +12 -0
  22. package/dist/components/NavBar/types.d.ts +17 -0
  23. package/dist/components/TableFilters/TableFiltersAccordion.d.ts +1 -1
  24. package/dist/components/TableFilters/TableFiltersAccordionContent.d.ts +2 -2
  25. package/dist/index.d.ts +3 -0
  26. package/dist/index.js +1 -1
  27. package/dist/index.js.map +1 -1
  28. package/package.json +4 -4
  29. package/src/components/CollapsibleNavBar/CollapsibleNavBar.e2e.ts +115 -0
  30. package/src/components/CollapsibleNavBar/CollapsibleNavBar.spec.tsx +54 -0
  31. package/src/components/CollapsibleNavBar/CollapsibleNavBar.tsx +55 -0
  32. package/src/components/CollapsibleNavBar/CollapsibleNavBarBase.ts +122 -0
  33. package/src/components/CollapsibleNavBar/CollapsibleNavBarItem.ts +28 -0
  34. package/src/components/CollapsibleNavBar/CollapsibleNavBarLink.ts +34 -0
  35. package/src/components/CollapsibleNavBar/CollapsibleNavBarList.ts +18 -0
  36. package/src/components/CollapsibleNavBar/CollapsibleNavBarWrapper.ts +23 -0
  37. package/src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx +24 -0
  38. package/src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx +52 -0
  39. package/src/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.ts +16 -0
  40. package/src/components/CollapsibleNavBar/NavBarAccordionContent.tsx +33 -0
  41. package/src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx +84 -0
  42. package/src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx +39 -0
  43. package/src/components/CollapsibleNavBar/NavBarPopover.tsx +123 -0
  44. package/src/components/CollapsibleNavBar/TriggerIcon.tsx +35 -0
  45. package/src/components/CollapsibleNavBar/index.ts +2 -0
  46. package/src/components/CollapsibleNavBar/stories/CollapsibleNavBar.stories.tsx +57 -0
  47. package/src/components/CollapsibleNavBar/stories/Logo.tsx +12 -0
  48. package/src/components/CollapsibleNavBar/stories/StoryComponent.tsx +20 -0
  49. package/src/components/CollapsibleNavBar/stories/consts.ts +22 -0
  50. package/src/components/CollapsibleNavBar/stories/styles.ts +21 -0
  51. package/src/components/CollapsibleNavBar/styles.ts +119 -0
  52. package/src/components/CollapsibleNavBar/types.ts +14 -0
  53. package/src/components/ExchangeAccount/styles.ts +2 -2
  54. package/src/components/ExchangeAccountKeys/styles.ts +1 -0
  55. package/src/components/NavBar/NavBarBase.ts +2 -5
  56. package/src/components/NavBar/NavBarWrapper.ts +2 -2
  57. package/src/components/NavBar/types.ts +17 -0
  58. package/src/components/TableFilters/TableFiltersAccordion.tsx +1 -2
  59. package/src/components/TableFilters/TableFiltersAccordionContent.tsx +1 -2
  60. package/src/index.ts +3 -0
  61. 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,3 @@
1
+ export declare const NavContentToggle: ({ id }: {
2
+ id: string;
3
+ }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -0,0 +1,2 @@
1
+ declare const CollapsibleNavToggle: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
2
+ export default CollapsibleNavToggle;
@@ -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,5 @@
1
+ import { CollapsibleNavBarGroup } from './types';
2
+ export declare const NavBarItemWithSubMenu: ({ item, pathname, }: {
3
+ item: CollapsibleNavBarGroup;
4
+ pathname: string;
5
+ }) => 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,2 @@
1
+ export { CollapsibleNavBar } from './CollapsibleNavBar';
2
+ export type * from './types';
@@ -0,0 +1 @@
1
+ export declare const Logo: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -0,0 +1,2 @@
1
+ import { CollapsibleNavBar } from '../CollapsibleNavBar';
2
+ export declare const StoryComponent: ({ items, }: Parameters<typeof CollapsibleNavBar>[0]) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -0,0 +1,2 @@
1
+ import { CollapsibleNavBarExtendedProps } from '../types';
2
+ export declare const ITEMS: CollapsibleNavBarExtendedProps['items'];
@@ -0,0 +1,2 @@
1
+ import { Theme } from '@emotion/react';
2
+ export declare const ResponsiveLogo: (theme: Theme) => import("@emotion/react").SerializedStyles;
@@ -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/src/components/AccordionGroup/types';
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/src/components/AccordionGroup/types';
3
- export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("@ssa-ui-kit/core/src/components/AccordionGroup/types").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
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';