@ssa-ui-kit/widgets 0.0.9-alpha → 0.0.10-alpha

package/.babelrc.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const rootBabelConfig = require('../../.babelrc.js');
-
-module.exports = rootBabelConfig;
+/* eslint-disable @typescript-eslint/no-var-requires */
+const rootBabelConfig = require('../../.babelrc.js');
+
+module.exports = rootBabelConfig;

package/.env

@@ -1,7 +1,7 @@
-# Firebase config
-FIREBASE_API_KEY="AIzaSyBpxjXhYb6nPzEzUypSNkcwAMrSKV54AX4" # cspell:disable-line
-FIREBASE_AUTH_DOMAIN="admin-themes.firebaseapp.com" # cspell:disable-line 
-FIREBASE_PROJECT_ID="admin-themes"
-FIREBASE_STORAGE_BUCKET="admin-themes.appspot.com" # cspell:disable-line
-FIREBASE_MESSAGING_SENDERID="933790824158"
-FIREBASE_APP_ID="1:933790824158:web:53aa34d56f9b895182f44f"
+# Firebase config
+FIREBASE_API_KEY="AIzaSyBpxjXhYb6nPzEzUypSNkcwAMrSKV54AX4" # cspell:disable-line
+FIREBASE_AUTH_DOMAIN="admin-themes.firebaseapp.com" # cspell:disable-line 
+FIREBASE_PROJECT_ID="admin-themes"
+FIREBASE_STORAGE_BUCKET="admin-themes.appspot.com" # cspell:disable-line
+FIREBASE_MESSAGING_SENDERID="933790824158"
+FIREBASE_APP_ID="1:933790824158:web:53aa34d56f9b895182f44f"

package/.storybook/main.ts

