@edifice.io/react 2.6.6-develop-b2school.20260924181933 → 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.
- package/dist/components/Input/Input.js +8 -3
- package/dist/components/LinkPill/LinkPill.d.ts +3 -7
- package/dist/components/LinkPill/LinkPill.js +3 -2
- package/dist/homepage.js +4 -0
- package/dist/hooks/useZendeskGuide/useZendeskGuide.js +1 -2
- package/dist/icons.js +404 -402
- package/dist/modules/homepage/components/Favorites/Favorites.js +2 -2
- package/dist/modules/homepage/components/HomeCard/HomeCard.d.ts +1 -1
- package/dist/modules/homepage/components/HomeCard/HomeCardHeader.d.ts +15 -1
- package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js +2 -1
- package/dist/modules/homepage/components/UsefulLinks/LinkForm.js +9 -9
- package/dist/modules/homepage/components/UsefulLinks/UsefulLinks.js +5 -3
- package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js +9 -9
- package/dist/modules/homepage/components/UserSpace/UserSpace.d.ts +3 -1
- package/dist/modules/homepage/components/UserSpace/UserSpace.js +13 -7
- package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts +4 -2
- package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js +3 -2
- package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.d.ts +16 -0
- package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js +15 -0
- package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.d.ts +21 -0
- package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js +47 -0
- package/dist/modules/homepage/components/WidgetsPersonalizationPanel/index.d.ts +2 -0
- package/dist/modules/homepage/components/index.d.ts +1 -0
- package/dist/modules/icons/components/IconAddWidget.d.ts +7 -0
- package/dist/modules/icons/components/IconAddWidget.js +12 -0
- package/dist/modules/icons/components/index.d.ts +1 -0
- 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
|
-
|
|
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)
|
|
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: {
|