jb-grid 0.1.0 → 0.2.0

package/README.md

@@ -1,7 +1,25 @@
 # jb-grid
 
-> currently this component only available in react and does not support web-component but it will in the future.
+> currently this component only available in react in full mode and web-component is only support parts of the data grid like pagination.
 
 ## using with JS frameworks
 
 to use this component in **react** see [`jb-grid/react`](https://github.com/javadbat/jb-grid/tree/main/react);
+
+## Pagination
+for pagination we use `jb-pagination` web-component
+```html
+<jb-pagination />
+```
+`jb-pagination` have some config into it here is how to config it:
+
+```javascript
+import `jb-pagination`;
+//change current page index
+document.querySelector(`jb-pagination`).pageIndex = 5;
+//max page number default is infinite
+document.querySelector(`jb-pagination`).max = 10;
+//min page number default is 1
+document.querySelector(`jb-pagination`).min = 0;
+
+```

package/index.js

@@ -1 +1 @@
-console.log("not implemented yet");
+export * from "./web-component/dist/index.js"

package/package.json

@@ -13,7 +13,7 @@
     "web component",
     "react component"
   ],
-  "version": "0.1.0",
+  "version": "0.2.0",
   "bugs": "https://github.com/javadbat/jb-grid/issues",
   "license": "MIT",
   "files": [
@@ -33,6 +33,6 @@
     "jb-core":">=0.19.0",
     "mobx":">=6.0.0",
     "mobx-react":">=7.0.0",
-    "jb-searchbar":">=2.3.1"
+    "jb-searchbar":">=2.6.0"
   }
 }

package/react/dist/Components/Pagination.d.ts

@@ -0,0 +1,25 @@
+import React, { type DetailedHTMLProps, type FormEventHandler, type HTMLAttributes } from 'react';
+import 'jb-grid';
+import type { JBPaginationWebComponent } from 'jb-grid';
+export type Props = {
+    pageIndex?: number;
+    max?: number;
+    min?: number;
+    onChange?: FormEventHandler<JBPaginationWebComponent>;
+    showPersianNumber?: boolean;
+};
+export declare function JBPagination(props: Props): React.JSX.Element;
+type JBPaginationAttributes = DetailedHTMLProps<HTMLAttributes<JBPaginationWebComponent>, JBPaginationWebComponent> & {
+    pageIndex?: number;
+    max?: number;
+    min?: number;
+    showPersianNumber?: boolean;
+};
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            'jb-pagination': JBPaginationAttributes;
+        }
+    }
+}
+export {};

package/react/dist/Footer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import JBGridViewModel from './JBGridViewModel.js';
+import type JBGridViewModel from './JBGridViewModel.js';
 type FooterProps = {
     vm: JBGridViewModel<any>;
     isFullscreen: boolean;