@peasant-labs/fairtrade 0.0.0

package/dist/lib/types/DataTable.stories.d.ts

@@ -0,0 +1,240 @@
+export default meta;
+export const Playground: {};
+export namespace ReadOnly {
+    let name: string;
+    namespace args {
+        let selectable: boolean;
+    }
+}
+export namespace SortedAscending {
+    let name_1: string;
+    export { name_1 as name };
+    export namespace args_1 {
+        namespace defaultSort {
+            let key: string;
+            let dir: string;
+        }
+    }
+    export { args_1 as args };
+}
+export namespace SomeSelected {
+    let name_2: string;
+    export { name_2 as name };
+    export namespace args_2 {
+        let defaultSelectedKeys: string[];
+    }
+    export { args_2 as args };
+}
+export namespace AllSelected {
+    let name_3: string;
+    export { name_3 as name };
+    export namespace args_3 {
+        let defaultSelectedKeys_1: string[];
+        export { defaultSelectedKeys_1 as defaultSelectedKeys };
+    }
+    export { args_3 as args };
+}
+export namespace Empty {
+    let name_4: string;
+    export { name_4 as name };
+    export namespace args_4 {
+        let rows: any[];
+        let caption: string;
+    }
+    export { args_4 as args };
+}
+export namespace CustomRenderers {
+    let name_5: string;
+    export { name_5 as name };
+    export namespace args_5 {
+        let selectable_1: boolean;
+        export { selectable_1 as selectable };
+        let caption_1: string;
+        export { caption_1 as caption };
+        export let columns: ({
+            key: string;
+            label: string;
+            sortable: boolean;
+            render?: undefined;
+            align?: undefined;
+        } | {
+            key: string;
+            label: string;
+            sortable: boolean;
+            render: (v: any) => any;
+            align?: undefined;
+        } | {
+            key: string;
+            label: string;
+            sortable: boolean;
+            align: string;
+            render: (value: any) => string;
+        })[];
+    }
+    export { args_5 as args };
+}
+export namespace CenterAligned {
+    let name_6: string;
+    export { name_6 as name };
+    export namespace args_6 {
+        let selectable_2: boolean;
+        export { selectable_2 as selectable };
+        let caption_2: string;
+        export { caption_2 as caption };
+        let columns_1: ({
+            key: string;
+            label: string;
+            sortable: boolean;
+            render?: undefined;
+            align?: undefined;
+        } | {
+            key: string;
+            label: string;
+            sortable: boolean;
+            render: (v: any) => any;
+            align?: undefined;
+        } | {
+            key: string;
+            label: string;
+            sortable: boolean;
+            align: string;
+            render?: undefined;
+        })[];
+        export { columns_1 as columns };
+        let rows_1: {
+            id: string;
+            title: string;
+            provider: string;
+            status: string;
+            turns: number;
+        }[];
+        export { rows_1 as rows };
+    }
+    export { args_6 as args };
+}
+export namespace Controlled {
+    let name_7: string;
+    export { name_7 as name };
+    export namespace args_7 {
+        let caption_3: string;
+        export { caption_3 as caption };
+    }
+    export { args_7 as args };
+    export function render(args: any): any;
+}
+export namespace Interactions {
+    let name_8: string;
+    export { name_8 as name };
+    export namespace args_8 {
+        let defaultSort_1: any;
+        export { defaultSort_1 as defaultSort };
+    }
+    export { args_8 as args };
+    export function play({ canvasElement, args }: {
+        canvasElement: any;
+        args: any;
+    }): Promise<void>;
+}
+declare namespace meta {
+    export let title: string;
+    export { DataTable as component };
+    export let tags: string[];
+    export let decorators: Function[];
+    export namespace argTypes {
+        export namespace selectable_3 {
+            let control: string;
+        }
+        export { selectable_3 as selectable };
+        export namespace caption_4 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { caption_4 as caption };
+        export namespace columns_2 {
+            let control_2: boolean;
+            export { control_2 as control };
+        }
+        export { columns_2 as columns };
+        export namespace rows_2 {
+            let control_3: boolean;
+            export { control_3 as control };
+        }
+        export { rows_2 as rows };
+        export namespace defaultSort_2 {
+            let control_4: boolean;
+            export { control_4 as control };
+        }
+        export { defaultSort_2 as defaultSort };
+        export namespace sort {
+            let control_5: boolean;
+            export { control_5 as control };
+        }
+        export namespace selectedKeys {
+            let control_6: boolean;
+            export { control_6 as control };
+        }
+        export namespace defaultSelectedKeys_2 {
+            let control_7: boolean;
+            export { control_7 as control };
+        }
+        export { defaultSelectedKeys_2 as defaultSelectedKeys };
+        export namespace onSortChange {
+            let action: string;
+        }
+        export namespace onSelectionChange {
+            let action_1: string;
+            export { action_1 as action };
+        }
+    }
+    export namespace args_9 {
+        export { COLUMNS as columns };
+        export { ROWS as rows };
+        let selectable_4: boolean;
+        export { selectable_4 as selectable };
+        let caption_5: string;
+        export { caption_5 as caption };
+        let onSortChange_1: import("storybook/test").Mock<(...args: any[]) => any>;
+        export { onSortChange_1 as onSortChange };
+        let onSelectionChange_1: import("storybook/test").Mock<(...args: any[]) => any>;
+        export { onSelectionChange_1 as onSelectionChange };
+    }
+    export { args_9 as args };
+}
+import DataTable from './DataTable.jsx';
+declare const COLUMNS: ({
+    key: string;
+    label: string;
+    sortable: boolean;
+    render?: undefined;
+    width?: undefined;
+    align?: undefined;
+} | {
+    key: string;
+    label: string;
+    sortable: boolean;
+    render: (v: any) => any;
+    width: string;
+    align?: undefined;
+} | {
+    key: string;
+    label: string;
+    sortable: boolean;
+    width: string;
+    render?: undefined;
+    align?: undefined;
+} | {
+    key: string;
+    label: string;
+    sortable: boolean;
+    align: string;
+    width: string;
+    render?: undefined;
+})[];
+declare const ROWS: {
+    id: string;
+    title: string;
+    provider: string;
+    collective: string;
+    redactions: number;
+    turns: number;
+}[];

