@ssa-ui-kit/core 2.6.0 → 2.7.0

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CustomIconSVGProps extends React.SVGProps<SVGSVGElement> {
+    className?: string;
+}
+export declare const CollapsibleNavBarCustomIconSVG: ({ className, css, children, ...rest }: CustomIconSVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+type ContextType = {
+    isActive: boolean;
+    isHover: boolean;
+};
+export declare const CollapsibleNavBarItemContext: import("react").Context<ContextType>;
+export declare const CollapsibleNavBarItemProvider: ({ children, isActive, isHover, }: {
+    children: React.ReactNode;
+} & ContextType) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useCollapsibleNavBarItemContext: () => ContextType;
+export {};

package/dist/components/CollapsibleNavBar/{CollapsibleNavBarBase.d.ts → components/CollapsibleNavBarBase.d.ts}

@@ -1,6 +1,6 @@
 import { Theme } from '@emotion/react';
-import { CollapsibleNavBarExtendedProps } from './types';
-declare const CollapsibleNavBarBase: import("@emotion/styled").StyledComponent<{
+import { CollapsibleNavBarExtendedProps } from '../types';
+export declare const CollapsibleNavBarBase: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
@@ -8,4 +8,3 @@ declare const CollapsibleNavBarBase: import("@emotion/styled").StyledComponent<{
 } & {
     'data-theme': CollapsibleNavBarExtendedProps["theme"];
 }, {}, {}>;
-export default CollapsibleNavBarBase;

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

@@ -0,0 +1,7 @@
+import { CollapsibleNavBarExtendedProps } from '../types';
+export declare const CollapsibleNavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    navbartheme: CollapsibleNavBarExtendedProps["theme"];
+    "data-customicon"?: boolean;
+}, {}, {}>;

package/dist/components/CollapsibleNavBar/{CollapsibleNavBarList.d.ts → components/CollapsibleNavBarList.d.ts}

@@ -1,5 +1,5 @@
-import { CollapsibleNavBarExtendedProps } from './types';
-declare const CollapsibleNavBarList: import("@emotion/styled").StyledComponent<{
+import { CollapsibleNavBarExtendedProps } from '../types';
+export declare const CollapsibleNavBarList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
@@ -7,4 +7,3 @@ declare const CollapsibleNavBarList: import("@emotion/styled").StyledComponent<{
 } & {
     navBarTheme?: CollapsibleNavBarExtendedProps["theme"];
 }, {}, {}>;
-export default CollapsibleNavBarList;

package/dist/components/CollapsibleNavBar/{CollapsibleNavBarWrapper.d.ts → components/CollapsibleNavBarWrapper.d.ts}

@@ -1,5 +1,5 @@
-import { CollapsibleNavBarExtendedProps } from './types';
-declare const CollapsibleNavBarWrapper: import("@emotion/styled").StyledComponent<{
+import { CollapsibleNavBarExtendedProps } from '../types';
+export declare const CollapsibleNavBarWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -7,4 +7,3 @@ declare const CollapsibleNavBarWrapper: import("@emotion/styled").StyledComponen
 } & {
     navBarTheme?: CollapsibleNavBarExtendedProps["theme"];
 }, {}, {}>;
-export default CollapsibleNavBarWrapper;

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

@@ -0,0 +1,3 @@
+export declare const CollapsibleNavToggle: ({ id }: {
+    id: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CollapsibleNavBar/{CollapsibleNavToggleWrapper.d.ts → components/CollapsibleNavToggleWrapper.d.ts}

@@ -1,7 +1,6 @@
-declare const CollapsibleNavToggleWrapper: import("@emotion/styled").StyledComponent<{
+export declare const CollapsibleNavToggleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export default CollapsibleNavToggleWrapper;

package/dist/components/CollapsibleNavBar/{NavBarAccordionContent.d.ts → components/ItemWithSubmenu/AccordionContent.d.ts}

@@ -1,4 +1,4 @@
-import { RenderContentProps } from '../AccordionGroup';
+import { RenderContentProps } from '../../../AccordionGroup';
 export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, isPopover, onClick, ...rest }: RenderContentProps & {
     items: Array<{
         path: string;

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

@@ -0,0 +1,8 @@
+export declare const NavBarAccordionContentItem: ({ prefix, subMenuItem, onClick, }: {
+    prefix?: string;
+    subMenuItem: {
+        path: string;
+        title: string;
+    };
+    onClick?: () => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CollapsibleNavBar/{CollapsibleNavBarItem.d.ts → components/ItemWithSubmenu/CollapsibleNavBarItem.d.ts}

@@ -1,7 +1,6 @@
-declare const CollapsibleNavBarItem: import("@emotion/styled").StyledComponent<{
+export declare const CollapsibleNavBarItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export default CollapsibleNavBarItem;

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

@@ -0,0 +1,9 @@
+import { PathPattern } from 'react-router-dom';
+import { AccordionProps } from '../../../AccordionGroup';
+import { CollapsibleNavBarGroup } from '../../types';
+export declare const ItemAccordionTitle: ({ data, item, accordionUniqueName, useMatchPattern, }: {
+    data: Parameters<AccordionProps["renderTitle"]>[0];
+    item: CollapsibleNavBarGroup;
+    accordionUniqueName: string;
+    useMatchPattern?: (prefix: string) => string | PathPattern<string>;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CollapsibleNavBar/{NavBarItemWithSubMenu.d.ts → components/ItemWithSubmenu/ItemWithSubMenu.d.ts}

@@ -1,6 +1,6 @@
 import { PathPattern } from 'react-router-dom';
-import { CollapsibleNavBarGroup } from './types';
-export declare const NavBarItemWithSubMenu: ({ item, useMatchPattern, onClick, }: {
+import { CollapsibleNavBarGroup } from '../../types';
+export declare const Item: ({ item, useMatchPattern, onClick, }: {
     item: CollapsibleNavBarGroup;
     useMatchPattern?: (prefix: string) => string | PathPattern<string>;
     onClick?: () => void;

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

@@ -0,0 +1,5 @@
+export * from './ItemWithSubMenu';
+export * from './ItemAccordionTitle';
+export * from './AccordionContent';
+export * from './AccordionContentItem';
+export * from './CollapsibleNavBarItem';

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

@@ -0,0 +1,6 @@
+import { Theme } from '@emotion/react';
+import { CollapsibleNavBarExtendedProps } from '../../types';
+export declare const AccordionTitleWrapper: (navBarTheme: CollapsibleNavBarExtendedProps["theme"]) => (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const AccordionTitle: (navBarTheme: CollapsibleNavBarExtendedProps["theme"]) => (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;

package/dist/components/CollapsibleNavBar/{NavBarItemWithoutSubMenu.d.ts → components/ItemWithoutSubmenu/ItemWithoutSubMenu.d.ts}

@@ -1,5 +1,5 @@
-import * as T from './types';
-export declare const NavBarItemWithoutSubMenu: ({ item, onClick, }: {
+import * as T from '../../types';
+export declare const Item: ({ item, onClick, }: {
     item: T.CollapsibleNavBarItem;
     onClick?: () => void;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './ItemWithoutSubMenu';

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

@@ -0,0 +1,8 @@
+import { CollapsibleNavBarExtendedProps } from '../types';
+type NavBarItemProps = {
+    item: CollapsibleNavBarExtendedProps['items'][0];
+    useMatchPattern?: CollapsibleNavBarExtendedProps['useMatchPattern'];
+    onClick: () => void;
+};
+export declare const NavBarItem: ({ item, useMatchPattern, onClick, }: NavBarItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CollapsibleNavBar/{TriggerIcon.d.ts → components/TriggerIcon.d.ts}

@@ -1,4 +1,4 @@
-import type { MapIconsType, SVGProps } from '../Icon/types';
+import type { MapIconsType, SVGProps } from '../../Icon/types';
 export declare const TriggerIcon: ({ iconName, iconSize, className, CustomIcon, }: {
     iconName: keyof MapIconsType;
     iconSize?: number;

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

@@ -0,0 +1,12 @@
+export * as ItemWithSubMenu from './ItemWithSubmenu';
+export * as ItemWithoutSubmenu from './ItemWithoutSubmenu';
+export * from './CollapsibleNavBarBase';
+export * from './CollapsibleNavBarLink';
+export * from './CollapsibleNavBarList';
+export * from './CollapsibleNavBarWrapper';
+export * from './CollapsibleNavContentToggle';
+export * from './CollapsibleNavToggle';
+export * from './CollapsibleNavToggleWrapper';
+export * from './NavBarItem';
+export * from './NavBarPopover';
+export * from './TriggerIcon';

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

@@ -1,3 +1,5 @@
 export { CollapsibleNavBar } from './CollapsibleNavBar';
 export * from './CollapsibleNavBarContext';
+export * from './CollapsibleNavBarItemContext';
+export * from './CollapsibleNavBarCustomIconSVG';
 export type * from './types';

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

@@ -1 +1,2 @@
 export declare const CustomIcon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CustomIconWithOwnLogic: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,4 @@
 import { Theme } from '@emotion/react';
 import { CollapsibleNavBarExtendedProps } from './types';
-export declare const AccordionTitleWrapper: (navBarTheme: CollapsibleNavBarExtendedProps["theme"]) => (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const AccordionTitle: (navBarTheme: CollapsibleNavBarExtendedProps["theme"]) => (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 LogoWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const ContentToggle: (navBarTheme: CollapsibleNavBarExtendedProps["theme"], isChecked: boolean) => (theme: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -5,8 +5,11 @@ export interface NavBarProps {
         iconName: keyof MapIconsType;
     }>;
 }
+export type CustomIconProps = (props: {
+    className?: string;
+}) => JSX.Element;
 export type NavBarExtendedItem = {
-    CustomIcon?: () => JSX.Element;
+    CustomIcon?: CustomIconProps;
     path: string;
     iconName: keyof MapIconsType;
     title: string;
@@ -16,7 +19,7 @@ export type NavBarExtendedSubItem<T extends object = object> = {
     title: string;
 } & T;
 export interface NavBarExtendedGroup<T extends NavBarExtendedSubItem = NavBarExtendedSubItem> {
-    CustomIcon?: () => JSX.Element;
+    CustomIcon?: CustomIconProps;
     prefix?: string;
     iconName: keyof MapIconsType;
     title: string;