gd-design-library 0.2.0 → 0.3.1

package/components/domainSpecific/Header/HeaderStyled.d.ts

@@ -1,103 +1,14 @@
-import { Theme } from '../../../hooks/useTheme';
-import { FlexContainerStyledProps } from '../..';
-export declare const HeaderStyled: (props: FlexContainerStyledProps & {
-    $backgroundColor?: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const TopBannerRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const NavigationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const SearchColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const ActionsColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const MenuRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const MenuColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const ChildrenRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const MobileMenuOpenedDropdownWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    theme: Theme;
-}>> & string;
-export declare const CloseMenuIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    theme: Theme;
-}>> & string;
-export declare const MobileMenuWrapper: (props: FlexContainerStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const MobileMenuItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, Omit<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const OpenMenuIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    theme: Theme;
-}>> & string;
+import { HeaderStyledProps, HeaderCommonStyledProps, HeaderCommonRowStyledProps, HeaderCommonColumnStyledProps } from './Header.types';
+export declare const HeaderStyled: import('react').ForwardRefExoticComponent<Omit<HeaderStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TopBannerRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NavigationRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchColumnStyled: (props: HeaderCommonColumnStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ActionsColumnStyled: (props: HeaderCommonColumnStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuColumnStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ChildrenRowStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuOpenedDropdownWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CloseMenuIconWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MobileMenuItemWrapperStyled: (props: HeaderCommonRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OpenMenuIconWrapperStyled: (props: HeaderCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Header/HeaderStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),S=require("react"),o=require("../../../utils/helpers.js"),y=require("../../../tokens/utils.js");require("../../layout/FlexContainer/FlexContainer.js");const u=require("../../layout/Column/Column.js"),s=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const h=S.forwardRef((e,t)=>{const{theme:{flexContainer:r,header:l}={},styles:c,$backgroundColor:d,...p}=e,{boxStyles:a,restProps:i}=y.getBoxStyles(p),m=[o.get(r,"default",{}),o.get(l,"container",{}),a,d?{backgroundColor:d}:{},c];return n.jsx("div",{css:m,...i,ref:t})}),g=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"topBannerRow",{}),...r})},w=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"navigationRow.default",{}),...r})},M=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(u.Column,{css:o.get(t,"searchColumn.default",{}),...r})},R=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(u.Column,{css:o.get(t,"actionsColumn.default",{}),...r})},C=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"menuRow.default",{}),...r})},x=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"menuRow.column",{}),...r})},b=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"children.default",{}),...r})},P=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.openedDropdownWrapper",{}),...r})},j=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.closeMenuIconWrapper",{}),...r})},W=e=>{const{theme:{flexContainer:t,header:r}={},...l}=e,c=[o.get(t,"default",{}),o.get(r,"mobile.menuWrapper",{})];return n.jsx("div",{css:c,...l})},f=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"mobile.menuItemWrapper",{}),...r})},v=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.openMenuIconWrapper",{}),...r})};exports.ActionsColumnStyled=R;exports.ChildrenRowStyled=b;exports.CloseMenuIconWrapperStyled=j;exports.HeaderStyled=h;exports.MenuColumnStyled=x;exports.MenuRowStyled=C;exports.MobileMenuItemWrapperStyled=f;exports.MobileMenuOpenedDropdownWrapperStyled=P;exports.MobileMenuWrapperStyled=W;exports.NavigationRowStyled=w;exports.OpenMenuIconWrapperStyled=v;exports.SearchColumnStyled=M;exports.TopBannerRowStyled=g;

package/components/domainSpecific/Header/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Header";exports.COMPONENT_NAME=e;

package/components/domainSpecific/Header/index.d.ts

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

package/components/domainSpecific/Price/Price.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),o=require("react"),a=require("../../../hooks/useTheme/useTheme.js"),r=require("./constants.js"),s=require("./PriceStyled.js"),N=o.forwardRef((i,n)=>{const{className:d="",oldValue:c,currentValue:l,...u}=i,{theme:e}=a.useTheme();return t.jsxs(s.PriceStyled,{ref:n,className:d,theme:e,"data-testid":r.COMPONENT_NAME,...u,children:[t.jsx(s.CurrentPriceStyled,{"data-testid":`${r.COMPONENT_NAME}-current`,theme:e,children:l}),c?t.jsx(s.OldPriceStyled,{"data-testid":`${r.COMPONENT_NAME}-old`,theme:e,children:c}):null]})});exports.Price=N;

package/components/domainSpecific/Price/Price.types.d.ts

