mig-schema-table 3.0.53 → 3.0.55

package/dist/SchemaTable/Td/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { SELECT_ALL_COLUMN_NAME } from "../constants";
 import { localeFormatInTimeZone, timeZone } from "../../inc/date";
-import { DEFAULT_DATE_TIME_FORMAT } from "../../inc/constant";
+import { DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, } from "../../inc/constant";
 import { t } from "../../inc/string";
 function Td({ checkedIndexes, disabledCheckedIndexes, columnIndex, data, getRowClassName, getRowSelected, onCheckedIndexesChange, onRowClick, onRowDoubleClick, propConfig, propName, propSchema, rowHeight, rowIndex, sortedRenderData, style, }) {
     const onTdClick = React.useCallback((e) => {
@@ -43,7 +43,9 @@ function Td({ checkedIndexes, disabledCheckedIndexes, columnIndex, data, getRowC
                 ? "Asia/Jakarta"
                 : "Europe/Amsterdam";
             if (date) {
-                title = `${localeFormatInTimeZone(date, alternativeTimeZone, DEFAULT_DATE_TIME_FORMAT)} (${t(alternativeTimeZone)})`;
+                title = `${localeFormatInTimeZone(date, alternativeTimeZone, propSchema.format === "date"
+                    ? DEFAULT_DATE_FORMAT
+                    : DEFAULT_DATE_TIME_FORMAT)} (${t(alternativeTimeZone)})`;
             }
         }
         return {

package/dist/SchemaTable/index.d.ts

@@ -9,6 +9,9 @@ export interface IGetDataProps {
     sortColumn?: string;
     sortAsc: boolean;
 }
+interface IColumnFilterMap {
+    [propName: string]: TColumnFilterValue;
+}
 export interface ISchemaTableProps<T> {
     Heading?: any;
     checkedIndexes?: number[];
@@ -18,6 +21,7 @@ export interface ISchemaTableProps<T> {
     };
     customElement?: React.ReactNode;
     data: T[] | ((getDataProps: IGetDataProps) => Promise<T[]>);
+    defaultColumnFilters?: IColumnFilterMap;
     defaultSortAsc?: boolean;
     defaultSortColumn?: keyof T;
     getRowClassName?: (rowData: T, dataIndex: number, filteredSortedData: IRenderData[]) => string;
@@ -40,6 +44,6 @@ export type TColumnFilterValue = string | number | boolean | {
     from?: Date;
     to?: Date;
 };
-declare function SchemaTable<T>({ Heading, checkedIndexes, disabledCheckedIndexes, config, customElement, data, defaultSortAsc, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isColumnFilterable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight, schema, searchPlaceholder, style, width, onRowDoubleClick, enableAutoFocus, }: ISchemaTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function SchemaTable<T>({ Heading, checkedIndexes, disabledCheckedIndexes, config, customElement, data, defaultColumnFilters, defaultSortAsc, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isColumnFilterable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight, schema, searchPlaceholder, style, width, onRowDoubleClick, enableAutoFocus, }: ISchemaTableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof SchemaTable;
 export default _default;

package/dist/SchemaTable/index.js

@@ -9,11 +9,11 @@ import Td from "./Td";
 import { DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT } from "../inc/constant";
 import SchemaColumnFilterPopover from "./SchemaColumnFilterPopover";
 const startOfTheWorldDate = new Date("1000-01-01 00:00:00Z");
-function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheckedIndexes, config, customElement, data, defaultSortAsc = false, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isColumnFilterable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight = 36, schema, searchPlaceholder, style, width, onRowDoubleClick, enableAutoFocus, }) {
+function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheckedIndexes, config, customElement, data, defaultColumnFilters = {}, defaultSortAsc = false, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isColumnFilterable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight = 36, schema, searchPlaceholder, style, width, onRowDoubleClick, enableAutoFocus, }) {
     const [sortColumn, setSortColumn] = React.useState(defaultSortColumn);
     const [sortAsc, setSortAsc] = React.useState(defaultSortAsc);
     const [searchQuery, setSearchQuery] = React.useState("");
-    const [columnFilterMap, setColumnFilterMap] = React.useState({});
+    const [columnFilterMap, setColumnFilterMap] = React.useState(defaultColumnFilters);
     const [popoverConfig, setPopoverConfig] = React.useState();
     const isDataFunction = data instanceof Function;
     const [sourceData, setSourceData] = React.useState(isDataFunction ? undefined : data);
@@ -208,7 +208,7 @@ function SchemaTable({ Heading = VariableSizeList, checkedIndexes, disabledCheck
                 const propSchema = properties[propName];
                 // @ts-ignore
                 const rawValue = sourceData[item._index][propName];
-                switch (propSchema.type) {
+                switch (propSchema === null || propSchema === void 0 ? void 0 : propSchema.type) {
                     case "boolean":
                     case "integer":
                         result = rawValue === columnFilterValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.53",
+  "version": "3.0.55",
   "main": "dist/index.js",
   "files": [
     "dist/"