@cdx-ui/components 0.2.2 → 0.2.4

package/lib/module/components/ReorderableList/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_REORDERABLE_LIST_LABELS","item","pickedUp","movedTo","dropped","cancelled","screenReaderInstructions","moveUp","moveDown","moveToTop","moveToBottom","resolveReorderableListLabels","partial","fill","template","values","replace","match","name","formatReorderMessage","key","labels","getItemLabel","fromIndex","position","count","itemName","String"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/labels.ts"],"mappings":";;AAEA,OAAO,MAAMA,+BAAsD,GAAG;EACpEC,IAAI,EAAE,iBAAiB;EACvBC,QAAQ,EAAE,mDAAmD;EAC7DC,OAAO,EAAE,iDAAiD;EAC1DC,OAAO,EAAE,mDAAmD;EAC5DC,SAAS,EAAE,uEAAuE;EAClFC,wBAAwB,EACtB,qIAAqI;EACvIC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,WAAW;EACrBC,SAAS,EAAE,aAAa;EACxBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,SAASC,4BAA4BA,CAC1CC,OAAwC,EACjB;EACvB,OAAO;IAAE,GAAGZ,+BAA+B;IAAE,GAAGY;EAAQ,CAAC;AAC3D;AAeA,SAASC,IAAIA,CAACC,QAAgB,EAAEC,MAA8B,EAAU;EACtE,OAAOD,QAAQ,CAACE,OAAO,CAAC,YAAY,EAAE,CAACC,KAAK,EAAEC,IAAY,KAAKH,MAAM,CAACG,IAAI,CAAC,IAAID,KAAK,CAAC;AACvF;AAEA,OAAO,SAASE,oBAAoBA,CAClCC,GAAsB,EACtB;EAAEC,MAAM;EAAEC,YAAY;EAAErB,IAAI;EAAEsB,SAAS;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,EAC1E;EACR,MAAMC,QAAQ,GAAGJ,YAAY,GACzBA,YAAY,CAACrB,IAAI,EAAEsB,SAAS,CAAC,GAC7BV,IAAI,CAACQ,MAAM,CAACpB,IAAI,EAAE;IAAEuB,QAAQ,EAAEG,MAAM,CAACJ,SAAS,GAAG,CAAC;EAAE,CAAC,CAAC;EAC1D,OAAOV,IAAI,CAACQ,MAAM,CAACD,GAAG,CAAC,EAAE;IACvBnB,IAAI,EAAEyB,QAAQ;IACdF,QAAQ,EAAEG,MAAM,CAACH,QAAQ,GAAG,CAAC,CAAC;IAC9BC,KAAK,EAAEE,MAAM,CAACF,KAAK;EACrB,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/components/ReorderableList/reorderItems.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/** Immutable insert-strategy move. No-ops when indices are equal or out of range. */
+export function reorderItems(data, fromIndex, toIndex) {
+  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= data.length || toIndex >= data.length) {
+    return data;
+  }
+  const next = data.slice();
+  next.splice(toIndex, 0, ...next.splice(fromIndex, 1));
+  return next;
+}
+//# sourceMappingURL=reorderItems.js.map

package/lib/module/components/ReorderableList/reorderItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reorderItems","data","fromIndex","toIndex","length","next","slice","splice"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/reorderItems.ts"],"mappings":";;AAAA;AACA,OAAO,SAASA,YAAYA,CAAIC,IAAS,EAAEC,SAAiB,EAAEC,OAAe,EAAO;EAClF,IACED,SAAS,KAAKC,OAAO,IACrBD,SAAS,GAAG,CAAC,IACbC,OAAO,GAAG,CAAC,IACXD,SAAS,IAAID,IAAI,CAACG,MAAM,IACxBD,OAAO,IAAIF,IAAI,CAACG,MAAM,EACtB;IACA,OAAOH,IAAI;EACb;EAEA,MAAMI,IAAI,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;EACzBD,IAAI,CAACE,MAAM,CAACJ,OAAO,EAAE,CAAC,EAAE,GAAGE,IAAI,CAACE,MAAM,CAACL,SAAS,EAAE,CAAC,CAAC,CAAC;EACrD,OAAOG,IAAI;AACb","ignoreList":[]}

