@redneckz/wildless-cms-uni-blocks 0.2.114 → 0.3.0

package/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
+const BASE_DOT_WIDTH = 6;
+const ACTIVE_DOT_WIDTH_CHANGE = 16;
+const BASE_DOT_OPACITY = 0.3;
+const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
+export const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
+    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-[22px] w-fit", children: children?.map((_, idx) => (_jsx("div", { className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+});
+const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
+    if (currentIdx < activeIndex || currentIdx > activeIndex + 1)
+        return null;
+    const leftIndexMod = 1 - indexFraction;
+    const rightIndexMod = indexFraction;
+    return currentIdx === activeIndex
+        ? {
+            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
+            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
+        }
+        : {
+            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
+            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
+        };
+};
+//# sourceMappingURL=SwipeListControlDots.js.map

package/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,oCAAoC,YAChD,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzB,cAEE,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAF/C,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACU,EAAE;IACjC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1E,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}

package/lib/ui-kit/SwipeListControl/SwipeListControlItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title Элемент списка
+ */
+export interface SwipeListControlItemProps {
+    className?: string;
+    style?: Record<string, string>;
+    'aria-current'?: boolean;
+}
+export declare const SwipeListControlItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlItemProps, any>, context?: any) => any;

package/lib/ui-kit/SwipeListControl/SwipeListControlItem.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const SwipeListControlItem = JSX(({ className = '', children, ...rest }) => {
+    return (_jsx("div", { className: `snap-center snap-always min-w-full ${className}`, role: "listitem", ...rest, children: children }));
+});
+//# sourceMappingURL=SwipeListControlItem.js.map

package/lib/ui-kit/SwipeListControl/SwipeListControlItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControlItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAWxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cAAK,SAAS,EAAE,sCAAsC,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,KAAK,IAAI,YACxF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/SwipeListControl/SwipeListControlList.d.ts

@@ -0,0 +1,10 @@
+import { SwipeContainer } from './SwipeListControlProps';
+/**
+ * @title Список
+ */
+export interface SwipeListControlListProps extends SwipeContainer {
+    className?: string;
+    activeIndex: number;
+    onScroll?: (e: UIEvent) => void;
+}
+export declare const SwipeListControlList: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlListProps, any>, context?: any) => any;

package/lib/ui-kit/SwipeListControl/SwipeListControlList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SwipeListControlItem } from './SwipeListControlItem.js';
+import { getContainerStyle } from './utils/getContainerStyle.js';
+import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
+export const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
+    return (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { children: children })) }));
+});
+//# sourceMappingURL=SwipeListControlList.js.map

package/lib/ui-kit/SwipeListControl/SwipeListControlList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAY3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,GAC1B,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,cAAE,QAAQ,GAAwB,CACxD,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/SwipeListControl/SwipeListControlProps.d.ts

@@ -0,0 +1,17 @@
+import type { UniBlockProps } from '../../types';
+/**
+ * @title Контейнер
+ */
+export interface SwipeContainer {
+    /** @title Расстояние между элементами */
+    gap?: number;
+    /** @title Отступы */
+    padding?: number;
+}
+/**
+ * @title Swipe-контроллер
+ */
+export interface SwipeListControlProps extends SwipeContainer, UniBlockProps {
+    /** @title Точки-индикаторы */
+    showDots?: boolean;
+}

package/lib/ui-kit/SwipeListControl/SwipeListControlProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SwipeListControlProps.js.map

package/lib/ui-kit/SwipeListControl/SwipeListControlProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControlProps.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlProps.ts"],"names":[],"mappings":""}

package/lib/ui-kit/SwipeListControl/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_GAP = 14;
+export declare const DEFAULT_PADDING = 16;

package/lib/ui-kit/SwipeListControl/constants.js

@@ -0,0 +1,10 @@
+// column-gap between children of SwipeListControl container
+export const DEFAULT_GAP = 14;
+/*
+  Horizontal padding used on a container above SwipeListControl.
+  Same value used on a SwipeListControlChildren container to compensate it
+  and get rid of a clipping effect caused by overflow: hidden.
+ */
+export const DEFAULT_PADDING = 16;
+// Classes used to compensate outer container padding, so that child elements won't be clipped
+//# sourceMappingURL=constants.js.map

package/lib/ui-kit/SwipeListControl/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/constants.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,8FAA8F"}

package/lib/ui-kit/SwipeListControl/utils/getContainerStyle.d.ts

@@ -0,0 +1 @@
+export declare const getContainerStyle: (padding: number) => Record<string, string>;

package/lib/ui-kit/SwipeListControl/utils/getContainerStyle.js

