@phillips/seldon 1.260.0 → 1.262.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index10.cjs +1 -1
- package/dist/_virtual/index10.js +2 -2
- package/dist/_virtual/index12.js +2 -2
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index9.cjs +1 -1
- package/dist/_virtual/index9.js +2 -2
- package/dist/components/Banner/Banner.cjs +1 -0
- package/dist/components/Banner/Banner.d.ts +27 -0
- package/dist/components/Banner/Banner.js +70 -0
- package/dist/components/Banner/Banner.stories.d.ts +65 -0
- package/dist/components/Banner/Banner.test.d.ts +1 -0
- package/dist/components/Banner/index.d.ts +2 -0
- package/dist/components/Banner/types.cjs +1 -0
- package/dist/components/Banner/types.d.ts +8 -0
- package/dist/components/Banner/types.js +5 -0
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +20 -19
- package/dist/components/Input/utils.cjs +1 -1
- package/dist/components/Input/utils.js +4 -2
- package/dist/components/Navigation/Navigation.cjs +1 -1
- package/dist/components/Navigation/Navigation.js +30 -29
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +28 -27
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +17 -0
- package/dist/components/ProgressBar/ProgressBar.js +70 -0
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +32 -0
- package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
- package/dist/components/ProgressBar/index.d.ts +3 -0
- package/dist/components/ProgressBar/utils.cjs +1 -0
- package/dist/components/ProgressBar/utils.d.ts +5 -0
- package/dist/components/ProgressBar/utils.js +15 -0
- package/dist/components/ProgressBar/utils.test.d.ts +1 -0
- package/dist/components/Text/types.cjs +1 -1
- package/dist/components/Text/types.d.ts +1 -0
- package/dist/components/Text/types.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +251 -240
- package/dist/node_modules/ics/dist/index.cjs +1 -1
- package/dist/node_modules/ics/dist/index.js +1 -1
- package/dist/node_modules/ics/dist/schema/index.cjs +1 -1
- package/dist/node_modules/ics/dist/schema/index.js +1 -1
- package/dist/node_modules/ics/dist/utils/index.cjs +1 -1
- package/dist/node_modules/ics/dist/utils/index.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.cjs +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.js +27 -26
- package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/SubFilterDropdown.js +38 -37
- package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
- package/dist/patterns/LanguageSelector/LanguageSelector.js +31 -30
- package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
- package/dist/patterns/SaleCard/SaleCard.js +19 -18
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +70 -66
- package/dist/providers/SeldonProvider/utils.d.ts +1 -1
- package/dist/scss/_type.scss +6 -0
- package/dist/scss/_vars.scss +6 -1
- package/dist/scss/_vars.scss.cjs +7 -2
- package/dist/scss/_vars.scss.js +7 -2
- package/dist/scss/componentStyles.scss +2 -0
- package/dist/scss/components/Banner/_banner.scss +185 -0
- package/dist/scss/components/ProgressBar/_progressBar.scss +94 -0
- package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss +10 -16
- package/dist/site-furniture/Header/Header.cjs +1 -1
- package/dist/site-furniture/Header/Header.js +15 -14
- package/dist/utils/constants.cjs +1 -1
- package/dist/utils/constants.d.ts +7 -0
- package/dist/utils/constants.js +7 -4
- package/dist/utils/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
|
package/dist/_virtual/index10.js
CHANGED
package/dist/_virtual/index12.js
CHANGED
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index9.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
|
package/dist/_virtual/index9.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),i=require("../../_virtual/index.cjs"),o=require("react"),_=require("../../utils/index.cjs"),c=require("../Text/types.cjs"),m=require("../Text/Text.cjs"),l=require("./types.cjs"),t=`${_.px}-banner`,f=o.forwardRef(({children:n,className:r,variant:e=l.BannerVariants.top,id:a,...d},u)=>{const{className:B,...R}=_.getCommonProps({id:a,...d},"Banner");return s.jsx("article",{...R,...d,id:a,ref:u,className:i.default(B,r,{[`${B}--${e}`]:e}),children:s.jsx("div",{className:`${t}__inner`,children:n})})}),N=o.forwardRef(({children:n,className:r,size:e=l.BannerMediaSize.third,...a},d)=>{const u=e===l.BannerMediaSize.half?"1-2":"1-3";return s.jsx("div",{...a,ref:d,className:i.default(`${t}__media`,`${t}__media--${u}`,r),children:n})}),x=o.forwardRef(({children:n,className:r,...e},a)=>s.jsx("div",{...e,ref:a,className:i.default(`${t}__body`,r),children:n})),p=o.forwardRef(({className:n,variant:r=c.TextVariants.labelSmall,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__eyebrow`,n)})),y=o.forwardRef(({className:n,element:r="h3",variant:e=c.TextVariants.headingMedium,...a},d)=>s.jsx(m.default,{...a,ref:d,variant:e,element:r,className:i.default(`${t}__title`,n)})),$=o.forwardRef(({className:n,variant:r=c.TextVariants.bodyMedium,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__description`,n)})),b=o.forwardRef(({className:n,variant:r=c.TextVariants.linkMedium,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__cta`,n)})),M=o.forwardRef(({className:n,alt:r="",...e},a)=>s.jsx("img",{...e,ref:a,alt:r,className:i.default(`${t}__media-img`,n)}));f.displayName="Banner.Root";N.displayName="Banner.Media";x.displayName="Banner.Content";p.displayName="Banner.Eyebrow";y.displayName="Banner.Title";$.displayName="Banner.Description";b.displayName="Banner.Cta";M.displayName="Banner.Image";const j=Object.assign(f,{Root:f,Media:N,Content:x,Eyebrow:p,Title:y,Description:$,Cta:b,Image:M});exports.BannerMediaSize=l.BannerMediaSize;exports.BannerVariants=l.BannerVariants;exports.default=j;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { TextProps } from '../Text';
|
|
3
|
+
import { BannerMediaSize, BannerVariants } from './types';
|
|
4
|
+
export { BannerMediaSize, BannerVariants } from './types';
|
|
5
|
+
export interface BannerRootProps extends ComponentProps<'article'> {
|
|
6
|
+
/**
|
|
7
|
+
* Visual variant for the banner root.
|
|
8
|
+
* - `inline`: bordered row chrome (border-top / border-bottom).
|
|
9
|
+
* - `top`: Usually rendered at the top of a page, stacked layout (image above content) below 961px; side-by-side from 961px up.
|
|
10
|
+
*/
|
|
11
|
+
variant?: BannerVariants;
|
|
12
|
+
}
|
|
13
|
+
export type BannerMediaProps = ComponentProps<'div'> & {
|
|
14
|
+
/** Flex-basis for the media column from `snw-mobile` up. */
|
|
15
|
+
size?: BannerMediaSize;
|
|
16
|
+
};
|
|
17
|
+
declare const Banner: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
|
|
18
|
+
Root: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
19
|
+
Media: import('react').ForwardRefExoticComponent<Omit<BannerMediaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
|
+
Eyebrow: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
22
|
+
Title: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
23
|
+
Description: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
24
|
+
Cta: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
25
|
+
Image: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
|
|
26
|
+
};
|
|
27
|
+
export default Banner;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import t from "../../_virtual/index.js";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { getCommonProps as u, px as h } from "../../utils/index.js";
|
|
5
|
+
import { TextVariants as l } from "../Text/types.js";
|
|
6
|
+
import c from "../Text/Text.js";
|
|
7
|
+
import { BannerVariants as w, BannerMediaSize as N } from "./types.js";
|
|
8
|
+
const o = `${h}-banner`, p = i(
|
|
9
|
+
({ children: n, className: s, variant: a = w.top, id: e, ...m }, d) => {
|
|
10
|
+
const { className: B, ...M } = u({ id: e, ...m }, "Banner");
|
|
11
|
+
return /* @__PURE__ */ r(
|
|
12
|
+
"article",
|
|
13
|
+
{
|
|
14
|
+
...M,
|
|
15
|
+
...m,
|
|
16
|
+
id: e,
|
|
17
|
+
ref: d,
|
|
18
|
+
className: t(B, s, {
|
|
19
|
+
[`${B}--${a}`]: a
|
|
20
|
+
}),
|
|
21
|
+
children: /* @__PURE__ */ r("div", { className: `${o}__inner`, children: n })
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
), _ = i(
|
|
26
|
+
({ children: n, className: s, size: a = N.third, ...e }, m) => {
|
|
27
|
+
const d = a === N.half ? "1-2" : "1-3";
|
|
28
|
+
return /* @__PURE__ */ r("div", { ...e, ref: m, className: t(`${o}__media`, `${o}__media--${d}`, s), children: n });
|
|
29
|
+
}
|
|
30
|
+
), y = i(({ children: n, className: s, ...a }, e) => /* @__PURE__ */ r("div", { ...a, ref: e, className: t(`${o}__body`, s), children: n })), $ = i(
|
|
31
|
+
({ className: n, variant: s = l.labelSmall, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__eyebrow`, n) })
|
|
32
|
+
), b = i(
|
|
33
|
+
({ className: n, element: s = "h3", variant: a = l.headingMedium, ...e }, m) => /* @__PURE__ */ r(
|
|
34
|
+
c,
|
|
35
|
+
{
|
|
36
|
+
...e,
|
|
37
|
+
ref: m,
|
|
38
|
+
variant: a,
|
|
39
|
+
element: s,
|
|
40
|
+
className: t(`${o}__title`, n)
|
|
41
|
+
}
|
|
42
|
+
)
|
|
43
|
+
), f = i(
|
|
44
|
+
({ className: n, variant: s = l.bodyMedium, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__description`, n) })
|
|
45
|
+
), g = i(
|
|
46
|
+
({ className: n, variant: s = l.linkMedium, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__cta`, n) })
|
|
47
|
+
), C = i(({ className: n, alt: s = "", ...a }, e) => /* @__PURE__ */ r("img", { ...a, ref: e, alt: s, className: t(`${o}__media-img`, n) }));
|
|
48
|
+
p.displayName = "Banner.Root";
|
|
49
|
+
_.displayName = "Banner.Media";
|
|
50
|
+
y.displayName = "Banner.Content";
|
|
51
|
+
$.displayName = "Banner.Eyebrow";
|
|
52
|
+
b.displayName = "Banner.Title";
|
|
53
|
+
f.displayName = "Banner.Description";
|
|
54
|
+
g.displayName = "Banner.Cta";
|
|
55
|
+
C.displayName = "Banner.Image";
|
|
56
|
+
const v = Object.assign(p, {
|
|
57
|
+
Root: p,
|
|
58
|
+
Media: _,
|
|
59
|
+
Content: y,
|
|
60
|
+
Eyebrow: $,
|
|
61
|
+
Title: b,
|
|
62
|
+
Description: f,
|
|
63
|
+
Cta: g,
|
|
64
|
+
Image: C
|
|
65
|
+
});
|
|
66
|
+
export {
|
|
67
|
+
N as BannerMediaSize,
|
|
68
|
+
w as BannerVariants,
|
|
69
|
+
v as default
|
|
70
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { BannerRootProps } from './Banner';
|
|
2
|
+
import { BannerVariants } from './types';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
|
|
6
|
+
Root: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
7
|
+
Media: import('react').ForwardRefExoticComponent<Omit<import('./Banner').BannerMediaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Eyebrow: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
10
|
+
Title: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
11
|
+
Description: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
12
|
+
Cta: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
|
|
13
|
+
Image: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
|
|
14
|
+
};
|
|
15
|
+
argTypes: {
|
|
16
|
+
variant: {
|
|
17
|
+
options: BannerVariants[];
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
export declare const Playground: {
|
|
26
|
+
(props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
args: {
|
|
28
|
+
id: string;
|
|
29
|
+
};
|
|
30
|
+
argTypes: {
|
|
31
|
+
variant: {
|
|
32
|
+
options: BannerVariants[];
|
|
33
|
+
control: {
|
|
34
|
+
type: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export declare const Inline: {
|
|
40
|
+
(props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
args: {
|
|
42
|
+
id: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export declare const ImageHalf: {
|
|
46
|
+
(props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
storyName: string;
|
|
48
|
+
args: {
|
|
49
|
+
id: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
export declare const ImageThird: {
|
|
53
|
+
(props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
storyName: string;
|
|
55
|
+
args: {
|
|
56
|
+
id: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export declare const ImageOnRight: {
|
|
60
|
+
(props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
storyName: string;
|
|
62
|
+
args: {
|
|
63
|
+
id: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.inline="inline",e.top="top",e))(r||{}),t=(e=>(e.half="1/2",e.third="1/3",e))(t||{});exports.BannerMediaSize=t;exports.BannerVariants=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../utils/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../utils/index.cjs"),h=require("../../_virtual/index.cjs"),x=require("./BreadcrumbItem.cjs"),u=require("../../providers/SeldonProvider/utils.cjs"),f=require("../Icon/Icon.cjs"),o=require("../../utils/constants.cjs"),j=({className:i,items:r=[],truncateIndex:d,linkElement:s="a",...a})=>{const{className:c,...b}=t.getCommonProps(a,"Breadcrumb"),{id:m}=a;return e.jsxs("nav",{"aria-label":"Breadcrumb",className:h.default(c,i),...b,...a,children:[e.jsx(u.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.jsx(s,{href:r[1].href?r[1].href:"/",className:`${t.px}-icon-button ${t.px}-icon-button--primary ${c}__back-button`,"data-testid":`${m}-back-button`,children:e.jsx(f.default,{icon:"ArrowLeft"})})}),e.jsx(u.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.jsx("ol",{children:r.map((n,l)=>e.jsx(x.default,{href:n.href,label:n.label,element:s,isCurrent:r.length-1===l,isTruncateText:d===l},n.label))})})]})};exports.default=j;
|
|
@@ -1,40 +1,41 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { getCommonProps as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsxs as h, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { getCommonProps as u, px as l } from "../../utils/index.js";
|
|
3
|
+
import p from "../../_virtual/index.js";
|
|
4
|
+
import B from "./BreadcrumbItem.js";
|
|
5
5
|
import { SSRMediaQuery as c } from "../../providers/SeldonProvider/utils.js";
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
import k from "../Icon/Icon.js";
|
|
7
|
+
import { Breakpoints as s } from "../../utils/constants.js";
|
|
8
|
+
const y = ({
|
|
9
|
+
className: i,
|
|
9
10
|
items: a = [],
|
|
10
|
-
truncateIndex:
|
|
11
|
+
truncateIndex: d,
|
|
11
12
|
linkElement: n = "a",
|
|
12
13
|
...e
|
|
13
14
|
}) => {
|
|
14
|
-
const { className: t, ...
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */ r(c.Media, { lessThan:
|
|
15
|
+
const { className: t, ...b } = u(e, "Breadcrumb"), { id: f } = e;
|
|
16
|
+
return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: p(t, i), ...b, ...e, children: [
|
|
17
|
+
/* @__PURE__ */ r(c.Media, { lessThan: s.md, children: /* @__PURE__ */ r(
|
|
17
18
|
n,
|
|
18
19
|
{
|
|
19
20
|
href: a[1].href ? a[1].href : "/",
|
|
20
|
-
className: `${
|
|
21
|
-
"data-testid": `${
|
|
22
|
-
children: /* @__PURE__ */ r(
|
|
21
|
+
className: `${l}-icon-button ${l}-icon-button--primary ${t}__back-button`,
|
|
22
|
+
"data-testid": `${f}-back-button`,
|
|
23
|
+
children: /* @__PURE__ */ r(k, { icon: "ArrowLeft" })
|
|
23
24
|
}
|
|
24
25
|
) }),
|
|
25
|
-
/* @__PURE__ */ r(c.Media, { greaterThanOrEqual:
|
|
26
|
-
|
|
26
|
+
/* @__PURE__ */ r(c.Media, { greaterThanOrEqual: s.md, children: /* @__PURE__ */ r("ol", { children: a.map((o, m) => /* @__PURE__ */ r(
|
|
27
|
+
B,
|
|
27
28
|
{
|
|
28
29
|
href: o.href,
|
|
29
30
|
label: o.label,
|
|
30
31
|
element: n,
|
|
31
|
-
isCurrent: a.length - 1 ===
|
|
32
|
-
isTruncateText:
|
|
32
|
+
isCurrent: a.length - 1 === m,
|
|
33
|
+
isTruncateText: d === m
|
|
33
34
|
},
|
|
34
35
|
o.label
|
|
35
36
|
)) }) })
|
|
36
37
|
] });
|
|
37
38
|
};
|
|
38
39
|
export {
|
|
39
|
-
|
|
40
|
+
y as default
|
|
40
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Banner/Banner.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../ProgressBar/ProgressBar.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;
|
|
@@ -3,6 +3,7 @@ import "react/jsx-runtime";
|
|
|
3
3
|
import "../../providers/SeldonProvider/utils.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../Button/Button.js";
|
|
6
|
+
import "../Banner/Banner.js";
|
|
6
7
|
import "../Card/Card.js";
|
|
7
8
|
import "../IconButton/IconButton.js";
|
|
8
9
|
import "../Accordion/Accordion.js";
|
|
@@ -37,6 +38,7 @@ import "../Navigation/NavigationList/NavigationList.js";
|
|
|
37
38
|
import "../Navigation/NavigationSubmenu/NavigationSubmenu.js";
|
|
38
39
|
import "../Pagination/Pagination.js";
|
|
39
40
|
import "../PinchZoom/PinchZoom.js";
|
|
41
|
+
import "../ProgressBar/ProgressBar.js";
|
|
40
42
|
import "../Row/Row.js";
|
|
41
43
|
import "../Search/Search.js";
|
|
42
44
|
import "../SeldonImage/SeldonImage.js";
|
|
@@ -95,7 +97,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
|
|
|
95
97
|
import "../../patterns/ProgressWizard/ProgressWizard.js";
|
|
96
98
|
import "../../patterns/ProgressWizard/types.js";
|
|
97
99
|
import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
|
|
98
|
-
const
|
|
100
|
+
const Rp = () => ({
|
|
99
101
|
adornment: `${p}-input__wrapper__adornment`,
|
|
100
102
|
emptyValidation: `${p}-input__empty-validation`,
|
|
101
103
|
input: `${p}-input__input`,
|
|
@@ -107,5 +109,5 @@ const Pp = () => ({
|
|
|
107
109
|
wrapperInput: `${p}-input__wrapper__input`
|
|
108
110
|
});
|
|
109
111
|
export {
|
|
110
|
-
|
|
112
|
+
Rp as getInputClassNames
|
|
111
113
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),x=require("../../_virtual/index.cjs"),j=require("../../site-furniture/Header/Header.cjs"),f=require("./NavigationList/NavigationList.cjs"),m=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),l=require("../../providers/SeldonProvider/utils.cjs"),C=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),v=require("../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),o=require("../../utils/constants.cjs"),p=e.forwardRef(({"aria-label":h,children:r,className:S,id:d,visible:b=!0,dir:N,...g},q)=>{const{isSearchExpanded:a,activeSubmenuId:y,setActiveSubmenuId:M}=e.useContext(j.HeaderContext),t=i.findChildrenOfType(r,f.default)?.[0],_=i.findChildrenExcludingTypes(r,[f.default,m.default]),s=i.findChildrenOfType(r,m.default)?.[0],u=y??"",E=n.jsxs("div",{className:x.default(`${i.px}-nav__list-container`,{[`${i.px}-nav__list-container--search-expanded`]:a}),children:[_,n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(t)?e.cloneElement(t,{isOffScreen:a,isMobile:!0}):void 0}),n.jsx(l.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.isValidElement(t)?n.jsxs(C.default,{enabled:!!u,allowPinchZoom:!0,removeScrollBar:!1,children:[e.cloneElement(t,{isOffScreen:a,isMobile:!1}),n.jsx(v.Viewport,{className:`${i.px}-nav__radix-viewport`})]}):void 0}),n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(s)&&s?e.cloneElement(s,{isHidden:a}):void 0})]});return n.jsx(v.Root,{"aria-label":h??"Main navigation","data-testid":d,id:d,style:{"--visible":b?"visible":"hidden"},className:x.default(`${i.px}-nav`,`${i.px}-nav__radix-root`,S),delayDuration:0,skipDelayDuration:300,value:u,onValueChange:c=>M(c===""?null:c),ref:q,...g,children:E})});p.displayName="Navigation";exports.default=p;
|
|
@@ -1,60 +1,61 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import e, { forwardRef as
|
|
3
|
-
import { findChildrenOfType as
|
|
1
|
+
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import e, { forwardRef as M } from "react";
|
|
3
|
+
import { findChildrenOfType as p, findChildrenExcludingTypes as R, px as a } from "../../utils/index.js";
|
|
4
4
|
import u from "../../_virtual/index.js";
|
|
5
|
-
import { HeaderContext as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
5
|
+
import { HeaderContext as V } from "../../site-furniture/Header/Header.js";
|
|
6
|
+
import v from "./NavigationList/NavigationList.js";
|
|
7
|
+
import h from "../../patterns/LanguageSelector/LanguageSelector.js";
|
|
8
8
|
import { SSRMediaQuery as l } from "../../providers/SeldonProvider/utils.js";
|
|
9
|
-
import
|
|
10
|
-
import { Viewport as
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
import T from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
|
|
10
|
+
import { Viewport as $, Root as w } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
|
|
11
|
+
import { Breakpoints as s } from "../../utils/constants.js";
|
|
12
|
+
const O = M(
|
|
13
|
+
({ "aria-label": S, children: t, className: g, id: d, visible: x = !0, dir: D, ..._ }, b) => {
|
|
14
|
+
const { isSearchExpanded: n, activeSubmenuId: E, setActiveSubmenuId: N } = e.useContext(V), o = p(t, v)?.[0], y = R(t, [v, h]), r = p(t, h)?.[0], m = E ?? "", C = /* @__PURE__ */ f(
|
|
14
15
|
"div",
|
|
15
16
|
{
|
|
16
17
|
className: u(`${a}-nav__list-container`, {
|
|
17
18
|
[`${a}-nav__list-container--search-expanded`]: n
|
|
18
19
|
}),
|
|
19
20
|
children: [
|
|
20
|
-
|
|
21
|
-
/* @__PURE__ */ i(l.Media, { lessThan:
|
|
21
|
+
y,
|
|
22
|
+
/* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(o) ? e.cloneElement(o, {
|
|
22
23
|
isOffScreen: n,
|
|
23
24
|
isMobile: !0
|
|
24
25
|
}) : void 0 }),
|
|
25
|
-
/* @__PURE__ */ i(l.Media, { greaterThanOrEqual:
|
|
26
|
+
/* @__PURE__ */ i(l.Media, { greaterThanOrEqual: s.md, children: e.isValidElement(o) ? /* @__PURE__ */ f(T, { enabled: !!m, allowPinchZoom: !0, removeScrollBar: !1, children: [
|
|
26
27
|
e.cloneElement(o, {
|
|
27
28
|
isOffScreen: n,
|
|
28
29
|
isMobile: !1
|
|
29
30
|
}),
|
|
30
|
-
/* @__PURE__ */ i(
|
|
31
|
+
/* @__PURE__ */ i($, { className: `${a}-nav__radix-viewport` })
|
|
31
32
|
] }) : void 0 }),
|
|
32
|
-
/* @__PURE__ */ i(l.Media, { lessThan:
|
|
33
|
+
/* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(r) && r ? e.cloneElement(r, {
|
|
33
34
|
isHidden: n
|
|
34
35
|
}) : void 0 })
|
|
35
36
|
]
|
|
36
37
|
}
|
|
37
38
|
);
|
|
38
39
|
return /* @__PURE__ */ i(
|
|
39
|
-
|
|
40
|
+
w,
|
|
40
41
|
{
|
|
41
|
-
"aria-label":
|
|
42
|
-
"data-testid":
|
|
43
|
-
id:
|
|
44
|
-
style: { "--visible":
|
|
45
|
-
className: u(`${a}-nav`, `${a}-nav__radix-root`,
|
|
42
|
+
"aria-label": S ?? "Main navigation",
|
|
43
|
+
"data-testid": d,
|
|
44
|
+
id: d,
|
|
45
|
+
style: { "--visible": x ? "visible" : "hidden" },
|
|
46
|
+
className: u(`${a}-nav`, `${a}-nav__radix-root`, g),
|
|
46
47
|
delayDuration: 0,
|
|
47
48
|
skipDelayDuration: 300,
|
|
48
|
-
value:
|
|
49
|
-
onValueChange: (
|
|
50
|
-
ref:
|
|
51
|
-
...
|
|
52
|
-
children:
|
|
49
|
+
value: m,
|
|
50
|
+
onValueChange: (c) => N(c === "" ? null : c),
|
|
51
|
+
ref: b,
|
|
52
|
+
..._,
|
|
53
|
+
children: C
|
|
53
54
|
}
|
|
54
55
|
);
|
|
55
56
|
}
|
|
56
57
|
);
|
|
57
|
-
|
|
58
|
+
O.displayName = "Navigation";
|
|
58
59
|
export {
|
|
59
|
-
|
|
60
|
+
O as default
|
|
60
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index.cjs"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index.cjs"),r=require("react"),M=require("../../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),h=require("../../../providers/SeldonProvider/utils.cjs"),q=require("../../../site-furniture/Header/Header.cjs"),a=require("../../../utils/index.cjs"),T=require("../../Accordion/Accordion.cjs"),$=require("../../Accordion/AccordionItem.cjs"),I=require("../../Text/types.cjs"),P=require("../../Text/Text.cjs"),W=require("../NavigationSubmenu/NavigationSubmenu.cjs"),O=require("./NavigationDesktopSubmenu.cjs"),b=require("../../../utils/constants.cjs"),S=({id:o,label:t,children:u})=>{const{isMenuOpen:c}=r.useContext(q.HeaderContext);return e.jsx(T.default,{children:e.jsx($.default,{hasTransition:!0,id:`accordion-item-${o}`,label:e.jsx(P.default,{variant:I.TextVariants.linkStylised,children:t}),children:u},`accordion-key-${t}`)},`accordion-key-${t}-${c}`)},j=r.forwardRef(({id:o,label:t,children:u,className:c,onClick:k,renderMode:v,isMobile:m,...C},N)=>{const{className:i,...s}=a.getCommonProps({id:o},"NavigationItemWithSubmenu"),n=a.findChildrenOfType(u,W.default),{closeMenu:l,setActiveSubmenuId:g}=r.useContext(q.HeaderContext),_=o??i??"item",p=e.jsx(O.default,{ref:N,navSubmenuElement:n,itemValue:_,baseClassName:i,commonProps:s,label:t,className:c,onClick:k,closeMenu:l,setActiveSubmenuId:g,itemProps:C}),x=typeof m=="boolean"?m?"mobile":"desktop":v;if(x==="mobile")return e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...s,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})});if(x==="desktop")return p;const{"data-testid":R,...y}=s;return e.jsx(e.Fragment,{children:e.jsxs(M.default,{enabled:!1,allowPinchZoom:!0,removeScrollBar:!1,children:[e.jsx(h.SSRMediaQuery.Media,{lessThan:b.Breakpoints.md,children:e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...y,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})})}),e.jsx(h.SSRMediaQuery.Media,{greaterThanOrEqual:b.Breakpoints.md,children:p})]})})});j.displayName="NavigationItemWithSubmenu";exports.default=j;
|
|
@@ -1,34 +1,35 @@
|
|
|
1
|
-
import { jsx as e, Fragment as
|
|
1
|
+
import { jsx as e, Fragment as T, jsxs as $ } from "react/jsx-runtime";
|
|
2
2
|
import f from "../../../_virtual/index.js";
|
|
3
|
-
import m, { forwardRef as
|
|
4
|
-
import
|
|
3
|
+
import m, { forwardRef as y } from "react";
|
|
4
|
+
import M from "../../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
|
|
5
5
|
import { SSRMediaQuery as h } from "../../../providers/SeldonProvider/utils.js";
|
|
6
6
|
import { HeaderContext as N } from "../../../site-furniture/Header/Header.js";
|
|
7
|
-
import { getCommonProps as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { TextVariants as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
7
|
+
import { getCommonProps as W, findChildrenOfType as P, px as b } from "../../../utils/index.js";
|
|
8
|
+
import R from "../../Accordion/Accordion.js";
|
|
9
|
+
import E from "../../Accordion/AccordionItem.js";
|
|
10
|
+
import { TextVariants as O } from "../../Text/types.js";
|
|
11
|
+
import A from "../../Text/Text.js";
|
|
12
|
+
import V from "../NavigationSubmenu/NavigationSubmenu.js";
|
|
13
|
+
import j from "./NavigationDesktopSubmenu.js";
|
|
14
|
+
import { Breakpoints as k } from "../../../utils/constants.js";
|
|
14
15
|
const v = ({ id: n, label: o, children: a }) => {
|
|
15
16
|
const { isMenuOpen: s } = m.useContext(N);
|
|
16
|
-
return /* @__PURE__ */ e(
|
|
17
|
-
|
|
17
|
+
return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
|
|
18
|
+
E,
|
|
18
19
|
{
|
|
19
20
|
hasTransition: !0,
|
|
20
21
|
id: `accordion-item-${n}`,
|
|
21
|
-
label: /* @__PURE__ */ e(
|
|
22
|
+
label: /* @__PURE__ */ e(A, { variant: O.linkStylised, children: o }),
|
|
22
23
|
children: a
|
|
23
24
|
},
|
|
24
25
|
`accordion-key-${o}`
|
|
25
26
|
) }, `accordion-key-${o}-${s}`);
|
|
26
|
-
},
|
|
27
|
-
({ id: n, label: o, children: a, className: s, onClick: S, renderMode:
|
|
28
|
-
const { className: i, ...r } =
|
|
29
|
-
|
|
27
|
+
}, w = y(
|
|
28
|
+
({ id: n, label: o, children: a, className: s, onClick: S, renderMode: C, isMobile: u, ..._ }, g) => {
|
|
29
|
+
const { className: i, ...r } = W({ id: n }, "NavigationItemWithSubmenu"), t = P(a, V), { closeMenu: c, setActiveSubmenuId: x } = m.useContext(N), d = /* @__PURE__ */ e(
|
|
30
|
+
j,
|
|
30
31
|
{
|
|
31
|
-
ref:
|
|
32
|
+
ref: g,
|
|
32
33
|
navSubmenuElement: t,
|
|
33
34
|
itemValue: n ?? i ?? "item",
|
|
34
35
|
baseClassName: i,
|
|
@@ -37,10 +38,10 @@ const v = ({ id: n, label: o, children: a }) => {
|
|
|
37
38
|
className: s,
|
|
38
39
|
onClick: S,
|
|
39
40
|
closeMenu: c,
|
|
40
|
-
setActiveSubmenuId:
|
|
41
|
-
itemProps:
|
|
41
|
+
setActiveSubmenuId: x,
|
|
42
|
+
itemProps: _
|
|
42
43
|
}
|
|
43
|
-
), p = typeof u == "boolean" ? u ? "mobile" : "desktop" :
|
|
44
|
+
), p = typeof u == "boolean" ? u ? "mobile" : "desktop" : C;
|
|
44
45
|
if (p === "mobile")
|
|
45
46
|
return /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...r, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
|
|
46
47
|
className: `${i}__submenu--mobile`,
|
|
@@ -50,19 +51,19 @@ const v = ({ id: n, label: o, children: a }) => {
|
|
|
50
51
|
}) : null }) });
|
|
51
52
|
if (p === "desktop")
|
|
52
53
|
return d;
|
|
53
|
-
const { "data-testid": q, ...
|
|
54
|
-
return /* @__PURE__ */ e(
|
|
55
|
-
/* @__PURE__ */ e(h.Media, { lessThan:
|
|
54
|
+
const { "data-testid": q, ...I } = r;
|
|
55
|
+
return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ $(M, { enabled: !1, allowPinchZoom: !0, removeScrollBar: !1, children: [
|
|
56
|
+
/* @__PURE__ */ e(h.Media, { lessThan: k.md, children: /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...I, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
|
|
56
57
|
className: `${i}__submenu--mobile`,
|
|
57
58
|
onClick: (l) => {
|
|
58
59
|
t[0].props?.onClick?.(l), c?.();
|
|
59
60
|
}
|
|
60
61
|
}) : null }) }) }),
|
|
61
|
-
/* @__PURE__ */ e(h.Media, { greaterThanOrEqual:
|
|
62
|
+
/* @__PURE__ */ e(h.Media, { greaterThanOrEqual: k.md, children: d })
|
|
62
63
|
] }) });
|
|
63
64
|
}
|
|
64
65
|
);
|
|
65
|
-
|
|
66
|
+
w.displayName = "NavigationItemWithSubmenu";
|
|
66
67
|
export {
|
|
67
|
-
|
|
68
|
+
w as default
|
|
68
69
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index.cjs"),N=require("../../utils/index.cjs"),T=require("../Text/types.cjs"),q=require("../Text/Text.cjs"),w=require("./utils.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:r,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:a,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>w.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[c,u]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);u({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(a,g),children:[s.jsx("span",{className:`${a}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${a}__track`,onMouseEnter:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:r?()=>u(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${a}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${a}__label`,children:s.jsx(q.default,{element:"span",variant:T.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),r&&c.isVisible&&s.jsxs("div",{className:`${a}__hover-tooltip`,style:{left:`${c.x}px`},"aria-hidden":!0,children:[r,s.jsx("span",{className:`${a}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;
|