@webority/mobile-ui 0.102.3 → 0.104.0

package/lib/typescript/commonjs/components/SortableList/index.d.ts

@@ -0,0 +1,3 @@
+export type { SortableListProps } from "./SortableList";
+export { default, SortableList } from "./SortableList";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/index.d.ts

@@ -160,6 +160,8 @@ export type { SliderFieldProps } from "./SliderField";
 export { SliderField } from "./SliderField";
 export type { SlideToConfirmProps, SlideToConfirmSize, SlideToConfirmTone } from "./SlideToConfirm";
 export { SlideToConfirm } from "./SlideToConfirm";
+export type { SortableListProps } from "./SortableList";
+export { SortableList } from "./SortableList";
 export type { SparklineProps, SparklineTone } from "./Sparkline";
 export { Sparkline } from "./Sparkline";
 export type { SpinnerProps, SpinnerSize, SpinnerVariant } from "./Spinner";

package/lib/typescript/module/components/Checkbox/Checkbox.d.ts

@@ -3,6 +3,7 @@ import type { PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle }
 import type { HapticType } from "../../utils/hapticUtils.js";
 export type CheckboxSize = "sm" | "md" | "lg";
 export type CheckboxTone = "primary" | "success" | "warning" | "danger";
+export type CheckboxShape = "circle";
 export interface CheckboxProps extends Omit<PressableProps, "style" | "children" | "onPress"> {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -34,6 +35,8 @@ export interface CheckboxProps extends Omit<PressableProps, "style" | "children"
     labelLines?: number;
     size?: CheckboxSize;
     tone?: CheckboxTone;
+    /** circle draws a round box with the tick inside. Omit it for the square box. */
+    shape?: CheckboxShape;
     accessibilityLabel?: string;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;

package/lib/typescript/module/components/SortableList/SortableList.d.ts

@@ -0,0 +1,53 @@
+/**
+ * SortableList: rows the person reorders by dragging. A long press lifts a row (a drag handle does
+ * when `handle` is set); the other rows make room, the list scrolls near its edges, and a drop calls
+ * `onReorder` with the keys in their new order. The list is controlled: the parent reorders `data`.
+ * Every row also offers "Move up" and "Move down" as accessibility actions, so no drag is required.
+ *
+ * USAGE:
+ *
+ * <SortableList
+ *   data={tasks}
+ *   keyExtractor={(task) => task.id}
+ *   renderItem={({ item }) => <ListItem title={item.title} />}
+ *   onReorder={(keys) => setTasks(sortByKeys(tasks, keys))}
+ * />
+ */
+import type React from "react";
+export interface SortableListProps<T> {
+    data: readonly T[];
+    keyExtractor: (item: T, index: number) => string;
+    renderItem: (info: {
+        item: T;
+        index: number;
+        isActive: boolean;
+    }) => React.ReactNode;
+    /** Called with the keys in their new order after a drop or a "Move up" or "Move down" action. */
+    onReorder: (keys: string[]) => void;
+    /** Only the drag handle lifts a row; by default a long press on the row does. */
+    handle?: boolean;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];
+/** Top edge of row `index` when the rows stack at their own heights. */
+export declare function topOf(heights: readonly number[], index: number): number;
+/** Top edge of the slot `to` once row `from` has left its place and the rest keep their order. */
+export declare function slotTop(heights: readonly number[], from: number, to: number): number;
+/**
+ * The slot the lifted row would drop into. The row counts as passing another row once its
+ * centre is past that row's midpoint, so a drop lands on the nearest slot to the finger.
+ */
+export declare function dropIndex(heights: readonly number[], from: number, dragY: number): number;
+/**
+ * How far each row moves while row `from` is lifted towards slot `to`, by row index. The lifted
+ * row's own entry is not used; it follows the finger instead.
+ */
+export declare function rowShifts(heights: readonly number[], from: number, to: number): number[];
+export declare function SortableList<T>(props: SortableListProps<T>): React.ReactElement;
+export declare namespace SortableList {
+    var displayName: string;
+}
+export default SortableList;
+//# sourceMappingURL=SortableList.d.ts.map

package/lib/typescript/module/components/SortableList/SortableList.meta.d.ts

@@ -0,0 +1,3 @@
+import type { SortableListProps } from "./SortableList.js";
+export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<SortableListProps<unknown>, never, never>;
+//# sourceMappingURL=SortableList.meta.d.ts.map

package/lib/typescript/module/components/SortableList/index.d.ts

@@ -0,0 +1,3 @@
+export type { SortableListProps } from "./SortableList.js";
+export { default, SortableList } from "./SortableList.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/index.d.ts

@@ -160,6 +160,8 @@ export type { SliderFieldProps } from "./SliderField/index.js";
 export { SliderField } from "./SliderField/index.js";
 export type { SlideToConfirmProps, SlideToConfirmSize, SlideToConfirmTone } from "./SlideToConfirm/index.js";
 export { SlideToConfirm } from "./SlideToConfirm/index.js";
+export type { SortableListProps } from "./SortableList/index.js";
+export { SortableList } from "./SortableList/index.js";
 export type { SparklineProps, SparklineTone } from "./Sparkline/index.js";
 export { Sparkline } from "./Sparkline/index.js";
 export type { SpinnerProps, SpinnerSize, SpinnerVariant } from "./Spinner/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.102.3",
+  "version": "0.104.0",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -86,8 +86,8 @@
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-svg": ">=15.0.0",
     "react-native-worklets": ">=0.10.0",
-    "@webority/canvas-kit": "0.102.3",
-    "@webority/mobile-core": "0.102.3"
+    "@webority/mobile-core": "0.104.0",
+    "@webority/canvas-kit": "0.104.0"
   },
   "peerDependenciesMeta": {
     "@webority/canvas-kit": {
@@ -148,10 +148,10 @@
     "react-test-renderer": "19.2.8",
     "rimraf": "6.1.3",
     "typescript": "5.9.3",
-    "@webority/mobile-core": "0.102.3",
+    "@webority/canvas-kit": "0.104.0",
+    "@webority/mobile-core": "0.104.0",
     "@webority/mobile-dev": "0.0.0",
-    "@webority/canvas-kit": "0.102.3",
-    "@webority/tokens": "0.102.3"
+    "@webority/tokens": "0.104.0"
   },
   "scripts": {
     "build": "bob build && node ../mobile-dev/scripts/minify-lib.mjs && node -e \"require('node:fs').rmSync('dist/canvas-kit',{recursive:true,force:true})\" && node ../canvas-kit/dist/cli.js build --config canvas-kit.json --out dist/canvas-kit",