@@ -0,0 +1,10 @@
+// styles used to compensate outer container padding to get rid of clipping effect
+export const getContainerStyle = (padding) => {
+    return {
+        marginLeft: `${-padding}px`,
+        marginRight: `${-padding}px`,
+        paddingLeft: `${padding}px`,
+        paddingRight: `${padding}px`,
+    };
+};
+//# sourceMappingURL=getContainerStyle.js.map

package/lib/ui-kit/SwipeListControl/utils/getContainerStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerStyle.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getContainerStyle.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAA0B,EAAE;IAC3E,OAAO;QACL,UAAU,EAAE,GAAG,CAAC,OAAO,IAAI;QAC3B,WAAW,EAAE,GAAG,CAAC,OAAO,IAAI;QAC5B,WAAW,EAAE,GAAG,OAAO,IAAI;QAC3B,YAAY,EAAE,GAAG,OAAO,IAAI;KAC7B,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui-kit/SwipeListControl/utils/getIndexParts.d.ts

@@ -0,0 +1,7 @@
+export declare const getIndexParts: (scrollLeft: number, scrollPoints: [
+    number,
+    number
+][]) => {
+    index: number;
+    fraction: number;
+};

package/lib/ui-kit/SwipeListControl/utils/getIndexParts.js

@@ -0,0 +1,15 @@
+/*
+  Returns object containing whole index part, and it's decimal part for a given
+  scrollLeft value of a container and an array of tuple containing values of a
+  start and end boundaries of a scrollable child, right boundary non-inclusive.
+  Returns object with index equal -1 and fraction equal 0 if scrollLeft is outside given scrollPoints
+ */
+export const getIndexParts = (scrollLeft, scrollPoints) => {
+    const index = scrollPoints.findIndex(([start, end]) => start <= scrollLeft && scrollLeft < end);
+    if (index < 0)
+        return { index, fraction: 0 };
+    const [start, end] = scrollPoints[index];
+    const fraction = (scrollLeft - start) / (end - start);
+    return { index, fraction };
+};
+//# sourceMappingURL=getIndexParts.js.map

package/lib/ui-kit/SwipeListControl/utils/getIndexParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIndexParts.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getIndexParts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,UAAkB,EAClB,YAAgC,EAIhC,EAAE;IACF,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,UAAU,IAAI,UAAU,GAAG,GAAG,CAAC,CAAC;IAChG,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC"}

package/lib/ui-kit/SwipeListControl/utils/getScrollPoints.d.ts

@@ -0,0 +1,8 @@
+export declare const getScrollPoints: ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }: {
+    gap: number;
+    padding: number;
+    clientWidth: number;
+    scrollWidth: number;
+    childElementCount: number;
+    itemWidth: number;
+}) => [number, number][];

package/lib/ui-kit/SwipeListControl/utils/getScrollPoints.js

@@ -0,0 +1,24 @@
+/*
+ Calculates array of breakpoints for each scrollable element in container.
+ Returns array of tuples consisting of [start, end] boundary scrollLeft values.
+*/
+export const getScrollPoints = ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }) => {
+    const scrollItemWidth = itemWidth + gap;
+    const scrollableDistance = scrollWidth - clientWidth;
+    const edgeScrollDistance = clientWidth - gap - padding;
+    const lastScrollableIdx = childElementCount - 2;
+    const scrollPoints = new Array(childElementCount)
+        .fill(0)
+        .map((_, idx) => idx === 0 || idx === lastScrollableIdx
+        ? [
+            idx > 0 ? scrollableDistance - edgeScrollDistance : 0,
+            idx > 0 ? scrollableDistance : edgeScrollDistance,
+        ]
+        : [
+            (idx - 1) * scrollItemWidth + edgeScrollDistance,
+            idx * scrollItemWidth + edgeScrollDistance,
+        ]);
+    scrollPoints[childElementCount - 1] = [scrollableDistance, scrollWidth];
+    return scrollPoints;
+};
+//# sourceMappingURL=getScrollPoints.js.map

package/lib/ui-kit/SwipeListControl/utils/getScrollPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollPoints.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getScrollPoints.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,GAAG,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,SAAS,GAQV,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,SAAS,GAAG,GAAG,CAAC;IACxC,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW,CAAC;IACrD,MAAM,kBAAkB,GAAG,WAAW,GAAG,GAAG,GAAG,OAAO,CAAC;IAEvD,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,CAAC,CAAC;IAChD,MAAM,YAAY,GAAuB,IAAI,KAAK,CAAC,iBAAiB,CAAC;SAClE,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CACd,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,iBAAiB;QACpC,CAAC,CAAC;YACE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACrD,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB;SAClD;QACH,CAAC,CAAC;YACE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,eAAe,GAAG,kBAAkB;YAChD,GAAG,GAAG,eAAe,GAAG,kBAAkB;SAC3C,CACN,CAAC;IACJ,YAAY,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAExE,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}