zkit-ui 1.0.0

package/dist/ui/Picker/types.d.ts

@@ -0,0 +1,80 @@
+import type * as React from 'react';
+export type PickerPrimitiveValue = string | number;
+export type PickerValue = PickerPrimitiveValue | PickerPrimitiveValue[];
+export type PickerValueMode = 'auto' | 'single' | 'path';
+export type PickerOption<TValue extends PickerPrimitiveValue = PickerPrimitiveValue> = {
+    value: TValue;
+    label: string;
+    disabled?: boolean;
+    children?: PickerOption<TValue>[];
+    key?: React.Key;
+    testID?: string;
+    accessibilityLabel?: string;
+    [key: string]: unknown;
+};
+export type PickerSelection<TOption = PickerOption> = {
+    value: PickerValue;
+    values: PickerPrimitiveValue[];
+    label: string;
+    labels: string[];
+    items: TOption[];
+    columns: TOption[][];
+    indices: number[];
+    isComplete: boolean;
+};
+export type PickerConfirmPayload<TOption = PickerOption> = PickerSelection<TOption>;
+export type PickerChangePayload<TOption = PickerOption> = PickerSelection<TOption>;
+export type PickerDraftChangePayload<TOption = PickerOption> = PickerSelection<TOption>;
+export type PickerHandle = {
+    open: () => void;
+    close: () => void;
+};
+export type PickerTriggerContext<TOption = PickerOption> = PickerSelection<TOption> & {
+    open: () => void;
+    close: () => void;
+    isOpen: boolean;
+    disabled: boolean;
+    placeholder: string;
+};
+export type PickerColumnHeaderContext<TOption = PickerOption> = {
+    columnIndex: number;
+    columnCount: number;
+    options: TOption[];
+    selectedItem?: TOption;
+    selectedValue?: PickerPrimitiveValue;
+    selectedLabel?: string;
+};
+export type PickerOptionAccessors<TOption> = {
+    getOptionValue?: (option: TOption, index: number, path: TOption[]) => PickerPrimitiveValue | undefined;
+    getOptionLabel?: (option: TOption, index: number, path: TOption[]) => string | number | undefined;
+    getOptionChildren?: (option: TOption, index: number, path: TOption[]) => readonly TOption[] | undefined;
+    isOptionDisabled?: (option: TOption, index: number, path: TOption[]) => boolean;
+};
+export type PickerProps<TOption = PickerOption> = PickerOptionAccessors<TOption> & {
+    options: readonly TOption[];
+    value?: PickerValue;
+    defaultValue?: PickerValue;
+    onChange?: (value: PickerValue, selection: PickerChangePayload<TOption>) => void;
+    valueMode?: PickerValueMode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onDismissComplete?: () => void;
+    title?: string;
+    placeholder?: string;
+    cancelText?: string;
+    confirmText?: string;
+    emptyText?: string;
+    separator?: string;
+    formatLabel?: (selection: PickerSelection<TOption>) => string;
+    renderColumnHeader?: (context: PickerColumnHeaderContext<TOption>) => React.ReactNode;
+    maxColumns?: number;
+    lazyContent?: boolean;
+    sheetHeight?: number | 'auto';
+    disabled?: boolean;
+    onCancel?: () => void;
+    onConfirm?: (selection: PickerConfirmPayload<TOption>) => void;
+    onDraftChange?: (selection: PickerDraftChangePayload<TOption>) => void;
+    children?: React.ReactNode | ((context: PickerTriggerContext<TOption>) => React.ReactNode);
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/Picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/Picker/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/Picker/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/Picker/utils.d.ts

@@ -0,0 +1,27 @@
+import type { PickerOptionAccessors, PickerPrimitiveValue, PickerSelection, PickerValue, PickerValueMode } from './types';
+export type PickerCascadeState<TOption> = {
+    columns: TOption[][];
+    indices: number[];
+    values: PickerPrimitiveValue[];
+    labels: string[];
+    items: TOption[];
+};
+type SelectionOptions<TOption> = {
+    separator: string;
+    valueMode: PickerValueMode;
+    preferPathValue: boolean;
+    formatLabel?: (selection: PickerSelection<TOption>) => string;
+};
+export declare function clampNumber(n: number, min: number, max: number): number;
+export declare function toArrayValue(value: PickerValue | undefined): PickerPrimitiveValue[];
+export declare function toOutputValue(values: PickerPrimitiveValue[], valueMode: PickerValueMode, preferPathValue: boolean): PickerValue;
+export declare function resolveOptionValue<TOption>(option: TOption, index: number, path: TOption[], accessors: PickerOptionAccessors<TOption>): PickerPrimitiveValue;
+export declare function resolveOptionLabel<TOption>(option: TOption, index: number, path: TOption[], accessors: PickerOptionAccessors<TOption>): string;
+export declare function resolveOptionChildren<TOption>(option: TOption, index: number, path: TOption[], accessors: PickerOptionAccessors<TOption>): TOption[];
+export declare function resolveOptionDisabled<TOption>(option: TOption, index: number, path: TOption[], accessors: PickerOptionAccessors<TOption>): boolean;
+export declare function findNearestEnabledIndex<TOption>(options: readonly TOption[], startIndex: number, path: TOption[], accessors: PickerOptionAccessors<TOption>): number;
+export declare function resolveCascade<TOption>(rootOptions: readonly TOption[], desiredValues: PickerPrimitiveValue[], accessors: PickerOptionAccessors<TOption>, maxColumns: number): PickerCascadeState<TOption>;
+export declare function createPickerSelection<TOption>(state: PickerCascadeState<TOption>, options: SelectionOptions<TOption>): PickerSelection<TOption>;
+export declare function transparentizeColor(color: string): string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/Picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/Picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,kBAAkB,CAAC,OAAO,IAAI;IACxC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB,CAAC;AAEF,KAAK,gBAAgB,CAAC,OAAO,IAAI;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,MAAM,CAAC;CAC/D,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE9D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,oBAAoB,EAAE,CAInF;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,oBAAoB,EAAE,EAC9B,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,OAAO,GACvB,WAAW,CAKb;AAaD,wBAAgB,kBAAkB,CAAC,OAAO,EACxC,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,GACxC,oBAAoB,CAStB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EACxC,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,GACxC,MAAM,CAWR;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAC3C,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,GACxC,OAAO,EAAE,CAMX;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAC3C,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,GACxC,OAAO,CAIT;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAC7C,OAAO,EAAE,SAAS,OAAO,EAAE,EAC3B,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,UAqB1C;AAED,wBAAgB,cAAc,CAAC,OAAO,EACpC,WAAW,EAAE,SAAS,OAAO,EAAE,EAC/B,aAAa,EAAE,oBAAoB,EAAE,EACrC,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,EACzC,UAAU,EAAE,MAAM,GACjB,kBAAkB,CAAC,OAAO,CAAC,CA0C7B;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAC3C,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAClC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,GACjC,eAAe,CAAC,OAAO,CAAC,CAuB1B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,UAqBhD"}

package/dist/ui/Picker/utils.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clampNumber = clampNumber;
+exports.toArrayValue = toArrayValue;
+exports.toOutputValue = toOutputValue;
+exports.resolveOptionValue = resolveOptionValue;
+exports.resolveOptionLabel = resolveOptionLabel;
+exports.resolveOptionChildren = resolveOptionChildren;
+exports.resolveOptionDisabled = resolveOptionDisabled;
+exports.findNearestEnabledIndex = findNearestEnabledIndex;
+exports.resolveCascade = resolveCascade;
+exports.createPickerSelection = createPickerSelection;
+exports.transparentizeColor = transparentizeColor;
+function clampNumber(n, min, max) {
+    return Math.max(min, Math.min(max, n));
+}
+function toArrayValue(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string' || typeof value === 'number')
+        return [value];
+    return [];
+}
+function toOutputValue(values, valueMode, preferPathValue) {
+    var _a, _b;
+    if (valueMode === 'path')
+        return values;
+    if (valueMode === 'single')
+        return (_a = values[values.length - 1]) !== null && _a !== void 0 ? _a : '';
+    if (preferPathValue || values.length !== 1)
+        return values;
+    return (_b = values[0]) !== null && _b !== void 0 ? _b : '';
+}
+function isPrimitiveValue(value) {
+    return typeof value === 'string' || typeof value === 'number';
+}
+function toOptionRecord(option) {
+    if (option != null && typeof option === 'object') {
+        return option;
+    }
+    return {};
+}
+function resolveOptionValue(option, index, path, accessors) {
+    var _a, _b, _c, _d;
+    const customValue = (_a = accessors.getOptionValue) === null || _a === void 0 ? void 0 : _a.call(accessors, option, index, path);
+    if (isPrimitiveValue(customValue))
+        return customValue;
+    const record = toOptionRecord(option);
+    const fallbackValue = (_d = (_c = (_b = record.value) !== null && _b !== void 0 ? _b : record.id) !== null && _c !== void 0 ? _c : record.code) !== null && _d !== void 0 ? _d : record.key;
+    if (isPrimitiveValue(fallbackValue))
+        return fallbackValue;
+    return index;
+}
+function resolveOptionLabel(option, index, path, accessors) {
+    var _a, _b, _c, _d;
+    const customLabel = (_a = accessors.getOptionLabel) === null || _a === void 0 ? void 0 : _a.call(accessors, option, index, path);
+    if (typeof customLabel === 'string')
+        return customLabel;
+    if (typeof customLabel === 'number')
+        return String(customLabel);
+    const record = toOptionRecord(option);
+    const fallbackLabel = (_d = (_c = (_b = record.label) !== null && _b !== void 0 ? _b : record.title) !== null && _c !== void 0 ? _c : record.text) !== null && _d !== void 0 ? _d : record.name;
+    if (typeof fallbackLabel === 'string')
+        return fallbackLabel;
+    if (typeof fallbackLabel === 'number')
+        return String(fallbackLabel);
+    return String(resolveOptionValue(option, index, path, accessors));
+}
+function resolveOptionChildren(option, index, path, accessors) {
+    var _a;
+    const customChildren = (_a = accessors.getOptionChildren) === null || _a === void 0 ? void 0 : _a.call(accessors, option, index, path);
+    if (Array.isArray(customChildren))
+        return customChildren;
+    const record = toOptionRecord(option);
+    return Array.isArray(record.children) ? record.children : [];
+}
+function resolveOptionDisabled(option, index, path, accessors) {
+    var _a;
+    const customDisabled = (_a = accessors.isOptionDisabled) === null || _a === void 0 ? void 0 : _a.call(accessors, option, index, path);
+    if (typeof customDisabled === 'boolean')
+        return customDisabled;
+    return toOptionRecord(option).disabled === true;
+}
+function findNearestEnabledIndex(options, startIndex, path, accessors) {
+    if (!options.length)
+        return -1;
+    const index = clampNumber(Math.round(startIndex), 0, options.length - 1);
+    const isEnabled = (optionIndex) => {
+        const option = options[optionIndex];
+        return !resolveOptionDisabled(option, optionIndex, [...path, option], accessors);
+    };
+    if (isEnabled(index))
+        return index;
+    for (let i = index + 1; i < options.length; i += 1) {
+        if (isEnabled(i))
+            return i;
+    }
+    for (let i = index - 1; i >= 0; i -= 1) {
+        if (isEnabled(i))
+            return i;
+    }
+    return -1;
+}
+function resolveCascade(rootOptions, desiredValues, accessors, maxColumns) {
+    const columns = [];
+    const indices = [];
+    const values = [];
+    const labels = [];
+    const items = [];
+    let currentOptions = Array.isArray(rootOptions) ? rootOptions : [];
+    let path = [];
+    for (let columnIndex = 0; columnIndex < maxColumns; columnIndex += 1) {
+        if (!currentOptions.length)
+            break;
+        columns.push(currentOptions);
+        const desired = desiredValues[columnIndex];
+        let selectedIndex = 0;
+        if (desired !== undefined) {
+            const foundIndex = currentOptions.findIndex((option, optionIndex) => {
+                const nextPath = [...path, option];
+                return Object.is(resolveOptionValue(option, optionIndex, nextPath, accessors), desired);
+            });
+            selectedIndex = foundIndex >= 0 ? foundIndex : 0;
+        }
+        selectedIndex = findNearestEnabledIndex(currentOptions, selectedIndex, path, accessors);
+        if (selectedIndex < 0)
+            break;
+        const item = currentOptions[selectedIndex];
+        if (item == null)
+            break;
+        const nextPath = [...path, item];
+        indices.push(selectedIndex);
+        values.push(resolveOptionValue(item, selectedIndex, nextPath, accessors));
+        labels.push(resolveOptionLabel(item, selectedIndex, nextPath, accessors));
+        items.push(item);
+        currentOptions = resolveOptionChildren(item, selectedIndex, nextPath, accessors);
+        path = nextPath;
+    }
+    return { columns, indices, values, labels, items };
+}
+function createPickerSelection(state, options) {
+    var _a;
+    const value = toOutputValue(state.values, options.valueMode, options.preferPathValue);
+    const baseLabel = state.labels.filter(Boolean).join(options.separator);
+    const baseSelection = {
+        value,
+        values: state.values,
+        label: baseLabel,
+        labels: state.labels,
+        items: state.items,
+        columns: state.columns,
+        indices: state.indices,
+        isComplete: state.columns.length > 0 &&
+            state.items.length === state.columns.length &&
+            state.values.length === state.columns.length,
+    };
+    const formattedLabel = (_a = options.formatLabel) === null || _a === void 0 ? void 0 : _a.call(options, baseSelection);
+    if (typeof formattedLabel === 'string') {
+        return { ...baseSelection, label: formattedLabel };
+    }
+    return baseSelection;
+}
+function transparentizeColor(color) {
+    const input = color.trim();
+    const fullHex = /^#([0-9a-f]{6})$/i.exec(input);
+    if (fullHex) {
+        const n = Number.parseInt(fullHex[1], 16);
+        const r = (n >> 16) & 255;
+        const g = (n >> 8) & 255;
+        const b = n & 255;
+        return `rgba(${r},${g},${b},0)`;
+    }
+    const shortHex = /^#([0-9a-f]{3})$/i.exec(input);
+    if (shortHex) {
+        const chars = shortHex[1];
+        const r = Number.parseInt(`${chars[0]}${chars[0]}`, 16);
+        const g = Number.parseInt(`${chars[1]}${chars[1]}`, 16);
+        const b = Number.parseInt(`${chars[2]}${chars[2]}`, 16);
+        return `rgba(${r},${g},${b},0)`;
+    }
+    return 'transparent';
+}

package/dist/ui/Radio/index.d.ts

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { Pressable, View } from 'react-native';
+export type RadioValue = string | number;
+export type RadioSize = 'sm' | 'md' | 'lg';
+export type RadioTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export type RadioVariant = 'outline' | 'soft' | 'solid';
+export type RadioLabelPlacement = 'start' | 'end';
+export type RadioGroupOrientation = 'horizontal' | 'vertical';
+export type RadioGroupAlign = 'start' | 'center' | 'end' | 'stretch';
+export type RadioLayout = {
+    indicatorSize?: number;
+    indicatorDotSize?: number;
+    indicatorBorderWidth?: number;
+    gap?: number;
+    minTouchTarget?: number;
+    focusRingWidth?: number;
+    focusRingOffset?: number;
+};
+export type RadioColors = {
+    checkedBackground?: string;
+    checkedBorder?: string;
+    checkedIndicator?: string;
+    uncheckedBackground?: string;
+    uncheckedBorder?: string;
+    focusRing?: string;
+};
+export type RadioSlotProps = {
+    checked: boolean;
+    value?: RadioValue;
+    disabled: boolean;
+    interactive: boolean;
+    size: RadioSize;
+    tone: RadioTone;
+    variant: RadioVariant;
+    select: () => void;
+};
+type NativePressableProps = Omit<React.ComponentPropsWithoutRef<typeof Pressable>, 'accessibilityRole' | 'accessibilityState' | 'children' | 'disabled' | 'style' | 'onChange'>;
+export type RadioRef = React.ComponentRef<typeof Pressable>;
+export interface RadioProps extends NativePressableProps {
+    value?: RadioValue;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    allowDeselect?: boolean;
+    disabled?: boolean;
+    size?: RadioSize;
+    tone?: RadioTone;
+    variant?: RadioVariant;
+    duration?: number;
+    color?: string;
+    colors?: RadioColors;
+    layout?: RadioLayout;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    labelPlacement?: RadioLabelPlacement;
+    children?: React.ReactNode | ((slot: RadioSlotProps) => React.ReactNode);
+    showIndicator?: boolean;
+    indicator?: React.ReactNode | ((slot: RadioSlotProps) => React.ReactNode);
+    style?: React.ComponentPropsWithoutRef<typeof Pressable>['style'];
+    contentStyle?: StyleProp<ViewStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    descriptionStyle?: StyleProp<TextStyle>;
+    accessibilityState?: React.ComponentPropsWithoutRef<typeof Pressable>['accessibilityState'];
+}
+export declare const Radio: React.NamedExoticComponent<RadioProps & React.RefAttributes<View>>;
+export type RadioIndicatorProps = {
+    children?: React.ReactNode | ((slot: RadioSlotProps) => React.ReactNode);
+    style?: StyleProp<ViewStyle>;
+};
+export declare function RadioIndicator({ children, style }: RadioIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export type RadioGroupProps<T extends RadioValue = RadioValue> = Omit<React.ComponentPropsWithoutRef<typeof View>, 'children' | 'onChange'> & {
+    value?: T | null;
+    defaultValue?: T | null;
+    onChange?: (value: T | null) => void;
+    disabled?: boolean;
+    allowDeselect?: boolean;
+    orientation?: RadioGroupOrientation;
+    align?: RadioGroupAlign;
+    wrap?: boolean;
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    size?: RadioSize;
+    tone?: RadioTone;
+    variant?: RadioVariant;
+    color?: string;
+    colors?: RadioColors;
+    layout?: RadioLayout;
+    children: React.ReactNode;
+};
+export declare function RadioGroup<T extends RadioValue = RadioValue>({ value, defaultValue, onChange, disabled, allowDeselect, orientation, align, wrap, gap, rowGap, columnGap, size, tone, variant, color, colors, layout, style, children, accessibilityState, ...viewProps }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Radio/index.tsx"],"names":[],"mappings":"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"}