@redneckz/wildless-cms-uni-blocks 0.6.35 → 0.6.36

package/src/ui-kit/SwipeListControl/SwipeListItem.tsx

@@ -0,0 +1,44 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import {
+  useIntersectionObserver,
+  type IntersectionObserverOptions,
+} from '../../hooks/useIntersectionObserver';
+
+/**
+ * @title Элемент списка
+ */
+interface SwipeListControlItemProps {
+  className?: string;
+  style?: Record<string, string>;
+  idx?: number;
+  activeIndex?: number;
+  observerOptions?: IntersectionObserverOptions;
+  onIntersection?: (idx: number, entry: IntersectionObserverEntry) => void;
+}
+
+export const SwipeListItem = JSX<SwipeListControlItemProps>(
+  ({ className = '', style, idx, activeIndex, observerOptions, children, onIntersection }) => {
+    const observerCallback = useCallback(
+      (entries: IntersectionObserverEntry[]) => {
+        if (entries.length && onIntersection) {
+          onIntersection(idx || 0, entries[entries.length - 1]);
+        }
+      },
+      [onIntersection, idx],
+    );
+    const ref = useIntersectionObserver<HTMLDivElement>(observerCallback, observerOptions);
+
+    return (
+      <div
+        className={`inline-block snap-always box-border ${className}`}
+        style={style}
+        role="listitem"
+        aria-current={Boolean(idx === activeIndex)}
+        ref={ref}
+      >
+        {children}
+      </div>
+    );
+  },
+);

package/src/ui-kit/SwipeListControl/scrollBy.ts

@@ -0,0 +1,10 @@
+const getItemWidth =
+  (container: HTMLElement) =>
+  (itemCount: number): number =>
+    container.scrollWidth / itemCount;
+
+export const scrollBy =
+  (container: HTMLElement) =>
+  (itemCount: number, delta: -1 | 1): void => {
+    container.scrollBy({ left: delta * getItemWidth(container)(itemCount), behavior: 'smooth' });
+  };

package/src/ui-kit/SwipeListControl/scrollToEnd.ts

@@ -0,0 +1,3 @@
+export const scrollToEnd = (container: HTMLElement): void => {
+  container.scrollTo({ left: container.scrollWidth, behavior: 'smooth' });
+};

package/src/ui-kit/SwipeListControl/scrollToStart.ts

@@ -0,0 +1,3 @@
+export const scrollToStart = (container: HTMLElement): void => {
+  container.scrollTo({ left: 0, behavior: 'smooth' });
+};

package/src/ui-kit/SwipeListControl/useSwipeListScroll.ts

@@ -0,0 +1,84 @@
+import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { areArraysEqual } from '../../utils/areArraysEqual';
+import { maxBy } from '../../utils/maxBy';
+import { minBy } from '../../utils/minBy';
+import { scrollBy } from './scrollBy';
+import { scrollToEnd } from './scrollToEnd';
+import { scrollToStart } from './scrollToStart';
+
+export interface SwipeListScroll {
+  scrollLeft: () => void;
+  scrollRight: () => void;
+  canScrollLeft: boolean;
+  canScrollRight: boolean;
+  visibleIndicesRange: [number, number];
+  handleVisibleIndicesChange: (indices: number[]) => void;
+}
+
+interface SwipeListScrollProps {
+  itemCount: number;
+  isCyclic?: boolean;
+  onVisibleIndicesChange?: (indices: number[]) => void;
+}
+
+export const useSwipeListScroll = <E extends HTMLElement>({
+  itemCount,
+  isCyclic,
+  onVisibleIndicesChange,
+}: SwipeListScrollProps): [containerRef: { current: E | null }, scroll: SwipeListScroll] => {
+  const containerRef = useRef<E | null>(null);
+
+  const [visibleIndices, setVisibleIndices] = useState<number[]>([]);
+  const handleVisibleIndicesChange = useCallback(
+    (indices: number[]) => {
+      setVisibleIndices((prevIndices) =>
+        areArraysEqual(prevIndices, indices) ? prevIndices : indices,
+      );
+      onVisibleIndicesChange && onVisibleIndicesChange(indices);
+    },
+    [itemCount],
+  );
+
+  const [minIndex, maxIndex] = visibleIndices.length
+    ? [minBy<number>()(visibleIndices), maxBy<number>()(visibleIndices)]
+    : [-1, -1];
+
+  const canScrollLeft = minIndex > 0;
+  const canScrollRight = maxIndex < itemCount - 1;
+
+  const scrollLeft = useCallback(() => {
+    if (!containerRef.current) {
+      return;
+    }
+
+    if (isCyclic && !canScrollLeft) {
+      scrollToEnd(containerRef.current);
+    } else {
+      scrollBy(containerRef.current)(itemCount, -1);
+    }
+  }, [isCyclic, itemCount, canScrollLeft]);
+
+  const scrollRight = useCallback(() => {
+    if (!containerRef.current) {
+      return;
+    }
+
+    if (isCyclic && !canScrollRight) {
+      scrollToStart(containerRef.current);
+    } else {
+      scrollBy(containerRef.current)(itemCount, 1);
+    }
+  }, [itemCount, isCyclic, canScrollRight]);
+
+  return [
+    containerRef,
+    {
+      scrollLeft,
+      scrollRight,
+      canScrollLeft: isCyclic || canScrollLeft,
+      canScrollRight: isCyclic || canScrollRight,
+      visibleIndicesRange: [minIndex, maxIndex],
+      handleVisibleIndicesChange,
+    },
+  ];
+};

