asterui 0.12.58 → 0.12.59

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":"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"}

package/dist/components/Table.d.ts

@@ -21,19 +21,28 @@ export interface ColumnType<T> {
     defaultFilteredValue?: (string | number | boolean)[];
     ellipsis?: boolean;
     hidden?: boolean;
+    className?: string;
+    onCell?: (record: T, index: number) => React.TdHTMLAttributes<HTMLTableCellElement>;
+    onHeaderCell?: (column: ColumnType<T>) => React.ThHTMLAttributes<HTMLTableCellElement>;
 }
 export interface RowSelection<T> {
     type?: 'checkbox' | 'radio';
     selectedRowKeys?: React.Key[];
     onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
     getCheckboxProps?: (record: T) => {
         disabled?: boolean;
         name?: string;
     };
+    columnTitle?: React.ReactNode;
+    columnWidth?: string | number;
+    fixed?: boolean;
+    hideSelectAll?: boolean;
 }
 export interface ExpandableConfig<T> {
     expandedRowKeys?: React.Key[];
     defaultExpandedRowKeys?: React.Key[];
+    defaultExpandAllRows?: boolean;
     expandedRowRender: (record: T, index: number, expanded: boolean) => React.ReactNode;
     rowExpandable?: (record: T) => boolean;
     onExpand?: (expanded: boolean, record: T) => void;
@@ -44,6 +53,10 @@ export interface ExpandableConfig<T> {
         onExpand: () => void;
         record: T;
     }) => React.ReactNode;
+    columnTitle?: React.ReactNode;
+    columnWidth?: string | number;
+    expandedRowClassName?: string | ((record: T, index: number, expanded: boolean) => string);
+    showExpandColumn?: boolean;
 }
 export interface PaginationConfig {
     current?: number;
@@ -86,7 +99,10 @@ export interface TableProps<T> {
     expandable?: ExpandableConfig<T>;
     scroll?: ScrollConfig;
     className?: string;
+    showHeader?: boolean;
+    rowClassName?: string | ((record: T, index: number) => string);
     onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    onHeaderRow?: (columns: ColumnType<T>[]) => 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;
@@ -97,6 +113,9 @@ export interface TableProps<T> {
         selectAll?: string;
         selectInvert?: string;
     };
+    title?: (currentPageData: T[]) => React.ReactNode;
+    footer?: (currentPageData: T[]) => React.ReactNode;
+    summary?: (currentPageData: T[]) => React.ReactNode;
     'data-testid'?: string;
     'aria-label'?: string;
 }