es-grid-template 1.8.65 → 1.8.67

package/lib/grid-component/number-range/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import type { IFormat } from "../type";
-type Props = {
-    t?: any;
-    format?: IFormat;
-    min: number | string | undefined;
-    max: number | string | undefined;
-    onChange?: (values: any[]) => void;
-};
-declare const NumberRange: (props: Props) => React.JSX.Element;
-export default NumberRange;

package/lib/grid-component/number-range/index.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNumericComponent = require("react-numeric-component");
-var _rcMasterUi = require("rc-master-ui");
-var _hooks = require("../hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NumberRange = props => {
-  const {
-    t,
-    max,
-    min,
-    format,
-    onChange
-  } = props;
-  const values = _react.default.useMemo(() => [min, max], [min, max]);
-
-  // const [values, setValues] = React.useState<any[]>(() =>
-  //   mergedValues,
-  // );
-
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: '',
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      columnGap: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
-    value: values[0] ?? ''
-    // value={min}
-    ,
-    thousandSeparator: (0, _hooks.checkThousandSeparator)(format?.thousandSeparator, format?.decimalSeparator),
-    decimalSeparator: (0, _hooks.checkDecimalSeparator)(format?.thousandSeparator, format?.decimalSeparator),
-    allowNegative: true,
-    customInput: _rcMasterUi.Input,
-    className: ' rounded-0 input-element',
-    onValueChange: vals => {
-      // onChangeValueFilter(type, values.floatValue, 'min')
-
-      // setValues([vals.floatValue, values[1]])
-      onChange?.([vals.floatValue, max]);
-    }
-    // placeholder={t ? t('Min') : 'Min'}
-    ,
-    placeholder: t ? t('From') : 'From',
-    autoFocus: true
-  })), /*#__PURE__*/_react.default.createElement("span", null, " - "), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
-    value: values[1] ?? ''
-    // value={max}
-    ,
-    thousandSeparator: (0, _hooks.checkThousandSeparator)(format?.thousandSeparator, format?.decimalSeparator),
-    decimalSeparator: (0, _hooks.checkDecimalSeparator)(format?.thousandSeparator, format?.decimalSeparator),
-    allowNegative: true,
-    customInput: _rcMasterUi.Input,
-    className: ' rounded-0 input-element',
-    onValueChange: vals => {
-      // setValues([values[0], vals.floatValue])
-      onChange?.([min, vals.floatValue]);
-    }
-    // placeholder={t ? t('Max') : 'Max'}
-    ,
-    placeholder: t ? t('To') : 'To'
-  }))));
-};
-var _default = exports.default = NumberRange;

package/lib/grid-component/useContext.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { AnyObject, IFormat } from "./type";
-import type { SubmitHandler } from "react-hook-form";
-import type { GetRowKey } from "./type";
-export interface IContext<RecordType> {
-    searchValue?: any;
-    setSearchValue?: any;
-    open?: boolean;
-    setOpen?: any;
-    rowKey: string | keyof RecordType | GetRowKey<RecordType>;
-    onSave?: any;
-    format?: IFormat;
-    control?: any;
-    errors?: any;
-    trigger?: any;
-    handleSubmit?: any;
-    onSubmit?: SubmitHandler<any>;
-    getValues?: any;
-    handleCellChange?: (args: ContextCellChange<RecordType>) => void;
-    getRowKey?: GetRowKey<RecordType>;
-    id: string;
-}
-export type ContextCellChange<RecordType = AnyObject> = {
-    key: string | keyof RecordType | GetRowKey<RecordType>;
-    record: any;
-    field: string | undefined;
-    option: any;
-    indexRow: number;
-    indexCol: number;
-    newState?: any;
-    prevState?: any;
-    type: 'enter' | 'blur' | 'outClick';
-};
-export declare const TableContext: import("react").Context<IContext<any>>;

package/lib/grid-component/useContext.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableContext = void 0;
-var _react = require("react");
-// import {AnyObject} from "antd/es/_util/type";
-
-const TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({
-  rowKey: 'rowId',
-  id: ''
-});

package/lib/table-component/hook/constant.d.ts

