simple-table-core 2.4.2 → 2.4.4

package/dist/index.es.js

@@ -1,2 +1,2 @@
-export{h as AngleDownIcon,i as AngleLeftIcon,j as AngleRightIcon,k as AngleUpIcon,l as AscIcon,B as BarChart,C as CheckIcon,g as DEFAULT_COLUMN_EDITOR_CONFIG,e as DEFAULT_CUSTOM_THEME,D as DefaultEmptyState,m as DescIcon,n as DragIcon,F as FilterIcon,L as LineAreaChart,o as SelectIcon,S as SimpleTable,r as rowIdToString}from"./index-fe1a2c58.js";import"react/jsx-runtime";import"react";
+export{h as AngleDownIcon,i as AngleLeftIcon,j as AngleRightIcon,k as AngleUpIcon,l as AscIcon,B as BarChart,C as CheckIcon,g as DEFAULT_COLUMN_EDITOR_CONFIG,e as DEFAULT_CUSTOM_THEME,D as DefaultEmptyState,m as DescIcon,n as DragIcon,F as FilterIcon,L as LineAreaChart,o as SelectIcon,S as SimpleTable,r as rowIdToString}from"./index-57a11501.js";import"react/jsx-runtime";import"react";
 //# sourceMappingURL=index.es.js.map

package/dist/types/HeaderObject.d.ts

@@ -6,6 +6,7 @@ import { CellRenderer } from "./CellRendererProps";
 import { HeaderRenderer } from "./HeaderRendererProps";
 import CellValue from "./CellValue";
 import { SimpleTableProps } from "./SimpleTableProps";
+import { QuickFilterGetter } from "./QuickFilterTypes";
 export type Accessor = keyof Row | string;
 export type ColumnType = "string" | "number" | "boolean" | "date" | "enum" | "lineAreaChart" | "barChart" | "other";
 export type ShowWhen = "parentCollapsed" | "parentExpanded" | "always";