package/lib/module/components/ReorderableList/rowContext.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+
+/**
+ * Props that make a host element the row's drag activator.
+ *
+ * - **Web:** dnd-kit `attributes` (`role`, `tabIndex`, `aria-*`), `listeners` (`onPointerDown`,
+ *   `onKeyDown`), and `style: { touchAction: 'none' }`. Some keys (`aria-roledescription`,
+ *   `aria-describedby`) are outside `ViewProps`, hence the index signature.
+ * - **Native:** empty — the gesture is attached by `wrap`.
+ */
+
+/**
+ * Binds a handle element to the row's drag gesture without adding a focusable wrapper.
+ *
+ * Render one host (a `View`, or the consumer child under `asChild` via `Slot`), then:
+ * 1. spread `props` onto it before consumer props (handlers compose through `Slot`),
+ * 2. compose `ref` with the host's own ref,
+ * 3. return `wrap(host)`.
+ *
+ * Web: `ref` is dnd-kit's `setActivatorNodeRef` and `wrap` returns the host unchanged.
+ * Native: `ref` is `undefined` and `wrap` places the host inside `Sortable.Handle`, which must
+ * wrap because react-native-sortables only attaches its handle gesture through that component. It
+ * renders a non-accessible `View`, so the host stays the single focusable element; pass layout
+ * styles that must sit on the outer box (flex, alignSelf, margin) as `wrap`'s second argument.
+ */
+
+/** Per-row reorder state and actions, provided to every row rendered by `ReorderableList`. */
+
+const ReorderableRowContext = /*#__PURE__*/createContext(null);
+export const ReorderableRowProvider = ReorderableRowContext.Provider;
+
+/** Reorder state for the enclosing `ReorderableList` row, or `null` outside a list. */
+export function useReorderableRow() {
+  return useContext(ReorderableRowContext);
+}
+//# sourceMappingURL=rowContext.js.map

package/lib/module/components/ReorderableList/rowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ReorderableRowContext","ReorderableRowProvider","Provider","useReorderableRow"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/rowContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAA6C,OAAO;;AAUtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;;AAwBA,MAAMC,qBAAqB,gBAAGF,aAAa,CAAoC,IAAI,CAAC;AAEpF,OAAO,MAAMG,sBAAsB,GAAGD,qBAAqB,CAACE,QAAQ;;AAEpE;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAsC;EACrE,OAAOJ,UAAU,CAACC,qBAAqB,CAAC;AAC1C","ignoreList":[]}

package/lib/module/components/ReorderableList/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ReorderableList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ReorderableList/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/ReorderableList/useReorder.js