@@ -1,73 +0,0 @@
-export declare const defaultWidth: number;
-export declare const defaultRowHeight: number;
-export type IOperator = {
-    value: string;
-    label: string;
-    key: string;
-};
-export declare const numberOperator: IOperator[];
-export declare const stringOperator: IOperator[];
-export declare const dateOperator: IOperator[];
-export declare const dateTimeOperator: IOperator[];
-export declare const booleanOperator: IOperator[];
-export declare const translateOption: (options: IOperator[], t: any) => any[];
-export declare const transferFontSize: any;
-export declare const defaultDateFormat = "d/m/Y";
-export declare const defaultDateTimeFormat = "d/m/Y H:i";
-export declare const defaultTimeFormat = "H:i";
-export declare const defaultPageSizes: number[];
-export declare const alignToFlex: any;
-export declare const optionsSize: {
-    label: string;
-    value: string;
-    width: number;
-    height: number;
-}[];
-export declare const paperSize: {
-    a4: {
-        width: number;
-        height: number;
-    };
-    a3: {
-        width: number;
-        height: number;
-    };
-    letter: {
-        width: number;
-        height: number;
-    };
-};
-export declare const optionFont: {
-    value: string;
-    label: string;
-}[];
-export declare const optionsPaperOrientation: any[];
-export declare const optionFontSize: {
-    value: number;
-    label: string;
-}[];
-/**
- * Sort order for BaseTable
- */
-declare const SortOrder: {
-    /**
-     * Sort data in ascending order
-     */
-    ascend: string;
-    /**
-     * Sort data in descending order
-     */
-    descend: string;
-};
-export default SortOrder;
-export declare const valueToBoolean: {
-    true: boolean;
-    false: boolean;
-    1: boolean;
-    0: boolean;
-};
-export declare const booleanToValue: {
-    true: number;
-    false: number;
-};
-export declare const nonActionColumn: string[];

package/lib/table-component/hook/constant.js

