@redneckz/wildless-cms-uni-blocks 0.14.804 → 0.14.805
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 +4 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/ui-kit/Button/Button.d.ts +1 -0
- package/dist/ui-kit/Button/Button.d.ts +1 -0
- package/dist/ui-kit/Button/Button.js +2 -2
- package/dist/ui-kit/Button/Button.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListScrollButtons.js +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListScrollButtons.js.map +1 -1
- package/lib/ui-kit/Button/Button.d.ts +1 -0
- package/lib/ui-kit/Button/Button.js +2 -2
- package/lib/ui-kit/Button/Button.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListScrollButtons.js +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListScrollButtons.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +4 -4
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/ui-kit/Button/Button.d.ts +1 -0
- package/mobile/dist/ui-kit/Button/Button.d.ts +1 -0
- package/mobile/dist/ui-kit/Button/Button.js +2 -2
- package/mobile/dist/ui-kit/Button/Button.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListScrollButtons.js +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListScrollButtons.js.map +1 -1
- package/mobile/lib/ui-kit/Button/Button.d.ts +1 -0
- package/mobile/lib/ui-kit/Button/Button.js +2 -2
- package/mobile/lib/ui-kit/Button/Button.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListScrollButtons.js +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListScrollButtons.js.map +1 -1
- package/mobile/src/ui-kit/Button/Button.tsx +3 -0
- package/mobile/src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx +2 -0
- package/package.json +1 -1
- package/src/ui-kit/Button/Button.tsx +3 -0
- package/src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx +2 -0
|
@@ -16,5 +16,6 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
|
|
|
16
16
|
data?: AspectsDef[];
|
|
17
17
|
dataTheme?: ColorPalette;
|
|
18
18
|
onClick?: (ev: PreventableEvent) => void;
|
|
19
|
+
wcmsIgnore?: boolean;
|
|
19
20
|
}
|
|
20
21
|
export declare const Button: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;
|
|
@@ -16,5 +16,6 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
|
|
|
16
16
|
data?: AspectsDef[];
|
|
17
17
|
dataTheme?: ColorPalette;
|
|
18
18
|
onClick?: (ev: PreventableEvent) => void;
|
|
19
|
+
wcmsIgnore?: boolean;
|
|
19
20
|
}
|
|
20
21
|
export declare const Button: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;
|
|
@@ -13,7 +13,7 @@ exports.themeStyle = {
|
|
|
13
13
|
};
|
|
14
14
|
const embeddedStyle = (0, style_1.style)('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
|
|
15
15
|
const disabledStyle = (0, style_1.style)('bg-main-gray text-main-disabled cursor-not-allowed');
|
|
16
|
-
exports.Button = (0, uni_jsx_1.JSX)(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, onClick = noop_1.noop, }) => {
|
|
16
|
+
exports.Button = (0, uni_jsx_1.JSX)(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop_1.noop, }) => {
|
|
17
17
|
const handleClick = (0, hooks_1.useCallback)(role !== 'tab' ? (0, handlerDecorator_1.handlerDecorator)(onClick) : onClick, [
|
|
18
18
|
role,
|
|
19
19
|
onClick,
|
|
@@ -27,6 +27,6 @@ exports.Button = (0, uni_jsx_1.JSX)(({ className, type = 'button', version = 'pr
|
|
|
27
27
|
}, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
|
|
28
28
|
'rounded-md': shape === 'default',
|
|
29
29
|
'rounded-full': isRound,
|
|
30
|
-
}, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, ...aspectsAttrs, onClick: handleClick, children: children }));
|
|
30
|
+
}, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
|
|
31
31
|
});
|
|
32
32
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAmE;AACnE,sEAAmE;AAInE,+DAAkE;AAClE,2CAAwC;AACxC,6CAA0C;AAK7B,QAAA,UAAU,GAAkC;IACvD,OAAO,EAAE,IAAA,aAAK,EACZ,4EAA4E,EAC5E,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,IAAA,aAAK,EACd,oGAAoG,EACpG,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,aAAK,EACzB,oBAAoB,EACpB,uDAAuD,CACxD,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,oDAAoD,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAmE;AACnE,sEAAmE;AAInE,+DAAkE;AAClE,2CAAwC;AACxC,6CAA0C;AAK7B,QAAA,UAAU,GAAkC;IACvD,OAAO,EAAE,IAAA,aAAK,EACZ,4EAA4E,EAC5E,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,IAAA,aAAK,EACd,oGAAoG,EACpG,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,aAAK,EACzB,oBAAoB,EACpB,uDAAuD,CACxD,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,oDAAoD,CAAC,CAAC;AAgBrE,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,WAAI,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAA,mCAAgB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;QACpF,IAAI;QACJ,OAAO;KACR,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,qCAAoB,EAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;IAElC,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,oCAAoC,EACpC;YACE,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;YAC7C,CAAC,aAAa,CAAC,EAAE,QAAQ;YACzB,CAAC,aAAa,CAAC,EAAE,QAAQ;SAC1B,EACD,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAC/C,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACzC;YACE,YAAY,EAAE,KAAK,KAAK,SAAS;YACjC,cAAc,EAAE,OAAO;SACxB,EACD,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,gBACE,SAAS,EACrB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAChC,SAAS,sBACH,UAAU,KAExB,YAAY,EAChB,OAAO,EAAE,WAAW,YAEnB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -8,7 +8,7 @@ const blurBaseStyle = 'absolute top-0 bottom-0 z-40 hidden @lg:block w-20 pointe
|
|
|
8
8
|
exports.SwipeListScrollButtons = (0, uni_jsx_1.JSX)(({ className, scroll, hasBlur, arrowsPadded, isBottom }) => {
|
|
9
9
|
const { canScrollLeft, canScrollRight, scrollLeft, scrollRight } = scroll;
|
|
10
10
|
const isArrowPadded = arrowsPadded && !isBottom;
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [hasBlur ? renderBlur(scroll) : null, canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowLeftButton, { className: (0, style_1.style)(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0'), onClick: scrollLeft })) : null, canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowRightButton, { className: (0, style_1.style)(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0'), onClick: scrollRight })) : null] }));
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [hasBlur ? renderBlur(scroll) : null, canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowLeftButton, { wcmsIgnore: true, className: (0, style_1.style)(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0'), onClick: scrollLeft })) : null, canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowRightButton, { wcmsIgnore: true, className: (0, style_1.style)(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0'), onClick: scrollRight })) : null] }));
|
|
12
12
|
});
|
|
13
13
|
const renderBlur = (scroll) => ((0, jsx_runtime_1.jsxs)("div", { children: [scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)(blurBaseStyle, 'left-0 bg-opacity-from-white group-data-secondary:bg-none') })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)(blurBaseStyle, 'right-0 bg-opacity-to-white group-data-secondary:bg-none') })) : null] }));
|
|
14
14
|
const buttonStyle = (isBottom = false) => (0, style_1.style)('absolute z-40', isBottom ? 'bottom-[56px]' : 'top-[calc(50%-24px)]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeListScrollButtons.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAA8E;AAI9E,MAAM,aAAa,GAAG,wEAAwE,CAAC;AASlF,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAC1E,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACtB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EACnC,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,6BAAe,IACd,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC5E,OAAO,EAAE,UAAU,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,8BAAgB,IACf,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9E,OAAO,EAAE,WAAW,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAE,EAAE,CAAC,CAC9C,4CACG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,aAAa,EACb,2DAA2D,CAC5D,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,gCACE,SAAS,EAAE,IAAA,aAAK,EAAC,aAAa,EAAE,0DAA0D,CAAC,GAC3F,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CACvC,IAAA,aAAK,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"SwipeListScrollButtons.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAA8E;AAI9E,MAAM,aAAa,GAAG,wEAAwE,CAAC;AASlF,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAC1E,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACtB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EACnC,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,6BAAe,IACd,UAAU,QACV,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC5E,OAAO,EAAE,UAAU,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,8BAAgB,IACf,UAAU,QACV,SAAS,EAAE,IAAA,aAAK,EAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9E,OAAO,EAAE,WAAW,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAE,EAAE,CAAC,CAC9C,4CACG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,aAAa,EACb,2DAA2D,CAC5D,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,gCACE,SAAS,EAAE,IAAA,aAAK,EAAC,aAAa,EAAE,0DAA0D,CAAC,GAC3F,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CACvC,IAAA,aAAK,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -16,5 +16,6 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
|
|
|
16
16
|
data?: AspectsDef[];
|
|
17
17
|
dataTheme?: ColorPalette;
|
|
18
18
|
onClick?: (ev: PreventableEvent) => void;
|
|
19
|
+
wcmsIgnore?: boolean;
|
|
19
20
|
}
|
|
20
21
|
export declare const Button: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;
|
|
@@ -11,7 +11,7 @@ export const themeStyle = {
|
|
|
11
11
|
};
|
|
12
12
|
const embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
|
|
13
13
|
const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
|
|
14
|
-
export const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, onClick = noop, }) => {
|
|
14
|
+
export const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
|
|
15
15
|
const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
|
|
16
16
|
role,
|
|
17
17
|
onClick,
|
|
@@ -25,6 +25,6 @@ export const Button = JSX(({ className, type = 'button', version = 'primary', sh
|
|
|
25
25
|
}, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
|
|
26
26
|
'rounded-md': shape === 'default',
|
|
27
27
|
'rounded-full': isRound,
|
|
28
|
-
}, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, ...aspectsAttrs, onClick: handleClick, children: children }));
|
|
28
|
+
}, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
|
|
29
29
|
});
|
|
30
30
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,UAAU,GAAkC;IACvD,OAAO,EAAE,KAAK,CACZ,4EAA4E,EAC5E,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,KAAK,CACd,oGAAoG,EACpG,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CACzB,oBAAoB,EACpB,uDAAuD,CACxD,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CAAC,oDAAoD,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,UAAU,GAAkC;IACvD,OAAO,EAAE,KAAK,CACZ,4EAA4E,EAC5E,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,KAAK,CACd,oGAAoG,EACpG,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CACzB,oBAAoB,EACpB,uDAAuD,CACxD,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CAAC,oDAAoD,CAAC,CAAC;AAgBlF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;QACpF,IAAI;QACJ,OAAO;KACR,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;IAElC,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,oCAAoC,EACpC;YACE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;YAC7C,CAAC,aAAa,CAAC,EAAE,QAAQ;YACzB,CAAC,aAAa,CAAC,EAAE,QAAQ;SAC1B,EACD,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAC/C,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACzC;YACE,YAAY,EAAE,KAAK,KAAK,SAAS;YACjC,cAAc,EAAE,OAAO;SACxB,EACD,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,gBACE,SAAS,EACrB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAChC,SAAS,sBACH,UAAU,KAExB,YAAY,EAChB,OAAO,EAAE,WAAW,YAEnB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -6,7 +6,7 @@ const blurBaseStyle = 'absolute top-0 bottom-0 z-40 hidden @lg:block w-20 pointe
|
|
|
6
6
|
export const SwipeListScrollButtons = JSX(({ className, scroll, hasBlur, arrowsPadded, isBottom }) => {
|
|
7
7
|
const { canScrollLeft, canScrollRight, scrollLeft, scrollRight } = scroll;
|
|
8
8
|
const isArrowPadded = arrowsPadded && !isBottom;
|
|
9
|
-
return (_jsxs("div", { className: className, children: [hasBlur ? renderBlur(scroll) : null, canScrollLeft ? (_jsx(ArrowLeftButton, { className: style(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0'), onClick: scrollLeft })) : null, canScrollRight ? (_jsx(ArrowRightButton, { className: style(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0'), onClick: scrollRight })) : null] }));
|
|
9
|
+
return (_jsxs("div", { className: className, children: [hasBlur ? renderBlur(scroll) : null, canScrollLeft ? (_jsx(ArrowLeftButton, { wcmsIgnore: true, className: style(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0'), onClick: scrollLeft })) : null, canScrollRight ? (_jsx(ArrowRightButton, { wcmsIgnore: true, className: style(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0'), onClick: scrollRight })) : null] }));
|
|
10
10
|
});
|
|
11
11
|
const renderBlur = (scroll) => (_jsxs("div", { children: [scroll.canScrollLeft ? (_jsx("div", { className: style(blurBaseStyle, 'left-0 bg-opacity-from-white group-data-secondary:bg-none') })) : null, scroll.canScrollRight ? (_jsx("div", { className: style(blurBaseStyle, 'right-0 bg-opacity-to-white group-data-secondary:bg-none') })) : null] }));
|
|
12
12
|
const buttonStyle = (isBottom = false) => style('absolute z-40', isBottom ? 'bottom-[56px]' : 'top-[calc(50%-24px)]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeListScrollButtons.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAI9E,MAAM,aAAa,GAAG,wEAAwE,CAAC;AAS/F,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAC1E,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EACnC,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,eAAe,IACd,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC5E,OAAO,EAAE,UAAU,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9E,OAAO,EAAE,WAAW,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAE,EAAE,CAAC,CAC9C,0BACG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,2DAA2D,CAC5D,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,cACE,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,0DAA0D,CAAC,GAC3F,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"SwipeListScrollButtons.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAI9E,MAAM,aAAa,GAAG,wEAAwE,CAAC;AAS/F,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAC1E,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EACnC,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,eAAe,IACd,UAAU,QACV,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC5E,OAAO,EAAE,UAAU,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,gBAAgB,IACf,UAAU,QACV,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9E,OAAO,EAAE,WAAW,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAE,EAAE,CAAC,CAC9C,0BACG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,2DAA2D,CAC5D,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,cACE,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,0DAA0D,CAAC,GAC3F,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -44,6 +44,7 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
|
|
|
44
44
|
data?: AspectsDef[];
|
|
45
45
|
dataTheme?: ColorPalette;
|
|
46
46
|
onClick?: (ev: PreventableEvent) => void;
|
|
47
|
+
wcmsIgnore?: boolean;
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
export const Button = JSX<ButtonProps>(
|
|
@@ -59,6 +60,7 @@ export const Button = JSX<ButtonProps>(
|
|
|
59
60
|
data,
|
|
60
61
|
dataTheme,
|
|
61
62
|
children,
|
|
63
|
+
wcmsIgnore,
|
|
62
64
|
onClick = noop,
|
|
63
65
|
}) => {
|
|
64
66
|
const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
|
|
@@ -92,6 +94,7 @@ export const Button = JSX<ButtonProps>(
|
|
|
92
94
|
disabled={disabled}
|
|
93
95
|
aria-disabled={disabled ? 'true' : undefined}
|
|
94
96
|
data-theme={dataTheme}
|
|
97
|
+
data-wcms-ignore={wcmsIgnore}
|
|
95
98
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
96
99
|
{...aspectsAttrs}
|
|
97
100
|
onClick={handleClick}
|
|
@@ -23,12 +23,14 @@ export const SwipeListScrollButtons = JSX<SwipeListScrollButtonsProps>(
|
|
|
23
23
|
{hasBlur ? renderBlur(scroll) : null}
|
|
24
24
|
{canScrollLeft ? (
|
|
25
25
|
<ArrowLeftButton
|
|
26
|
+
wcmsIgnore
|
|
26
27
|
className={style(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0')}
|
|
27
28
|
onClick={scrollLeft}
|
|
28
29
|
/>
|
|
29
30
|
) : null}
|
|
30
31
|
{canScrollRight ? (
|
|
31
32
|
<ArrowRightButton
|
|
33
|
+
wcmsIgnore
|
|
32
34
|
className={style(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0')}
|
|
33
35
|
onClick={scrollRight}
|
|
34
36
|
/>
|
package/package.json
CHANGED
|
@@ -44,6 +44,7 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
|
|
|
44
44
|
data?: AspectsDef[];
|
|
45
45
|
dataTheme?: ColorPalette;
|
|
46
46
|
onClick?: (ev: PreventableEvent) => void;
|
|
47
|
+
wcmsIgnore?: boolean;
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
export const Button = JSX<ButtonProps>(
|
|
@@ -59,6 +60,7 @@ export const Button = JSX<ButtonProps>(
|
|
|
59
60
|
data,
|
|
60
61
|
dataTheme,
|
|
61
62
|
children,
|
|
63
|
+
wcmsIgnore,
|
|
62
64
|
onClick = noop,
|
|
63
65
|
}) => {
|
|
64
66
|
const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
|
|
@@ -92,6 +94,7 @@ export const Button = JSX<ButtonProps>(
|
|
|
92
94
|
disabled={disabled}
|
|
93
95
|
aria-disabled={disabled ? 'true' : undefined}
|
|
94
96
|
data-theme={dataTheme}
|
|
97
|
+
data-wcms-ignore={wcmsIgnore}
|
|
95
98
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
96
99
|
{...aspectsAttrs}
|
|
97
100
|
onClick={handleClick}
|
|
@@ -23,12 +23,14 @@ export const SwipeListScrollButtons = JSX<SwipeListScrollButtonsProps>(
|
|
|
23
23
|
{hasBlur ? renderBlur(scroll) : null}
|
|
24
24
|
{canScrollLeft ? (
|
|
25
25
|
<ArrowLeftButton
|
|
26
|
+
wcmsIgnore
|
|
26
27
|
className={style(buttonStyle(isBottom), isArrowPadded ? 'left-1' : 'left-0')}
|
|
27
28
|
onClick={scrollLeft}
|
|
28
29
|
/>
|
|
29
30
|
) : null}
|
|
30
31
|
{canScrollRight ? (
|
|
31
32
|
<ArrowRightButton
|
|
33
|
+
wcmsIgnore
|
|
32
34
|
className={style(buttonStyle(isBottom), isArrowPadded ? 'right-1' : 'right-0')}
|
|
33
35
|
onClick={scrollRight}
|
|
34
36
|
/>
|