react-bootstrap-table-ng-example 4.19.0 → 4.19.2

package/.storybook/main.ts

@@ -1,5 +1,6 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
 import type { StorybookConfig } from "@storybook/react-webpack5";
-import path from "path";
+import path, { dirname } from "path";
 import { fileURLToPath } from "url";
 import * as sass from "sass";
 
@@ -10,19 +11,30 @@ const config: StorybookConfig = {
     stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
 
     addons: [
-        "@storybook/addon-links",
-        "@storybook/addon-onboarding",
-        "@storybook/addon-docs",
+        getAbsolutePath("@storybook/addon-links"),
+        //getAbsolutePath("@storybook/addon-onboarding"),
+        getAbsolutePath("@storybook/addon-docs"),
     ],
 
     framework: {
-        name: "@storybook/react-webpack5",
+        name: getAbsolutePath("@storybook/react-webpack5"),
         options: {},
     },
 
     staticDirs: ["../public"],
+    managerHead: (head) => `
+    ${process.env.NODE_ENV === "production"
+            ? `<base href="/react-bootstrap-table-ng/storybook/">`
+            : ""
+        }
+    ${head}
+  `,
 
     previewHead: (head) => `
+    ${process.env.NODE_ENV === "production"
+            ? `<base href="/react-bootstrap-table-ng/storybook/">`
+            : ""
+        }
     ${head}
     <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
     <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous"> -->
@@ -105,8 +117,15 @@ const config: StorybookConfig = {
                 ...(config.resolve.modules || []),
             ];
         }
+        if (config.output && process.env.NODE_ENV === "production") {
+            config.output.publicPath = "../storybook/";
+        }
         return config;
     },
 };
 
 export default config;
+
+function getAbsolutePath(value: string): any {
+    return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+}

package/.storybook/preview.ts

@@ -1,5 +1,5 @@
 import { spyOn } from "storybook/test";
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react-webpack5";
 
 const preview: Preview = {
   parameters: {

package/README.md

@@ -1,4 +1,4 @@
 # react-bootstrap-table-ng-example
 Next generation of [`react-bootstrap-table`](https://github.com/jeff-k-zhou/react-bootstrap-table-ng)
 
-**[Live Demo](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html)**
+**[Live Demo](https://jeff-k-zhou.github.io/react-bootstrap-table-ng/storybook/index.html)**

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "react-bootstrap-table-ng-example",
-  "version": "4.19.0",
+  "version": "4.19.2",
   "description": "Storybook for react-bootstrap-table-ng",
+  "homepage": "http://jeff-k-zhou.github.io/react-bootstrap-table-ng",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006",
     "gh-pages:clean": "rimraf ./storybook-static",
-    "gh-pages:build": "storybook build"
+    "gh-pages:build": "storybook build -o ./storybook-static/storybook",
+    "gh-pages:deploy": "gh-pages -d storybook-static"
   },
   "eslintConfig": {
     "extends": [
@@ -40,30 +42,29 @@
     }
   ],
   "peerDependencies": {
-    "prop-types": "^15.8.1",
     "react": "^18.0 || ^18.0.0 || ^19.0 || ^19.0.0",
     "react-dom": "^18.0 || ^18.0.0 || ^19.0 || ^19.0.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-    "@storybook/addon-docs": "^10.2.1",
-    "@storybook/addon-links": "^10.2.1",
-    "@storybook/addon-onboarding": "^10.2.1",
-    "@storybook/preset-create-react-app": "^10.2.1",
-    "@storybook/react": "^10.2.1",
-    "@storybook/react-webpack5": "^10.2.1",
+    "@storybook/addon-docs": "^10.2.7",
+    "@storybook/addon-links": "^10.2.7",
+    "@storybook/addon-onboarding": "^10.2.7",
+    "@storybook/preset-create-react-app": "^10.2.7",
+    "@storybook/react-webpack5": "^10.2.7",
     "@types/file-saver": "^2.0.7",
     "babel-plugin-named-exports-order": "^0.0.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-preset-env": "^1.7.0",
-    "eslint-plugin-storybook": "^10.2.1",
+    "eslint-plugin-storybook": "^10.2.7",
     "file-saver": "^2.0.5",
+    "gh-pages": "^6.3.0",
     "react-redux": "^9.2.0",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",
     "rimraf": "^6.1.2",
     "sass": "^1.97.3",
-    "storybook": "^10.2.1",
+    "storybook": "^10.2.7",
     "typed.js": "^3.0.0",
     "webpack": "^5.104.1"
   },
@@ -75,13 +76,12 @@
     "@types/node": "^22.10.5",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "prop-types": "^15.8.1",
     "react": "^19.2.4",
-    "react-bootstrap-table-ng": "^4.19.0",
+    "react-bootstrap-table-ng": "^4.19.2",
     "react-dom": "^19.2.4",
     "react-scripts": "^5.0.1",
     "typescript": "^5.9.3",
     "web-vitals": "^5.1.0"
   },
-  "gitHead": "98d67bb61f70d45365338d340466fd4d4e97ab4c"
+  "gitHead": "b1271954a204909d708b6f4f78d12bab5631a489"
 }

package/src/components/common/code-block.tsx

@@ -1,4 +1,4 @@
-import PropTypes from "prop-types";
+
 import React from "react";
 
 interface DefaultComponentProps {
@@ -6,9 +6,7 @@ interface DefaultComponentProps {
 }
 
 export default class DefaultComponent extends React.Component<DefaultComponentProps> {
-  static propTypes = {
-    children: PropTypes.string,
-  };
+
 
   static defaultProps = {
     children: "",

package/src/stories/BasicTable.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 
 // import bootstrap style by given version

package/src/stories/Bootstrap4.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import paginationFactory from "../../../react-bootstrap-table-ng-paginator";

package/src/stories/CellEditing.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import type { Meta, StoryObj } from '@storybook/react';
+
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import cellEditFactory, { Type } from '../../../react-bootstrap-table-ng-editor';
@@ -1216,10 +1216,6 @@ interface QualityRangerState { }
 class QualityRanger extends React.Component<QualityRangerProps, QualityRangerState> {
   range: HTMLInputElement | null = null;
 
-  static propTypes = {
-    value: PropTypes.number,
-    onUpdate: PropTypes.func.isRequired,
-  };
 
   static defaultProps = {
     value: 0,
@@ -1281,11 +1277,15 @@ export const CustomEditor: Story = {
     import BootstrapTable from 'react-bootstrap-table-ng';
     import cellEditFactory from 'react-bootstrap-table-ng-editor';
 
-    class QualityRanger extends React.Component {
-      static propTypes = {
-        value: PropTypes.number,
-        onUpdate: PropTypes.func.isRequired
-      }
+    interface QualityRangerProps {
+      value?: number;
+      onUpdate: (value: number) => void;
+    }
+
+    interface QualityRangerState { }
+
+    class QualityRanger extends React.Component<QualityRangerProps, QualityRangerState> {
+
       static defaultProps = {
         value: 0
       }

package/src/stories/ColumnFilter.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PropTypes from "prop-types";
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+
 import React from "react";
 
 // import bootstrap style by given version
@@ -1568,11 +1568,7 @@ interface PriceFilterProps {
 }
 
 class PriceFilter extends React.Component<PriceFilterProps> {
-  static propTypes = {
-    column: PropTypes.object.isRequired,
-    onFilter: PropTypes.func.isRequired,
-  };
-
+  
   private input: HTMLInputElement | null;
 
   constructor(props: PriceFilterProps) {
@@ -1633,12 +1629,14 @@ export const CustomFilter: Story = {
     import BootstrapTable from 'react-bootstrap-table-ng';
     import filterFactory, { textFilter, customFilter } from 'react-bootstrap-table-ng-filter';
 
-    class PriceFilter extends React.Component {
-      static propTypes = {
-        column: PropTypes.object.isRequired,
-        onFilter: PropTypes.func.isRequired
-      }
-      constructor(props) {
+    interface PriceFilterProps {
+      column: any;
+      onFilter: (value: string) => void;
+    }
+
+    class PriceFilter extends React.Component<PriceFilterProps> {
+      
+      constructor(props: PriceFilterProps) {
         super(props);
         this.filter = this.filter.bind(this);
         this.getValue = this.getValue.bind(this);
@@ -1695,10 +1693,6 @@ interface AdvancePriceFilterProps {
 }
 
 class AdvancePriceFilter extends React.Component<AdvancePriceFilterProps, { value: number }> {
-  static propTypes = {
-    column: PropTypes.object.isRequired,
-    onFilter: PropTypes.func.isRequired,
-  };
 
   private range: HTMLInputElement | null;
   private showValue: HTMLParagraphElement | null;
@@ -1798,12 +1792,14 @@ export const AdvanceCustomFilter: Story = {
     import BootstrapTable from 'react-bootstrap-table-ng';
     import filterFactory, { textFilter, customFilter, Comparator, FILTER_TYPES } from 'react-bootstrap-table-ng-filter';
 
-    class PriceFilter extends React.Component {
-      static propTypes = {
-        column: PropTypes.object.isRequired,
-        onFilter: PropTypes.func.isRequired
-      }
-      constructor(props) {
+    interface PriceFilterProps {
+      column: any;
+      onFilter: (value: string) => void;
+    }
+
+    class PriceFilter extends React.Component<PriceFilterProps> {
+    
+      constructor(props: PriceFilterProps) {
         super(props);
         this.filter = this.filter.bind(this);
         this.getValue = this.getValue.bind(this);

package/src/stories/ColumnToggle.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import { textFilter } from '../../../react-bootstrap-table-ng-filter';

package/src/stories/Data.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import BootstrapTable from './Data';

package/src/stories/ExportCSV.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import { textFilter } from '../../../react-bootstrap-table-ng-filter';

package/src/stories/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 
 // import bootstrap style by given version

package/src/stories/Pagination.stories.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import React from 'react';
 
 // import bootstrap style by given version

package/src/stories/Remote.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import BootstrapTable from './Remote';
@@ -68,3 +68,11 @@ export const RemoteAll: Story = {
     mode: "all",
   }
 };
+
+export const RemoteAllCustom: Story = {
+  name: "Remote all + custom toolbars",
+  args: {
+    mode: "all-custom",
+  }
+};
+