package/dist/lib/types/DateRange.d.ts

@@ -0,0 +1,242 @@
+/**
+ * formatRange({from,to}) -> a lowercase, tabular display string.
+ *   {from:'2026-06-01', to:'2026-06-14'} -> "jun 1 – jun 14, 2026"
+ *   same month is collapsed; a single day drops the dash; an open value returns "".
+ * @param {{from:string|null,to:string|null}} value
+ * @param {{long?:boolean}} [opts]  long=true spells the month ("june" not "jun")
+ */
+export function formatRange(value: {
+    from: string | null;
+    to: string | null;
+}, opts?: {
+    long?: boolean;
+}): string;
+/**
+ * @typedef {Object} CalendarProps
+ * @property {{from:string|null,to:string|null}} [value]         controlled ISO range
+ * @property {{from:string|null,to:string|null}} [defaultValue]  uncontrolled seed
+ * @property {(v:{from:string|null,to:string|null}) => void} [onChange]       fires on a committed range
+ * @property {(v:{from:string|null,to:string|null}) => void} [onDraftChange]  fires on each in-grid change before commit
+ * @property {string} [min]   ISO lower bound (inclusive); out-of-range days are aria-disabled
+ * @property {string} [max]   ISO upper bound (inclusive)
+ * @property {1|2} [numberOfMonths]  months shown side by side (collapses to 1 under ~560px via container query)
+ * @property {0|1|2|3|4|5|6} [weekStartsOn]  first column weekday (1 = monday, ISO default)
+ * @property {string} [className]  extra classes on the .dr-cal wrapper (e.g. "is-static" for embeds)
+ * @property {(focusedISO:string) => void} [onAutoFocus]  internal: notified when the grid focuses a day
+ * @property {boolean} [autoFocus]  move DOM focus into the focused day on mount
+ */
+export function DateRangeCalendar({ value, defaultValue, onChange, onDraftChange, min, max, numberOfMonths, weekStartsOn, className, autoFocus, gridLabelId, }: {
+    value: any;
+    defaultValue?: {
+        from: any;
+        to: any;
+    };
+    onChange: any;
+    onDraftChange: any;
+    min: any;
+    max: any;
+    numberOfMonths?: number;
+    weekStartsOn?: number;
+    className?: string;
+    autoFocus?: boolean;
+    gridLabelId: any;
+}): any;
+/**
+ * @typedef {Object} DateRangeProps
+ * @property {{from:string|null,to:string|null}} [value]         controlled ISO range
+ * @property {{from:string|null,to:string|null}} [defaultValue]  uncontrolled seed
+ * @property {(v:{from:string|null,to:string|null}) => void} [onChange]       fires only on a committed range / preset / clear
+ * @property {(v:{from:string|null,to:string|null}) => void} [onDraftChange]  fires on each in-popover change before commit
+ * @property {{id:string,label:string,range:() => ({from:string,to:string})}[]} [presets]  quick ranges; [] hides the rail
+ * @property {string} [min]  ISO lower bound (inclusive)
+ * @property {string} [max]  ISO upper bound (inclusive)
+ * @property {1|2} [numberOfMonths]  desktop month count (auto-collapses to 1 under ~560px)
+ * @property {0|1|2|3|4|5|6} [weekStartsOn]  first column weekday (1 = monday)
+ * @property {string} [placeholder]  trigger label when empty (lowercase chrome)
+ * @property {string} [label]  optional .label rendered above (form use)
+ * @property {'start'|'end'} [align]  which trigger edge the popover aligns to
+ * @property {'md'|'sm'} [size]  trigger height (36 / 28px)
+ * @property {boolean} [disabled]
+ * @property {boolean} [clearable]  show a clear (X) action in the footer when a range is set
+ * @property {string} [id]  trigger id; popover id derives `${id}-pop`
+ */
+export default function DateRange({ value, defaultValue, onChange, onDraftChange, presets, min, max, numberOfMonths, weekStartsOn, placeholder, label, align, size, disabled, clearable, id, }: {
+    value: any;
+    defaultValue?: {
+        from: any;
+        to: any;
+    };
+    onChange: any;
+    onDraftChange: any;
+    presets?: {
+        id: string;
+        label: string;
+        range: () => {
+            from: any;
+            to: any;
+        };
+    }[];
+    min: any;
+    max: any;
+    numberOfMonths?: number;
+    weekStartsOn?: number;
+    placeholder?: string;
+    label: any;
+    align?: string;
+    size?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    id: any;
+}): any;
+/**
+ * DATE_PRESETS - the default quick-range list. each `range()` is evaluated at open time
+ * against today's local date, so "last 7 days" always tracks the real calendar.
+ */
+export const DATE_PRESETS: {
+    id: string;
+    label: string;
+    range: () => {
+        from: any;
+        to: any;
+    };
+}[];
+export type CalendarProps = {
+    /**
+     * controlled ISO range
+     */
+    value?: {
+        from: string | null;
+        to: string | null;
+    };
+    /**
+     * uncontrolled seed
+     */
+    defaultValue?: {
+        from: string | null;
+        to: string | null;
+    };
+    /**
+     * fires on a committed range
+     */
+    onChange?: (v: {
+        from: string | null;
+        to: string | null;
+    }) => void;
+    /**
+     * fires on each in-grid change before commit
+     */
+    onDraftChange?: (v: {
+        from: string | null;
+        to: string | null;
+    }) => void;
+    /**
+     * ISO lower bound (inclusive); out-of-range days are aria-disabled
+     */
+    min?: string;
+    /**
+     * ISO upper bound (inclusive)
+     */
+    max?: string;
+    /**
+     * months shown side by side (collapses to 1 under ~560px via container query)
+     */
+    numberOfMonths?: 1 | 2;
+    /**
+     * first column weekday (1 = monday, ISO default)
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * extra classes on the .dr-cal wrapper (e.g. "is-static" for embeds)
+     */
+    className?: string;
+    /**
+     * internal: notified when the grid focuses a day
+     */
+    onAutoFocus?: (focusedISO: string) => void;
+    /**
+     * move DOM focus into the focused day on mount
+     */
+    autoFocus?: boolean;
+};
+export type DateRangeProps = {
+    /**
+     * controlled ISO range
+     */
+    value?: {
+        from: string | null;
+        to: string | null;
+    };
+    /**
+     * uncontrolled seed
+     */
+    defaultValue?: {
+        from: string | null;
+        to: string | null;
+    };
+    /**
+     * fires only on a committed range / preset / clear
+     */
+    onChange?: (v: {
+        from: string | null;
+        to: string | null;
+    }) => void;
+    /**
+     * fires on each in-popover change before commit
+     */
+    onDraftChange?: (v: {
+        from: string | null;
+        to: string | null;
+    }) => void;
+    /**
+     * quick ranges; [] hides the rail
+     */
+    presets?: {
+        id: string;
+        label: string;
+        range: () => ({
+            from: string;
+            to: string;
+        });
+    }[];
+    /**
+     * ISO lower bound (inclusive)
+     */
+    min?: string;
+    /**
+     * ISO upper bound (inclusive)
+     */
+    max?: string;
+    /**
+     * desktop month count (auto-collapses to 1 under ~560px)
+     */
+    numberOfMonths?: 1 | 2;
+    /**
+     * first column weekday (1 = monday)
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * trigger label when empty (lowercase chrome)
+     */
+    placeholder?: string;
+    /**
+     * optional .label rendered above (form use)
+     */
+    label?: string;
+    /**
+     * which trigger edge the popover aligns to
+     */
+    align?: "start" | "end";
+    /**
+     * trigger height (36 / 28px)
+     */
+    size?: "md" | "sm";
+    disabled?: boolean;
+    /**
+     * show a clear (X) action in the footer when a range is set
+     */
+    clearable?: boolean;
+    /**
+     * trigger id; popover id derives `${id}-pop`
+     */
+    id?: string;
+};