blunt-ui 1.0.0 → 1.1.0

package/README.md

@@ -103,16 +103,18 @@ Sizes: `sm`, `md`. Shows an error message below when `error` is a string, turns
 Same hidden-input pattern as Checkbox, but circular. Use multiple radios with the same `name` for a group, or manage `checked` yourself.
 
 ```tsx
-{["remote", "hybrid", "on-site"].map((option) => (
-  <Radio
-    key={option}
-    name="workMode"
-    value={option}
-    label={option}
-    checked={value === option}
-    onChange={(e) => setValue(e.target.value)}
-  />
-))}
+{
+  ["remote", "hybrid", "on-site"].map((option) => (
+    <Radio
+      key={option}
+      name="workMode"
+      value={option}
+      label={option}
+      checked={value === option}
+      onChange={(e) => setValue(e.target.value)}
+    />
+  ));
+}
 ```
 
 ### Switch
@@ -441,13 +443,19 @@ Each input's `name` needs to match a key in `initialValues`. `reset()` puts ever
 The library ships with validators you can use in the `validate` function:
 
 ```tsx
-import { required, minLength, isEmail, isUrl, composeValidators } from "blunt-ui";
+import {
+  required,
+  minLength,
+  isEmail,
+  isUrl,
+  composeValidators,
+} from "blunt-ui";
 
 validate: (v) => ({
   email: composeValidators(required(), isEmail())(v.email),
   password: minLength(8)(v.password),
   website: isUrl()(v.website),
-})
+});
 ```
 
 `composeValidators` runs validators left to right and returns the first error. Available validators: `required`, `minLength`, `maxLength`, `isEmail`, `isUrl`, `pattern`.

package/dist/components/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import { TableProps } from './Table.types';
-export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rowKey, size, striped, bordered, stickyHeader, caption, emptyMessage, loading, sort, defaultSort, onSortChange, pageSize, page, defaultPage, totalRows, onPageChange, onChange, onRowClick, borderColor, headerColor, rowColor, stripeColor, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rowKey, size, striped, bordered, stickyHeader, stickyPagination, caption, emptyMessage, loading, sort, defaultSort, onSortChange, pageSize, page, defaultPage, totalRows, onPageChange, pageSizeOptions, onPageSizeChange, onChange, onRowClick, borderColor, headerColor, rowColor, stripeColor, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var displayName: string;
 }

package/dist/components/Table/Table.types.d.ts

@@ -34,6 +34,7 @@ export interface TableProps<T extends Record<string, unknown> = Record<string, u
     striped?: boolean;
     bordered?: boolean;
     stickyHeader?: boolean;
+    stickyPagination?: boolean;
     caption?: string;
     emptyMessage?: string;
     loading?: boolean;
@@ -45,6 +46,8 @@ export interface TableProps<T extends Record<string, unknown> = Record<string, u
     defaultPage?: number;
     totalRows?: number;
     onPageChange?: (page: number) => void;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
     onChange?: (state: TableChangeState) => void;
     borderColor?: string;
     headerColor?: string;

package/dist/components/Table/stories/Table.stories.d.ts

@@ -4,14 +4,10 @@ declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
-export declare const StripedAndBordered: Story;
 export declare const WithCustomRender: Story;
 export declare const Sortable: Story;
-export declare const SortableControlled: Story;
-export declare const WithUseTable: Story;
+export declare const WithPagination: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
-export declare const Paginated: Story;
 export declare const StickyHeader: Story;
 export declare const WithRowClick: Story;
-export declare const FullyCustomized: Story;