package/src/utils/areArraysEqual.ts

@@ -0,0 +1,2 @@
+export const areArraysEqual = <T>(as?: T[], bs?: T[]): boolean =>
+  as === bs || Boolean(as && bs && as?.length === bs?.length && as.every((_, i) => _ === bs[i]));

package/src/utils/mapChildren.ts

@@ -0,0 +1,11 @@
+import type { VNode } from '../model/VNode';
+
+export const mapChildren =
+  (mapper: (node: VNode, idx: number) => VNode) =>
+  (children: VNode): VNode => {
+    if (children === null || children === undefined) {
+      return children;
+    }
+
+    return Array.isArray(children) ? children.map(mapper) : mapper(children, 0);
+  };

package/src/utils/maxBy.ts

@@ -1,7 +1,6 @@
+export const defaultDiscriminator = <Item, Value>(_: Item): Value => _ as any;
+
 export const maxBy =
-  <Item, Value>(discriminator: (item: Item) => Value) =>
+  <Item, Value = Item>(discriminator: (item: Item) => Value = defaultDiscriminator) =>
   (list: Item[]): Item =>
     list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
-
-export const minBy = <Item, Value>(discriminator: (item: Item) => Value) =>
-  maxBy((_: Item) => -discriminator(_));

package/src/utils/minBy.ts

@@ -0,0 +1,5 @@
+import { defaultDiscriminator, maxBy } from './maxBy';
+
+export const minBy = <Item, Value = Item>(
+  discriminator: (item: Item) => Value = defaultDiscriminator,
+) => maxBy((_: Item) => -discriminator(_));

package/bundle/components/Carousel/CarouselContainer.d.ts

@@ -1,10 +0,0 @@
-interface CarouselContainerProps {
-    activeIndex: number;
-    itemCount: number;
-    visibleItemCount?: number;
-    containerRef?: {
-        current: HTMLDivElement | null;
-    };
-}
-export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
-export {};

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

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

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SwipeContainer } from './SwipeListControlProps';
-/**
- * @title Список
- */
-export interface SwipeListControlListProps extends SwipeContainer {
-    className?: string;
-    activeIndex: number;
-    onScroll?: JSX.IntrinsicElements['div']['onScroll'];
-}
-export declare const SwipeListControlList: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlListProps, any, any>;

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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/dist/components/Carousel/CarouselContainer.d.ts

@@ -1,10 +0,0 @@
-interface CarouselContainerProps {
-    activeIndex: number;
-    itemCount: number;
-    visibleItemCount?: number;
-    containerRef?: {
-        current: HTMLDivElement | null;
-    };
-}
-export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
-export {};

package/dist/components/Carousel/CarouselContainer.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CarouselContainer = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const childStyleMap = ['[&>*]:min-w-[100%]', '[&>*]:min-w-[50%]', '[&>*]:min-w-[33.33%]'];
-exports.CarouselContainer = (0, uni_jsx_1.JSX)(({ activeIndex, itemCount, visibleItemCount, containerRef, children }) => {
-    const scrollWidth = containerRef?.current?.scrollWidth || 0;
-    const maxScrollLeft = scrollWidth - (containerRef?.current?.clientWidth || 0);
-    const translateX = visibleItemCount
-        ? `${-Math.round((100 * activeIndex) / visibleItemCount)}%`
-        : `${-Math.round(Math.min((scrollWidth * activeIndex) / (itemCount || 1), maxScrollLeft))}px`;
-    return ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-1 duration-1000 ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: { transform: `translateX(${translateX})` }, role: "list", ref: containerRef, children: children }));
-});
-//# sourceMappingURL=CarouselContainer.js.map

package/dist/components/Carousel/CarouselContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AASxC,MAAM,aAAa,GAAG,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;AAE7E,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,CAAC;IAE9E,MAAM,UAAU,GAAG,gBAAgB;QACjC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,gBAAgB,CAAC,GAAG;QAC3D,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC;IAEhG,OAAO,CACL,gCACE,SAAS,EAAE,4BACT,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3D,EAAE,EACF,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,UAAU,GAAG,EAAE,EACjD,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,YAEhB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