@@ -1,247 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.valueToBoolean = exports.translateOption = exports.transferFontSize = exports.stringOperator = exports.paperSize = exports.optionsSize = exports.optionsPaperOrientation = exports.optionFontSize = exports.optionFont = exports.numberOperator = exports.nonActionColumn = exports.defaultWidth = exports.defaultTimeFormat = exports.defaultRowHeight = exports.defaultPageSizes = exports.defaultDateTimeFormat = exports.defaultDateFormat = exports.default = exports.dateTimeOperator = exports.dateOperator = exports.booleanToValue = exports.booleanOperator = exports.alignToFlex = void 0;
-const defaultWidth = exports.defaultWidth = 100;
-const defaultRowHeight = exports.defaultRowHeight = 35;
-const numberOperator = exports.numberOperator = [{
-  value: 'equal',
-  label: 'Equal',
-  key: '=='
-}, {
-  value: 'greaterthan',
-  label: 'Greater than',
-  key: '>'
-}, {
-  value: 'greaterthanorequal',
-  label: 'Greater than or equal',
-  key: '>='
-}, {
-  value: 'lessthan',
-  label: 'Less than',
-  key: '<'
-}, {
-  value: 'lessthanorequal',
-  label: 'Less than or equal',
-  key: '<='
-}, {
-  value: 'notequal',
-  label: 'Not equal',
-  key: '!='
-}];
-const stringOperator = exports.stringOperator = [{
-  value: 'startswith',
-  key: '_=',
-  label: 'Starts with'
-}, {
-  value: 'endswith',
-  key: '|=',
-  label: 'Ends with'
-}, {
-  value: 'contains',
-  key: '~=',
-  label: 'Contains'
-}, {
-  value: 'equal',
-  key: '==',
-  label: 'Equal'
-}, {
-  value: 'notequal',
-  key: '!=',
-  label: 'Not equal'
-}];
-const dateOperator = exports.dateOperator = [{
-  value: 'equal',
-  key: '==',
-  label: 'Equal'
-}, {
-  value: 'notequal',
-  key: '!=',
-  label: 'Not equal'
-}, {
-  value: 'greaterthan',
-  key: '>',
-  label: 'Greater than'
-}, {
-  value: 'lessthan',
-  key: '<',
-  label: 'Less than'
-}];
-const dateTimeOperator = exports.dateTimeOperator = [{
-  value: 'equal',
-  key: '==',
-  label: 'Equal'
-}, {
-  value: 'notequal',
-  key: '!=',
-  label: 'Not equal'
-}, {
-  value: 'greaterthan',
-  key: '>',
-  label: 'Greater than'
-}, {
-  value: 'lessthan',
-  key: '<',
-  label: 'Less than'
-}];
-const booleanOperator = exports.booleanOperator = [{
-  value: 'equal',
-  key: '==',
-  label: 'Equal'
-}, {
-  value: 'notequal',
-  key: '!=',
-  label: 'Not equal'
-}];
-const translateOption = (options, t) => {
-  if (!t) {
-    return options;
-  }
-  return options.map(it => ({
-    ...it,
-    label: t(it.label)
-  }));
-};
-exports.translateOption = translateOption;
-const transferFontSize = exports.transferFontSize = {
-  6: 8,
-  7: 9,
-  8: 11,
-  9: 12,
-  10: 13,
-  11: 15,
-  12: 16,
-  13: 17,
-  14: 19,
-  15: 20,
-  16: 21,
-  17: 23,
-  18: 24,
-  19: 25,
-  20: 27,
-  21: 28,
-  22: 29,
-  24: 32,
-  26: 35,
-  27: 36,
-  28: 37
-};
-const defaultDateFormat = exports.defaultDateFormat = 'd/m/Y';
-const defaultDateTimeFormat = exports.defaultDateTimeFormat = 'd/m/Y H:i';
-const defaultTimeFormat = exports.defaultTimeFormat = 'H:i';
-const defaultPageSizes = exports.defaultPageSizes = [20, 30, 50, 100];
-const alignToFlex = exports.alignToFlex = {
-  center: 'center',
-  left: 'start',
-  right: 'end'
-};
-const optionsSize = exports.optionsSize = [{
-  label: 'letter',
-  value: 'letter',
-  width: 21.59,
-  height: 27.94
-}, {
-  label: 'A3',
-  value: 'a3',
-  width: 27.94,
-  height: 42
-}, {
-  label: 'A4',
-  value: 'a4',
-  width: 21,
-  height: 29.7
-}];
-const paperSize = exports.paperSize = {
-  a4: {
-    width: 21,
-    height: 29.7
-  },
-  a3: {
-    width: 27.94,
-    height: 42
-  },
-  letter: {
-    width: 21.59,
-    height: 27.94
-  }
-};
-const optionFont = exports.optionFont = [{
-  value: 'Times New Roman',
-  label: 'Times New Roman'
-}, {
-  value: 'Calibri',
-  label: 'Calibri (Body)'
-}];
-// portrait' | 'landscape'
-const optionsPaperOrientation = exports.optionsPaperOrientation = [{
-  value: 'portrait',
-  label: 'portrait'
-}, {
-  value: 'landscape',
-  label: 'landscape'
-}];
-const optionFontSize = exports.optionFontSize = [{
-  value: 8,
-  label: '8'
-}, {
-  value: 9,
-  label: '9'
-}, {
-  value: 10,
-  label: '10'
-}, {
-  value: 11,
-  label: '11'
-}, {
-  value: 12,
-  label: '12'
-}, {
-  value: 13,
-  label: '13'
-}, {
-  value: 14,
-  label: '14'
-}, {
-  value: 16,
-  label: '16'
-}, {
-  value: 18,
-  label: '18'
-}, {
-  value: 24,
-  label: '24'
-}, {
-  value: 36,
-  label: '36'
-}, {
-  value: 48,
-  label: '48'
-}];
-
-/**
- * Sort order for BaseTable
- */
-const SortOrder = {
-  /**
-   * Sort data in ascending order
-   */
-  ascend: 'Ascending',
-  /**
-   * Sort data in descending order
-   */
-  descend: 'Descending'
-};
-var _default = exports.default = SortOrder;
-const valueToBoolean = exports.valueToBoolean = {
-  true: true,
-  false: false,
-  1: true,
-  0: false
-};
-const booleanToValue = exports.booleanToValue = {
-  true: 1,
-  false: 0
-};
-const nonActionColumn = exports.nonActionColumn = ['#', 'command', 'selection_column'];