@@ -0,0 +1,123 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { formatReorderMessage, resolveReorderableListLabels } from './labels';
+import { reorderItems } from './reorderItems';
+export function buildReorderAccessibilityActions(index, count, labels) {
+  const actions = [];
+  if (index > 0) {
+    actions.push({
+      name: 'moveUp',
+      label: labels.moveUp
+    });
+    if (index > 1) actions.push({
+      name: 'moveToTop',
+      label: labels.moveToTop
+    });
+  }
+  if (index < count - 1) {
+    actions.push({
+      name: 'moveDown',
+      label: labels.moveDown
+    });
+    if (index < count - 2) actions.push({
+      name: 'moveToBottom',
+      label: labels.moveToBottom
+    });
+  }
+  return actions;
+}
+
+/** Target index for a reorder accessibility action, or `undefined` for other actions. */
+export function getReorderActionTarget(actionName, index, count) {
+  switch (actionName) {
+    case 'moveUp':
+      return index - 1;
+    case 'moveDown':
+      return index + 1;
+    case 'moveToTop':
+      return 0;
+    case 'moveToBottom':
+      return count - 1;
+    default:
+      return undefined;
+  }
+}
+
+/** Duplicate keys in `data`, for the development warning. */
+export function findDuplicateKeys(data, keyExtractor) {
+  const seen = new Set();
+  const duplicates = new Set();
+  data.forEach((item, index) => {
+    const key = keyExtractor(item, index);
+    if (seen.has(key)) duplicates.add(key);
+    seen.add(key);
+  });
+  return [...duplicates];
+}
+export function useReorderController({
+  data,
+  onReorder,
+  onReorderIndices,
+  getItemLabel,
+  labels: labelsProp,
+  announce
+}) {
+  const labels = useMemo(() => resolveReorderableListLabels(labelsProp), [labelsProp]);
+  const describe = useCallback((key, fromIndex, position) => {
+    const item = data[fromIndex];
+    if (item === undefined) return undefined;
+    return formatReorderMessage(key, {
+      labels,
+      getItemLabel,
+      item,
+      fromIndex,
+      position,
+      count: data.length
+    });
+  }, [data, getItemLabel, labels]);
+  const moveItem = useCallback((fromIndex, toIndex) => {
+    if (fromIndex < 0 || fromIndex >= data.length) return;
+    const target = Math.min(Math.max(toIndex, 0), data.length - 1);
+    if (target === fromIndex) return;
+    const message = describe('movedTo', fromIndex, target);
+    onReorder(reorderItems(data, fromIndex, target));
+    onReorderIndices?.(fromIndex, target);
+    if (message) announce(message);
+  }, [announce, data, describe, onReorder, onReorderIndices]);
+
+  // Stable identity: web's accessibility memo keys off this object. A fresh return every render
+  // rebuilds createReorderAnnouncements and clears lastAnnouncedIndex, so pick-up is replaced by
+  // "moved to" the current position.
+  return useMemo(() => ({
+    labels,
+    moveItem,
+    describe,
+    data
+  }), [labels, moveItem, describe, data]);
+}
+export function useReorderableRowValue({
+  index,
+  count,
+  isDragging,
+  handle,
+  labels,
+  moveItem
+}) {
+  return useMemo(() => {
+    const move = toIndex => moveItem(index, toIndex);
+    return {
+      isDragging,
+      index,
+      count,
+      move,
+      accessibilityActions: buildReorderAccessibilityActions(index, count, labels),
+      onAccessibilityAction: event => {
+        const target = getReorderActionTarget(event.nativeEvent.actionName, index, count);
+        if (target !== undefined) move(target);
+      },
+      handle
+    };
+  }, [count, handle, index, isDragging, labels, moveItem]);
+}
+//# sourceMappingURL=useReorder.js.map

package/lib/module/components/ReorderableList/useReorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","formatReorderMessage","resolveReorderableListLabels","reorderItems","buildReorderAccessibilityActions","index","count","labels","actions","push","name","label","moveUp","moveToTop","moveDown","moveToBottom","getReorderActionTarget","actionName","undefined","findDuplicateKeys","data","keyExtractor","seen","Set","duplicates","forEach","item","key","has","add","useReorderController","onReorder","onReorderIndices","getItemLabel","labelsProp","announce","describe","fromIndex","position","length","moveItem","toIndex","target","Math","min","max","message","useReorderableRowValue","isDragging","handle","move","accessibilityActions","onAccessibilityAction","event","nativeEvent"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/useReorder.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableList/webDnd.js

@@ -0,0 +1,59 @@
+"use strict";
+
+/** Maps a dnd-kit drop to `data` positions, or `null` when nothing should move. */
+export function resolveDragEnd(ids, activeId, overId) {
+  if (overId == null || activeId === overId) return null;
+  const from = ids.indexOf(String(activeId));
+  const to = ids.indexOf(String(overId));
+  if (from === -1 || to === -1) return null;
+  return {
+    from,
+    to
+  };
+}
+
+/**
+ * Position-based dnd-kit announcements. dnd-kit's defaults read the raw draggable ids, which are
+ * `keyExtractor` keys — these never mention them.
+ */
+export function createReorderAnnouncements(ids, describe) {
+  const indexOf = id => id === undefined ? -1 : ids.indexOf(String(id));
+  // dnd-kit reports the row's own slot as "over" right after pick-up; skip repeats so the
+  // pick-up message is not replaced by "moved to" its current position.
+  let lastAnnouncedIndex = -1;
+  return {
+    onDragStart({
+      active
+    }) {
+      const from = indexOf(active.id);
+      lastAnnouncedIndex = from;
+      return from === -1 ? undefined : describe('pickedUp', from, from);
+    },
+    onDragOver({
+      active,
+      over
+    }) {
+      const from = indexOf(active.id);
+      const to = indexOf(over?.id);
+      if (from === -1 || to === -1 || to === lastAnnouncedIndex) return undefined;
+      lastAnnouncedIndex = to;
+      return describe('movedTo', from, to);
+    },
+    onDragEnd({
+      active,
+      over
+    }) {
+      const from = indexOf(active.id);
+      if (from === -1) return undefined;
+      const to = indexOf(over?.id);
+      return describe('dropped', from, to === -1 ? from : to);
+    },
+    onDragCancel({
+      active
+    }) {
+      const from = indexOf(active.id);
+      return from === -1 ? undefined : describe('cancelled', from, from);
+    }
+  };
+}
+//# sourceMappingURL=webDnd.js.map