@@ -1,8 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwipeListControlItem = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.SwipeListControlItem = (0, uni_jsx_1.JSX)(({ className = '', children, ...rest }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `snap-center snap-always min-w-full box-border ${className}`, role: "listitem", ...rest, children: children }));
-});
-//# sourceMappingURL=SwipeListControlItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeListControlItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAW3B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,gCACE,SAAS,EAAE,iDAAiD,SAAS,EAAE,EACvE,IAAI,EAAC,UAAU,KACX,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SwipeContainer } from './SwipeListControlProps';
-/**
- * @title Список
- */
-export interface SwipeListControlListProps extends SwipeContainer {
-    className?: string;
-    activeIndex: number;
-    onScroll?: JSX.IntrinsicElements['div']['onScroll'];
-}
-export declare const SwipeListControlList: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlListProps, any, any>;

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

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwipeListControlList = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const constants_1 = require("./constants");
-const SwipeListControlItem_1 = require("./SwipeListControlItem");
-const getContainerStyle_1 = require("./utils/getContainerStyle");
-exports.SwipeListControlList = (0, uni_jsx_1.JSX)(({ className = '', activeIndex = -1, gap = constants_1.DEFAULT_GAP, padding = constants_1.DEFAULT_PADDING, children, onScroll, }) => {
-    return children ? ((0, jsx_runtime_1.jsx)("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...(0, getContainerStyle_1.getContainerStyle)(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children.length && children.map ? (children.map((child, idx) => ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { style: (0, getContainerStyle_1.getContainerStyle)(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { style: (0, getContainerStyle_1.getContainerStyle)(padding / 4), "aria-current": true, children: children })) })) : null;
-});
-//# sourceMappingURL=SwipeListControlList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2CAA2D;AAC3D,iEAA8D;AAE9D,iEAA8D;AAWjD,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,CAAC,EAChB,GAAG,GAAG,uBAAW,EACjB,OAAO,GAAG,2BAAe,EACzB,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,gCACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,IAAA,qCAAiB,EAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,uBAAC,2CAAoB,IAEnB,KAAK,EAAE,IAAA,qCAAiB,EAAC,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,uBAAC,2CAAoB,IAAC,KAAK,EAAE,IAAA,qCAAiB,EAAC,OAAO,GAAG,CAAC,CAAC,kCACxD,QAAQ,GACY,CACxB,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

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

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

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PADDING = exports.DEFAULT_GAP = void 0;
-// column-gap between children of SwipeListControl container
-exports.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.
- */
-exports.DEFAULT_PADDING = 16;
-// Classes used to compensate outer container padding, so that child elements won't be clipped
-//# sourceMappingURL=constants.js.map

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

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

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

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

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

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getContainerStyle = void 0;
-// styles used to compensate outer container padding to get rid of clipping effect
-const getContainerStyle = (padding) => {
-    return {
-        marginLeft: `${-padding}px`,
-        marginRight: `${-padding}px`,
-        paddingLeft: `${padding}px`,
-        paddingRight: `${padding}px`,
-    };
-};
-exports.getContainerStyle = getContainerStyle;
-//# sourceMappingURL=getContainerStyle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getContainerStyle.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getContainerStyle.ts"],"names":[],"mappings":";;AAAA,kFAAkF;AAC3E,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;AAPW,QAAA,iBAAiB,qBAO5B"}

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

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

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

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIndexParts = void 0;
-/*
-  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
- */
-const getIndexParts = (scrollLeft, scrollPoints) => {
-    const index = scrollPoints.findIndex(([pointStart, pointEnd]) => pointStart <= scrollLeft && scrollLeft < pointEnd);
-    if (index < 0) {
-        return { index, fraction: 0 };
-    }
-    const [start, end] = scrollPoints[index];
-    const fraction = (scrollLeft - start) / (end - start);
-    return { index, fraction };
-};
-exports.getIndexParts = getIndexParts;
-//# sourceMappingURL=getIndexParts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getIndexParts.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getIndexParts.ts"],"names":[],"mappings":";;AAAA;;;;;GAKG;AACI,MAAM,aAAa,GAAG,CAC3B,UAAkB,EAClB,YAAgC,EAIhC,EAAE;IACF,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAClC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,UAAU,IAAI,UAAU,IAAI,UAAU,GAAG,QAAQ,CAC9E,CAAC;IACF,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;KAC/B;IAED,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;IAEtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB"}

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

@@ -1,8 +0,0 @@
-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/dist/ui-kit/SwipeListControl/utils/getScrollPoints.js

@@ -1,33 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getScrollPoints = void 0;
-/*
- Calculates array of breakpoints for each scrollable element in container.
- Returns array of tuples consisting of [start, end] boundary scrollLeft values.
-*/
-const getScrollPoints = ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }) => {
-    const scrollableDistance = scrollWidth - clientWidth;
-    if (childElementCount === 2) {
-        return [
-            [0, scrollableDistance],
-            [scrollableDistance, scrollWidth],
-        ];
-    }
-    const scrollItemWidth = itemWidth + gap;
-    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;
-};
-exports.getScrollPoints = getScrollPoints;
-//# sourceMappingURL=getScrollPoints.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getScrollPoints.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getScrollPoints.ts"],"names":[],"mappings":";;AAAA;;;EAGE;AACK,MAAM,eAAe,GAAG,CAAC,EAC9B,GAAG,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,SAAS,GAQV,EAAsB,EAAE;IACvB,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW,CAAC;IAErD,IAAI,iBAAiB,KAAK,CAAC,EAAE;QAC3B,OAAO;YACL,CAAC,CAAC,EAAE,kBAAkB,CAAC;YACvB,CAAC,kBAAkB,EAAE,WAAW,CAAC;SAClC,CAAC;KACH;IAED,MAAM,eAAe,GAAG,SAAS,GAAG,GAAG,CAAC;IACxC,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;AA5CW,QAAA,eAAe,mBA4C1B"}

