jb-grid 0.2.3 → 0.2.4

package/react/lib/Components/Pagination.tsx

@@ -2,24 +2,13 @@ import React, { type DetailedHTMLProps, type FormEventHandler, type HTMLAttribut
 import  'jb-grid'
 import type {JBPaginationWebComponent} from 'jb-grid'
 import type { JBElementStandardProps } from 'jb-core/react';
-export type Props = JBElementStandardProps & {
-  pageIndex?:number,
-  max?:number,
-  min?:number,
-  onChange?:FormEventHandler<JBPaginationWebComponent>
-  showPersianNumber?:boolean,
-}
+
 export function JBPagination(props:Props){
   const {pageIndex, max, min, onChange,showPersianNumber, ...otherProps } = props;
   return(<jb-pagination pageIndex={pageIndex} max={max} min={min} onChange={onChange} showPersianNumber={showPersianNumber} {...otherProps}></jb-pagination>)
 }
 
-type JBPaginationAttributes = DetailedHTMLProps<HTMLAttributes<JBPaginationWebComponent>, JBPaginationWebComponent> & {
-  pageIndex?:number
-  max?:number
-  min?:number,
-  showPersianNumber?:boolean,
-}
+type JBPaginationAttributes = DetailedHTMLProps<HTMLAttributes<JBPaginationWebComponent>, JBPaginationWebComponent> & DirectAttributeProps
 declare module "react" {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace JSX {
@@ -27,4 +16,14 @@ declare module "react" {
       'jb-pagination': JBPaginationAttributes;
     }
   }
-}
+}
+
+type DirectAttributeProps = {
+  pageIndex?:number,
+  max?:number,
+  min?:number,
+  onChange?:FormEventHandler<JBPaginationWebComponent>
+  showPersianNumber?:boolean,
+}
+
+export type Props = JBElementStandardProps<JBPaginationWebComponent, keyof DirectAttributeProps> & DirectAttributeProps

package/react/lib/JBGrid.tsx

@@ -1,17 +1,17 @@
-import React, { ReactNode, useEffect } from 'react';
+import React, { type ReactNode, useEffect } from 'react';
 import JBGridViewModel, { JBGridContext } from './JBGridViewModel.js';
 import { observer } from 'mobx-react';
 import CSS from './jb-grid.css';
 export { JBGridData } from './JBGridData.js';
 import 'jb-searchbar';
-import { AnyObject, JBGridBridgeClassInterface, JBGridConfig, JBGridI18nConfig, SearchbarConfig } from './types.js';
+import type { AnyObject, JBGridBridgeClassInterface, JBGridConfig, JBGridI18nConfig, SearchbarConfig } from './types.js';
 import Footer from './Footer.js';
 import Header from './Header.js';
 import Content from './Content.js';
 import { useInstance } from 'jb-core/react';
 import { injectCss } from 'jb-core';
 
-export {JBPagination, Props as PaginationProps} from './Components/Pagination.js';
+export {JBPagination, type Props as PaginationProps} from './Components/Pagination.js';
 export { Row } from './Components/Row.js';
 export { Cell } from './Components/Cell.js';
 export { ExpandRow } from './Components/ExpandRow.js';
@@ -55,7 +55,7 @@ function JBGridComponent<T extends AnyObject>(props: Props<T>) {
   }
   return (
     <JBGridContext.Provider value={vm} key={"jb-grid-context"}>
-      <div className={"jb-grid-wrapper " + (props.className ?? "")} ref={vm.JBGridComponentDom} style={props.style}>
+      <div className={`jb-grid-wrapper ${props.className ?? ""}`} ref={vm.JBGridComponentDom} style={props.style}>
         <Header title={props.title} vm={vm} searchbarConfig={props.searchbarConfig} headerEndComponents={props.headerEndComponents}></Header>
         <Content i18n={vm.i18n} config={vm.config} isErrorOccurred={vm.isErrorOccurred} isLoading={vm.isLoading} refreshBtnClick={vm.refreshBtnClick} setSortColumn={vm.setSortColumn} styles={vm.styles} errorComponent={props.contentError}>{props.children}</Content>
         <Footer isFullscreen={props.isFullscreen ?? false} vm={vm}></Footer>

package/react/lib/JBGridViewModel.ts

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, type Ref, type RefObject } from 'react';
+import React, { createContext, useContext, type RefObject } from 'react';
 import { observable, extendObservable, makeObservable, action, computed } from 'mobx';
 import type { ActionDispatchers, AnyObject, JBGridBridgeClassInterface, JBGridBridgeInterface, JBGridCallbacks, JBGridColumnDef, JBGridConfig, JBGridConfigInterface, JBGridFilter, JBGridI18nConfig, JBGridResponseData, JBGridRowData, JBGridRowDetail, JBGridStyles, SearchbarConfig } from './types.js';
 import type { JBSearchbarWebComponent, JBSearchbarValue } from 'jb-searchbar';
@@ -155,15 +155,15 @@ class JBGridViewModel<T extends AnyObject> {
   InitSize() {
     //init table width column
     const scrollWidth = this.getScrollbarWidth();
-    this.styles.table.scrollIndent.width = 'calc(100% - ' + scrollWidth + 'px)';
+    this.styles.table.scrollIndent.width = `calc(100% - ${scrollWidth}px)`;
     //config css grid for table layout
     let gridTemplateColumns = "";
-    this.config.table.columns.map((item) => {
+    this.config.table.columns.forEach((item) => {
       if (item.width != null || item.width != undefined) {
         if (typeof (item.width) == "number") {
-          gridTemplateColumns += ' ' + item.width + 'px';
+          gridTemplateColumns += ` ${item.width}px`;
         } else {
-          gridTemplateColumns += ' ' + item.width;
+          gridTemplateColumns += ` ${item.width}`;
         }
 
       } else {