panelui-native 0.44.0 → 0.49.0

package/lib/typescript/src/components/date-time-picker/index.d.ts

@@ -0,0 +1,127 @@
+/**
+ * DateTimePicker — a day and a time of day, picked in one panel.
+ *
+ * ```tsx
+ * const [when, setWhen] = useState<Date>();
+ *
+ * <DateTimePicker value={when} onValueChange={setWhen} />
+ * ```
+ *
+ * ## Why it is one component and not two side by side
+ *
+ * A date field beside a time field is two decisions the reader has to make
+ * separately and then hold together — and the two halves can disagree, which is
+ * how a booking ends up on the right day at a time that has already passed. Here
+ * the calendar and the scale are the same panel over one `Date`, so what is on
+ * screen is the answer rather than two thirds of it.
+ *
+ * The layout follows from that: the calendar is the coarse choice and takes the
+ * room, the time sits under it behind a hairline, and one Done finishes both.
+ * The panel is a fixed width, which is what lets the two halves line up — a
+ * month grid and a time scale that measured themselves independently would be
+ * two boxes of slightly different widths stacked on each other.
+ *
+ * ## It does not close on the date
+ *
+ * `DatePicker` closes as soon as a single day is tapped, because at that point
+ * there is nothing left to say. Here there is: the day is half the value, and
+ * closing on it would hide the other half at the moment it became relevant. So
+ * the panel stays until Done, in every presentation including the popover — the
+ * one place `DatePicker` has no Done button at all.
+ *
+ * ## The time face
+ *
+ * `ruler` by default rather than the wheel. Under a month grid the panel is
+ * already tall, and the wheel is five rows of it; the ruler is one readout over
+ * a scale, reads at arm's length, and is the one face that fits under a calendar
+ * without the whole thing needing to scroll. The other two are a prop away.
+ *
+ * ## Picking the time before the day
+ *
+ * Allowed, and it means today. There has to be *some* day for a time to be a
+ * `Date` at all, and the day the reader is looking at is the only defensible
+ * guess — the alternative is refusing to emit a value until both halves have
+ * been touched, which is a form that silently does nothing when you use it in
+ * the order it did not expect.
+ */
+import { type ReactElement, type ReactNode } from 'react';
+import { type CalendarSystem } from '../../utils/date.js';
+import { type HourCycle, type TimeValue } from '../../utils/time.js';
+import { type CalendarCaptionLayout, type CalendarDisabled } from '../calendar/index.js';
+import { type TimePickerLayout } from '../time-picker/index.js';
+/** Where the panel is shown. `inline` renders it bare, for a Frame or a form. */
+export type DateTimePickerPresentation = 'popover' | 'bottom-sheet' | 'dialog' | 'inline';
+export interface DateTimePickerProps {
+    /** Controlled value. One `Date` carrying both halves. */
+    value?: Date;
+    /** Starting value when uncontrolled. */
+    defaultValue?: Date;
+    /**
+     * Fires on every change to either half, not on Done. Done closes the panel;
+     * it does not decide anything the caller has not already been told.
+     */
+    onValueChange?: (value: Date) => void;
+    /** Which face the time is picked on. `ruler` is the one that fits here. */
+    layout?: TimePickerLayout;
+    /** Anchored panel, a sheet, a dialog, or the panel with nothing around it. */
+    presentation?: DateTimePickerPresentation;
+    /** Controlled open state of the panel. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** `12` shows a meridiem, `24` does not. The value is 24-hour either way. */
+    hourCycle?: HourCycle;
+    /** Minutes between one selectable time and the next. */
+    minuteStep?: number;
+    /** Earliest selectable time of day, inclusive. */
+    minTime?: TimeValue;
+    /** Latest selectable time of day, inclusive. */
+    maxTime?: TimeValue;
+    /** What the trigger reads when nothing has been chosen. */
+    placeholder?: string;
+    /** Override how the chosen value is written on the trigger. */
+    format?: (value: Date) => string;
+    /** Stop the trigger opening it, and the panel from being used. */
+    disabled?: boolean;
+    /** Days that cannot be picked: a list, a span, or a rule. */
+    disabledDates?: CalendarDisabled;
+    /** Earliest selectable day. */
+    minDate?: Date;
+    /** Latest selectable day. */
+    maxDate?: Date;
+    /** `dropdown` swaps the month caption for month and year pickers. */
+    captionLayout?: CalendarCaptionLayout;
+    /** `0` is Sunday. */
+    weekStartsOn?: number;
+    /** BCP 47 tag for the month names, the time and the trigger's own text. */
+    locale?: string;
+    /** Which calendar the months and day numbers are counted in. */
+    calendar?: CalendarSystem;
+    /** Label on the button that closes the panel. */
+    doneLabel?: string;
+    /**
+     * What the time half of the panel is called, above its face. The date half
+     * names itself with the month it is showing; the time half has nothing that
+     * would say what it is otherwise.
+     */
+    timeLabel?: string;
+    className?: string;
+    /**
+     * A trigger of your own. Given one, it is cloned with an `onPress` that opens
+     * the panel — so a field row or an icon button can stand in for the default
+     * button without this component knowing what either looks like.
+     *
+     * Ignored by `presentation="inline"`, which has no trigger.
+     */
+    children?: ReactElement<{
+        onPress?: () => void;
+    }> | ReactNode;
+}
+declare function DateTimePickerRoot({ value: valueProp, defaultValue, onValueChange, layout, presentation, open: openProp, onOpenChange, hourCycle, minuteStep, minTime, maxTime, placeholder, format, disabled, disabledDates, minDate, maxDate, captionLayout, weekStartsOn, locale, calendar, doneLabel, timeLabel, className, children, }: DateTimePickerProps): import("react").JSX.Element;
+declare namespace DateTimePickerRoot {
+    var displayName: string;
+}
+export declare const DateTimePicker: typeof DateTimePickerRoot & {
+    Trigger: ({ children }: import("../popover/index.js").PopoverTriggerProps) => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/date-time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/date-time-picker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAC3F,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,qBAAkB,CAAC;AAE1B,OAAO,EAAY,KAAK,qBAAqB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAa,CAAC;AAG1F,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AA2BnE,iFAAiF;AACjF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,wCAAwC;IACxC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,0BAA0B,CAAC;IAC1C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,6BAA6B;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,qEAAqE;IACrE,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CAC/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,MAAgB,EAChB,YAAwB,EACxB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAc,EACd,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAiC,EACjC,MAAM,EACN,QAAgB,EAChB,aAAa,EACb,OAAO,EACP,OAAO,EACP,aAAuB,EACvB,YAAgB,EAChB,MAAM,EACN,QAAoB,EACpB,SAAkB,EAClB,SAAkB,EAClB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,+BAsNrB;kBAhPQ,kBAAkB;;;AAmP3B,eAAO,MAAM,cAAc;;CAEzB,CAAC"}

package/lib/typescript/src/components/fab/index.d.ts

@@ -0,0 +1,285 @@
+/**
+ * Fab — the floating action button: one screen, one thing it is mostly for.
+ *
+ * ```tsx
+ * <Fab icon={<PlusIcon size={24} />} accessibilityLabel="New note" onPress={compose} />
+ * ```
+ *
+ * ## It floats, which is the whole problem with it
+ *
+ * A button pinned over the content is a button covering some of it, and the
+ * bottom-right corner of a scrolling list is exactly where the last row goes. So
+ * a Fab is right when a screen has *one* action worth that trade and wrong when
+ * it has three — a corner with three buttons in it is a toolbar that has been
+ * put in the wrong place. Where a screen has several, the honest shapes are a
+ * `ButtonGroup` in a bar or, if one of them really does lead, this with a
+ * `Fab.Group` behind it.
+ *
+ * It positions itself absolutely against its nearest positioned ancestor, which
+ * on a screen means the screen. Give the content below it enough bottom padding
+ * to scroll clear — this cannot know how tall your list is, and a Fab sitting on
+ * the last row forever is the failure people actually hit.
+ *
+ * ## Extended, and when to bother
+ *
+ * ```tsx
+ * <Fab extended icon={<PencilIcon size={20} />}>Write</Fab>
+ * ```
+ *
+ * A lone glyph is a guess unless the glyph is a plus. `extended` spells the
+ * action out, costs the width, and is worth it for anything a plus would not
+ * have said.
+ *
+ * ## The speed dial
+ *
+ * ```tsx
+ * <Fab.Group icon={<PlusIcon size={24} />} accessibilityLabel="Add">
+ *   <Fab.Action icon={<ImageIcon size={18} />} label="Photo" onPress={addPhoto} />
+ *   <Fab.Action icon={<FileIcon size={18} />} label="File" onPress={addFile} />
+ * </Fab.Group>
+ * ```
+ *
+ * The actions come out of the button one after another rather than together —
+ * a stagger of a few frames each, which is enough to read as a list unfolding
+ * instead of a menu appearing. Every action carries its label beside it, because
+ * a column of unlabelled circles is a quiz.
+ *
+ * Opening also drops a scrim over the screen. Not for looks: an open dial is
+ * modal — the next tap either picks something or closes it — and a scrim is what
+ * says so, as well as what catches the tap that closes it.
+ *
+ * A group draws itself through a portal, above everything else — the scrim and
+ * the buttons together, so the backdrop cannot end up on top of the dial it is
+ * behind. That means its `offset` is measured from the screen's edges rather
+ * than from whatever it is written inside, which is what lets it be declared
+ * next to the content it belongs to instead of at the root of the screen.
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+/** Which corner the button sits in. */
+export type FabPlacement = 'bottom-right' | 'bottom-center' | 'bottom-left';
+declare const fabVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+        };
+        md: {
+            root: string;
+            label: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+        };
+    };
+    extended: {
+        true: {};
+        false: {};
+    };
+    variant: {
+        primary: {
+            root: string;
+            label: string;
+        };
+        secondary: {
+            root: string;
+            label: string;
+        };
+        surface: {
+            root: string;
+            label: string;
+        };
+        destructive: {
+            root: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type FabVariantProps = VariantProps<typeof fabVariants>;
+/** How big the button is. */
+export type FabSize = NonNullable<FabVariantProps['size']>;
+/** What the button is drawn in. */
+export type FabVariant = NonNullable<FabVariantProps['variant']>;
+export interface FabProps extends Omit<ViewProps, 'children'>, FabVariantProps {
+    className?: string;
+    /** The glyph. Sized by you — this is the one thing that should not guess. */
+    icon?: ReactNode;
+    /**
+     * The label, which turns the circle into a stadium. Needs `extended`; a
+     * label with nowhere to go is a label that gets clipped by the circle.
+     */
+    children?: ReactNode;
+    /** Spell the action out beside the glyph. */
+    extended?: boolean;
+    /**
+     * Pin it over the content, in a corner.
+     *
+     * Left out, it is an ordinary button in the flow — which is what you want
+     * inside a `Fab.Group`, or when the screen already has somewhere for it to
+     * sit.
+     */
+    placement?: FabPlacement;
+    /** Distance from the edges when `placement` is set, in points. */
+    offset?: number;
+    onPress?: () => void;
+    disabled?: boolean;
+    /**
+     * A tick on press. Off by default — needs the optional `expo-haptics`, and
+     * is silent without it.
+     */
+    haptics?: boolean;
+    /** Required for an icon-only button. A lone glyph reads out as nothing. */
+    accessibilityLabel?: string;
+}
+export interface FabGroupProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The glyph on the trigger. */
+    icon?: ReactNode;
+    /** The trigger's label, if it should be extended while closed. */
+    label?: string;
+    /** `Fab.Action` children, in the order they should unfold. */
+    children?: ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Which corner of the *screen* the whole dial parks in. */
+    placement?: FabPlacement;
+    /** Distance from the screen's edges, in points. Add your safe-area inset. */
+    offset?: number;
+    size?: FabSize;
+    variant?: FabVariant;
+    disabled?: boolean;
+    haptics?: boolean;
+    /** Frost the screen behind the open dial instead of dimming it. */
+    blur?: boolean;
+    /** Required — the trigger is a lone glyph until it is opened. */
+    accessibilityLabel?: string;
+    /**
+     * Turn the trigger's glyph a quarter circle while the dial is open.
+     *
+     * On by default, and it is doing real work when the glyph is a plus: the
+     * same mark becomes a cross, which says "this closes now" without a second
+     * icon that has to be swapped in. Turn it off for a glyph that means
+     * something at one angle only.
+     */
+    rotateOnOpen?: boolean;
+}
+export interface FabActionProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** The glyph. */
+    icon?: ReactNode;
+    /** What it does, beside the glyph. A column of unlabelled circles is a quiz. */
+    label?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** Draws it in the destructive colour, for the one that removes something. */
+    destructive?: boolean;
+    /** Extra classes for the label chip. */
+    labelClassName?: string;
+}
+export declare const Fab: import("react").ForwardRefExoticComponent<FabProps & import("react").RefAttributes<View>> & {
+    Group: import("react").ForwardRefExoticComponent<FabGroupProps & import("react").RefAttributes<View>>;
+    Action: import("react").ForwardRefExoticComponent<FabActionProps & import("react").RefAttributes<View>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/fab/index.d.ts.map

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