@redneckz/wildless-cms-uni-blocks 0.14.791 → 0.14.792
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/bundle/bundle.umd.js +5 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/dist/components/Header/HeaderChatBotButton.js +1 -1
- package/dist/components/Header/HeaderChatBotButton.js.map +1 -1
- package/dist/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/dist/components/Header/HeaderSecondaryMenuButton.js +3 -2
- package/dist/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/lib/components/Header/HeaderChatBotButton.js +1 -1
- package/lib/components/Header/HeaderChatBotButton.js.map +1 -1
- package/lib/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/lib/components/Header/HeaderSecondaryMenuButton.js +3 -2
- package/lib/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +1 -1
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/mobile/dist/components/Header/HeaderChatBotButton.js +1 -1
- package/mobile/dist/components/Header/HeaderChatBotButton.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js +3 -2
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/mobile/lib/components/Header/HeaderChatBotButton.js +1 -1
- package/mobile/lib/components/Header/HeaderChatBotButton.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.d.ts +1 -0
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js +3 -2
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/mobile/src/components/Header/HeaderChatBotButton.tsx +1 -0
- package/mobile/src/components/Header/HeaderSecondaryMenuButton.tsx +8 -0
- package/package.json +1 -1
- package/src/components/Header/HeaderChatBotButton.tsx +1 -0
- package/src/components/Header/HeaderSecondaryMenuButton.tsx +8 -0
|
@@ -12,5 +12,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
12
12
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
13
13
|
version?: BlockVersion;
|
|
14
14
|
isLoading?: boolean;
|
|
15
|
+
dataTestId?: string;
|
|
15
16
|
}
|
|
16
17
|
export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;
|
|
@@ -6,6 +6,6 @@ const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
|
|
|
6
6
|
const useChatBot_1 = require("./useChatBot");
|
|
7
7
|
exports.HeaderChatBotButton = (0, uni_jsx_1.JSX)(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
|
|
8
8
|
const { load, isLoading } = (0, useChatBot_1.useChatBot)(chat);
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading }));
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=HeaderChatBotButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;AAW7B,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,qDAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;AAW7B,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,qDAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,WAAW,GACtB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -12,5 +12,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
12
12
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
13
13
|
version?: BlockVersion;
|
|
14
14
|
isLoading?: boolean;
|
|
15
|
+
dataTestId?: string;
|
|
15
16
|
}
|
|
16
17
|
export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;
|
|
@@ -9,13 +9,14 @@ const BUTTON_SIZE_STYLE = {
|
|
|
9
9
|
default: 'w-6 h-6',
|
|
10
10
|
large: 'w-12 h-12',
|
|
11
11
|
};
|
|
12
|
-
exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, }) => {
|
|
12
|
+
exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
|
|
13
13
|
const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
|
|
14
14
|
const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
|
|
15
15
|
return ((0, jsx_runtime_1.jsx)("button", { className: (0, style_1.style)('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
|
|
16
16
|
? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
|
|
17
|
-
: `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...(0, dataAttributes_1.getAspectsAttributes)(data), children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: (0, style_1.style)('h-full', {
|
|
17
|
+
: `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getDataTestIdAttribute(dataTestId), ...(0, dataAttributes_1.getAspectsAttributes)(data), children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: (0, style_1.style)('h-full', {
|
|
18
18
|
'bg-main-divider/20 rounded-full': isRounded,
|
|
19
19
|
}), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
|
|
20
20
|
});
|
|
21
|
+
const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
|
|
21
22
|
//# sourceMappingURL=HeaderSecondaryMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;
|
|
1
|
+
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,IAAA,qCAAoB,EAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -4,6 +4,6 @@ import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton.js';
|
|
|
4
4
|
import { useChatBot } from './useChatBot.js';
|
|
5
5
|
export const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
|
|
6
6
|
const { load, isLoading } = useChatBot(chat);
|
|
7
|
-
return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading }));
|
|
7
|
+
return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=HeaderChatBotButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,WAAW,GACtB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -12,5 +12,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
12
12
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
13
13
|
version?: BlockVersion;
|
|
14
14
|
isLoading?: boolean;
|
|
15
|
+
dataTestId?: string;
|
|
15
16
|
}
|
|
16
17
|
export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;
|
|
@@ -7,13 +7,14 @@ const BUTTON_SIZE_STYLE = {
|
|
|
7
7
|
default: 'w-6 h-6',
|
|
8
8
|
large: 'w-12 h-12',
|
|
9
9
|
};
|
|
10
|
-
export const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, }) => {
|
|
10
|
+
export const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
|
|
11
11
|
const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
|
|
12
12
|
const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
|
|
13
13
|
return (_jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
|
|
14
14
|
? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
|
|
15
|
-
: `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getAspectsAttributes(data), children: isLoading ? (_jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (_jsx(Img, { image: image, className: style('h-full', {
|
|
15
|
+
: `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getDataTestIdAttribute(dataTestId), ...getAspectsAttributes(data), children: isLoading ? (_jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (_jsx(Img, { image: image, className: style('h-full', {
|
|
16
16
|
'bg-main-divider/20 rounded-full': isRounded,
|
|
17
17
|
}), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
|
|
18
18
|
});
|
|
19
|
+
const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
|
|
19
20
|
//# sourceMappingURL=HeaderSecondaryMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,oBAAoB,CAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -17,6 +17,8 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
17
17
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
18
18
|
version?: BlockVersion;
|
|
19
19
|
isLoading?: boolean;
|
|
20
|
+
// Made special for chatBot, temporary
|
|
21
|
+
dataTestId?: string;
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
const BUTTON_SIZE_STYLE = {
|
|
@@ -37,6 +39,7 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
37
39
|
onClick,
|
|
38
40
|
version,
|
|
39
41
|
isLoading,
|
|
42
|
+
dataTestId = '',
|
|
40
43
|
}) => {
|
|
41
44
|
const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
|
|
42
45
|
const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
|
|
@@ -58,6 +61,8 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
58
61
|
aria-label={ariaLabel}
|
|
59
62
|
onClick={onClick}
|
|
60
63
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
64
|
+
{...getDataTestIdAttribute(dataTestId)}
|
|
65
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
61
66
|
{...getAspectsAttributes(data)}
|
|
62
67
|
>
|
|
63
68
|
{isLoading ? (
|
|
@@ -75,3 +80,6 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
75
80
|
);
|
|
76
81
|
},
|
|
77
82
|
);
|
|
83
|
+
|
|
84
|
+
const getDataTestIdAttribute = (dataTestId?: string) =>
|
|
85
|
+
dataTestId ? { 'data-test-id': dataTestId } : null;
|
package/package.json
CHANGED
|
@@ -17,6 +17,8 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
17
17
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
18
18
|
version?: BlockVersion;
|
|
19
19
|
isLoading?: boolean;
|
|
20
|
+
// Made special for chatBot, temporary
|
|
21
|
+
dataTestId?: string;
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
const BUTTON_SIZE_STYLE = {
|
|
@@ -37,6 +39,7 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
37
39
|
onClick,
|
|
38
40
|
version,
|
|
39
41
|
isLoading,
|
|
42
|
+
dataTestId = '',
|
|
40
43
|
}) => {
|
|
41
44
|
const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
|
|
42
45
|
const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
|
|
@@ -58,6 +61,8 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
58
61
|
aria-label={ariaLabel}
|
|
59
62
|
onClick={onClick}
|
|
60
63
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
64
|
+
{...getDataTestIdAttribute(dataTestId)}
|
|
65
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
61
66
|
{...getAspectsAttributes(data)}
|
|
62
67
|
>
|
|
63
68
|
{isLoading ? (
|
|
@@ -75,3 +80,6 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
|
|
|
75
80
|
);
|
|
76
81
|
},
|
|
77
82
|
);
|
|
83
|
+
|
|
84
|
+
const getDataTestIdAttribute = (dataTestId?: string) =>
|
|
85
|
+
dataTestId ? { 'data-test-id': dataTestId } : null;
|