@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/esm/components/header/header.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IHeader } from './types';
+declare const Header: <V extends unknown>(props: IHeader<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+export { Header };

package/dist/esm/components/header/header.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useMediaDevice } from '../../hooks';
+import { useStyles } from '../../hooks/useStyles/useStyles';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { HeaderStandAlone } from './headerStandAlone';
+const HeaderComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
+    const styles = useStyles(STYLES_NAME.HEADER, variant, ctv);
+    const device = useMediaDevice();
+    return _jsx(HeaderStandAlone, { ...props, ref: ref, device: device, styles: styles });
+});
+HeaderComponent.displayName = 'HeaderComponent';
+const HeaderBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(HeaderStandAlone, { ...props, ref: ref }) }), children: _jsx(HeaderComponent, { ...props, ref: ref }) }));
+const Header = React.forwardRef(HeaderBoundary);
+export { Header };
+//# sourceMappingURL=header.js.map

package/dist/esm/components/header/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EACtC,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnF,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAI9B,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/header/header.styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { HeaderPropsStyles } from './types';
+export declare const HeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>>;
+export declare const HeaderContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>>;
+export declare const HeaderLeftContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>>;
+export declare const HeaderRightContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>>;
+export declare const BreadcrumbsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>>;

package/dist/esm/components/header/header.styled.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+export const HeaderContainerStyled = styled.div `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  ${props => getStyles(props.styles?.container)}
+`;
+export const HeaderContentStyled = styled.div `
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  ${props => getStyles(props.styles?.content)}
+`;
+export const HeaderLeftContentStyled = styled.div `
+  width: 80%;
+  max-width: 80%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  ${props => getStyles(props.styles?.leftContent)}
+`;
+export const HeaderRightContentStyled = styled.div `
+  width: 20%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  ${props => getStyles(props.styles?.rightContent)}
+`;
+export const BreadcrumbsWrapper = styled.div `
+  ${props => getStyles(props.styles?.breadcrumbs)}
+`;
+//# sourceMappingURL=header.styled.js.map

package/dist/esm/components/header/header.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.styled.js","sourceRoot":"","sources":["../../../../src/components/header/header.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;IAK9D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;IAI5D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;IAQhE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;IAOjE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAmB;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;CAChD,CAAC"}