@@ -1,42 +1,42 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import initWebpackConfig from '../webpack.config';
-appWebpackConfig = initWebpackConfig();
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-mdx-gfm', // cspell:disable-line
-  ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript', // cspell:disable-line
-    // cspell:disable-next-line
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-    },
-  },
-  webpackFinal: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...appWebpackConfig.resolve.alias,
-    };
-
-    return config;
-  },
-  docs: {
-    autodocs: true, // cspell:disable-line
-  },
-};
-
-export default config;
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import initWebpackConfig from '../webpack.config';
+appWebpackConfig = initWebpackConfig();
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm', // cspell:disable-line
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript', // cspell:disable-line
+    // cspell:disable-next-line
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    },
+  },
+  webpackFinal: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...appWebpackConfig.resolve.alias,
+    };
+
+    return config;
+  },
+  docs: {
+    autodocs: true, // cspell:disable-line
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -1,21 +1,21 @@
-import '@storybook/react-webpack5';
-
-import { ThemeProvider } from '@emotion/react';
-import { mainTheme } from '@ssa-ui-kit/core';
-
-import './style.css';
-
-const preview = {
-  parameters: {
-    controls: { expanded: true, hideNoControlsWarning: true },
-  },
-  decorators: [
-    (Story) => (
-      <ThemeProvider theme={mainTheme}>
-        <Story />
-      </ThemeProvider>
-    ),
-  ],
-};
-
-export default preview;
+import '@storybook/react-webpack5';
+
+import { ThemeProvider } from '@emotion/react';
+import { mainTheme } from '@ssa-ui-kit/core';
+
+import './style.css';
+
+const preview = {
+  parameters: {
+    controls: { expanded: true, hideNoControlsWarning: true },
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={mainTheme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+};
+
+export default preview;

package/.storybook/style.css

@@ -1,31 +1,31 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
-
-* {
-  outline: none;
-
-  box-sizing: border-box;
-  font-family: 'Manrope', sans-serif;
-
-  color: #2b2d31;
-}
-
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 0;
-  padding: 0;
-}
-
-.token.plain-text,
-.language-jsx span {
-  color: white;
-}
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
+* {
+  outline: none;
+
+  box-sizing: border-box;
+  font-family: 'Manrope', sans-serif;
+
+  color: #2b2d31;
+}
+
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+.token.plain-text,
+.language-jsx span {
+  color: white;
+}

package/customTest.tsx

@@ -1,35 +1,35 @@
-import React, { ReactElement } from 'react';
-import { Theme } from '@ssa-ui-kit/core';
-import { ThemeProvider } from '@emotion/react';
-import '@testing-library/dom';
-import { render, RenderOptions } from '@testing-library/react';
-
-const AllTheProviders = ({
-  children,
-  theme,
-}: {
-  children: React.ReactNode;
-  theme: Theme;
-}) => {
-  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-};
-
-const customRender = (
-  theme: Theme,
-  ui: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-) =>
-  render(ui, {
-    wrapper: ({ children }) => (
-      <AllTheProviders theme={theme}>{children}</AllTheProviders>
-    ),
-    ...options,
-  });
-
-export const initRender = (theme: Theme) => {
-  return customRender.bind(null, theme);
-};
-
-export * from '@testing-library/react';
-
-export { customRender as render };
+import React, { ReactElement } from 'react';
+import { Theme } from '@ssa-ui-kit/core';
+import { ThemeProvider } from '@emotion/react';
+import '@testing-library/dom';
+import { render, RenderOptions } from '@testing-library/react';
+
+const AllTheProviders = ({
+  children,
+  theme,
+}: {
+  children: React.ReactNode;
+  theme: Theme;
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+const customRender = (
+  theme: Theme,
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) =>
+  render(ui, {
+    wrapper: ({ children }) => (
+      <AllTheProviders theme={theme}>{children}</AllTheProviders>
+    ),
+    ...options,
+  });
+
+export const initRender = (theme: Theme) => {
+  return customRender.bind(null, theme);
+};
+
+export * from '@testing-library/react';
+
+export { customRender as render };

package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts

@@ -1,6 +1,5 @@
 import { CollapsibleNavBarExtendedProps } from './types';
 /**
  * UI Component that shows the collapsible navigation bar
- *
  */
 export declare const CollapsibleNavBar: ({ items, renderLogo, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarLink.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
-declare const CollapsibleNavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
+declare const CollapsibleNavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
-    active?: boolean | undefined;
-} & {
-    active?: boolean | undefined;
 }, {}, {}>;
 export default CollapsibleNavBarLink;

package/dist/components/CollapsibleNavBar/CollapsibleNavContentToggle.d.ts

@@ -1,3 +1,4 @@
-export declare const NavContentToggle: ({ id }: {
+export declare const NavContentToggle: ({ id, isChecked, }: {
     id: string;
+    isChecked: boolean;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/CollapsibleNavToggle.d.ts

@@ -1,2 +1,4 @@
-declare const CollapsibleNavToggle: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const CollapsibleNavToggle: ({ id }: {
+    id: string;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default CollapsibleNavToggle;

package/dist/components/CollapsibleNavBar/NavBarAccordionContent.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RenderContentProps } from '@ssa-ui-kit/core';
-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"> & {
+export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, isPopover, ...rest }: Pick<import("@ssa-ui-kit/core").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
     isOpened?: boolean | undefined;
     as?: import("react").ElementType<any> | undefined;
     className?: string | undefined;
@@ -11,6 +11,5 @@ export declare const NavBarAccordionContent: ({ items, accordionUniqueName, pref
     }>;
     accordionUniqueName: string;
     prefix?: string | undefined;
-    pathname: string;
     isPopover?: boolean | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithSubMenu.d.ts

@@ -1,5 +1,4 @@
 import { CollapsibleNavBarGroup } from './types';
-export declare const NavBarItemWithSubMenu: ({ item, pathname, }: {
+export declare const NavBarItemWithSubMenu: ({ item, }: {
     item: CollapsibleNavBarGroup;
-    pathname: string;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.d.ts

@@ -1,6 +1,5 @@
 import CollapsibleNavBarItem from './CollapsibleNavBarItem';
 import * as T from './types';
-export declare const NavBarItemWithoutSubMenu: ({ item, pathname, }: {
+export declare const NavBarItemWithoutSubMenu: ({ item, }: {
     item: T.CollapsibleNavBarItem;
-    pathname: string;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/styles.d.ts

@@ -5,6 +5,5 @@ export declare const AccordionTitleWrapper: (theme: Theme) => import("@emotion/r
 export declare const AccordionTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const AccordionContent: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const AccordionContentPopover: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const IconWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const LogoWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const ContentToggle: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/CollapsibleNavBar/types.d.ts

@@ -3,7 +3,7 @@ import { NavBarExtendedGroup, NavBarExtendedItem } from '../..';
 export interface CollapsibleNavBarItem extends NavBarExtendedItem {
     iconSize: number;
 }
-export interface CollapsibleNavBarGroup extends NavBarExtendedGroup {
+export interface CollapsibleNavBarGroup extends Required<NavBarExtendedGroup> {
     iconSize: number;
 }
 export interface CollapsibleNavBarExtendedProps {

package/dist/components/NavBar/NavBar.d.ts

@@ -1,6 +1,5 @@
 import { INavBarProps } from './types';
 /**
- *
  * UI Component that shows the navigation bar
  */
 export declare const NavBar: ({ items }: INavBarProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/NavBar/NavBarLink.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-declare const NavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
+declare const NavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
-    active?: boolean | undefined;
 }, {}, {}>;
 export default NavBarLink;