package/lib/components/Carousel/CarouselContainer.d.ts

@@ -1,10 +0,0 @@
-interface CarouselContainerProps {
-    activeIndex: number;
-    itemCount: number;
-    visibleItemCount?: number;
-    containerRef?: {
-        current: HTMLDivElement | null;
-    };
-}
-export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
-export {};

package/lib/components/Carousel/CarouselContainer.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-const childStyleMap = ['[&>*]:min-w-[100%]', '[&>*]:min-w-[50%]', '[&>*]:min-w-[33.33%]'];
-export const CarouselContainer = JSX(({ activeIndex, itemCount, visibleItemCount, containerRef, children }) => {
-    const scrollWidth = containerRef?.current?.scrollWidth || 0;
-    const maxScrollLeft = scrollWidth - (containerRef?.current?.clientWidth || 0);
-    const translateX = visibleItemCount
-        ? `${-Math.round((100 * activeIndex) / visibleItemCount)}%`
-        : `${-Math.round(Math.min((scrollWidth * activeIndex) / (itemCount || 1), maxScrollLeft))}px`;
-    return (_jsx("div", { className: `flex gap-1 duration-1000 ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: { transform: `translateX(${translateX})` }, role: "list", ref: containerRef, children: children }));
-});
-//# sourceMappingURL=CarouselContainer.js.map

package/lib/components/Carousel/CarouselContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,aAAa,GAAG,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,CAAC;IAE9E,MAAM,UAAU,GAAG,gBAAgB;QACjC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,gBAAgB,CAAC,GAAG;QAC3D,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC;IAEhG,OAAO,CACL,cACE,SAAS,EAAE,4BACT,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3D,EAAE,EACF,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,UAAU,GAAG,EAAE,EACjD,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,YAEhB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

@@ -1,6 +0,0 @@
-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 box-border ${className}`, role: "listitem", ...rest, children: children }));
-});
-//# sourceMappingURL=SwipeListControlItem.js.map

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

@@ -1 +0,0 @@
-{"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,cACE,SAAS,EAAE,iDAAiD,SAAS,EAAE,EACvE,IAAI,EAAC,UAAU,KACX,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SwipeContainer } from './SwipeListControlProps';
-/**
- * @title Список
- */
-export interface SwipeListControlListProps extends SwipeContainer {
-    className?: string;
-    activeIndex: number;
-    onScroll?: JSX.IntrinsicElements['div']['onScroll'];
-}
-export declare const SwipeListControlList: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlListProps, any, any>;

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
-import { SwipeListControlItem } from './SwipeListControlItem.js';
-import { getContainerStyle } from './utils/getContainerStyle.js';
-export const SwipeListControlList = JSX(({ className = '', activeIndex = -1, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, children, onScroll, }) => {
-    return children ? (_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 ? (children.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": true, children: children })) })) : null;
-});
-//# sourceMappingURL=SwipeListControlList.js.map

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

@@ -1 +0,0 @@
-{"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,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,CAAC,EAChB,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,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,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,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,IAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kCACxD,QAAQ,GACY,CACxB,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

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

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

@@ -1,10 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,10 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,16 +0,0 @@
-/*
-  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(([pointStart, pointEnd]) => pointStart <= scrollLeft && scrollLeft < pointEnd);
-    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

@@ -1 +0,0 @@
-{"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,CAClC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,UAAU,IAAI,UAAU,IAAI,UAAU,GAAG,QAAQ,CAC9E,CAAC;IACF,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;KAC/B;IAED,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;IAEtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC"}