@@ -79,6 +80,8 @@ type HeaderObject = {
     sortingOrder?: ("asc" | "desc" | null)[];
     nestedTable?: Omit<SimpleTableProps, "rows" | "loadingStateRenderer" | "errorStateRenderer" | "emptyStateRenderer" | "tableEmptyStateRenderer" | "expandIcon" | "filterIcon" | "sortUpIcon" | "sortDownIcon" | "nextIcon" | "prevIcon" | "headerCollapseIcon" | "headerExpandIcon">;
     pinned?: Pinned;
+    quickFilterable?: boolean;
+    quickFilterGetter?: QuickFilterGetter;
     singleRowChildren?: boolean;
     tooltip?: string;
     type?: ColumnType;

package/dist/types/QuickFilterTypes.d.ts

@@ -0,0 +1,21 @@
+import { Accessor } from "./HeaderObject";
+import Row from "./Row";
+export type QuickFilterMode = "simple" | "smart";
+export interface QuickFilterConfig {
+    text: string;
+    columns?: Accessor[];
+    caseSensitive?: boolean;
+    mode?: QuickFilterMode;
+    useFormattedValue?: boolean;
+    onChange?: (text: string) => void;
+}
+export interface QuickFilterGetterProps {
+    row: Row;
+    accessor: Accessor;
+}
+export type QuickFilterGetter = (props: QuickFilterGetterProps) => string;
+export interface SmartFilterToken {
+    type: "word" | "phrase" | "negation" | "columnSpecific";
+    value: string;
+    column?: Accessor;
+}

package/dist/types/SimpleTableProps.d.ts

@@ -19,6 +19,7 @@ import { CustomThemeProps } from "./CustomTheme";
 import { GetRowId } from "./GetRowId";
 import { ColumnEditorConfig } from "./ColumnEditorConfig";
 import { IconsConfig } from "./IconsConfig";
+import { QuickFilterConfig } from "./QuickFilterTypes";
 export interface SimpleTableProps {
     allowAnimations?: boolean;
     autoExpandColumns?: boolean;
@@ -75,6 +76,7 @@ export interface SimpleTableProps {
     onRowSelectionChange?: (props: RowSelectionChangeProps) => void;
     onSortChange?: (sort: SortColumn | null) => void;
     prevIcon?: ReactNode;
+    quickFilter?: QuickFilterConfig;
     rowButtons?: RowButton[];
     rowGrouping?: Accessor[];
     getRowId?: GetRowId;

package/dist/types/TableRefType.d.ts

@@ -64,6 +64,8 @@ type TableRefType = {
     applyColumnVisibility: (visibility: {
         [accessor: string]: boolean;
     }) => Promise<void>;
+    /** Set the quick filter text programmatically. Triggers the onChange callback if provided in quickFilter config. */
+    setQuickFilter: (text: string) => void;
 };
 export default TableRefType;
 export type { SetHeaderRenameProps, ExportToCSVProps };

package/dist/types/TableRow.d.ts

@@ -13,6 +13,7 @@ type TableRow = {
     rowIndexPath?: number[];
     stateIndicator?: {
         parentRowId: string | number;
+        parentRow: Row;
         state: RowState;
     };
     isLoadingSkeleton?: boolean;

package/dist/utils/quickFilterUtils.d.ts

@@ -0,0 +1,14 @@
+import { SmartFilterToken } from "../types/QuickFilterTypes";
+/**
+ * Parses a smart filter query into tokens
+ * Supports:
+ * - Multi-word: "john engineer" → matches rows containing both "john" AND "engineer"
+ * - Phrase: "john doe" → matches exact phrase
+ * - Negation: -inactive → excludes rows containing "inactive"
+ * - Column-specific: name:john → searches only in name column
+ */
+export declare const parseSmartFilter: (query: string) => SmartFilterToken[];
+/**
+ * Checks if a value matches a simple filter (case-insensitive contains)
+ */
+export declare const matchesSimpleFilter: (value: string, filterText: string, caseSensitive: boolean) => boolean;

package/dist/utils/rowUtils.d.ts

@@ -20,6 +20,33 @@ export declare const calculateNestedGridHeight: ({ childRowCount, rowHeight, hea
     headerHeight: number;
     customTheme: CustomTheme;
 }) => number;
+/**
+ * Calculate the final wrapper height for a nested grid, accounting for custom heights
+ *
+ * @param calculatedHeight - The default calculated height based on child rows
+ * @param customHeight - Optional custom height from nestedTable config (e.g., "200px" or 200)
+ * @param customTheme - Custom theme configuration for padding
+ * @returns Final height in pixels for the wrapper (includes padding)
+ */
+export declare const calculateFinalNestedGridHeight: ({ calculatedHeight, customHeight, customTheme, }: {
+    calculatedHeight: number;
+    customHeight?: string | number | undefined;
+    customTheme: CustomTheme;
+}) => number;
+/**
+ * Calculate the inner height for a nested SimpleTable component
+ * This accounts for the padding that's applied to the wrapper
+ *
+ * @param calculatedHeight - The total height of the nested grid row (from calculateNestedGridHeight)
+ * @param customHeight - Optional custom height from nestedTable config (e.g., "200px")
+ * @param customTheme - Custom theme configuration for padding
+ * @returns Height value to pass to the nested SimpleTable (string with units)
+ */
+export declare const calculateNestedTableHeight: ({ calculatedHeight, customHeight, customTheme, }: {
+    calculatedHeight: number;
+    customHeight?: string | number | undefined;
+    customTheme: CustomTheme;
+}) => string;
 /**
  * Get a nested property value from an object using dot notation and array bracket notation
  * Examples:

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.4.2",
+  "version": "2.4.4",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -9,6 +9,9 @@
     "build-storybook": "storybook build",
     "preview": "rollup -c -w",
     "test-storybook": "test-storybook",
+    "test-storybook:watch": "test-storybook --watch",
+    "test-storybook:coverage": "test-storybook --coverage",
+    "test-storybook:ci": "test-storybook --url http://localhost:6006",
     "version:patch": "npm version patch && git push && git push --tags",
     "version:minor": "npm version minor && git push && git push --tags",
     "version:major": "npm version major && git push && git push --tags"

package/dist/Animate-a00b8653.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animate-a00b8653.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DatePicker-91f87634.js

@@ -1,2 +0,0 @@
-import{u as e,b as n}from"./index-fe1a2c58.js";import{jsxs as t,Fragment as a,jsx as r}from"react/jsx-runtime";import{useState as c}from"react";var i=function(i){var d,o,s=i.onChange,l=i.onClose,u=i.value,f=e(),h=f.nextIcon,m=f.prevIcon,v=c(u||new Date),k=v[0],p=v[1],w=c("days"),y=w[0],D=w[1],N=function(e,n){return new Date(e,n+1,0).getDate()};return t("div",n({className:"st-datepicker"},{children:[t("div",n({className:"st-datepicker-header"},{children:["days"===y&&t(a,{children:[r("button",n({onClick:function(){p(new Date(k.getFullYear(),k.getMonth()-1,1))},className:"st-datepicker-nav-btn"},{children:m})),t("div",n({className:"st-datepicker-header-label",onClick:function(){return D("months")}},{children:[(o=k,o.toLocaleString("default",{month:"long"}))," ",k.getFullYear()]})),r("button",n({onClick:function(){p(new Date(k.getFullYear(),k.getMonth()+1,1))},className:"st-datepicker-nav-btn"},{children:h}))]}),"months"===y&&r("div",n({className:"st-datepicker-header-label",onClick:function(){return D("years")}},{children:k.getFullYear()})),"years"===y&&r("div",n({className:"st-datepicker-header-label"},{children:"Select Year"}))]})),t("div",n({className:"st-datepicker-grid st-datepicker-".concat(y,"-grid")},{children:["days"===y&&function(){var e=[],t=k.getFullYear(),a=k.getMonth(),c=N(t,a),i=function(e,n){return new Date(e,n,1).getDay()}(t,a),d=N(t,a-1);["Su","Mo","Tu","We","Th","Fr","Sa"].forEach(function(t,a){e.push(r("div",n({className:"st-datepicker-weekday"},{children:t}),"header-".concat(a)))});for(var o=function(t){var a=d-i+t+1;e.push(r("div",n({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(k.getFullYear(),k.getMonth()-1,e,12,0,0);p(n),s(n),null==l||l()}(a)}},{children:a}),"prev-".concat(a)))},f=0;i>f;f++)o(f);for(var h=function(c){var i=c===(new Date).getDate()&&a===(new Date).getMonth()&&t===(new Date).getFullYear(),d=new Date(u),o=c===d.getDate()&&a===d.getMonth()&&t===d.getFullYear();e.push(r("div",n({className:"st-datepicker-day ".concat(i?"today":""," ").concat(o?"selected":""),onClick:function(){return function(e){var n=k.getFullYear(),t=k.getMonth(),a=new Date(n,t,e,12,0,0);p(a),s(a),null==l||l()}(c)}},{children:c}),"day-".concat(c)))},m=1;c>=m;m++)h(m);var v=35-(i+c),w=function(t){e.push(r("div",n({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(k.getFullYear(),k.getMonth()+1,e,12,0,0);p(n),s(n),null==l||l()}(t)}},{children:t}),"next-".concat(t)))};for(m=1;v>=m;m++)w(m);return e}(),"months"===y&&(d=[],Array.from({length:12},function(e,n){return new Date(2e3,n,1).toLocaleString("default",{month:"short"})}).forEach(function(e,t){var a=t===k.getMonth();d.push(r("div",n({className:"st-datepicker-month ".concat(a?"selected":""),onClick:function(){return function(e){p(new Date(k.getFullYear(),e,1)),D("days")}(t)}},{children:e}),"month-".concat(t)))}),d),"years"===y&&function(){for(var e=[],t=k.getFullYear(),a=t-6,c=function(a){e.push(r("div",n({className:"st-datepicker-year ".concat(a===t?"selected":""),onClick:function(){return function(e){p(new Date(e,k.getMonth(),1)),D("months")}(a)}},{children:a}),"year-".concat(a)))},i=a;a+12>i;i++)c(i);return e}()]})),r("div",n({className:"st-datepicker-footer"},{children:r("button",n({className:"st-datepicker-today-btn",onClick:function(){var e=new Date,n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),12,0,0);p(n),s(n),null==l||l()}},{children:"Today"}))}))]}))};export{i as default};
-//# sourceMappingURL=DatePicker-91f87634.js.map

package/dist/DatePicker-91f87634.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-91f87634.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Animate-b6372d93.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animate-b6372d93.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/DatePicker-7bfd609b.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./index-e0379c0f.js"),n=require("react/jsx-runtime"),t=require("react");exports.default=function(a){var r,c,i=a.onChange,d=a.onClose,s=a.value,l=e.useTableContext(),o=l.nextIcon,u=l.prevIcon,h=t.useState(s||new Date),f=h[0],v=h[1],k=t.useState("days"),m=k[0],p=k[1],w=function(e,n){return new Date(e,n+1,0).getDate()};return n.jsxs("div",e.__assign({className:"st-datepicker"},{children:[n.jsxs("div",e.__assign({className:"st-datepicker-header"},{children:["days"===m&&n.jsxs(n.Fragment,{children:[n.jsx("button",e.__assign({onClick:function(){v(new Date(f.getFullYear(),f.getMonth()-1,1))},className:"st-datepicker-nav-btn"},{children:u})),n.jsxs("div",e.__assign({className:"st-datepicker-header-label",onClick:function(){return p("months")}},{children:[(c=f,c.toLocaleString("default",{month:"long"}))," ",f.getFullYear()]})),n.jsx("button",e.__assign({onClick:function(){v(new Date(f.getFullYear(),f.getMonth()+1,1))},className:"st-datepicker-nav-btn"},{children:o}))]}),"months"===m&&n.jsx("div",e.__assign({className:"st-datepicker-header-label",onClick:function(){return p("years")}},{children:f.getFullYear()})),"years"===m&&n.jsx("div",e.__assign({className:"st-datepicker-header-label"},{children:"Select Year"}))]})),n.jsxs("div",e.__assign({className:"st-datepicker-grid st-datepicker-".concat(m,"-grid")},{children:["days"===m&&function(){var t=[],a=f.getFullYear(),r=f.getMonth(),c=w(a,r),l=function(e,n){return new Date(e,n,1).getDay()}(a,r),o=w(a,r-1);["Su","Mo","Tu","We","Th","Fr","Sa"].forEach(function(a,r){t.push(n.jsx("div",e.__assign({className:"st-datepicker-weekday"},{children:a}),"header-".concat(r)))});for(var u=function(a){var r=o-l+a+1;t.push(n.jsx("div",e.__assign({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(f.getFullYear(),f.getMonth()-1,e,12,0,0);v(n),i(n),null==d||d()}(r)}},{children:r}),"prev-".concat(r)))},h=0;l>h;h++)u(h);for(var k=function(c){var l=c===(new Date).getDate()&&r===(new Date).getMonth()&&a===(new Date).getFullYear(),o=new Date(s),u=c===o.getDate()&&r===o.getMonth()&&a===o.getFullYear();t.push(n.jsx("div",e.__assign({className:"st-datepicker-day ".concat(l?"today":""," ").concat(u?"selected":""),onClick:function(){return function(e){var n=f.getFullYear(),t=f.getMonth(),a=new Date(n,t,e,12,0,0);v(a),i(a),null==d||d()}(c)}},{children:c}),"day-".concat(c)))},m=1;c>=m;m++)k(m);var p=35-(l+c),y=function(a){t.push(n.jsx("div",e.__assign({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(f.getFullYear(),f.getMonth()+1,e,12,0,0);v(n),i(n),null==d||d()}(a)}},{children:a}),"next-".concat(a)))};for(m=1;p>=m;m++)y(m);return t}(),"months"===m&&(r=[],Array.from({length:12},function(e,n){return new Date(2e3,n,1).toLocaleString("default",{month:"short"})}).forEach(function(t,a){var c=a===f.getMonth();r.push(n.jsx("div",e.__assign({className:"st-datepicker-month ".concat(c?"selected":""),onClick:function(){return function(e){v(new Date(f.getFullYear(),e,1)),p("days")}(a)}},{children:t}),"month-".concat(a)))}),r),"years"===m&&function(){for(var t=[],a=f.getFullYear(),r=a-6,c=function(r){t.push(n.jsx("div",e.__assign({className:"st-datepicker-year ".concat(r===a?"selected":""),onClick:function(){return function(e){v(new Date(e,f.getMonth(),1)),p("months")}(r)}},{children:r}),"year-".concat(r)))},i=r;r+12>i;i++)c(i);return t}()]})),n.jsx("div",e.__assign({className:"st-datepicker-footer"},{children:n.jsx("button",e.__assign({className:"st-datepicker-today-btn",onClick:function(){var e=new Date,n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),12,0,0);v(n),i(n),null==d||d()}},{children:"Today"}))}))]}))};
-//# sourceMappingURL=DatePicker-7bfd609b.js.map

package/dist/cjs/DatePicker-7bfd609b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker-7bfd609b.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}