akanjs 2.2.4 → 2.2.6

package/types/ui/Data/Item.d.ts

@@ -0,0 +1,75 @@
+import type { Dayjs } from "akanjs/base";
+import { type DataAction, type DataColumn } from "akanjs/client";
+import type { SliceMeta } from "akanjs/fetch";
+import type { ReactNode } from "react";
+export declare const convToAntdColumn: (column: DataColumn<any>) => {
+    key: string;
+    dataIndex: string;
+    title: string;
+    responsive: readonly ["xs", "sm", "md", "xl"] | undefined;
+    render: ((value: any, model: any) => ReactNode) | undefined;
+} | {
+    key: string;
+    dataIndex: string;
+    title: string;
+    render: (date: Dayjs) => import("react/jsx-runtime").JSX.Element;
+    responsive?: undefined;
+} | {
+    key: string;
+    dataIndex: string;
+    title: string;
+    render: (status: string) => import("react/jsx-runtime").JSX.Element;
+    responsive?: undefined;
+} | {
+    key: string;
+    dataIndex: string;
+    title: string;
+    responsive?: undefined;
+    render?: undefined;
+};
+interface ItemProps<T extends string, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}> {
+    className?: string;
+    model: Light;
+    slice: SliceMeta;
+    onClick?: () => void;
+    cover?: ReactNode;
+    title?: ReactNode;
+    actions?: DataAction[];
+    columns?: DataColumn<any>[];
+    children?: ReactNode;
+}
+declare function Item<T extends string, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}>({ className, model, slice, onClick, title, actions, columns, children, }: ItemProps<T, Full, Light>): import("react/jsx-runtime").JSX.Element;
+declare namespace Item {
+    var StatusTag: ({ status, className }: {
+        status: string;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var RoleTags: ({ role }: {
+        role: string | string[];
+    }) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}
+export default Item;
+interface ActionProps<T extends string, M extends {
+    id: string;
+}, L extends {
+    id: string;
+}> {
+    action: DataAction;
+    model: L;
+    slice: SliceMeta;
+}
+export declare const Action: <T extends string, M extends {
+    id: string;
+}, L extends {
+    id: string;
+}>({ action, model, slice, outline, }: ActionProps<T, M, L> & {
+    outline?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null | undefined;

package/types/ui/Data/ListContainer.d.ts

@@ -0,0 +1,49 @@
+import { type DataAction, type DataColumn, type DataTool, type ModelInsightProps, type ModelProps } from "akanjs/client";
+import type { FetchInitForm, SliceMeta } from "akanjs/fetch";
+import { type ReactNode } from "react";
+export interface ListContainerProps<T extends string, State, Input, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}> {
+    /** Additional classes for the list container. */
+    className?: string;
+    /** Additional classes for card-list rendering. */
+    cardListClassName?: string;
+    /** Render as cards or table/list. */
+    type?: "card" | "list";
+    /** Static query object passed to the generated init action. */
+    query?: Record<string, unknown>;
+    /** Initial fetch form/filter values. */
+    init?: FetchInitForm<Input, any>;
+    /** Generated slice metadata for the target model. */
+    slice: SliceMeta;
+    /** Show create/new-model controls. */
+    create?: boolean;
+    /** Optional list title. */
+    title?: string;
+    /** Initial sort value. */
+    sort?: unknown;
+    /** Table/list columns. */
+    columns?: DataColumn<any>[];
+    /** Toolbar actions or a factory receiving the loaded list. */
+    tools?: DataTool[] | ((modelList: Light[]) => DataTool[]);
+    /** Per-row actions or action factory. */
+    actions?: DataAction[] | ((item: Light, idx: number) => DataAction[]);
+    renderDashboard?: ({ summary, hidePresents, }: {
+        summary: Record<string, unknown>;
+        hidePresents?: boolean;
+    }) => ReactNode;
+    renderItem?: (props: ModelProps<any, any>) => ReactNode;
+    renderTemplate?: (props: any) => ReactNode | null;
+    renderTitle?: (model: Full) => string | ReactNode;
+    renderView?: (model: Full) => ReactNode | null;
+    renderQueryMaker?: () => ReactNode;
+    renderInsight?: (props: ModelInsightProps) => ReactNode;
+    renderLoading?: () => ReactNode;
+}
+export default function ListContainer<T extends string, State, Input, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}>({ className, cardListClassName, type, query, init, create, slice, title, sort, columns, actions, tools, renderDashboard, renderItem, renderTemplate, renderTitle, renderView, renderQueryMaker, renderInsight, renderLoading, }: ListContainerProps<T, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;

package/types/ui/Data/Pagination.d.ts

@@ -0,0 +1,9 @@
+import type { SliceMeta } from "akanjs/fetch";
+interface PaginationProps<T extends string> {
+    /** Additional classes for the pagination wrapper. */
+    className?: string;
+    /** Generated slice metadata used to read page state and dispatch page changes. */
+    slice: SliceMeta;
+}
+export default function Pagination<T extends string>({ className, slice }: PaginationProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Data/QueryMaker.d.ts

@@ -0,0 +1,8 @@
+import type { SliceMeta } from "akanjs/fetch";
+interface QueryMakerProps {
+    className?: string;
+    slice: SliceMeta;
+    query?: Record<string, unknown>;
+}
+export default function QueryMaker({ className, slice, query }: QueryMakerProps): null;
+export {};

package/types/ui/Data/TableList.d.ts

@@ -0,0 +1,26 @@
+import { type DataAction, type DataColumn } from "akanjs/client";
+import type { FilterInstance } from "akanjs/document";
+import type { FetchInitForm, SliceMeta } from "akanjs/fetch";
+import { type ReactNode } from "react";
+interface TableListProps<T extends string, Input, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}, Filter extends FilterInstance> {
+    className?: string;
+    queryArgs?: any[];
+    init?: FetchInitForm<Input, Filter>;
+    slice: SliceMeta;
+    columns: DataColumn<any>[];
+    renderTemplate?: (props: any) => ReactNode | null;
+    renderTitle?: (model: Full) => string | ReactNode;
+    renderView?: (model: Full) => ReactNode | null;
+    actions?: DataAction[] | ((item: Light, idx: number) => DataAction[]);
+    onItemClick?: (item: Light, idx: number) => void;
+}
+export default function TableList<T extends string, Input, Full extends {
+    id: string;
+}, Light extends {
+    id: string;
+}, Filter extends FilterInstance>({ className, init, queryArgs, slice, columns, actions, renderTemplate, renderTitle, renderView, onItemClick, }: TableListProps<T, Input, Full, Light, Filter>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Data/index.d.ts

@@ -0,0 +1,9 @@
+export declare const Data: {
+    CardList: typeof import("./CardList.d.ts").default;
+    Dashboard: typeof import("./Dashboard.d.ts").default;
+    Insight: typeof import("./Insight.d.ts").default;
+    Item: typeof import("./Item.d.ts").default;
+    ListContainer: typeof import("./ListContainer.d.ts").default;
+    Pagination: typeof import("./Pagination.d.ts").default;
+    TableList: typeof import("./TableList.d.ts").default;
+};

package/types/ui/Data/index_.d.ts

@@ -0,0 +1,8 @@
+export declare const CardList: typeof import("./CardList.d.ts").default;
+export declare const Dashboard: typeof import("./Dashboard.d.ts").default;
+export declare const Insight: typeof import("./Insight.d.ts").default;
+export declare const Item: typeof import("./Item.d.ts").default;
+export declare const ListContainer: typeof import("./ListContainer.d.ts").default;
+export declare const Pagination: typeof import("./Pagination.d.ts").default;
+export declare const TableList: typeof import("./TableList.d.ts").default;
+export declare const QueryMaker: typeof import("./QueryMaker.d.ts").default;

package/types/ui/Data.d.ts

@@ -0,0 +1 @@
+export * from "./Data/index.d.ts";

package/types/ui/DatePicker.d.ts

@@ -0,0 +1,36 @@
+import { type Dayjs } from "akanjs/base";
+interface DatePickerProps {
+    value?: Dayjs | null;
+    onChange: (value: Dayjs | null) => void;
+    showTime?: boolean;
+    format?: string;
+    timeIntervals?: number;
+    disabledDate?: (date: Dayjs) => boolean | null | undefined;
+    className?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    defaultValue?: Dayjs;
+}
+export declare const DatePicker: {
+    ({ value, onChange, showTime, format, timeIntervals, disabledDate, placement, className, defaultValue, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+    RangePicker: ({ value, onChange, format, showTime, timeIntervals, disabledDate, className, }: RangePickerProps) => import("react/jsx-runtime").JSX.Element;
+    TimePicker: ({ disabled, className, value, format, onChange, timeIntervals, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+};
+interface RangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (value: [Dayjs | null, Dayjs | null]) => void;
+    format?: string;
+    showTime?: boolean;
+    timeIntervals?: number;
+    disabledDate?: (date: Dayjs) => boolean | null | undefined;
+    className?: string;
+}
+interface TimePickerProps {
+    value: Dayjs | null;
+    onChange: (value: Dayjs) => void;
+    format?: string;
+    timeIntervals?: number;
+    disabledDate?: (date: Dayjs) => boolean | null | undefined;
+    className?: string;
+    disabled?: boolean;
+}
+export {};

package/types/ui/Dialog/Action.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export interface ActionProps {
+    children?: ReactNode;
+}
+export declare const Action: ({ children }: ActionProps) => null;

package/types/ui/Dialog/Close.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface CloseProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Close: ({ className, children }: CloseProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Dialog/Content.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface ContentProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Content: ({ className, children }: ContentProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Dialog/Modal.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export interface ModalProps {
+    className?: string;
+    bodyClassName?: string;
+    confirmClose?: boolean;
+    children?: ReactNode;
+    onCancel?: () => void;
+}
+export declare const Modal: ({ className, bodyClassName, confirmClose, children, onCancel }: ModalProps) => import("react").ReactPortal | null;

package/types/ui/Dialog/Provider.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export interface ProviderProps {
+    /** Additional classes for the dialog root wrapper. */
+    className?: string;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    children?: ReactNode;
+}
+export declare const Provider: ({ className, defaultOpen, open, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Dialog/Title.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export interface TitleProps {
+    children?: ReactNode;
+}
+export declare const Title: ({ children }: TitleProps) => null;

package/types/ui/Dialog/Trigger.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface TriggerProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Trigger: ({ className, children }: TriggerProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Dialog/context.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+export interface DialogContextType {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    title: ReactNode;
+    setTitle: (title: ReactNode) => void;
+    action: ReactNode;
+    setAction: (action: ReactNode) => void;
+}
+export declare const DialogContext: import("react").Context<DialogContextType>;

package/types/ui/Dialog/index.d.ts

@@ -0,0 +1,9 @@
+import { type ProviderProps } from "./Provider.d.ts";
+export declare const Dialog: {
+    ({ children, ...props }: ProviderProps): import("react/jsx-runtime").JSX.Element;
+    Modal: ({ className, bodyClassName, confirmClose, children, onCancel }: import("./Modal.d.ts").ModalProps) => import("react").ReactPortal | null;
+    Title: ({ children }: import("./Title.d.ts").TitleProps) => null;
+    Action: ({ children }: import("./Action.d.ts").ActionProps) => null;
+    Trigger: ({ className, children }: import("./Trigger.d.ts").TriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ className, children }: import("./Content.d.ts").ContentProps) => import("react/jsx-runtime").JSX.Element;
+};

package/types/ui/Dialog.d.ts

@@ -0,0 +1 @@
+export * from "./Dialog/index.d.ts";

package/types/ui/DragAction.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+interface DragActionProps {
+    className?: string;
+    children: ReactNode;
+    onClick?: () => void;
+    onLeft?: () => void;
+    onRight?: () => void;
+}
+export declare const DragAction: {
+    ({ className, children, onClick, onLeft, onRight }: DragActionProps): import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Left: ({ children }: LeftProps) => import("react/jsx-runtime").JSX.Element;
+    Right: ({ children }: RightProps) => import("react/jsx-runtime").JSX.Element;
+};
+interface BodyProps {
+    children: ReactNode;
+}
+interface LeftProps {
+    children: ReactNode;
+}
+interface RightProps {
+    children: ReactNode;
+}
+export {};

package/types/ui/DraggableList.d.ts

@@ -0,0 +1,31 @@
+import { type ReactElement, type ReactNode } from "react";
+interface DragListProps<V> {
+    className?: string;
+    mode?: "horizontal" | "vertical";
+    children: ReactElement[];
+    onChange: (value: V[], draggedValue: V, info: {
+        originalIdx: number;
+        newIdx: number;
+        idxChanged: boolean;
+    }) => void;
+    onRemove: (value: V, idx: number) => void;
+}
+interface Cursor {
+    className?: string;
+    children: any;
+}
+interface ItemProps {
+    value: any;
+    children: ReactNode;
+    className?: string;
+    cursorClassName?: string;
+    cursor?: boolean;
+    removable?: boolean;
+    removeClassName?: string;
+}
+export declare const DraggableList: {
+    <V>({ className, mode, children, onChange, onRemove }: DragListProps<V>): import("react/jsx-runtime").JSX.Element;
+    Cursor({ className, children }: Cursor): import("react/jsx-runtime").JSX.Element;
+    Item: ({ value, children, className, cursorClassName, cursor, removable, removeClassName, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/types/ui/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface DropdownProps {
+    /** Button/trigger content. */
+    value: ReactNode;
+    /** Dropdown menu content. */
+    content: ReactNode;
+    /** Additional classes for the dropdown wrapper. */
+    className?: string;
+    /** Additional classes for the trigger button. */
+    buttonClassName?: string;
+    /** Additional classes for the dropdown content panel. */
+    dropdownClassName?: string;
+}
+export declare const Dropdown: ({ value, content, className, buttonClassName, dropdownClassName }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Empty.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export interface EmptyProps {
+    /** Additional classes for the empty-state body. */
+    className?: string;
+    /** Custom description. Defaults to the localized base.noData label. */
+    description?: ReactNode;
+    /** Optional content rendered below the empty-state body. */
+    children?: ReactNode;
+    /** Minimum empty-state height in pixels. */
+    minHeight?: number;
+}
+export declare const Empty: ({ className, description, children, minHeight }: EmptyProps) => import("react/jsx-runtime").JSX.Element;