@aster-ui/prefixed 0.12.50

package/dist/components/Steps.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+export type StepsDirection = 'horizontal' | 'vertical';
+export interface StepItem {
+    key?: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    disabled?: boolean;
+}
+export interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {
+    /** Step items (compound pattern) */
+    children?: React.ReactNode;
+    /** Step items (data-driven pattern) */
+    items?: StepItem[];
+    /** Current step index (0-based) */
+    current?: number;
+    /** Layout direction */
+    direction?: StepsDirection;
+    /** @deprecated Use direction="vertical" instead */
+    vertical?: boolean;
+    /** Callback when step is clicked */
+    onChange?: (current: number) => void;
+}
+export interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {
+    /** Step title/label */
+    children?: React.ReactNode;
+    /** Step title (alternative to children) */
+    title?: React.ReactNode;
+    /** Step description */
+    description?: React.ReactNode;
+    /** Step icon */
+    icon?: React.ReactNode;
+    /** Step color */
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    /** Custom content for step indicator */
+    dataContent?: string;
+    /** Whether step is disabled */
+    disabled?: boolean;
+    /** Internal: step index */
+    _index?: number;
+    /** Internal: whether step is clickable */
+    _clickable?: boolean;
+    /** Internal: click handler */
+    _onClick?: (index: number) => void;
+}
+declare function StepsRoot({ children, items, current, direction, vertical, onChange, className, ...rest }: StepsProps): import("react/jsx-runtime").JSX.Element;
+declare function Step({ children, title, description, icon, color, dataContent, disabled, className, _index, _clickable, _onClick, ...rest }: StepProps): import("react/jsx-runtime").JSX.Element;
+export declare const Steps: typeof StepsRoot & {
+    Step: typeof Step;
+};
+export {};

package/dist/components/Steps.js

@@ -0,0 +1,97 @@
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import C from "react";
+const k = "d-steps", N = "d-steps-vertical", j = "d-step", V = "d-step-neutral", h = "d-step-primary", E = "d-step-secondary", _ = "d-step-accent", g = "d-step-info", w = "d-step-success", B = "d-step-warning", R = "d-step-error", x = "d-step-disabled", A = {
+  neutral: V,
+  primary: h,
+  secondary: E,
+  accent: _,
+  info: g,
+  success: w,
+  warning: B,
+  error: R
+};
+function D({
+  children: i,
+  items: n,
+  current: t,
+  direction: p,
+  vertical: d = !1,
+  onChange: o,
+  className: r = "",
+  ...S
+}) {
+  const l = [k, (p === "vertical" || d) && N, r].filter(Boolean).join(" ");
+  if (n && n.length > 0)
+    return /* @__PURE__ */ a("ul", { className: l, ...S, children: n.map((s, e) => {
+      const f = t !== void 0 && e < t, c = t !== void 0 && e === t, m = s.color || (f || c ? "primary" : void 0);
+      return /* @__PURE__ */ a(
+        v,
+        {
+          color: m,
+          icon: s.icon,
+          title: s.title,
+          description: s.description,
+          disabled: s.disabled,
+          _index: e,
+          _clickable: !!o && !s.disabled,
+          _onClick: o,
+          "aria-current": c ? "step" : void 0
+        },
+        s.key ?? e
+      );
+    }) });
+  const u = t !== void 0 ? C.Children.map(i, (s, e) => {
+    if (C.isValidElement(s)) {
+      const f = e < t, c = e === t, m = s.props.color || (f || c ? "primary" : void 0);
+      return C.cloneElement(s, {
+        color: m,
+        _index: e,
+        _clickable: !!o && !s.props.disabled,
+        _onClick: o,
+        "aria-current": c ? "step" : void 0
+      });
+    }
+    return s;
+  }) : i;
+  return /* @__PURE__ */ a("ul", { className: l, ...S, children: u });
+}
+function v({
+  children: i,
+  title: n,
+  description: t,
+  icon: p,
+  color: d,
+  dataContent: o,
+  disabled: r = !1,
+  className: S = "",
+  _index: y,
+  _clickable: l,
+  _onClick: u,
+  ...s
+}) {
+  const e = [j, d && A[d], r && x, S].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      className: e,
+      "data-content": o,
+      onClick: () => {
+        l && u && y !== void 0 && !r && u(y);
+      },
+      style: l && !r ? { cursor: "pointer" } : void 0,
+      ...s,
+      children: [
+        p && /* @__PURE__ */ a("span", { className: "step-icon", children: p }),
+        n ?? i,
+        t && /* @__PURE__ */ a("span", { className: "text-xs opacity-70 block", children: t })
+      ]
+    }
+  );
+}
+const P = Object.assign(D, {
+  Step: v
+});
+export {
+  P as Steps
+};
+//# sourceMappingURL=Steps.js.map

