boreal-ui 0.0.882 → 0.0.883

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.
@@ -27,6 +27,25 @@ const FooterBase = ({
27
27
  socialLinks = [],
28
28
  showThemeSelect = false,
29
29
  bottomEnd,
30
+ contentClassName,
31
+ leftClassName,
32
+ linksClassName,
33
+ linkClassName,
34
+ logoClassName,
35
+ socialClassName,
36
+ themeToggleClassName,
37
+ brandClassName,
38
+ brandLinkClassName,
39
+ brandTitleClassName,
40
+ brandDescriptionClassName,
41
+ sectionsClassName,
42
+ sectionTitleClassName,
43
+ actionsClassName,
44
+ actionGroupClassName,
45
+ bottomClassName,
46
+ bottomCopyrightClassName,
47
+ bottomEndClassName,
48
+ copyrightClassName,
30
49
  IconButton: IconButton2,
31
50
  ImageComponent = "img",
32
51
  ThemeSelect,
@@ -76,7 +95,7 @@ const FooterBase = ({
76
95
  return /* @__PURE__ */ jsxRuntime.jsx(
77
96
  "img",
78
97
  {
79
- className: classMap.logo,
98
+ className: classNames.combineClassNames(classMap.logo, logoClassName),
80
99
  "data-testid": `${testId}-logo`,
81
100
  loading: "lazy",
82
101
  src: logoSrc,
@@ -90,7 +109,7 @@ const FooterBase = ({
90
109
  return /* @__PURE__ */ jsxRuntime.jsx(
91
110
  ImageComponent,
92
111
  {
93
- className: classMap.logo,
112
+ className: classNames.combineClassNames(classMap.logo, logoClassName),
94
113
  "data-testid": `${testId}-logo`,
95
114
  src: logoSrc,
96
115
  alt: logoDecorative ? "" : logoAriaLabel,
@@ -106,7 +125,7 @@ const FooterBase = ({
106
125
  return /* @__PURE__ */ jsxRuntime.jsx(
107
126
  "span",
108
127
  {
109
- className: classMap.logo,
128
+ className: classNames.combineClassNames(classMap.logo, logoClassName),
110
129
  role: logoDecorative ? void 0 : "img",
111
130
  "aria-label": logoDecorative ? void 0 : logoAriaLabel,
112
131
  "aria-hidden": logoDecorative ? true : void 0,
@@ -115,14 +134,18 @@ const FooterBase = ({
115
134
  }
116
135
  );
117
136
  };
118
- const renderFooterLink = (link, index) => {
137
+ const renderFooterLink = (link, index, customLinkClassName) => {
119
138
  const slug = slugify(link.label || link.href || `link-${index}`);
120
139
  const key = `${link.href ?? slug}-${index}`;
140
+ const resolvedLinkClassName = classNames.combineClassNames(
141
+ classMap.link,
142
+ customLinkClassName
143
+ );
121
144
  if (link.disabled) {
122
145
  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
123
146
  "span",
124
147
  {
125
- className: classMap.link,
148
+ className: resolvedLinkClassName,
126
149
  "data-testid": `${testId}-link-${slug}`,
127
150
  "aria-disabled": "true",
128
151
  title: link.title,
@@ -134,7 +157,7 @@ const FooterBase = ({
134
157
  LinkWrapper,
135
158
  {
136
159
  href: link.href,
137
- className: classMap.link,
160
+ className: resolvedLinkClassName,
138
161
  "data-testid": `${testId}-link-${slug}`,
139
162
  "aria-label": link["aria-label"],
140
163
  "aria-current": link["aria-current"],
@@ -152,7 +175,7 @@ const FooterBase = ({
152
175
  return /* @__PURE__ */ jsxRuntime.jsx(
153
176
  "nav",
154
177
  {
155
- className: classMap.social,
178
+ className: classNames.combineClassNames(classMap.social, socialClassName),
156
179
  "aria-label": socialNavAriaLabel,
157
180
  "data-testid": `${testId}-social`,
158
181
  children: socialLinks.map((social, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -182,7 +205,10 @@ const FooterBase = ({
182
205
  return /* @__PURE__ */ jsxRuntime.jsx(
183
206
  "div",
184
207
  {
185
- className: classMap.themeToggle,
208
+ className: classNames.combineClassNames(
209
+ classMap.themeToggle,
210
+ themeToggleClassName
211
+ ),
186
212
  "data-testid": `${testId}-theme-select`,
187
213
  "aria-label": themeSelectAriaLabel,
188
214
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -203,61 +229,117 @@ const FooterBase = ({
203
229
  brandTitle && /* @__PURE__ */ jsxRuntime.jsx(
204
230
  "span",
205
231
  {
206
- className: classMap.brandTitle,
232
+ className: classNames.combineClassNames(
233
+ classMap.brandTitle,
234
+ brandTitleClassName
235
+ ),
207
236
  "data-testid": `${testId}-brand-title`,
208
237
  children: brandTitle
209
238
  }
210
239
  )
211
240
  ] });
212
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.brand, "data-testid": `${testId}-brand`, children: [
213
- brandHref ? /* @__PURE__ */ jsxRuntime.jsx(
214
- LinkWrapper,
215
- {
216
- href: brandHref,
217
- className: classMap.brandLink,
218
- "aria-label": typeof brandTitle === "string" ? brandTitle : logoAriaLabel,
219
- children: brandContent
220
- }
221
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.brandLink, children: brandContent }),
222
- brandDescription && /* @__PURE__ */ jsxRuntime.jsx(
223
- "p",
224
- {
225
- className: classMap.brandDescription,
226
- "data-testid": `${testId}-brand-description`,
227
- children: brandDescription
228
- }
229
- ),
230
- copyright && !shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
231
- "div",
232
- {
233
- className: classMap.copyright,
234
- "data-testid": `${testId}-copyright`,
235
- children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
236
- }
237
- )
238
- ] });
241
+ return /* @__PURE__ */ jsxRuntime.jsxs(
242
+ "div",
243
+ {
244
+ className: classNames.combineClassNames(classMap.brand, brandClassName),
245
+ "data-testid": `${testId}-brand`,
246
+ children: [
247
+ brandHref ? /* @__PURE__ */ jsxRuntime.jsx(
248
+ LinkWrapper,
249
+ {
250
+ href: brandHref,
251
+ className: classNames.combineClassNames(
252
+ classMap.brandLink,
253
+ brandLinkClassName
254
+ ),
255
+ "aria-label": typeof brandTitle === "string" ? brandTitle : logoAriaLabel,
256
+ children: brandContent
257
+ }
258
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
259
+ "div",
260
+ {
261
+ className: classNames.combineClassNames(
262
+ classMap.brandLink,
263
+ brandLinkClassName
264
+ ),
265
+ children: brandContent
266
+ }
267
+ ),
268
+ brandDescription && /* @__PURE__ */ jsxRuntime.jsx(
269
+ "p",
270
+ {
271
+ className: classNames.combineClassNames(
272
+ classMap.brandDescription,
273
+ brandDescriptionClassName
274
+ ),
275
+ "data-testid": `${testId}-brand-description`,
276
+ children: brandDescription
277
+ }
278
+ ),
279
+ copyright && !shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
280
+ "div",
281
+ {
282
+ className: classNames.combineClassNames(
283
+ classMap.copyright,
284
+ copyrightClassName
285
+ ),
286
+ "data-testid": `${testId}-copyright`,
287
+ children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
288
+ }
289
+ )
290
+ ]
291
+ }
292
+ );
239
293
  };
240
294
  const renderSections = () => {
241
295
  if (normalizedSections.length === 0) {
242
296
  return null;
243
297
  }
244
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.sections, "data-testid": `${testId}-sections`, children: normalizedSections.map((section, sectionIndex) => {
245
- const titleText = typeof section.title === "string" ? section.title : `section-${sectionIndex + 1}`;
246
- const sectionSlug = section.testId ?? slugify(titleText);
247
- return /* @__PURE__ */ jsxRuntime.jsxs(
248
- "nav",
249
- {
250
- className: classMap.section,
251
- "aria-label": section["aria-label"] ?? `${titleText} links`,
252
- "data-testid": `${testId}-section-${sectionSlug}`,
253
- children: [
254
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: classMap.sectionTitle, children: section.title }),
255
- /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.sectionList, children: section.links.map(renderFooterLink) })
256
- ]
257
- },
258
- sectionSlug
259
- );
260
- }) });
298
+ return /* @__PURE__ */ jsxRuntime.jsx(
299
+ "div",
300
+ {
301
+ className: classNames.combineClassNames(classMap.sections, sectionsClassName),
302
+ "data-testid": `${testId}-sections`,
303
+ children: normalizedSections.map((section, sectionIndex) => {
304
+ const titleText = typeof section.title === "string" ? section.title : `section-${sectionIndex + 1}`;
305
+ const sectionSlug = section.testId ?? slugify(titleText);
306
+ return /* @__PURE__ */ jsxRuntime.jsxs(
307
+ "nav",
308
+ {
309
+ className: classNames.combineClassNames(classMap.section, section.className),
310
+ "aria-label": section["aria-label"] ?? `${titleText} links`,
311
+ "data-testid": `${testId}-section-${sectionSlug}`,
312
+ children: [
313
+ /* @__PURE__ */ jsxRuntime.jsx(
314
+ "h2",
315
+ {
316
+ className: classNames.combineClassNames(
317
+ classMap.sectionTitle,
318
+ sectionTitleClassName,
319
+ section.titleClassName
320
+ ),
321
+ children: section.title
322
+ }
323
+ ),
324
+ /* @__PURE__ */ jsxRuntime.jsx(
325
+ "ul",
326
+ {
327
+ className: classNames.combineClassNames(
328
+ classMap.sectionList,
329
+ section.listClassName
330
+ ),
331
+ children: section.links.map(
332
+ (link, index) => renderFooterLink(link, index, section.linkClassName)
333
+ )
334
+ }
335
+ )
336
+ ]
337
+ },
338
+ sectionSlug
339
+ );
340
+ })
341
+ }
342
+ );
261
343
  };
262
344
  if (layout === "columns") {
263
345
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -271,36 +353,74 @@ const FooterBase = ({
271
353
  "aria-describedby": ariaDescribedBy,
272
354
  ...rest,
273
355
  children: [
274
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
356
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames.combineClassNames(classMap.content, contentClassName), children: [
275
357
  renderBrand(),
276
358
  renderSections(),
277
- (socialLinks.length > 0 || showThemeSelect) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.actions, "data-testid": `${testId}-actions`, children: [
278
- socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.actionGroup, children: [
279
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: classMap.sectionTitle, children: "Connect" }),
280
- renderSocialLinks()
281
- ] }),
282
- renderThemeSelect()
283
- ] })
284
- ] }),
285
- (copyright || bottomEnd) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.bottom, "data-testid": `${testId}-bottom`, children: [
286
- copyright && shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
287
- "p",
288
- {
289
- id: labelId,
290
- className: classMap.bottomCopyright,
291
- "data-testid": `${testId}-copyright`,
292
- children: copyright
293
- }
294
- ),
295
- bottomEnd && /* @__PURE__ */ jsxRuntime.jsx(
359
+ (socialLinks.length > 0 || showThemeSelect) && /* @__PURE__ */ jsxRuntime.jsxs(
296
360
  "div",
297
361
  {
298
- className: classMap.bottomEnd,
299
- "data-testid": `${testId}-bottom-end`,
300
- children: bottomEnd
362
+ className: classNames.combineClassNames(classMap.actions, actionsClassName),
363
+ "data-testid": `${testId}-actions`,
364
+ children: [
365
+ socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
366
+ "div",
367
+ {
368
+ className: classNames.combineClassNames(
369
+ classMap.actionGroup,
370
+ actionGroupClassName
371
+ ),
372
+ children: [
373
+ /* @__PURE__ */ jsxRuntime.jsx(
374
+ "h2",
375
+ {
376
+ className: classNames.combineClassNames(
377
+ classMap.sectionTitle,
378
+ sectionTitleClassName
379
+ ),
380
+ children: "Connect"
381
+ }
382
+ ),
383
+ renderSocialLinks()
384
+ ]
385
+ }
386
+ ),
387
+ renderThemeSelect()
388
+ ]
301
389
  }
302
390
  )
303
- ] })
391
+ ] }),
392
+ (copyright || bottomEnd) && /* @__PURE__ */ jsxRuntime.jsxs(
393
+ "div",
394
+ {
395
+ className: classNames.combineClassNames(classMap.bottom, bottomClassName),
396
+ "data-testid": `${testId}-bottom`,
397
+ children: [
398
+ copyright && shouldRenderCopyrightInBottom && /* @__PURE__ */ jsxRuntime.jsx(
399
+ "p",
400
+ {
401
+ id: labelId,
402
+ className: classNames.combineClassNames(
403
+ classMap.bottomCopyright,
404
+ bottomCopyrightClassName
405
+ ),
406
+ "data-testid": `${testId}-copyright`,
407
+ children: copyright
408
+ }
409
+ ),
410
+ bottomEnd && /* @__PURE__ */ jsxRuntime.jsx(
411
+ "div",
412
+ {
413
+ className: classNames.combineClassNames(
414
+ classMap.bottomEnd,
415
+ bottomEndClassName
416
+ ),
417
+ "data-testid": `${testId}-bottom-end`,
418
+ children: bottomEnd
419
+ }
420
+ )
421
+ ]
422
+ }
423
+ )
304
424
  ]
305
425
  }
306
426
  );
@@ -315,25 +435,34 @@ const FooterBase = ({
315
435
  "aria-labelledby": ariaLabelledBy ?? labelId,
316
436
  "aria-describedby": ariaDescribedBy,
317
437
  ...rest,
318
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
319
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
320
- renderLogo(),
321
- copyright && /* @__PURE__ */ jsxRuntime.jsx(
322
- "div",
323
- {
324
- className: classMap.copyright ?? classMap.left,
325
- "data-testid": `${testId}-copyright`,
326
- children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
327
- }
328
- )
329
- ] }),
438
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames.combineClassNames(classMap.content, contentClassName), children: [
439
+ /* @__PURE__ */ jsxRuntime.jsxs(
440
+ "div",
441
+ {
442
+ className: classNames.combineClassNames(classMap.left, leftClassName),
443
+ "data-testid": `${testId}-left`,
444
+ children: [
445
+ renderLogo(),
446
+ copyright && /* @__PURE__ */ jsxRuntime.jsx(
447
+ "div",
448
+ {
449
+ className: classNames.combineClassNames(classMap.copyright, copyrightClassName) ?? classNames.combineClassNames(classMap.left, leftClassName),
450
+ "data-testid": `${testId}-copyright`,
451
+ children: /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, children: copyright })
452
+ }
453
+ )
454
+ ]
455
+ }
456
+ ),
330
457
  links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
331
458
  "nav",
332
459
  {
333
- className: classMap.links,
460
+ className: classNames.combineClassNames(classMap.links, linksClassName),
334
461
  "aria-label": navAriaLabel,
335
462
  "data-testid": `${testId}-nav`,
336
- children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: links.map(renderFooterLink) })
463
+ children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: links.map(
464
+ (link, index) => renderFooterLink(link, index, linkClassName)
465
+ ) })
337
466
  }