@@ -1,11 +1,10 @@
-import { CSSObject } from 'styled-components';
-import { Theme } from '../../../hooks/useTheme';
-import { CommonComponentProps } from '../..';
-export interface PriceProps extends CommonComponentProps {
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+export interface PriceProps extends CommonCssComponentProps {
     currentValue: string;
     oldValue?: string;
 }
-export interface StyledPriceProps {
-    theme: Theme;
-    $styles?: CSSObject;
+export interface PriceStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface PriceValueStyledProps<T> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
 }

package/components/domainSpecific/Price/PriceStyled.d.ts

@@ -0,0 +1,4 @@
+import { PriceStyledProps, PriceValueStyledProps } from './Price.types';
+export declare const PriceStyled: import('react').ForwardRefExoticComponent<Omit<PriceStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CurrentPriceStyled: (props: PriceValueStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OldPriceStyled: (props: PriceValueStyledProps<HTMLModElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Price/PriceStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),d=require("react"),n=require("../../../utils/helpers.js"),i=d.forwardRef((e,t)=>{const{styles:r={},theme:{price:s}={},...l}=e,o={...n.get(s,"default",{}),...r};return c.jsx("div",{ref:t,css:o,...l})}),u=e=>{const{theme:{price:t}={},...r}=e,s={...n.get(t,"currentPrice.default",{})};return c.jsx("span",{css:s,...r})},y=e=>{const{theme:{price:t}={},...r}=e,s={...n.get(t,"oldPrice.default",{})};return c.jsx("del",{css:s,...r})};exports.CurrentPriceStyled=u;exports.OldPriceStyled=y;exports.PriceStyled=i;

package/components/domainSpecific/Price/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Price";exports.COMPONENT_NAME=e;

package/components/domainSpecific/ProgressBar/ProgressBar.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),M=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),t=require("./ProgressBarStyled.js"),n=M.forwardRef((o,E)=>{const{value:d=e.PROGRESS_MIN_VALUE_DEFAULT,indeterminate:i=!1,showPercentage:c=!1,fillColor:s,role:_=e.COMPONENT_ROLE_DEFAULT,backgroundColor:N,children:S,"aria-label":u,...A}=o,{theme:r}=O.useTheme(),l=Math.min(e.PROGRESS_MAX_VALUE_DEFAULT,Math.max(e.PROGRESS_MIN_VALUE_DEFAULT,d));return a.jsx(t.ProgressBarStyled,{ref:E,theme:r,role:_,"aria-label":u,"aria-valuemin":e.PROGRESS_MIN_VALUE_DEFAULT,"aria-valuemax":e.PROGRESS_MAX_VALUE_DEFAULT,"aria-valuenow":i?void 0:l,...A,"data-testid":e.COMPONENT_NAME,children:a.jsx(t.TrackStyled,{theme:r,$backgroundColor:N,"data-testid":`${e.COMPONENT_NAME}-track`,children:i?a.jsx(t.IndeterminateFillStyled,{theme:r,fill:s,"data-testid":`${e.COMPONENT_NAME}-fill`}):a.jsx(t.DeterminateFillStyled,{theme:r,fill:s,$width:l,"data-testid":`${e.COMPONENT_NAME}-fill`,children:c&&l>e.PROGRESS_MIN_VALUE_DEFAULT&&a.jsxs(t.PercentLabelStyled,{theme:r,children:[l,"%"]})})})})});n.displayName=e.COMPONENT_NAME;exports.ProgressBar=n;

package/components/domainSpecific/ProgressBar/ProgressBar.types.d.ts

@@ -1,6 +1,7 @@
-import { CSSProperties } from 'react';
-import { CommonComponentProps } from '../..';
-export interface ProgressBarProps extends CommonComponentProps {
+import { CSSProperties, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { NullableType } from '../../../types';
+export interface ProgressBarProps extends CommonCssComponentProps {
     /** 0–100 percentage. If omitted (or indeterminate=true), renders the indeterminate animation. */
     value?: number;
     /** Switch to indeterminate (animated) mode */
@@ -18,3 +19,19 @@ export interface ProgressBarProps extends CommonComponentProps {
     className?: string;
     style?: CSSProperties;
 }
+export interface ProgressBarStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface TrackStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $backgroundColor?: string;
+}
+export interface DeterminateFillStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    fill?: string;
+    $width?: number;
+}
+export interface IndeterminateFillStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    fill?: string;
+    $animationName?: NullableType<string>;
+    $animationProps?: string;
+}
+export interface PercentLabelStyledProps extends CommonCssComponentStyledProps<HTMLSpanElement>, PropsWithChildren {
+}

package/components/domainSpecific/ProgressBar/ProgressBarStyled.d.ts

