@edifice.io/react 2.6.6-develop-b2school.20260924174112 → 2.6.6-develop-b2school.20260925172645

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.
Files changed (28) hide show
  1. package/dist/components/Input/Input.js +8 -3
  2. package/dist/components/LinkPill/LinkPill.d.ts +3 -7
  3. package/dist/components/LinkPill/LinkPill.js +3 -2
  4. package/dist/homepage.js +4 -0
  5. package/dist/hooks/useZendeskGuide/useZendeskGuide.js +1 -2
  6. package/dist/icons.js +404 -402
  7. package/dist/modules/homepage/components/Favorites/Favorites.js +2 -2
  8. package/dist/modules/homepage/components/HomeCard/HomeCard.d.ts +1 -1
  9. package/dist/modules/homepage/components/HomeCard/HomeCardHeader.d.ts +15 -1
  10. package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js +2 -1
  11. package/dist/modules/homepage/components/Notifications/components/ReportNotificationModal.js +1 -1
  12. package/dist/modules/homepage/components/UsefulLinks/LinkForm.js +9 -9
  13. package/dist/modules/homepage/components/UsefulLinks/UsefulLinks.js +5 -3
  14. package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js +9 -9
  15. package/dist/modules/homepage/components/UserSpace/UserSpace.d.ts +3 -1
  16. package/dist/modules/homepage/components/UserSpace/UserSpace.js +13 -7
  17. package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts +4 -2
  18. package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js +3 -2
  19. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.d.ts +16 -0
  20. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js +15 -0
  21. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.d.ts +21 -0
  22. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js +47 -0
  23. package/dist/modules/homepage/components/WidgetsPersonalizationPanel/index.d.ts +2 -0
  24. package/dist/modules/homepage/components/index.d.ts +1 -0
  25. package/dist/modules/icons/components/IconAddWidget.d.ts +7 -0
  26. package/dist/modules/icons/components/IconAddWidget.js +12 -0
  27. package/dist/modules/icons/components/index.d.ts +1 -0
  28. package/package.json +6 -6
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { forwardRef, useRef, useState } from "react";
2
+ import { forwardRef, useRef, useState, useLayoutEffect } from "react";
3
3
  import clsx from "clsx";
4
4
  import { useTranslation } from "react-i18next";
5
5
  import SvgIconClose from "../../modules/icons/components/IconClose.js";
@@ -12,7 +12,8 @@ const Input = /* @__PURE__ */ forwardRef(({
12
12
  showCounter = !1,
13
13
  autoComplete = "off",
14
14
  clearable = !1,
15
- noValidationIcon: _noValidationIcon,
15
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
16
+ noValidationIcon,
16
17
  ...restProps
17
18
  }, forwardedRef) => {
18
19
  var _a;
@@ -23,7 +24,11 @@ const Input = /* @__PURE__ */ forwardRef(({
23
24
  status
24
25
  } = useFormControl(), {
25
26
  t
26
- } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), setRefs = (node) => {
27
+ } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0);
28
+ useLayoutEffect(() => {
29
+ inputRef.current && setCurrentLength(inputRef.current.value.length);
30
+ }, []);
31
+ const setRefs = (node) => {
27
32
  inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
28
33
  }, wrapperClasses = clsx("input", {
29
34
  "input--lg": size === "lg",
@@ -1,7 +1,7 @@
1
- import { ReactNode } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  export type LinkPillIllustrationType = 'icon' | 'img';
3
3
  export type LinkPillIllustrationPosition = 'left' | 'right';
4
- export interface LinkPillProps {
4
+ export interface LinkPillProps extends ComponentPropsWithoutRef<'a'> {
5
5
  /**
6
6
  * URL opened in a new tab when the pill is clicked.
7
7
  */
@@ -29,17 +29,13 @@ export interface LinkPillProps {
29
29
  * Side the illustration is displayed on.
30
30
  */
31
31
  illustrationPosition?: LinkPillIllustrationPosition;
32
- /**
33
- * Optional class for styling purpose
34
- */
35
- className?: string;
36
32
  }
37
33
  /**
38
34
  * LinkPill – design system component used to display a link to an
39
35
  * external resource as a small rounded pill.
40
36
  */
41
37
  declare const LinkPill: {
42
- ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, }: LinkPillProps): import("react/jsx-runtime").JSX.Element;
38
+ ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, ...restProps }: LinkPillProps): import("react/jsx-runtime").JSX.Element;
43
39
  displayName: string;
44
40
  };
45
41
  export default LinkPill;
@@ -8,13 +8,14 @@ const LinkPill = ({
8
8
  illustration,
9
9
  illustrationType = "icon",
10
10
  illustrationPosition = "left",
11
- className
11
+ className,
12
+ ...restProps
12
13
  }) => {
13
14
  const illustrationNode = illustrationType === "icon" ? /* @__PURE__ */ jsx("span", { className: "link-pill-icon", children: illustration ?? /* @__PURE__ */ jsx(SvgIconLink, {}) }) : /* @__PURE__ */ jsx("span", { className: "link-pill-image", children: illustration }), contentNode = /* @__PURE__ */ jsxs("span", { className: "link-pill-content", children: [
14
15
  /* @__PURE__ */ jsx("span", { className: "link-pill-label", title: label, children: label }),
15
16
  subtitle && /* @__PURE__ */ jsx("span", { className: "link-pill-subtitle", title: subtitle, children: subtitle })
16
17
  ] });
17
- return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
18
+ return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), ...restProps, children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
18
19
  illustrationNode,
19
20
  contentNode
20
21
  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
package/dist/homepage.js CHANGED
@@ -20,6 +20,8 @@ import { UsefulLinks } from "./modules/homepage/components/UsefulLinks/UsefulLin
20
20
  import { UsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/UsefulLinksContainer.js";
21
21
  import { UsefulLinksModal } from "./modules/homepage/components/UsefulLinks/UsefulLinksModal.js";
22
22
  import { UserSpaceContainer } from "./modules/homepage/components/UserSpace/UserSpaceContainer.js";
23
+ import { WidgetToggle } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js";
24
+ import { WidgetsPersonalizationPanel } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js";
23
25
  export {
24
26
  Favorites,
25
27
  FavoritesContainer,
@@ -43,5 +45,7 @@ export {
43
45
  UsefulLinksModal,
44
46
  default10 as UserSpace,
45
47
  UserSpaceContainer,
48
+ WidgetToggle,
49
+ WidgetsPersonalizationPanel,
46
50
  useUsefulLinksContainer
47
51
  };
@@ -83,8 +83,7 @@ function useZendeskGuide(headerColor) {
83
83
  }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
84
84
  webWidget: {
85
85
  color: {
86
- theme: zendeskGuideConfig.color || "#ffc400",
87
- header: headerColor
86
+ theme: headerColor || zendeskGuideConfig.color || "#ffc400"
88
87
  },
89
88
  zIndex: 3,
90
89
  launcher: {