package/dist/components/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSteps = 'd-steps'\nconst dStepsVertical = 'd-steps-vertical'\nconst dStep = 'd-step'\nconst dStepNeutral = 'd-step-neutral'\nconst dStepPrimary = 'd-step-primary'\nconst dStepSecondary = 'd-step-secondary'\nconst dStepAccent = 'd-step-accent'\nconst dStepInfo = 'd-step-info'\nconst dStepSuccess = 'd-step-success'\nconst dStepWarning = 'd-step-warning'\nconst dStepError = 'd-step-error'\nconst dStepDisabled = 'd-step-disabled'\n\nexport type StepsDirection = 'horizontal' | 'vertical'\n\nexport interface StepItem {\n  key?: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  disabled?: boolean\n}\n\nexport interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {\n  /** Step items (compound pattern) */\n  children?: React.ReactNode\n  /** Step items (data-driven pattern) */\n  items?: StepItem[]\n  /** Current step index (0-based) */\n  current?: number\n  /** Layout direction */\n  direction?: StepsDirection\n  /** @deprecated Use direction=\"vertical\" instead */\n  vertical?: boolean\n  /** Callback when step is clicked */\n  onChange?: (current: number) => void\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {\n  /** Step title/label */\n  children?: React.ReactNode\n  /** Step title (alternative to children) */\n  title?: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Step icon */\n  icon?: React.ReactNode\n  /** Step color */\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Custom content for step indicator */\n  dataContent?: string\n  /** Whether step is disabled */\n  disabled?: boolean\n  /** Internal: step index */\n  _index?: number\n  /** Internal: whether step is clickable */\n  _clickable?: boolean\n  /** Internal: click handler */\n  _onClick?: (index: number) => void\n}\n\nconst colorClasses: Record<string, string> = {\n  neutral: dStepNeutral,\n  primary: dStepPrimary,\n  secondary: dStepSecondary,\n  accent: dStepAccent,\n  info: dStepInfo,\n  success: dStepSuccess,\n  warning: dStepWarning,\n  error: dStepError,\n}\n\nfunction StepsRoot({\n  children,\n  items,\n  current,\n  direction,\n  vertical = false,\n  onChange,\n  className = '',\n  ...rest\n}: StepsProps) {\n  const isVertical = direction === 'vertical' || vertical\n\n  const classes = [dSteps, isVertical && dStepsVertical, className]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render data-driven items if provided\n  if (items && items.length > 0) {\n    return (\n      <ul className={classes} {...rest}>\n        {items.map((item, index) => {\n          const isCompleted = current !== undefined && index < current\n          const isCurrent = current !== undefined && index === current\n          const stepColor = item.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n          return (\n            <Step\n              key={item.key ?? index}\n              color={stepColor}\n              icon={item.icon}\n              title={item.title}\n              description={item.description}\n              disabled={item.disabled}\n              _index={index}\n              _clickable={!!onChange && !item.disabled}\n              _onClick={onChange}\n              aria-current={isCurrent ? 'step' : undefined}\n            />\n          )\n        })}\n      </ul>\n    )\n  }\n\n  // For compound pattern, inject props into children if current is provided\n  const processedChildren =\n    current !== undefined\n      ? React.Children.map(children, (child, index) => {\n          if (React.isValidElement<StepProps>(child)) {\n            const isCompleted = index < current\n            const isCurrent = index === current\n            const childColor = child.props.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n            return React.cloneElement(child, {\n              color: childColor,\n              _index: index,\n              _clickable: !!onChange && !child.props.disabled,\n              _onClick: onChange,\n              'aria-current': isCurrent ? 'step' : undefined,\n            } as Partial<StepProps>)\n          }\n          return child\n        })\n      : children\n\n  return (\n    <ul className={classes} {...rest}>\n      {processedChildren}\n    </ul>\n  )\n}\n\nfunction Step({\n  children,\n  title,\n  description,\n  icon,\n  color,\n  dataContent,\n  disabled = false,\n  className = '',\n  _index,\n  _clickable,\n  _onClick,\n  ...rest\n}: StepProps) {\n  const classes = [dStep, color && colorClasses[color], disabled && dStepDisabled, className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (_clickable && _onClick && _index !== undefined && !disabled) {\n      _onClick(_index)\n    }\n  }\n\n  const displayContent = title ?? children\n\n  return (\n    <li\n      className={classes}\n      data-content={dataContent}\n      onClick={handleClick}\n      style={_clickable && !disabled ? { cursor: 'pointer' } : undefined}\n      {...rest}\n    >\n      {icon && <span className=\"step-icon\">{icon}</span>}\n      {displayContent}\n      {description && <span className=\"text-xs opacity-70 block\">{description}</span>}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["dSteps","dStepsVertical","dStep","dStepNeutral","dStepPrimary","dStepSecondary","dStepAccent","dStepInfo","dStepSuccess","dStepWarning","dStepError","dStepDisabled","colorClasses","StepsRoot","children","items","current","direction","vertical","onChange","className","rest","classes","jsx","item","index","isCompleted","isCurrent","stepColor","Step","processedChildren","React","child","childColor","title","description","icon","color","dataContent","disabled","_index","_clickable","_onClick","jsxs","Steps"],"mappings":"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"}

package/dist/components/Table.d.ts

@@ -0,0 +1,105 @@
+import { default as React } from 'react';
+export interface FilterConfig {
+    text: string;
+    value: string | number | boolean;
+}
+export type TableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ColumnType<T> {
+    key: string;
+    title: React.ReactNode;
+    dataIndex?: keyof T & string;
+    render?: (value: T[keyof T] | undefined, record: T, index: number) => React.ReactNode;
+    width?: string | number;
+    align?: 'left' | 'center' | 'right';
+    fixed?: 'left' | 'right';
+    sorter?: boolean | ((a: T, b: T) => number);
+    sortOrder?: 'ascend' | 'descend' | null;
+    filters?: FilterConfig[];
+    filteredValue?: (string | number | boolean)[];
+    onFilter?: (value: string | number | boolean, record: T) => boolean;
+    defaultSortOrder?: 'ascend' | 'descend';
+    defaultFilteredValue?: (string | number | boolean)[];
+    ellipsis?: boolean;
+    hidden?: boolean;
+}
+export interface RowSelection<T> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: React.Key[];
+    onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+        name?: string;
+    };
+}
+export interface ExpandableConfig<T> {
+    expandedRowKeys?: React.Key[];
+    defaultExpandedRowKeys?: React.Key[];
+    expandedRowRender: (record: T, index: number, expanded: boolean) => React.ReactNode;
+    rowExpandable?: (record: T) => boolean;
+    onExpand?: (expanded: boolean, record: T) => void;
+    onExpandedRowsChange?: (expandedKeys: React.Key[]) => void;
+    expandRowByClick?: boolean;
+    expandIcon?: (props: {
+        expanded: boolean;
+        onExpand: () => void;
+        record: T;
+    }) => React.ReactNode;
+}
+export interface PaginationConfig {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean;
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    pageSizeOptions?: number[];
+    onChange?: (page: number, pageSize: number) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+}
+export interface ScrollConfig {
+    x?: number | string;
+    y?: number | string;
+}
+export interface SorterResult<T> {
+    column?: ColumnType<T>;
+    order?: 'ascend' | 'descend' | null;
+    field?: string;
+}
+export interface TableChangeExtra<T> {
+    currentDataSource: T[];
+    action: 'paginate' | 'sort' | 'filter';
+}
+export interface TableProps<T> {
+    columns: ColumnType<T>[];
+    dataSource: T[];
+    rowKey?: (keyof T & string) | ((record: T) => string);
+    loading?: boolean;
+    size?: TableSize;
+    bordered?: boolean;
+    hoverable?: boolean;
+    striped?: boolean;
+    pinRows?: boolean;
+    pinCols?: boolean;
+    pagination?: false | PaginationConfig;
+    rowSelection?: RowSelection<T>;
+    expandable?: ExpandableConfig<T>;
+    scroll?: ScrollConfig;
+    className?: string;
+    onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    onChange?: (pagination: PaginationConfig, filters: Record<string, (string | number | boolean)[] | null>, sorter: SorterResult<T>, extra: TableChangeExtra<T>) => void;
+    onSortChange?: (sorter: SorterResult<T>) => void;
+    onFilterChange?: (filters: Record<string, (string | number | boolean)[] | null>) => void;
+    locale?: {
+        emptyText?: React.ReactNode;
+        filterConfirm?: string;
+        filterReset?: string;
+        selectAll?: string;
+        selectInvert?: string;
+    };
+    'data-testid'?: string;
+    'aria-label'?: string;
+}
+export declare const Table: <T extends Record<string, unknown>>(props: TableProps<T> & {
+    ref?: React.ForwardedRef<HTMLTableElement>;
+}) => React.ReactElement;