package/lib/module/components/ReorderableList/webDnd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveDragEnd","ids","activeId","overId","from","indexOf","String","to","createReorderAnnouncements","describe","id","undefined","lastAnnouncedIndex","onDragStart","active","onDragOver","over","onDragEnd","onDragCancel"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/webDnd.ts"],"mappings":";;AASA;AACA,OAAO,SAASA,cAAcA,CAC5BC,GAAsB,EACtBC,QAAY,EACZC,MAA6B,EACQ;EACrC,IAAIA,MAAM,IAAI,IAAI,IAAID,QAAQ,KAAKC,MAAM,EAAE,OAAO,IAAI;EACtD,MAAMC,IAAI,GAAGH,GAAG,CAACI,OAAO,CAACC,MAAM,CAACJ,QAAQ,CAAC,CAAC;EAC1C,MAAMK,EAAE,GAAGN,GAAG,CAACI,OAAO,CAACC,MAAM,CAACH,MAAM,CAAC,CAAC;EACtC,IAAIC,IAAI,KAAK,CAAC,CAAC,IAAIG,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,IAAI;EACzC,OAAO;IAAEH,IAAI;IAAEG;EAAG,CAAC;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCP,GAAsB,EACtBQ,QAA0C,EAC1C;EACA,MAAMJ,OAAO,GAAIK,EAAkB,IAAMA,EAAE,KAAKC,SAAS,GAAG,CAAC,CAAC,GAAGV,GAAG,CAACI,OAAO,CAACC,MAAM,CAACI,EAAE,CAAC,CAAE;EACzF;EACA;EACA,IAAIE,kBAAkB,GAAG,CAAC,CAAC;EAE3B,OAAO;IACLC,WAAWA,CAAC;MAAEC;IAAiC,CAAC,EAAE;MAChD,MAAMV,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/BE,kBAAkB,GAAGR,IAAI;MACzB,OAAOA,IAAI,KAAK,CAAC,CAAC,GAAGO,SAAS,GAAGF,QAAQ,CAAC,UAAU,EAAEL,IAAI,EAAEA,IAAI,CAAC;IACnE,CAAC;IACDW,UAAUA,CAAC;MAAED,MAAM;MAAEE;IAAe,CAAC,EAAE;MACrC,MAAMZ,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,MAAMH,EAAE,GAAGF,OAAO,CAACW,IAAI,EAAEN,EAAE,CAAC;MAC5B,IAAIN,IAAI,KAAK,CAAC,CAAC,IAAIG,EAAE,KAAK,CAAC,CAAC,IAAIA,EAAE,KAAKK,kBAAkB,EAAE,OAAOD,SAAS;MAC3EC,kBAAkB,GAAGL,EAAE;MACvB,OAAOE,QAAQ,CAAC,SAAS,EAAEL,IAAI,EAAEG,EAAE,CAAC;IACtC,CAAC;IACDU,SAASA,CAAC;MAAEH,MAAM;MAAEE;IAAe,CAAC,EAAE;MACpC,MAAMZ,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,IAAIN,IAAI,KAAK,CAAC,CAAC,EAAE,OAAOO,SAAS;MACjC,MAAMJ,EAAE,GAAGF,OAAO,CAACW,IAAI,EAAEN,EAAE,CAAC;MAC5B,OAAOD,QAAQ,CAAC,SAAS,EAAEL,IAAI,EAAEG,EAAE,KAAK,CAAC,CAAC,GAAGH,IAAI,GAAGG,EAAE,CAAC;IACzD,CAAC;IACDW,YAAYA,CAAC;MAAEJ;IAAiB,CAAC,EAAE;MACjC,MAAMV,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,OAAON,IAAI,KAAK,CAAC,CAAC,GAAGO,SAAS,GAAGF,QAAQ,CAAC,WAAW,EAAEL,IAAI,EAAEA,IAAI,CAAC;IACpE;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/ScopedTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScopedTheme","UniwindScopedTheme","jsx","_jsx","props"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;AACA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,WAAW,GAAII,KAAuB,iBAAKD,IAAA,CAACF,kBAAkB;EAAA,GAAKG;AAAK,CAAG,CAAC","ignoreList":[]}
+{"version":3,"names":["ScopedTheme","UniwindScopedTheme","jsx","_jsx","props"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;AACA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,WAAW,GAAII,KAAuB,iBAAKD,IAAA,CAACF,kBAAkB;EAAA,GAAKG;AAAK,CAAG,CAAC","ignoreList":[]}

package/lib/module/components/ScrollShadow/gradient.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { I18nManager } from 'react-native';
+import { SCROLL_SHADOW_SURFACE_FROM_CLASS } from './styles';
+export function getWebSurfaceGradientClasses(surface, orientation, edge) {
+  const fromClass = SCROLL_SHADOW_SURFACE_FROM_CLASS[surface];
+  if (orientation === 'vertical') {
+    return edge === 'start' ? `bg-gradient-to-b ${fromClass} to-transparent` : `bg-gradient-to-t ${fromClass} to-transparent`;
+  }
+
+  // ltr:/rtl: so the fade flips with layout direction on the first paint,
+  // not after a later scroll re-render.
+  return edge === 'start' ? `ltr:bg-gradient-to-r rtl:bg-gradient-to-l ${fromClass} to-transparent` : `ltr:bg-gradient-to-l rtl:bg-gradient-to-r ${fromClass} to-transparent`;
+}
+export function getInlineBackgroundImage(color, orientation, edge, isRTL = I18nManager.isRTL) {
+  if (orientation === 'vertical') {
+    return edge === 'start' ? `linear-gradient(to bottom, ${color}, transparent)` : `linear-gradient(to top, ${color}, transparent)`;
+  }
+  if (isRTL) {
+    return edge === 'start' ? `linear-gradient(to left, ${color}, transparent)` : `linear-gradient(to right, ${color}, transparent)`;
+  }
+  return edge === 'start' ? `linear-gradient(to right, ${color}, transparent)` : `linear-gradient(to left, ${color}, transparent)`;
+}
+//# sourceMappingURL=gradient.js.map

package/lib/module/components/ScrollShadow/gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["I18nManager","SCROLL_SHADOW_SURFACE_FROM_CLASS","getWebSurfaceGradientClasses","surface","orientation","edge","fromClass","getInlineBackgroundImage","color","isRTL"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/gradient.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,cAAc;AAC1C,SAASC,gCAAgC,QAAkC,UAAU;AAKrF,OAAO,SAASC,4BAA4BA,CAC1CC,OAA4B,EAC5BC,WAAoC,EACpCC,IAAsB,EACd;EACR,MAAMC,SAAS,GAAGL,gCAAgC,CAACE,OAAO,CAAC;EAE3D,IAAIC,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAOC,IAAI,KAAK,OAAO,GACnB,oBAAoBC,SAAS,iBAAiB,GAC9C,oBAAoBA,SAAS,iBAAiB;EACpD;;EAEA;EACA;EACA,OAAOD,IAAI,KAAK,OAAO,GACnB,6CAA6CC,SAAS,iBAAiB,GACvE,6CAA6CA,SAAS,iBAAiB;AAC7E;AAEA,OAAO,SAASC,wBAAwBA,CACtCC,KAAa,EACbJ,WAAoC,EACpCC,IAAsB,EACtBI,KAAK,GAAGT,WAAW,CAACS,KAAK,EACjB;EACR,IAAIL,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAOC,IAAI,KAAK,OAAO,GACnB,8BAA8BG,KAAK,gBAAgB,GACnD,2BAA2BA,KAAK,gBAAgB;EACtD;EAEA,IAAIC,KAAK,EAAE;IACT,OAAOJ,IAAI,KAAK,OAAO,GACnB,4BAA4BG,KAAK,gBAAgB,GACjD,6BAA6BA,KAAK,gBAAgB;EACxD;EAEA,OAAOH,IAAI,KAAK,OAAO,GACnB,6BAA6BG,KAAK,gBAAgB,GAClD,4BAA4BA,KAAK,gBAAgB;AACvD","ignoreList":[]}

package/lib/module/components/ScrollShadow/index.js

@@ -1,78 +1,200 @@
 "use strict";
 
-import { Children, cloneElement, isValidElement } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';
+import { Animated, Platform, StyleSheet, View } from 'react-native';
+import { useCSSVariable, useResolveClassNames } from 'uniwind';
+import { dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
 import { cn } from '@cdx-ui/utils';
-import { scrollShadowContainerVariants, scrollShadowOverlayVariants, scrollShadowVariants } from './styles';
-import { useScrollShadow } from './useScrollShadow';
+import { getInlineBackgroundImage, getWebSurfaceGradientClasses } from './gradient';
+import { SCROLL_SHADOW_SIZE_PX, SCROLL_SHADOW_SURFACE_CSS_VARS, scrollShadowContainerVariants, scrollShadowEdgeVariants, scrollShadowVariants } from './styles';
+import { composeScrollHandler, isReanimatedScrollHandler, useReanimatedComposedScrollHandler } from './useComposedScrollHandler';
+import { useScrollShadowTracker } from './useScrollShadow';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export { useScrollShadow } from './useScrollShadow';
+function ScrollShadowEdge({
+  edge,
+  orientation,
+  size,
+  surface,
+  colorClassName,
+  edgeClassName,
+  opacity
+}) {
+  const surfaceColor = useCSSVariable(SCROLL_SHADOW_SURFACE_CSS_VARS[surface]) || 'transparent';
+  const resolvedColorClassName = useResolveClassNames(colorClassName ?? '');
+  const customColor = colorClassName != null ? resolvedColorClassName.accentColor ?? resolvedColorClassName.backgroundColor : undefined;
+  if (__DEV__ && colorClassName != null && customColor == null) {
+    console.warn(`[ScrollShadow] colorClassName "${colorClassName}" did not resolve to a color. Falling back to surface="${surface}".`);
+  }
+  const isWeb = Platform.OS === 'web';
+  // Web paints built-in surfaces with static classes; a custom color has no static class,
+  // so it takes a CSS background-image (experimental_backgroundImage paints nothing on RNW).
+  const useInlinePath = !isWeb || customColor != null;
+  const inlineGradient = useInlinePath ? getInlineBackgroundImage(String(customColor ?? surfaceColor), orientation, edge, false) : undefined;
+  const webGradientClasses = useInlinePath ? undefined : getWebSurfaceGradientClasses(surface, orientation, edge);
+  const inlineStyle = inlineGradient ? isWeb ? {
+    backgroundImage: inlineGradient
+  } : {
+    experimental_backgroundImage: inlineGradient
+  } : undefined;
+  const edgeView = /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    className: cn(scrollShadowEdgeVariants({
+      orientation,
+      edge,
+      size
+    }),
+    // The inline gradient is authored LTR; mirroring follows Uniwind's layout
+    // direction (I18nManager or LayoutDirection) without a re-render.
+    useInlinePath && orientation === 'horizontal' ? 'rtl:-scale-x-100' : undefined, webGradientClasses, edgeClassName),
+    style: inlineStyle,
+    ...mergeDataAttributes(dataAttributes({
+      slot: 'scroll-shadow-edge',
+      edge
+    }))
+  });
+  if (!opacity) {
+    return edgeView;
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    style: [StyleSheet.absoluteFill, {
+      opacity
+    }],
+    children: edgeView
+  });
+}
+function shouldShowEdge(visibility, edge, capability) {
+  switch (visibility) {
+    case 'both':
+      return true;
+    case 'start':
+      return edge === 'start';
+    case 'end':
+      return edge === 'end';
+    case 'none':
+      return false;
+    case 'auto':
+    default:
+      return edge === 'start' ? capability.canScrollBefore : capability.canScrollAfter;
+  }
+}
+function ReanimatedTrackedChild({
+  child,
+  handleScroll,
+  trackedChildProps
+}) {
+  const onScroll = useReanimatedComposedScrollHandler(handleScroll, child.props.onScroll);
+  return /*#__PURE__*/cloneElement(child, {
+    ...trackedChildProps,
+    onScroll
+  });
+}
 export function ScrollShadow({
   children,
   className,
-  fadeFromClassName = 'from-background/35',
+  style,
+  surface = 'background',
+  size = 'default',
+  visibility = 'auto',
   hideScrollBar = false,
-  orientation = 'horizontal',
+  orientation,
   offset = 0,
-  onCapabilityChange,
-  size = 64,
-  style
+  edgeClassName,
+  colorClassName,
+  onCapabilityChange
 }) {
-  const resolvedOrientation = orientation ?? 'horizontal';
   const child = Children.only(children);
   if (! /*#__PURE__*/isValidElement(child)) {
     throw new Error('ScrollShadow expects a single React element child.');
   }
+  const resolvedOrientation = orientation ?? (child.props.horizontal ? 'horizontal' : 'vertical');
+  const trackingEnabled = visibility === 'auto';
+  const startOpacity = useRef(new Animated.Value(0)).current;
+  const endOpacity = useRef(new Animated.Value(0)).current;
+  const fadeDistance = SCROLL_SHADOW_SIZE_PX[size];
+
+  // Opacity tracks the distance to each edge, so the fade eases out over the last
+  // `fadeDistance` px of scroll instead of cutting when the edge is reached.
+  const handleDistanceChange = useCallback(({
+    before,
+    after
+  }) => {
+    startOpacity.setValue(Math.min(1, before / fadeDistance));
+    endOpacity.setValue(Math.min(1, after / fadeDistance));
+  }, [startOpacity, endOpacity, fadeDistance]);
   const {
     capability,
     handleContentSizeChange,
     handleLayout,
     handleScroll
-  } = useScrollShadow({
+  } = useScrollShadowTracker({
     offset,
     onCapabilityChange,
-    orientation: resolvedOrientation
+    onDistanceChange: handleDistanceChange,
+    orientation: resolvedOrientation,
+    enabled: trackingEnabled
   });
-  const overlayFade = cn(fadeFromClassName, 'to-transparent');
-  const overlayAxisSize = resolvedOrientation === 'horizontal' ? {
-    width: size
-  } : {
-    height: size
+  const showStart = shouldShowEdge(visibility, 'start', capability);
+  const showEnd = shouldShowEdge(visibility, 'end', capability);
+  const useReanimatedScroll = isReanimatedScrollHandler(child.props.onScroll);
+  const trackedChildProps = {
+    className: cn(scrollShadowVariants({
+      hideScrollBar
+    }), child.props.className),
+    // Keep measuring while visibility is forced so a switch back to auto fades
+    // from the scroll position the user already reached.
+    onContentSizeChange: (width, height) => {
+      handleContentSizeChange(width, height);
+      child.props.onContentSizeChange?.(width, height);
+    },
+    onLayout: event => {
+      handleLayout(event);
+      child.props.onLayout?.(event);
+    },
+    ...(useReanimatedScroll ? {} : {
+      onScroll: composeScrollHandler(handleScroll, child.props.onScroll)
+    }),
+    ...(child.props.scrollEventThrottle === undefined ? {
+      scrollEventThrottle: 16
+    } : {})
   };
   return /*#__PURE__*/_jsxs(View, {
     className: cn(scrollShadowContainerVariants(), className),
     style: style,
-    children: [/*#__PURE__*/cloneElement(child, {
-      className: cn(scrollShadowVariants({
-        hideScrollBar
-      }), child.props.className),
-      onContentSizeChange: (width, height) => {
-        handleContentSizeChange(width, height);
-        child.props.onContentSizeChange?.(width, height);
-      },
-      onLayout: event => {
-        handleLayout(event);
-        child.props.onLayout?.(event);
-      },
-      onScroll: event => {
-        handleScroll(event);
-        child.props.onScroll?.(event);
-      },
-      style: StyleSheet.flatten([child.props.style])
-    }), capability.canScrollBefore ? /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      className: cn(scrollShadowOverlayVariants({
-        orientation: resolvedOrientation,
-        edge: 'start'
-      }), overlayFade),
-      style: overlayAxisSize
-    }) : null, capability.canScrollAfter ? /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      className: cn(scrollShadowOverlayVariants({
-        orientation: resolvedOrientation,
-        edge: 'end'
-      }), overlayFade),
-      style: overlayAxisSize
+    ...mergeDataAttributes(dataAttributes({
+      slot: 'scroll-shadow'
+    })),
+    children: [useReanimatedScroll ? /*#__PURE__*/_jsx(ReanimatedTrackedChild, {
+      child: child,
+      handleScroll: handleScroll,
+      trackedChildProps: trackedChildProps
+    }) : (/*#__PURE__*/cloneElement(child, trackedChildProps)), showStart ? /*#__PURE__*/_jsx(ScrollShadowEdge, {
+      colorClassName: colorClassName,
+      edge: "start",
+      edgeClassName: edgeClassName,
+      opacity: trackingEnabled ? startOpacity : undefined,
+      orientation: resolvedOrientation,
+      size: size,
+      surface: surface
+    }) : null, showEnd ? /*#__PURE__*/_jsx(ScrollShadowEdge, {
+      colorClassName: colorClassName,
+      edge: "end",
+      edgeClassName: edgeClassName,
+      opacity: trackingEnabled ? endOpacity : undefined,
+      orientation: resolvedOrientation,
+      size: size,
+      surface: surface
     }) : null]
   });
 }
+ScrollShadow.displayName = 'ScrollShadow';
 //# sourceMappingURL=index.js.map

package/lib/module/components/ScrollShadow/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","isValidElement","StyleSheet","View","cn","scrollShadowContainerVariants","scrollShadowOverlayVariants","scrollShadowVariants","useScrollShadow","jsx","_jsx","jsxs","_jsxs","ScrollShadow","children","className","fadeFromClassName","hideScrollBar","orientation","offset","onCapabilityChange","size","style","resolvedOrientation","child","only","Error","capability","handleContentSizeChange","handleLayout","handleScroll","overlayFade","overlayAxisSize","width","height","props","onContentSizeChange","onLayout","event","onScroll","flatten","canScrollBefore","pointerEvents","edge","canScrollAfter"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","isValidElement","useCallback","useRef","Animated","Platform","StyleSheet","View","useCSSVariable","useResolveClassNames","dataAttributes","mergeDataAttributes","cn","getInlineBackgroundImage","getWebSurfaceGradientClasses","SCROLL_SHADOW_SIZE_PX","SCROLL_SHADOW_SURFACE_CSS_VARS","scrollShadowContainerVariants","scrollShadowEdgeVariants","scrollShadowVariants","composeScrollHandler","isReanimatedScrollHandler","useReanimatedComposedScrollHandler","useScrollShadowTracker","jsx","_jsx","jsxs","_jsxs","useScrollShadow","ScrollShadowEdge","edge","orientation","size","surface","colorClassName","edgeClassName","opacity","surfaceColor","resolvedColorClassName","customColor","accentColor","backgroundColor","undefined","__DEV__","console","warn","isWeb","OS","useInlinePath","inlineGradient","String","webGradientClasses","inlineStyle","backgroundImage","experimental_backgroundImage","edgeView","pointerEvents","accessible","accessibilityElementsHidden","importantForAccessibility","className","style","slot","absoluteFill","children","shouldShowEdge","visibility","capability","canScrollBefore","canScrollAfter","ReanimatedTrackedChild","child","handleScroll","trackedChildProps","onScroll","props","ScrollShadow","hideScrollBar","offset","onCapabilityChange","only","Error","resolvedOrientation","horizontal","trackingEnabled","startOpacity","Value","current","endOpacity","fadeDistance","handleDistanceChange","before","after","setValue","Math","min","handleContentSizeChange","handleLayout","onDistanceChange","enabled","showStart","showEnd","useReanimatedScroll","onContentSizeChange","width","height","onLayout","event","scrollEventThrottle","displayName"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/index.tsx"],"mappings":"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","ignoreList":[]}