package/lib/table-virtuoso/body/TableBody.d.ts

@@ -1,14 +0,0 @@
-import { type Table } from "@tanstack/react-table";
-import type { CommandClick } from "../../table-component/type";
-import React from "react";
-interface TableBodyProps<T> {
-    table: Table<T>;
-    tableContainerRef: React.RefObject<HTMLDivElement>;
-    commandClick?: (args: CommandClick<T>) => void;
-    editAble?: boolean;
-    tableId: string;
-    showEmptyText?: boolean;
-    [key: string]: any;
-}
-declare const TableBody: <RecordType extends object>({ columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, fixedLeftColumns, fixedRightColumns, tableId, showEmptyText, ...rest }: TableBodyProps<RecordType>) => React.JSX.Element;
-export default TableBody;

package/lib/table-virtuoso/body/TableBody.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _TableBodyRow = _interopRequireDefault(require("./TableBodyRow"));
-var _reactVirtual = require("@tanstack/react-virtual");
-var _react = _interopRequireWildcard(require("react"));
-var _useContext = require("../useContext");
-var _rcMasterUi = require("rc-master-ui");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import type { Virtualizer } from "@tanstack/react-virtual";
-
-// import type { Dispatch, SetStateAction } from "react";
-
-const TableBody = ({
-  columnVirtualizer,
-  table,
-  tableContainerRef,
-  virtualPaddingLeft,
-  virtualPaddingRight,
-  fixedLeftColumns,
-  fixedRightColumns,
-  tableId,
-  showEmptyText,
-  ...rest
-}) => {
-  const {
-    rows
-  } = table.getRowModel();
-  const {
-    editingKey,
-    prefix,
-    locale
-  } = _react.default.useContext(_useContext.TableContext);
-
-  //dynamic row height virtualization - alternatively you could use a simpler fixed row height strategy without the need for `measureElement`
-  const rowVirtualizer = (0, _reactVirtual.useVirtualizer)({
-    count: rows.length,
-    estimateSize: () => 36,
-    //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => tableContainerRef.current,
-    //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1 ? element => element?.getBoundingClientRect().height : undefined,
-    overscan: 1
-  });
-  const virtualRows = rowVirtualizer.getVirtualItems();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefix}-grid-tbody`,
-    style: {
-      display: 'grid',
-      // height: `${rowVirtualizer.getTotalSize()}px`, //tells scrollbar how big the table is
-      height: showEmptyText && rows.length === 0 ? `140px` : `${rowVirtualizer.getTotalSize()}px`,
-      //tells scrollbar how big the table is
-      position: 'relative' //needed for absolute positioning of rows
-    }
-  }, showEmptyText && rows.length === 0 ? /*#__PURE__*/_react.default.createElement("tr", {
-    style: {
-      // transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll
-    }
-  }, /*#__PURE__*/_react.default.createElement("td", {
-    // colSpan={30}
-    style: {
-      position: "sticky",
-      left: 0,
-      width: tableContainerRef.current?.clientWidth,
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Empty, {
-    image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE,
-    description: locale?.emptyText
-  })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, virtualRows.map(virtualRow => {
-    const row = rows[virtualRow.index];
-    const isEditing = row.id === editingKey;
-    return /*#__PURE__*/_react.default.createElement(_TableBodyRow.default, (0, _extends2.default)({}, rest, {
-      table: table,
-      tableId: tableId,
-      key: row.id,
-      row: row,
-      columnVirtualizer: columnVirtualizer,
-      rowVirtualizer: rowVirtualizer,
-      virtualPaddingLeft: virtualPaddingLeft,
-      virtualPaddingRight: virtualPaddingRight,
-      virtualRow: virtualRow,
-      fixedLeftColumns: fixedLeftColumns,
-      fixedRightColumns: fixedRightColumns,
-      isEditing: isEditing
-    }));
-  })));
-};
-var _default = exports.default = TableBody;