@@ -0,0 +1,6 @@
+import { DeterminateFillStyledProps, IndeterminateFillStyledProps, PercentLabelStyledProps, ProgressBarStyledProps, TrackStyledProps } from './ProgressBar.types';
+export declare const ProgressBarStyled: import('react').ForwardRefExoticComponent<Omit<ProgressBarStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TrackStyled: (props: TrackStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DeterminateFillStyled: (props: DeterminateFillStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IndeterminateFillStyled: (props: IndeterminateFillStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PercentLabelStyled: (props: PercentLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/ProgressBar/ProgressBarStyled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),y=require("react"),n=require("../../../utils/helpers.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const g=require("../../../tokens/utils.js"),p=y.forwardRef((i,e)=>{const{theme:{progressbar:r}={},styles:t={},...s}=i,u=[n.get(r,"styledProgressBar.default",{}),t];return o.jsx("div",{css:u,ref:e,...s})}),S=i=>{const{theme:{progressbar:e}={},$backgroundColor:r,...t}=i,s=[n.get(e,"styledTrack.default",{}),r&&{backgroundColor:r}];return o.jsx("div",{css:s,...t})},b=i=>{const{theme:{progressbar:e}={},fill:r,$width:t=0,...s}=i,u=[n.get(e,"styledDeterminateFill.default",{}),r&&{backgroundColor:r},t&&{width:`${t}%`}];return o.jsx("div",{css:u,...s})},f=i=>{const{theme:{progressbar:e,animations:r}={},fill:t,$animationName:s=n.get(e,"styledIndeterminateFillAnimations.animationName","progressIndeterminate"),$animationProps:u,...q}=i,a=s?n.get(r,s,null):null,l=a?g.convertJsonToCssKeyframeCss(a):s,c=u||n.get(e,"styledIndeterminateFillAnimations.animationProps",""),d={animation:`${l} ${c}`},m=[n.get(e,"styledIndeterminateFill.default",{}),t?{backgroundColor:t}:{},l?d:{}];return o.jsx("div",{css:m,...q})},P=i=>{const{theme:{progressbar:e}={},...r}=i,t=[n.get(e,"styledPercentLabel.default",{})];return o.jsx("span",{css:t,...r})};exports.DeterminateFillStyled=b;exports.IndeterminateFillStyled=f;exports.PercentLabelStyled=P;exports.ProgressBarStyled=p;exports.TrackStyled=S;

package/components/domainSpecific/ProgressBar/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="ProgressBar",_="progressbar",O=0,A=100;exports.COMPONENT_NAME=E;exports.COMPONENT_ROLE_DEFAULT=_;exports.PROGRESS_MAX_VALUE_DEFAULT=A;exports.PROGRESS_MIN_VALUE_DEFAULT=O;

package/components/domainSpecific/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),t=require("react"),W=require("../../../hooks/useTheme/useTheme.js"),D=require("../../../types/input.js");require("../../layout/FlexContainer/FlexContainer.js");const H=require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");const R=require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");require("@emotion/react");const C=require("./constants.js"),L=require("./RadioGroup.types.js"),h=require("./RadioGroupItem/RadioGroupItem.js"),p=require("./RadioGroupStyled.js"),$=t.forwardRef((G,y)=>{const{styles:f,options:j,variant:v=L.RadioGroupVariant.Row,value:n,defaultValue:w,onChange:q,name:I,itemHeight:o,itemWidth:d,gutter:b=R.spacing.sm,gridColumns:N,gridRows:S,gridColumnGutter:x,gridRowGutter:O,renderOption:l,className:M,align:T,justify:k,wrapItems:E}=G,{theme:c}=W.useTheme(),P=t.useId(),u=I??`radio-group-${P}`,[V,_]=t.useState(w),s=n!==void 0,m=s?n:V,A=t.useCallback(e=>{const r=s?q:_;r==null||r(e)},[s,q]),g=e=>{e.disabled||A(e.value)};return i.jsx(p.RadioGroupStyled,{ref:y,role:D.InputRole.Radiogroup,theme:c,styles:f,"data-testid":C.COMPONENT_NAME,className:M,children:i.jsx(H.Column,{gutter:R.spacing.sm,children:i.jsx(p.RadioLayoutStyled,{theme:c,$variant:v,$isWrap:E,$align:T,$justify:k,$gutter:b,$gridColumns:N,$gridRows:S,$gridColumnGutter:x,$gridRowGutter:O,children:j.map(e=>{const r=m===e.value,a=e.disabled;return l?i.jsx(h.RadioGroupItem,{name:u,selected:r,disabled:a,item:e,width:d,height:o,onClick:()=>g(e),children:l({option:e,isSelected:r,isDisabled:a,selectedValue:m})},`${u}-${e.value}`):i.jsx(h.RadioGroupItem,{name:u,selected:r,disabled:a,item:e,width:d,height:o,onClick:()=>g(e)},`${u}-${e.value}`)})})})})});$.displayName=C.COMPONENT_NAME;exports.RadioGroup=$;

package/components/domainSpecific/RadioGroup/RadioGroup.types.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from 'react';
-import { AlignType, BoxStyledComponentProps, CommonComponentProps, CommonCoreComponentProps, CommonCoreStyledComponentProps, CommonStyledComponentProps, JustifyType, StyledFlexElementProps } from '../..';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps, FlexElementStyledProps } from '../..';
+import { AlignType, EnumOrPrimitive, JustifyType } from '../../../types';
 export declare enum RadioGroupVariant {
     Row = "row",
     Column = "column",
@@ -11,7 +12,7 @@ export interface RenderOptionProps {
     isDisabled?: boolean;
     selectedValue?: string;
 }
-export interface RadioGroupProps extends CommonCoreComponentProps<RadioGroupVariant> {
+export interface RadioGroupProps extends Omit<CommonCssComponentProps<HTMLFieldSetElement>, 'onChange'> {
     options: RadioOption[];
     value?: string;
     defaultValue?: string;
@@ -28,8 +29,9 @@ export interface RadioGroupProps extends CommonCoreComponentProps<RadioGroupVari
     wrapItems?: boolean;
     align?: AlignType;
     justify?: JustifyType;
+    variant?: RadioGroupVariant;
 }
-export interface RadioGroupItemProps extends CommonComponentProps {
+export interface RadioGroupItemProps extends Omit<CommonCssComponentProps, 'onClick'> {
     item: RadioOption;
     name?: string;
     selected?: boolean;
@@ -38,6 +40,7 @@ export interface RadioGroupItemProps extends CommonComponentProps {
     height?: string;
     onClick: (value: string) => void;
     children?: ReactNode;
+    variant?: RadioGroupVariant;
 }
 export interface StyledGridLayoutProps {
     $gridColumns?: number | string;
@@ -45,12 +48,14 @@ export interface StyledGridLayoutProps {
     $gridColumnGutter?: string | number;
     $gridRowGutter?: string | number;
 }
-export type StyledRadioGroupProps = CommonStyledComponentProps;
-export type StyledRadioLabelProps = StyledRadioItemProps;
-export type StyledHiddenInputProps = CommonStyledComponentProps;
-export interface StyledRadioLayoutProps extends BoxStyledComponentProps, Partial<StyledFlexElementProps>, StyledGridLayoutProps, CommonCoreStyledComponentProps<RadioGroupVariant> {
+export type RadioGroupStyledProps = CommonCssComponentStyledProps<HTMLFieldSetElement>;
+export type RadioLabelStyledProps = RadioItemStyledProps<HTMLLabelElement>;
+export interface HiddenInputStyledProps extends Omit<CommonCssComponentStyledProps, keyof InputHTMLAttributes<HTMLInputElement> | 'ref'>, InputHTMLAttributes<HTMLInputElement> {
 }
-export interface StyledRadioItemProps extends CommonStyledComponentProps {
+export interface RadioLayoutStyledProps extends CommonCssComponentStyledProps, Omit<BoxCssComponentStyledProps, keyof CommonCssComponentStyledProps>, Partial<FlexElementStyledProps>, StyledGridLayoutProps {
+    $variant?: EnumOrPrimitive<RadioGroupVariant>;
+}
+export interface RadioItemStyledProps<T> extends CommonCssComponentStyledProps<T> {
     selected?: boolean;
     disabled?: boolean;
     $hex?: string;

package/components/domainSpecific/RadioGroup/RadioGroup.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Row="row",e.Column="column",e.Grid="grid",e))(r||{});exports.RadioGroupVariant=r;

package/components/domainSpecific/RadioGroup/RadioGroupItem/RadioGroupItem.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("react");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../../Card/Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");const M=require("../../../core/Tooltip/Tooltip.js"),N=require("../../../core/Tooltip/Tooltip.types.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");const t=require("../constants.js"),a=require("../RadioGroupStyled.js"),p=({item:e,selected:u,disabled:r,width:l,height:s,name:h,onClick:T,children:q,styles:c})=>{const{theme:o}=d.useTheme(),n=()=>{r||T(e.value)};return e.tooltip?i.jsx(M,{content:e.tooltip,position:N.TooltipPosition.Top,styles:{},children:i.jsxs(a.RadioItemStyled,{selected:u,disabled:r,theme:o,$hex:e.hex,$image:e.image,$height:l,$width:s,"data-testid":`${t.ITEM_COMPONENT_NAME}-${e.value}`,onClick:n,styles:c,children:[i.jsx(a.HiddenInputStyled,{name:h,theme:o,"data-testid":`${t.ITEM_COMPONENT_NAME}-input-${e.value}`,"aria-checked":u,"aria-disabled":r,value:e.value,checked:u,disabled:r,onChange:n}),q&&q,!q&&i.jsx(a.RadioLabelStyled,{theme:o,selected:u,disabled:r,children:e.label})]})}):i.jsxs(a.RadioItemStyled,{selected:u,disabled:r,theme:o,$hex:e.hex,$image:e.image,$height:l,$width:s,"data-testid":`${t.ITEM_COMPONENT_NAME}-${e.value}`,onClick:n,styles:c,children:[i.jsx(a.HiddenInputStyled,{name:h,theme:o,value:e.value,checked:u,disabled:r,"data-testid":`${t.ITEM_COMPONENT_NAME}-input-${e.value}`,onChange:n,"aria-checked":u,"aria-disabled":r}),q&&q,!q&&i.jsx(a.RadioLabelStyled,{theme:o,selected:u,disabled:r,children:e.label})]})};p.displayName=t.ITEM_COMPONENT_NAME;exports.RadioGroupItem=p;

package/components/domainSpecific/RadioGroup/RadioGroupStyled.d.ts

@@ -0,0 +1,6 @@
+import { HiddenInputStyledProps, RadioGroupStyledProps, RadioItemStyledProps, RadioLabelStyledProps, RadioLayoutStyledProps } from './RadioGroup.types';
+export declare const HiddenInputStyled: (props: HiddenInputStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioGroupStyled: import('react').ForwardRefExoticComponent<Omit<RadioGroupStyledProps, "ref"> & import('react').RefAttributes<HTMLFieldSetElement>>;
+export declare const RadioItemStyled: (props: RadioItemStyledProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioLabelStyled: (props: RadioLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioLayoutStyled: (props: RadioLayoutStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/RadioGroup/RadioGroupStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),G=require("react"),$=require("../../../tokens/utils.js"),o=require("../../../utils/helpers.js"),d=require("../../../utils/layout.js"),f=require("./RadioGroup.types.js"),x=r=>{const{theme:{radiogroup:e}={},...t}=r,s={...o.get(e,"input",{})};return u.jsx("input",{type:"radio",css:s,...t})},j=G.forwardRef((r,e)=>{const{theme:{radiogroup:t}={},styles:s={},...a}=r,l={...o.get(t,"default",{}),...s};return u.jsx("fieldset",{ref:e,css:l,...a})}),w=r=>{const{theme:{radiogroup:e}={},disabled:t,selected:s,$hex:a,$width:l,$height:c,$image:i,styles:n={},...y}=r,p=o.get(e,"item.selected",{}),S=o.get(e,"item.disabled",{}),g=o.get(e,"item.hover",{}),m=a?{backgroundColor:a}:{},h=i?{backgroundImage:`url(${i})`,backgroundPosition:"center",backgroundRepeat:"no-repeat"}:{},b={...o.get(e,"item.default",{}),...t?S:{},...s?p:{},...m,...h,...l?{width:l}:{},...c?{height:c}:{},...!t&&!s?g:{},...n};return u.jsx("div",{css:b,...y})},v=r=>{const{theme:{radiogroup:e}={},selected:t,disabled:s,...a}=r,l=o.get(e,"label.selected",{}),c=o.get(e,"label.disabled",{}),i=o.get(e,"label.hover",{}),n={...o.get(e,"label.default",{}),...s?c:{},...t?l:{},...!s&&!t?i:{}};return u.jsx("label",{css:n,...a})},I=r=>{const{theme:{radiogroup:e}={},$isWrap:t,$align:s="start",$justify:a="start",$variant:l,$gutter:c,$gridColumns:i,$gridRows:n,$gridColumnGutter:y,$gridRowGutter:p,styles:S,...g}=r,m={...o.get(e,`layouts.${l}`,{}),...$.getBoxStyles(g).boxStyles,gap:d.calculateGutter(c),...S};if(l===f.RadioGroupVariant.Grid){const R={...m,gridTemplateColumns:d.calculateGridColumns(i),gridTemplateRows:d.calculateGridRows(n),...y&&{columnGap:d.calculateGutter(y)},...p&&{rowGap:d.calculateGutter(p)}};return u.jsx("div",{css:R,...g})}const b={...m,flexWrap:t?"wrap":"nowrap",alignItems:d.calculateAlign(s),justifyContent:d.calculateJustify(a)};return u.jsx("div",{css:b,...g})};exports.HiddenInputStyled=x;exports.RadioGroupStyled=j;exports.RadioItemStyled=w;exports.RadioLabelStyled=v;exports.RadioLayoutStyled=I;

package/components/domainSpecific/RadioGroup/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="RadioGroup",M="RadioGroupItem";exports.COMPONENT_NAME=N;exports.ITEM_COMPONENT_NAME=M;

package/components/domainSpecific/Rating/Rating.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),d=require("react"),y=require("../../../utils/uniqueKeys.js"),F=require("../../../utils/math.js"),a=require("../../../utils/helpers.js"),k=require("../../../constants/keyboard.js"),w=require("../../../types/accesability.js"),H=require("../../../hooks/useTheme/useTheme.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");const f=require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const e=require("./constants.js"),o=require("./RatingStyled.js"),C=d.forwardRef((p,I)=>{const{value:q=e.DEFAULT_VALUE,groupName:R=e.COMPONENT_NAME,onChange:E,readOnly:r=e.DEFAULT_READ_ONLY,max:g=e.DEFAULT_MAX_RATE,size:S=e.DEFAULT_SIZE,...v}=p,{theme:s}=H.useTheme(),[L,P]=d.useState(q),[h,N]=d.useState(0),A=E?q:L,O=a.get(s,"rating",{}),M=a.get(O,["size",S],{width:e.DEFAULT_SIZE_VALUE,height:e.DEFAULT_SIZE_VALUE}),c=a.get(O,"icons",{}),m=Array.from({length:g}),b=F.convertToFormattedPercents({max:g,target:q,formatChar:"%"}),T=t=>{if(r)return;(E||P)(t)},V=(t,i)=>{r||t.key!==k.KEYBOARD_KEYS.ENTER||T(i)},U=t=>{r||N(t)},$=()=>{N(0)};return n.jsxs(o.RatingStyled,{$readOnly:r,ref:I,theme:s,"data-testid":e.COMPONENT_NAME,...v,children:[r&&n.jsx(o.RatingProgressWrapperStyled,{theme:s,$width:b,"data-testid":`${e.COMPONENT_NAME}-progress`,children:m.map((t,i)=>n.jsx(f.Icon,{fill:"bg.fill.primary.default",...a.get(c,"rateActive",{name:"star"}),...M},y.generateUniqueId(`${e.COMPONENT_NAME}-${i}`,"rate-progress")))}),m.map((t,i)=>{const u=i+1,_=u===A,l=u<=(h!==0?h:A),D=l?a.get(c,"rateActive",{name:"star"}):a.get(c,"rateInactive",{name:"starOutlined"}),x=l?"bg.fill.primary.default":"bg.fill.disabled";return n.jsxs(o.RadioLabelStyled,{$isActive:l,$readOnly:r,theme:s,onKeyDown:j=>V(j,u),tabIndex:w.TabIndex.Default,onMouseEnter:()=>U(u),onMouseLeave:$,"data-testid":`${e.COMPONENT_NAME}-label`,children:[n.jsx(o.RadioInputStyled,{name:R,theme:s,value:u,onChange:()=>T(u),defaultChecked:_,"aria-checked":_,readOnly:r,"data-testid":`${e.COMPONENT_NAME}-input`}),n.jsx(f.Icon,{fill:x,...M,...D})]},y.generateUniqueId(`${e.COMPONENT_NAME}-${i}`,"rate"))})]})});C.displayName=e.COMPONENT_NAME;exports.Rating=C;

package/components/domainSpecific/Rating/Rating.types.d.ts

@@ -1,6 +1,7 @@
-import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps, CommonCssInputStyledProps } from '../../index.types';
 export type RatingSize = 'sm' | 'md' | 'lg';
-export interface RatingProps extends CommonComponentProps {
+export interface RatingProps extends Omit<CommonCssComponentProps, 'onChange'> {
     max?: number;
     value?: number;
     groupName?: string;
@@ -9,11 +10,11 @@ export interface RatingProps extends CommonComponentProps {
     readOnly?: boolean;
     size?: RatingSize;
 }
-export interface RatingProgressStyledProps extends CommonStyledComponentProps {
+export interface RatingProgressStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
     $width: string;
 }
-export interface RatingStyledProps extends CommonStyledComponentProps {
+export interface RatingStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
     $readOnly?: boolean;
     $isActive?: boolean;
 }
-export type RatingCommonStyledProps = CommonStyledComponentProps;
+export type RatingCommonStyledProps = CommonCssInputStyledProps;

package/components/domainSpecific/Rating/RatingStyled.d.ts

@@ -0,0 +1,5 @@
+import { RatingProgressStyledProps, RatingStyledProps, RatingCommonStyledProps } from './Rating.types';
+export declare const RatingStyled: import('react').ForwardRefExoticComponent<Omit<RatingStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const RatingProgressWrapperStyled: (props: RatingProgressStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioLabelStyled: (props: RatingStyledProps<HTMLLabelElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioInputStyled: (props: RatingCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Rating/RatingStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),c=require("react"),e=require("../../../utils/helpers.js"),i=c.forwardRef((s,r)=>{const{theme:{rating:t}={},$readOnly:n,styles:o={},...a}=s,l={...e.get(t,"default",{}),...n?e.get(t,"readOnly",{}):{},...o};return d.jsx("div",{ref:r,css:l,...a})}),u=s=>{const{theme:{rating:r}={},$width:t,...n}=s,o={...e.get(r,"progress.default",{}),width:t};return d.jsx("div",{css:o,...n})},g=s=>{const{theme:{rating:r}={},$readOnly:t,$isActive:n,...o}=s,a=e.get(r,"label",{}),l={...e.get(a,"default",{}),...t?e.get(a,"readOnly",{}):{},...n?e.get(a,"active",{}):{}};return d.jsx("label",{css:l,...o})},y=s=>{const{theme:{rating:r}={},...t}=s,n={...e.get(r,"radioInput.default",{})};return d.jsx("input",{type:"radio",css:n,...t})};exports.RadioInputStyled=y;exports.RadioLabelStyled=g;exports.RatingProgressWrapperStyled=u;exports.RatingStyled=i;

package/components/domainSpecific/Rating/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Rating",A=5,_="md",L=24,T=0,U=!1;exports.COMPONENT_NAME=E;exports.DEFAULT_MAX_RATE=A;exports.DEFAULT_READ_ONLY=U;exports.DEFAULT_SIZE=_;exports.DEFAULT_SIZE_VALUE=L;exports.DEFAULT_VALUE=T;

package/components/domainSpecific/Search/Search.d.ts

@@ -1,4 +1,2 @@
 import { SearchProps } from './Search.types';
-export declare const Search: import('react').ForwardRefExoticComponent<SearchProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Search: import('react').ForwardRefExoticComponent<SearchProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Search/Search.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@emotion/react/jsx-runtime"),u=require("react"),E=require("../../../utils/helpers.js"),w=require("../../../hooks/useTheme/useTheme.js"),x=require("../../core/Select/Select.js"),y=require("../../../types/input.js"),s=require("./constants.js"),I=require("./SearchStyled.js"),m=u.forwardRef((i,R)=>{var l,d;const{children:C,emptyItemsResult:O=s.DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER,placeholder:q=s.DEFAULT_SEARCH_PLACEHOLDER,renderOption:A,dropdownParams:T,renderDropdownHeader:_,onType:c,onSelectCb:a,value:L,width:g=s.DEFAULT_SEARCH_WIDTH,items:v}=i,D=E.get(i,"aria-controls"),e=u.useRef(null),{theme:H}=w.useTheme(),P=u.useCallback(n=>{var r,S,o,h;const t=E.get(n,"target.value");if(!t){(S=(r=e==null?void 0:e.current)==null?void 0:r.close)==null||S.call(r);return}(h=(o=e==null?void 0:e.current)==null?void 0:o.open)==null||h.call(o),c==null||c(t)},[e]),b=u.useCallback(({event:n,value:t,index:r})=>{a==null||a({event:n,value:t,index:r})},[a]);return p.jsx(x.Select,{ref:e,width:g,autoOpen:!1,emptyItemsResult:O,dropdownParams:T,renderDropdownHeader:_,renderOption:A,items:v,initiator:p.jsx(I.SearchInputStyled,{value:L,onChange:P,"aria-required":!!((l=e==null?void 0:e.current)!=null&&l.isOpen),"aria-controls":D,"aria-expanded":!!((d=e==null?void 0:e.current)!=null&&d.isOpen),placeholder:q,theme:H,role:y.InputRole.Combobox}),onSelect:({event:n,value:t,index:r})=>b({event:n,value:t,index:r}),children:C})});m.displayName=s.COMPONENT_NAME;exports.Search=m;

package/components/domainSpecific/Search/Search.types.d.ts

@@ -1,24 +1,33 @@
-import { MouseEvent } from 'react';
+import { PropsWithChildren, MouseEvent, ReactNode } from 'react';
+import { DropdownParams, Option, renderOptionType, CommonCssComponentProps, CommonCssComponentStyledProps, BaseInputFieldProps, RowProps } from '../..';
 import { Theme } from '../../../hooks/useTheme';
-import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../../core';
-import { DropdownParams, Option, renderOptionType } from '../../core/Select';
 import { OnSelectProps } from '../../core/types/events.types';
 export interface SearchResultOption extends Option {
     [key: string]: unknown;
 }
-export interface SearchProps extends Exclude<CommonCoreComponentProps, 'color' | 'variant'> {
+export interface SearchProps extends PropsWithChildren<CommonCssComponentProps> {
     placeholder?: string;
     isLoading?: boolean;
-    width?: string | number;
+    width?: string;
     debounceTime?: number;
     dropdownParams?: DropdownParams;
     value?: string;
     items?: (never | SearchResultOption)[];
-    renderOption?: (value: renderOptionType) => React.ReactNode;
+    renderOption?: (value: renderOptionType) => ReactNode;
     emptyItemsResult?: string;
-    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
+    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => ReactNode;
     onType?: (value: string) => void;
     handleClickOnInitiator?: (event: MouseEvent<HTMLInputElement>) => void;
     onSelectCb?: (props: OnSelectProps<HTMLDivElement | HTMLInputElement>) => void;
 }
-export type SearchWrapperProps = Exclude<CommonCoreStyledComponentProps, 'color' | 'variant'>;
+export type SearchWrapperStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
+export interface SearchInputStyledProps extends BaseInputFieldProps {
+    theme?: Theme;
+}
+export interface RendererRowStyledProps extends RowProps {
+    theme?: Theme;
+}
+export interface RendererLinkStyledProps extends CommonCssComponentStyledProps<HTMLAnchorElement> {
+    $variant?: string;
+}
+export type RendererLinkIconStyledProps = CommonCssComponentStyledProps;

package/components/domainSpecific/Search/SearchStyled.d.ts

@@ -0,0 +1,5 @@
+import { SearchInputStyledProps, RendererRowStyledProps, RendererLinkStyledProps, RendererLinkIconStyledProps } from './Search.types';
+export declare const SearchInputStyled: (props: SearchInputStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RendererRowStyled: (props: RendererRowStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RendererLinkStyled: (props: RendererLinkStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RendererLinkIconStyled: (props: RendererLinkIconStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/Search/SearchStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),q=require("../../../utils/helpers.js");require("react");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");const t=require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("../../../hooks/useTheme/useTheme.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("./Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const s=e=>{const{theme:{search:r}={},...u}=e;return i.jsx(t.Input,{css:[q.get(r,"input.default",{})],...u})};exports.SearchInputStyled=s;

package/components/domainSpecific/Search/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const COMPONENT_NAME = "Search";
 export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
-export declare const DEFAULT_SEARCH_WIDTH = 448;
+export declare const DEFAULT_SEARCH_WIDTH = "448px";
 export declare const DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER = "No result";

package/components/domainSpecific/Search/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Search",A="Search",_="448px",L="No result";exports.COMPONENT_NAME=E;exports.DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER=L;exports.DEFAULT_SEARCH_PLACEHOLDER=A;exports.DEFAULT_SEARCH_WIDTH=_;

package/components/domainSpecific/SearchModal/SearchInput/SearchInput.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),d=require("../../../../utils/helpers.js");require("react");const h=require("../../../../hooks/useTheme/useTheme.js"),S=require("../../../../types/input.js"),E=require("../../../core/Icon/Icon.js"),e=require("./constants.js"),s=require("./SearchInputStyled.js"),o=(a={})=>{const{placeholder:i=e.DEFAULT_PLACEHOLDER,onEndIconClick:t,...u}=a,{theme:n}=h.useTheme(),l=d.get(n,"searchModal.input.icons.close",{name:e.DEFAULT_CLOSE_ICON}),p=c=>{c.stopPropagation(),t==null||t(c)};return r.jsx(s.SearchInputStyled,{theme:n,variant:S.InputVariantType.Search,"data-testid":e.COMPONENT_NAME,placeholder:i,adornmentEnd:r.jsx(s.SearchEndIconWrapperStyled,{theme:n,onClick:p,children:r.jsx(E.Icon,{...l})}),...u})};o.displayName=e.COMPONENT_NAME;exports.SearchInput=o;

package/components/domainSpecific/SearchModal/SearchInput/SearchInputStyled.d.ts

@@ -0,0 +1,4 @@
+import { CommonCssComponentStyledProps } from '../../..';
+import { SearchInputProps } from '../SearchModal.types';
+export declare const SearchInputStyled: (props: SearchInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchEndIconWrapperStyled: (props: CommonCssComponentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/SearchModal/SearchInput/SearchInputStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),t=require("../../../../utils/helpers.js");require("react");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");const s=require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../../Card/Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const n=e=>{const{theme:{searchModal:r}={},...u}=e,i=t.get(r,"input.default",{});return q.jsx(s.Input,{styles:i,...u})},c=e=>{const{theme:{searchModal:r}={},...u}=e,i=t.get(r,"input.endIcon",{});return q.jsx("div",{css:i,...u})};exports.SearchEndIconWrapperStyled=c;exports.SearchInputStyled=n;

package/components/domainSpecific/SearchModal/SearchInput/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="SearchInput",O="Search",t="cross";exports.COMPONENT_NAME=E;exports.DEFAULT_CLOSE_ICON=t;exports.DEFAULT_PLACEHOLDER=O;

package/components/domainSpecific/SearchModal/SearchItems/SearchItems.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),_=require("react"),d=require("../../../../utils/helpers.js"),j=require("../../../../utils/date.js"),p=require("../../../../hooks/useTheme/useTheme.js"),S=require("../../../core/Icon/Icon.js"),r=require("./constants.js"),y=require("./utils.js"),n=require("./SearchItemsStyled.js"),N=(u={})=>{const{items:o,onItemClick:a,newSearchCta:l,noItemsLabel:I}=u,{theme:t}=p.useTheme(),E=d.get(t,"searchModal.items.icons.newChat",{name:r.NEW_CHAT_ICON}),M=d.get(t,"searchModal.items.icons.noResults",{name:r.NO_RESULTS_ICON}),T=d.get(t,"searchModal.items.icons.item",{}),h=e=>c=>{a==null||a(c,e)},i=(e,c)=>s.jsx(n.SearchItemStyled,{iconStart:y.getIcon(e==null?void 0:e.icon,T),theme:t,onClick:h(e),"data-testid":r.COMPONENT_ITEM_NAME,children:s.jsxs(n.SearchItemRowStyled,{theme:t,children:[s.jsxs(n.SearchItemColumnStyled,{theme:t,children:[s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"title",title:e.title,children:e.title}),(e==null?void 0:e.description)&&s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"description",title:e.description,children:e.description})]}),(e==null?void 0:e.date)&&s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"date",children:j.formatDate({date:e.date})})]})},(e==null?void 0:e.id)||`${r.COMPONENT_ITEM_NAME}-${c}`);return s.jsxs(n.SearchItemsStyled,{theme:t,"data-testid":r.COMPONENT_NAME,children:[l&&s.jsx(n.NewSearchButtonStyled,{theme:t,onClick:h(r.NEW_SEARCH),iconStart:s.jsx(S.Icon,{...E}),children:l}),o!=null&&o.length?o.map((e,c)=>"items"in e?s.jsxs(_.Fragment,{children:[s.jsx(n.SearchGroupTitleStyled,{theme:t,"data-testid":r.COMPONENT_GROUP_TITLE,title:e.title,children:e.title}),((e==null?void 0:e.items)||[]).map((C,O)=>i(C,O))]},(e==null?void 0:e.id)||`${r.COMPONENT_ITEM_NAME}-${c}`):i(e,c)):s.jsxs(n.SearchNoItemsStyled,{theme:t,"data-testid":r.COMPONENT_EMPTY_NAME,children:[!l&&s.jsx(S.Icon,{...M}),I]})]})};N.displayName=r.COMPONENT_NAME;exports.SearchItems=N;

package/components/domainSpecific/SearchModal/SearchItems/SearchItemsStyled.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../..';
+import { SearchItemContentStyledProps, SearchModalCommonStyledProps } from '../SearchModal.types';
+export declare const SearchItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NewSearchButtonStyled: (props: SearchModalCommonStyledProps<HTMLButtonElement> & ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchNoItemsStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchGroupTitleStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemStyled: (props: SearchModalCommonStyledProps<HTMLButtonElement> & ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemRowStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemColumnStyled: (props: SearchModalCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchItemContentStyled: (props: SearchItemContentStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/domainSpecific/SearchModal/SearchItems/SearchItemsStyled.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),u=require("../../../../utils/helpers.js");require("react");require("../../../core/Breadcrumbs/Breadcrumbs.js");const n=require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");const q=require("../../../layout/Column/Column.js"),l=require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("../../Avatar/Avatar.js");require("../../Card/Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const m=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.default",{});return o.jsx("div",{css:e,...s})},a=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.newSearchBtn",{}),i=u.get(e,"styles",{}),c=u.get(e,"attrs",{});return o.jsx(n.Button,{css:i,...c,...s})},S=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.noResult",{});return o.jsx("div",{css:e,...s})},d=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.groupTitle",{});return o.jsx("div",{css:e,...s})},h=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.item",{}),i=u.get(e,"styles",{}),c=u.get(e,"attrs",{});return o.jsx(n.Button,{css:i,...c,...s})},y=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.itemRow",{});return o.jsx(l.Row,{css:e,...s})},p=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.itemColumn",{});return o.jsx(q.Column,{css:e,...s})},g=r=>{const{theme:{searchModal:t}={},$variant:s="default",...e}=r,i=u.get(t,`items.itemContent.${s}`,{});return o.jsx("div",{css:i,...e})};exports.NewSearchButtonStyled=a;exports.SearchGroupTitleStyled=d;exports.SearchItemColumnStyled=p;exports.SearchItemContentStyled=g;exports.SearchItemRowStyled=y;exports.SearchItemStyled=h;exports.SearchItemsStyled=m;exports.SearchNoItemsStyled=S;

package/components/domainSpecific/SearchModal/SearchItems/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="SearchItems",E="SearchGroupTitle",O="SearchItem",_="SearchEmpty",T="NEW_SEARCH",M="edit",t="search";exports.COMPONENT_EMPTY_NAME=_;exports.COMPONENT_GROUP_TITLE=E;exports.COMPONENT_ITEM_NAME=O;exports.COMPONENT_NAME=N;exports.NEW_CHAT_ICON=M;exports.NEW_SEARCH=T;exports.NO_RESULTS_ICON=t;