package/dist/esm/components/header/headerStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IHeaderStandAlone } from './types/header';
+export declare const HeaderStandAlone: React.ForwardRefExoticComponent<IHeaderStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/header/headerStandAlone.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { DeviceBreakpointsType } from '../../types';
+import { Breadcrumbs } from '../breadcrumbs';
+import { BreadcrumbsWrapper, HeaderContainerStyled, HeaderContentStyled, HeaderLeftContentStyled, HeaderRightContentStyled, } from './header.styled';
+import { HeaderContentPositionType } from './types/position';
+const HeaderStandAloneComponent = ({ ...props }, ref) => {
+    const getPositionContent = (position) => {
+        return React.Children.toArray(props.children).filter((child) => {
+            return child?.props?.['data-position'] === position;
+        });
+    };
+    const leftContent = getPositionContent(HeaderContentPositionType.LEFT);
+    const rightContent = getPositionContent(HeaderContentPositionType.RIGHT);
+    return (_jsxs(HeaderContainerStyled, { ref: ref, "data-testid": `${props.dataTestId}Header`, styles: props.styles, children: [props.crumbs && props.device === DeviceBreakpointsType.DESKTOP && (_jsx(BreadcrumbsWrapper, { styles: props.styles, children: _jsx(Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), _jsxs(HeaderContentStyled, { styles: props.styles, children: [_jsx(HeaderLeftContentStyled, { styles: props.styles, children: leftContent }), rightContent.length !== 0 && (_jsx(HeaderRightContentStyled, { styles: props.styles, children: rightContent }))] })] }));
+};
+export const HeaderStandAlone = React.forwardRef(HeaderStandAloneComponent);
+//# sourceMappingURL=headerStandAlone.js.map

package/dist/esm/components/header/headerStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/header/headerStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,yBAAyB,GAAG,CAChC,EAAE,GAAG,KAAK,EAAqB,EAC/B,GAA0D,EAC7C,EAAE;IACf,MAAM,kBAAkB,GAAG,CAAC,QAAmC,EAAE,EAAE;QACjE,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,kBAAkB,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAEzE,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,iBACK,GAAG,KAAK,CAAC,UAAU,QAAQ,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC,OAAO,IAAI,CACjE,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,KAAC,WAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,MAAC,mBAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACvC,KAAC,uBAAuB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,WAAW,GAA2B,EACrF,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,KAAC,wBAAwB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,YAAY,GAA4B,CAC1F,IACmB,IACA,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './header';
+export * from './types';

package/dist/esm/components/header/index.js

@@ -0,0 +1,3 @@
+export * from './header';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/esm/components/header/stories/argtypes.d.ts

@@ -0,0 +1,3 @@
+import { IThemeObjectVariants } from '../../../designSystem/themesObject';
+import { ArgTypesReturn } from '../../../types';
+export declare const argtypes: (variants: IThemeObjectVariants, themeSelected: string) => ArgTypesReturn;

package/dist/esm/components/header/stories/argtypes.js

@@ -0,0 +1,79 @@
+import { CATEGORY_CONTROL } from '../../../constants';
+export const argtypes = (variants, themeSelected) => {
+    return {
+        theme: {
+            table: {
+                disable: true,
+            },
+        },
+        variant: {
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            description: 'Header variant',
+            options: Object.keys(variants[themeSelected].HeaderVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        children: {
+            description: 'Children',
+            type: { name: 'string', required: true },
+            control: { type: 'text' },
+            table: {
+                type: {
+                    summary: 'ReactNode',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        crumbs: {
+            description: 'Breadcrumbs',
+            type: { name: 'array', required: true },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'CrumbType[]',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        configBreadcrumbs: {
+            description: 'Object with breadcrumbs configuration',
+            control: { type: 'object' },
+            type: { name: 'object', required: true },
+            table: {
+                type: {
+                    summary: 'HeaderBreadcrumbsType',
+                },
+                defaultValue: { summary: '' },
+                category: CATEGORY_CONTROL.ACCESIBILITY,
+            },
+        },
+        dataTestId: {
+            description: 'String used for testing',
+            control: { type: 'text' },
+            type: { name: 'string' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+//# sourceMappingURL=argtypes.js.map

package/dist/esm/components/header/stories/argtypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/header/stories/argtypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAA8B,EAAE,aAAqB,EAAkB,EAAE;IAChG,OAAO;QACL,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,iBAAiB,IAAI,EAAE,CAAC;YACrE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,UAAU;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,aAAa;YAC1B,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;YACvC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;iBACvB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,uBAAuB;iBACjC;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC7B,QAAQ,EAAE,gBAAgB,CAAC,YAAY;aACxC;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,GAAG,EAAE;YACH,WAAW,EAAE,uCAAuC;YACpD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,aAAa;aACzC;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/header/types/header.d.ts

@@ -0,0 +1,15 @@
+import { CrumbType, IBreadcrumbsControlled } from '../../../components/breadcrumbs/types/breadcrumbs';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { HeaderPropsStylesType } from './headerTheme';
+export type HeaderBreadcrumbsType = Omit<IBreadcrumbsControlled, 'crumbs'>;
+export interface IHeaderStandAlone {
+    styles: HeaderPropsStylesType;
+    children: JSX.Element[] | JSX.Element;
+    configBreadcrumbs?: HeaderBreadcrumbsType;
+    crumbs?: CrumbType[];
+    device: DeviceBreakpointsType;
+    dataTestId?: string;
+}
+export interface IHeader<V = undefined extends string ? unknown : string> extends Omit<IHeaderStandAlone, 'styles' | 'device'>, Omit<CustomTokenTypes<HeaderPropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

package/dist/esm/components/header/types/header.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.js.map

package/dist/esm/components/header/types/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/components/header/types/header.ts"],"names":[],"mappings":""}

package/dist/esm/components/header/types/headerTheme.d.ts

@@ -0,0 +1,14 @@
+import { CommonStyleType } from '../../../types';
+export type HeaderPropsStyles = {
+    styles?: HeaderPropsStylesType;
+};
+export type HeaderPropsStylesType = {
+    container?: CommonStyleType;
+    breadcrumbs?: CommonStyleType;
+    content?: CommonStyleType;
+    leftContent?: CommonStyleType;
+    rightContent?: CommonStyleType;
+};
+export type HeaderStylesType<P extends string | number | symbol> = {
+    [variant in P]?: HeaderPropsStylesType;
+};

package/dist/esm/components/header/types/headerTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=headerTheme.js.map

package/dist/esm/components/header/types/headerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerTheme.js","sourceRoot":"","sources":["../../../../../src/components/header/types/headerTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/header/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header';
+export * from './headerTheme';
+export * from './position';

package/dist/esm/components/header/types/index.js

@@ -0,0 +1,4 @@
+export * from './header';
+export * from './headerTheme';
+export * from './position';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/header/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/header/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/esm/components/header/types/position.d.ts

@@ -0,0 +1,4 @@
+export declare enum HeaderContentPositionType {
+    RIGHT = "RIGHT",
+    LEFT = "LEFT"
+}

package/dist/esm/components/header/types/position.js

@@ -0,0 +1,6 @@
+export var HeaderContentPositionType;
+(function (HeaderContentPositionType) {
+    HeaderContentPositionType["RIGHT"] = "RIGHT";
+    HeaderContentPositionType["LEFT"] = "LEFT";
+})(HeaderContentPositionType || (HeaderContentPositionType = {}));
+//# sourceMappingURL=position.js.map

package/dist/esm/components/header/types/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../../../src/components/header/types/position.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACnC,4CAAuB,CAAA;IACvB,0CAAqB,CAAA;AACvB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC"}

package/dist/esm/components/headerStructure/components/headerContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { CommonStyleType } from '../../../types';
+import { HeaderStructureContentPositionType } from '../types';
+interface IHeaderContent {
+    styles?: CommonStyleType;
+    contentDirection?: HeaderStructureContentPositionType;
+    children: React.ReactNode[];
+}
+export declare const HeaderContent: (props: IHeaderContent) => React.JSX.Element;
+export {};

package/dist/esm/components/headerStructure/components/headerContent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeaderContentStyled } from '../headerStructure.styled';
+export const HeaderContent = (props) => {
+    // always returned something, cause we need to put container to flex direction
+    const ariaHidden = props.children.length > 0 ? false : true;
+    return (_jsx(HeaderContentStyled, { "aria-hidden": ariaHidden, styles: props.styles, children: props.children }));
+};
+//# sourceMappingURL=headerContent.js.map

package/dist/esm/components/headerStructure/components/headerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerContent.js","sourceRoot":"","sources":["../../../../../src/components/headerStructure/components/headerContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAShE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAqB,EAAE;IACxE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,OAAO,CACL,KAAC,mBAAmB,mBAAc,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC/D,KAAK,CAAC,QAAQ,GACK,CACvB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/headerStructure/components/index.d.ts

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

package/dist/esm/components/headerStructure/components/index.js

@@ -0,0 +1,2 @@
+export * from './headerContent';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/headerStructure/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/headerStructure/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/headerStructure/headerStructure.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IHeaderStructure } from './types';
+declare const HeaderStructure: <V extends unknown>(props: IHeaderStructure<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => React.JSX.Element;
+export { HeaderStructure };

package/dist/esm/components/headerStructure/headerStructure.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useMediaDevice, useScrollPosition } from '../../hooks';
+import { useStyles } from '../../hooks/useStyles/useStyles';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { HeaderStandAlone } from './headerStructureStandAlone';
+const HeaderStructureComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
+    const styles = useStyles(STYLES_NAME.HEADER_STRUCTURE, variant, ctv);
+    const device = useMediaDevice();
+    const scroll = useScrollPosition();
+    return (_jsx(HeaderStandAlone, { ...props, ref: ref, device: device, scrolling: scroll > 0, styles: styles }));
+});
+HeaderStructureComponent.displayName = 'HeaderStructureComponent';
+const HeaderStructureBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(HeaderStandAlone, { scrolling: false, ...props, ref: ref }) }), children: _jsx(HeaderStructureComponent, { ...props, ref: ref }) }));
+const HeaderStructure = React.forwardRef(HeaderStructureBoundary);
+export { HeaderStructure };
+//# sourceMappingURL=headerStructure.js.map

package/dist/esm/components/headerStructure/headerStructure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerStructure.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructure.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EAC/C,GAA0D,EACvC,EAAE;IACrB,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,gBAAgB,EAC5B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,CAAC,EACrB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,KACX,KAAsC,EAC3C,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAI1C,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/headerStructure/headerStructure.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CommonStyleType } from '../../types/styles';
+import { HeaderStructurePropsStyles } from './types';
+export declare const HeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles & {
+    containerHeight?: string | undefined;
+    scrolling?: boolean | undefined;
+    backgroundColor?: string | undefined;
+}>>;
+export declare const HeaderContainerContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles>>;
+export declare const HeaderContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles?: CommonStyleType | undefined;
+}>>;
+export declare const BreadcrumbsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles>>;

package/dist/esm/components/headerStructure/headerStructure.styled.js

@@ -0,0 +1,39 @@
+import styled, { css } from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+export const HeaderContainerStyled = styled.div `
+  width: 100%;
+  height: ${({ containerHeight }) => containerHeight};
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  ${props => getStyles(props.styles?.container)}
+  ${({ backgroundColor }) => backgroundColor &&
+    `
+background-color: ${backgroundColor};
+`}
+${({ styles, scrolling }) => scrolling
+    ? css `
+          box-shadow: ${styles?.container?.box_shadow ?? 'none'};
+        `
+    : 'box-shadow: none'}
+`;
+export const HeaderContainerContentStyled = styled.div `
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  justify-content: space-between;
+  align-items: center;
+  ${props => getStyles(props.styles?.content)}
+`;
+export const HeaderContentStyled = styled.div `
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  ${props => getStyles(props.styles)}
+`;
+export const BreadcrumbsWrapper = styled.div `
+  ${props => getStyles(props.styles?.breadcrumbs)}
+`;
+//# sourceMappingURL=headerStructure.styled.js.map

package/dist/esm/components/headerStructure/headerStructure.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerStructure.styled.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructure.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAM9C;;YAEW,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,eAAe;;;;IAIhD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3C,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CACxB,eAAe;IACf;oBACgB,eAAe;CAClC;EACC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CACxB,SAAS;IACP,CAAC,CAAC,GAAG,CAAA;wBACa,MAAM,EAAE,SAAS,EAAE,UAAU,IAAI,MAAM;SACtD;IACH,CAAC,CAAC,kBAAkB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAA4B;;;;;;IAM9E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAA8B;;;;;;IAMvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;CAChD,CAAC"}

package/dist/esm/components/headerStructure/headerStructureStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IHeaderStructureStandAlone } from './types';
+export declare const HeaderStandAlone: React.ForwardRefExoticComponent<IHeaderStructureStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/headerStructure/headerStructureStandAlone.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { DeviceBreakpointsType } from '../../types';
+import { Breadcrumbs } from '../breadcrumbs';
+import { HeaderContent } from './components';
+import { BreadcrumbsWrapper, HeaderContainerContentStyled, HeaderContainerStyled, } from './headerStructure.styled';
+import { HeaderStructureContentPositionType } from './types';
+const HeaderStructureStandAloneComponent = ({ ...props }, ref) => {
+    const getPositionContent = (position) => {
+        return React.Children.toArray(props.children).filter((child) => {
+            return child?.props?.['data-position'] === position;
+        });
+    };
+    const leftContent = getPositionContent(HeaderStructureContentPositionType.LEFT);
+    const rightContent = getPositionContent(HeaderStructureContentPositionType.RIGHT);
+    const centerContent = getPositionContent(HeaderStructureContentPositionType.CENTER);
+    return (_jsxs(HeaderContainerStyled, { ref: ref, backgroundColor: props.backgroundColor, containerHeight: props.containerHeight, "data-testid": `${props.dataTestId}Header`, scrolling: props.scrolling, styles: props.styles, children: [props.crumbs && props.device === DeviceBreakpointsType.DESKTOP && (_jsx(BreadcrumbsWrapper, { styles: props.styles, children: _jsx(Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), _jsxs(HeaderContainerContentStyled, { styles: props.styles, children: [_jsx(HeaderContent, { styles: props.styles.leftContent, children: leftContent }), _jsx(HeaderContent, { styles: props.styles.centerContent, children: centerContent }), _jsx(HeaderContent, { styles: props.styles.rightContent, children: rightContent })] })] }));
+};
+export const HeaderStandAlone = React.forwardRef(HeaderStructureStandAloneComponent);
+//# sourceMappingURL=headerStructureStandAlone.js.map

package/dist/esm/components/headerStructure/headerStructureStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerStructureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructureStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,kCAAkC,EAA8B,MAAM,SAAS,CAAC;AAEzF,MAAM,kCAAkC,GAAG,CACzC,EAAE,GAAG,KAAK,EAA8B,EACxC,GAA0D,EACvC,EAAE;IACrB,MAAM,kBAAkB,GAAG,CAAC,QAA4C,EAAE,EAAE;QAC1E,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,kCAAkC,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,kBAAkB,CAAC,kCAAkC,CAAC,KAAK,CAAC,CAAC;IAClF,MAAM,aAAa,GAAG,kBAAkB,CAAC,kCAAkC,CAAC,MAAM,CAAC,CAAC;IAEpF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,eAAe,EAAE,KAAK,CAAC,eAAe,iBACzB,GAAG,KAAK,CAAC,UAAU,QAAQ,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,qBAAqB,CAAC,OAAO,IAAI,CACjE,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,KAAC,WAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,MAAC,4BAA4B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAChD,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,YAAG,WAAW,GAAiB,EAC9E,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAAG,aAAa,GAAiB,EAClF,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,YAAG,YAAY,GAAiB,IACnD,IACT,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}

package/dist/esm/components/headerStructure/index.d.ts

@@ -0,0 +1,2 @@
+export * from './headerStructure';
+export * from './types';

package/dist/esm/components/headerStructure/index.js

@@ -0,0 +1,3 @@
+export * from './headerStructure';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/headerStructure/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/esm/components/headerStructure/stories/argtypes.d.ts

@@ -0,0 +1,3 @@
+import { IThemeObjectVariants } from '../../../designSystem/themesObject';
+import { ArgTypesReturn } from '../../../types';
+export declare const argtypes: (variants: IThemeObjectVariants, themeSelected: string) => ArgTypesReturn;

package/dist/esm/components/headerStructure/stories/argtypes.js

@@ -0,0 +1,109 @@
+import { CATEGORY_CONTROL } from '../../../constants';
+export const argtypes = (variants, themeSelected) => {
+    return {
+        theme: {
+            table: {
+                disable: true,
+            },
+        },
+        variant: {
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            description: 'Header structure variant',
+            options: Object.keys(variants[themeSelected].HeaderStructureVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        children: {
+            description: 'Children',
+            type: { name: 'string', required: true },
+            control: { type: 'text' },
+            table: {
+                type: {
+                    summary: 'ReactNode',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        crumbs: {
+            description: 'Breadcrumbs',
+            type: { name: 'array' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'CrumbType[]',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        configBreadcrumbs: {
+            description: 'Configuration of the calendar',
+            control: { type: 'object' },
+            type: { name: 'object', required: true },
+            table: {
+                type: {
+                    summary: 'IBreadcrumbsControlled',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        containerHeight: {
+            description: 'Set container height',
+            control: { type: 'text' },
+            type: { name: 'string' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        breadcrumbsDataTestId: {
+            description: 'Test id of the Breadcrumbs. Internal components will concatenate from this test id',
+            control: { type: 'text' },
+            type: { name: 'string' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+        backgroundColor: {
+            description: 'Background color of the container (overwrites the default color of the theme)',
+            control: { type: 'color' },
+            type: { name: 'string' },
+            table: {
+                type: { summary: 'string' },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        dataTestId: {
+            description: 'String used for testing',
+            control: { type: 'text' },
+            type: { name: 'string' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+//# sourceMappingURL=argtypes.js.map

package/dist/esm/components/headerStructure/stories/argtypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/headerStructure/stories/argtypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAA8B,EAAE,aAAqB,EAAkB,EAAE;IAChG,OAAO;QACL,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,0BAA0B;YACvC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,0BAA0B,IAAI,EAAE,CAAC;YAC9E,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,UAAU;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,aAAa;YAC1B,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YACvB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;iBACvB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,wBAAwB;iBAClC;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE,sBAAsB;YACnC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,qBAAqB,EAAE;YACrB,WAAW,EACT,oFAAoF;YACtF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE,+EAA+E;YAC5F,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,GAAG,EAAE;YACH,WAAW,EAAE,uCAAuC;YACpD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,aAAa;aACzC;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/headerStructure/types/headerStructure.d.ts

@@ -0,0 +1,18 @@
+import { CrumbType, IBreadcrumbsControlled } from '../../../components/breadcrumbs/types/breadcrumbs';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { HeaderStructurePropsStylesType } from './headerStructureTheme';
+export type HeaderStructureBreadcrumbsType = Omit<IBreadcrumbsControlled, 'crumbs'>;
+export interface IHeaderStructureStandAlone {
+    styles: HeaderStructurePropsStylesType;
+    children: JSX.Element[] | JSX.Element;
+    device: DeviceBreakpointsType;
+    scrolling: boolean;
+    dataTestId?: string;
+    containerHeight?: string;
+    crumbs?: CrumbType[];
+    backgroundColor?: string;
+    configBreadcrumbs?: HeaderStructureBreadcrumbsType;
+}
+export interface IHeaderStructure<V = undefined extends string ? unknown : string> extends Omit<IHeaderStructureStandAlone, 'styles' | 'device' | 'scrolling'>, Omit<CustomTokenTypes<HeaderStructurePropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}