338
467
  ),
339
468
  renderThemeSelect(),
@@ -438,4 +567,4 @@ const Footer = (props) => {
438
567
  Footer.displayName = "Footer";
439
568
  exports.Footer = Footer;
440
569
  exports.UserThemeSettings = UserThemeSettings;
441
- //# sourceMappingURL=Footer-Cwi11hLk.cjs.map
570
+ //# sourceMappingURL=Footer-Dz2WLlmG.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Footer-Dz2WLlmG.cjs","sources":["../../src/components/Footer/FooterBase.tsx","../../src/components/Select/ThemeSelect/core/ThemeSelect.tsx","../../src/components/Footer/core/Footer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n BaseFooterProps,\r\n FooterLink,\r\n FooterSection,\r\n LogoSource,\r\n} from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst slugify = (value: string) =>\r\n value.toLowerCase().trim().replace(/\\s+/g, \"-\");\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n theme = getDefaultTheme(),\r\n attachment = \"static\",\r\n shadow = \"none\",\r\n rounding = \"none\",\r\n layout = \"inline\",\r\n className = \"\",\r\n \"data-testid\": testId = \"footer\",\r\n\r\n copyright,\r\n copyrightInBottom,\r\n links = [],\r\n sections,\r\n logo,\r\n brandTitle,\r\n brandDescription,\r\n brandHref,\r\n\r\n socialLinks = [],\r\n showThemeSelect = false,\r\n bottomEnd,\r\n\r\n contentClassName,\r\n leftClassName,\r\n linksClassName,\r\n linkClassName,\r\n logoClassName,\r\n socialClassName,\r\n themeToggleClassName,\r\n\r\n brandClassName,\r\n brandLinkClassName,\r\n brandTitleClassName,\r\n brandDescriptionClassName,\r\n\r\n sectionsClassName,\r\n sectionTitleClassName,\r\n actionsClassName,\r\n actionGroupClassName,\r\n\r\n bottomClassName,\r\n bottomCopyrightClassName,\r\n bottomEndClassName,\r\n copyrightClassName,\r\n\r\n IconButton,\r\n ImageComponent = \"img\",\r\n ThemeSelect,\r\n classMap,\r\n LinkWrapper = ({ href, children, ...rest }) => (\r\n <a href={href} {...rest}>\r\n {children}\r\n </a>\r\n ),\r\n\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n navAriaLabel = \"Footer site links\",\r\n socialNavAriaLabel = \"Social media\",\r\n themeSelectAriaLabel = \"Theme selector\",\r\n logoAriaLabel = \"Logo\",\r\n logoDecorative = false,\r\n labelId,\r\n ...rest\r\n}) => {\r\n const footerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.footer,\r\n classMap[theme],\r\n layout !== \"inline\" && classMap[`layout${capitalize(layout)}`],\r\n shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n classMap[`attachment${capitalize(attachment)}`],\r\n className,\r\n ),\r\n [classMap, theme, layout, shadow, rounding, attachment, className],\r\n );\r\n\r\n const isLogoImage = (\r\n value: unknown,\r\n ): value is { src: string; width?: number; height?: number } =>\r\n typeof value === \"object\" &&\r\n value !== null &&\r\n \"src\" in (value as Record<string, unknown>);\r\n\r\n const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n const imgLogo = isImgLike\r\n ? typeof logo === \"string\"\r\n ? { src: logo }\r\n : logo\r\n : undefined;\r\n\r\n const logoSrc = imgLogo?.src;\r\n const logoW = imgLogo?.width ?? 20;\r\n const logoH = imgLogo?.height ?? 20;\r\n\r\n const normalizedSections: FooterSection[] =\r\n sections && sections.length > 0\r\n ? sections\r\n : links.length > 0\r\n ? [\r\n {\r\n title: \"Links\",\r\n links,\r\n \"aria-label\": navAriaLabel,\r\n testId: \"links\",\r\n },\r\n ]\r\n : [];\r\n\r\n const shouldRenderCopyrightInBottom =\r\n copyrightInBottom ?? layout === \"columns\";\r\n\r\n const renderLogo = () => {\r\n if (isImgLike && logoSrc) {\r\n if (typeof ImageComponent === \"string\") {\r\n return (\r\n <img\r\n className={combineClassNames(classMap.logo, logoClassName)}\r\n data-testid={`${testId}-logo`}\r\n loading=\"lazy\"\r\n src={logoSrc}\r\n alt={logoDecorative ? \"\" : logoAriaLabel}\r\n aria-hidden={logoDecorative ? true : undefined}\r\n height={logoH}\r\n width={logoW}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <ImageComponent\r\n className={combineClassNames(classMap.logo, logoClassName)}\r\n data-testid={`${testId}-logo`}\r\n src={logoSrc}\r\n alt={logoDecorative ? \"\" : logoAriaLabel}\r\n aria-hidden={logoDecorative ? true : undefined}\r\n height={logoH}\r\n width={logoW}\r\n />\r\n );\r\n }\r\n\r\n if (!logo) {\r\n return null;\r\n }\r\n\r\n return (\r\n <span\r\n className={combineClassNames(classMap.logo, logoClassName)}\r\n role={logoDecorative ? undefined : \"img\"}\r\n aria-label={logoDecorative ? undefined : logoAriaLabel}\r\n aria-hidden={logoDecorative ? true : undefined}\r\n data-testid={`${testId}-logo`}\r\n >\r\n {\r\n logo as Exclude<\r\n LogoSource,\r\n string | { src: string; width?: number; height?: number }\r\n >\r\n }\r\n </span>\r\n );\r\n };\r\n\r\n const renderFooterLink = (\r\n link: FooterLink,\r\n index: number,\r\n customLinkClassName?: string,\r\n ) => {\r\n const slug = slugify(link.label || link.href || `link-${index}`);\r\n const key = `${link.href ?? slug}-${index}`;\r\n const resolvedLinkClassName = combineClassNames(\r\n classMap.link,\r\n customLinkClassName,\r\n );\r\n\r\n if (link.disabled) {\r\n return (\r\n <li key={key}>\r\n <span\r\n className={resolvedLinkClassName}\r\n data-testid={`${testId}-link-${slug}`}\r\n aria-disabled=\"true\"\r\n title={link.title}\r\n >\r\n {link.label}\r\n </span>\r\n </li>\r\n );\r\n }\r\n\r\n return (\r\n <li key={key}>\r\n <LinkWrapper\r\n href={link.href}\r\n className={resolvedLinkClassName}\r\n data-testid={`${testId}-link-${slug}`}\r\n aria-label={link[\"aria-label\"]}\r\n aria-current={link[\"aria-current\"]}\r\n title={link.title}\r\n rel={link.rel}\r\n target={link.target}\r\n >\r\n {link.label}\r\n </LinkWrapper>\r\n </li>\r\n );\r\n };\r\n\r\n const renderSocialLinks = () => {\r\n if (socialLinks.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n <nav\r\n className={combineClassNames(classMap.social, socialClassName)}\r\n aria-label={socialNavAriaLabel}\r\n data-testid={`${testId}-social`}\r\n >\r\n {socialLinks.map((social, index) => (\r\n <IconButton\r\n key={`${social.href ?? social.title}-${index}`}\r\n icon={social.icon}\r\n href={social.href}\r\n isExternal={social.isExternal ?? true}\r\n shadow=\"none\"\r\n aria-label={social[\"aria-label\"] ?? social.title}\r\n title={social.tooltip ?? social.title}\r\n theme=\"clear\"\r\n disabled={social.disabled}\r\n rel={social.rel}\r\n target={social.target}\r\n data-testid={`${testId}-social-${slugify(social.title)}`}\r\n />\r\n ))}\r\n </nav>\r\n );\r\n };\r\n\r\n const renderThemeSelect = () => {\r\n if (!showThemeSelect) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.themeToggle,\r\n themeToggleClassName,\r\n )}\r\n data-testid={`${testId}-theme-select`}\r\n aria-label={themeSelectAriaLabel}\r\n >\r\n <ThemeSelect\r\n theme=\"clear\"\r\n label={brandDescription}\r\n shadow=\"none\"\r\n aria-label={themeSelectAriaLabel}\r\n />\r\n </div>\r\n );\r\n };\r\n\r\n const renderBrand = () => {\r\n const brandContent = (\r\n <>\r\n {renderLogo()}\r\n\r\n {brandTitle && (\r\n <span\r\n className={combineClassNames(\r\n classMap.brandTitle,\r\n brandTitleClassName,\r\n )}\r\n data-testid={`${testId}-brand-title`}\r\n >\r\n {brandTitle}\r\n </span>\r\n )}\r\n </>\r\n );\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.brand, brandClassName)}\r\n data-testid={`${testId}-brand`}\r\n >\r\n {brandHref ? (\r\n <LinkWrapper\r\n href={brandHref}\r\n className={combineClassNames(\r\n classMap.brandLink,\r\n brandLinkClassName,\r\n )}\r\n aria-label={\r\n typeof brandTitle === \"string\" ? brandTitle : logoAriaLabel\r\n }\r\n >\r\n {brandContent}\r\n </LinkWrapper>\r\n ) : (\r\n <div\r\n className={combineClassNames(\r\n classMap.brandLink,\r\n brandLinkClassName,\r\n )}\r\n >\r\n {brandContent}\r\n </div>\r\n )}\r\n\r\n {brandDescription && (\r\n <p\r\n className={combineClassNames(\r\n classMap.brandDescription,\r\n brandDescriptionClassName,\r\n )}\r\n data-testid={`${testId}-brand-description`}\r\n >\r\n {brandDescription}\r\n </p>\r\n )}\r\n\r\n {copyright && !shouldRenderCopyrightInBottom && (\r\n <div\r\n className={combineClassNames(\r\n classMap.copyright,\r\n copyrightClassName,\r\n )}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p id={labelId}>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n const renderSections = () => {\r\n if (normalizedSections.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.sections, sectionsClassName)}\r\n data-testid={`${testId}-sections`}\r\n >\r\n {normalizedSections.map((section, sectionIndex) => {\r\n const titleText =\r\n typeof section.title === \"string\"\r\n ? section.title\r\n : `section-${sectionIndex + 1}`;\r\n\r\n const sectionSlug = section.testId ?? slugify(titleText);\r\n\r\n return (\r\n <nav\r\n key={sectionSlug}\r\n className={combineClassNames(classMap.section, section.className)}\r\n aria-label={section[\"aria-label\"] ?? `${titleText} links`}\r\n data-testid={`${testId}-section-${sectionSlug}`}\r\n >\r\n <h2\r\n className={combineClassNames(\r\n classMap.sectionTitle,\r\n sectionTitleClassName,\r\n section.titleClassName,\r\n )}\r\n >\r\n {section.title}\r\n </h2>\r\n\r\n <ul\r\n className={combineClassNames(\r\n classMap.sectionList,\r\n section.listClassName,\r\n )}\r\n >\r\n {section.links.map((link, index) =>\r\n renderFooterLink(link, index, section.linkClassName),\r\n )}\r\n </ul>\r\n </nav>\r\n );\r\n })}\r\n </div>\r\n );\r\n };\r\n\r\n if (layout === \"columns\") {\r\n return (\r\n <footer\r\n className={footerClass}\r\n data-testid={testId}\r\n role=\"contentinfo\"\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy ?? labelId}\r\n aria-describedby={ariaDescribedBy}\r\n {...rest}\r\n >\r\n <div className={combineClassNames(classMap.content, contentClassName)}>\r\n {renderBrand()}\r\n\r\n {renderSections()}\r\n\r\n {(socialLinks.length > 0 || showThemeSelect) && (\r\n <div\r\n className={combineClassNames(classMap.actions, actionsClassName)}\r\n data-testid={`${testId}-actions`}\r\n >\r\n {socialLinks.length > 0 && (\r\n <div\r\n className={combineClassNames(\r\n classMap.actionGroup,\r\n actionGroupClassName,\r\n )}\r\n >\r\n <h2\r\n className={combineClassNames(\r\n classMap.sectionTitle,\r\n sectionTitleClassName,\r\n )}\r\n >\r\n Connect\r\n </h2>\r\n {renderSocialLinks()}\r\n </div>\r\n )}\r\n\r\n {renderThemeSelect()}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {(copyright || bottomEnd) && (\r\n <div\r\n className={combineClassNames(classMap.bottom, bottomClassName)}\r\n data-testid={`${testId}-bottom`}\r\n >\r\n {copyright && shouldRenderCopyrightInBottom && (\r\n <p\r\n id={labelId}\r\n className={combineClassNames(\r\n classMap.bottomCopyright,\r\n bottomCopyrightClassName,\r\n )}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n {copyright}\r\n </p>\r\n )}\r\n\r\n {bottomEnd && (\r\n <div\r\n className={combineClassNames(\r\n classMap.bottomEnd,\r\n bottomEndClassName,\r\n )}\r\n data-testid={`${testId}-bottom-end`}\r\n >\r\n {bottomEnd}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </footer>\r\n );\r\n }\r\n\r\n return (\r\n <footer\r\n className={footerClass}\r\n data-testid={testId}\r\n role=\"contentinfo\"\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabelledBy ?? labelId}\r\n aria-describedby={ariaDescribedBy}\r\n {...rest}\r\n >\r\n <div className={combineClassNames(classMap.content, contentClassName)}>\r\n <div\r\n className={combineClassNames(classMap.left, leftClassName)}\r\n data-testid={`${testId}-left`}\r\n >\r\n {renderLogo()}\r\n\r\n {copyright && (\r\n <div\r\n className={\r\n combineClassNames(classMap.copyright, copyrightClassName) ??\r\n combineClassNames(classMap.left, leftClassName)\r\n }\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p id={labelId}>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {links.length > 0 && (\r\n <nav\r\n className={combineClassNames(classMap.links, linksClassName)}\r\n aria-label={navAriaLabel}\r\n data-testid={`${testId}-nav`}\r\n >\r\n <ul>\r\n {links.map((link, index) =>\r\n renderFooterLink(link, index, linkClassName),\r\n )}\r\n </ul>\r\n </nav>\r\n )}\r\n\r\n {renderThemeSelect()}\r\n {renderSocialLinks()}\r\n </div>\r\n </footer>\r\n );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","import { useContext, useMemo, forwardRef } from \"react\";\r\nimport Select from \"../../core/Select\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"theme-select\",\r\n state = \"\",\r\n },\r\n ref,\r\n ) => {\r\n const ctx = useContext(ThemeContext);\r\n if (!ctx)\r\n throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n const options = useMemo(\r\n () =>\r\n schemes.map((scheme, index) => ({\r\n value: String(index),\r\n label: scheme.name,\r\n })),\r\n [schemes],\r\n );\r\n\r\n return (\r\n <div className=\"control-container\">\r\n <Select\r\n ref={ref}\r\n theme={theme}\r\n state={state}\r\n shadow={shadow}\r\n rounding={rounding}\r\n options={options}\r\n data-testid={testId}\r\n value={String(selectedScheme)}\r\n aria-label=\"Select Theme\"\r\n onChange={(value: string | number) =>\r\n setSelectedScheme(parseInt(String(value), 10))\r\n }\r\n />\r\n </div>\r\n );\r\n },\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ThemeSelect from \"../../Select/ThemeSelect/core/ThemeSelect\";\r\nimport \"./Footer.scss\";\r\n\r\nconst classes = {\r\n footer: \"footer\",\r\n\r\n primary: \"footer_primary\",\r\n secondary: \"footer_secondary\",\r\n tertiary: \"footer_tertiary\",\r\n quaternary: \"footer_quaternary\",\r\n clear: \"footer_clear\",\r\n\r\n layoutColumns: \"footer_layout-columns\",\r\n\r\n shadowNone: \"footer_shadow-None\",\r\n shadowLight: \"footer_shadow-Light\",\r\n shadowMedium: \"footer_shadow-Medium\",\r\n shadowStrong: \"footer_shadow-Strong\",\r\n shadowIntense: \"footer_shadow-Intense\",\r\n\r\n roundNone: \"footer_round-None\",\r\n roundSmall: \"footer_round-Small\",\r\n roundMedium: \"footer_round-Medium\",\r\n roundLarge: \"footer_round-Large\",\r\n\r\n attachmentStatic: \"footer_attachment-static\",\r\n attachmentFixed: \"footer_attachment-fixed\",\r\n attachmentSticky: \"footer_attachment-sticky\",\r\n\r\n content: \"footer_content\",\r\n\r\n // Existing inline layout\r\n logo: \"footer_logo\",\r\n left: \"footer_left\",\r\n links: \"footer_links\",\r\n link: \"footer_link\",\r\n social: \"footer_social\",\r\n themeToggle: \"footer_theme-toggle\",\r\n copyright: \"footer_copyright\",\r\n\r\n // New column layout\r\n brand: \"footer_brand\",\r\n brandLink: \"footer_brand-link\",\r\n brandTitle: \"footer_brand-title\",\r\n brandDescription: \"footer_brand-description\",\r\n\r\n sections: \"footer_sections\",\r\n section: \"footer_section\",\r\n sectionTitle: \"footer_section-title\",\r\n sectionList: \"footer_section-list\",\r\n\r\n actions: \"footer_actions\",\r\n actionGroup: \"footer_action-group\",\r\n\r\n bottom: \"footer_bottom\",\r\n bottomCopyright: \"footer_bottom-copyright\",\r\n bottomEnd: \"footer_bottom-end\",\r\n};\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n return (\r\n <FooterBase\r\n {...props}\r\n IconButton={IconButton}\r\n ThemeSelect={ThemeSelect}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\n\r\nFooter.displayName = \"Footer\";\r\n\r\nexport default Footer;\r\n"],"names":["getDefaultTheme","IconButton","rest","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","forwardRef","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","Select","ThemeSelect"],"mappings":"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"}