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

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.1",
   "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,30 @@
     }
   ],
   "peerDependencies": {
-    "prop-types": "^15.8.1",
+    "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"
   },
@@ -77,11 +79,11 @@
     "@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.1",
     "react-dom": "^19.2.4",
     "react-scripts": "^5.0.1",
     "typescript": "^5.9.3",
     "web-vitals": "^5.1.0"
   },
-  "gitHead": "98d67bb61f70d45365338d340466fd4d4e97ab4c"
+  "gitHead": "24022dc8281117b928db32c4a90bcc9edc402edf"
 }

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';

package/src/stories/ColumnFilter.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import PropTypes from "prop-types";
 import React from "react";
 

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",
+  }
+};
+

package/src/stories/Remote.tsx

@@ -8,9 +8,13 @@ import filterFactory, {
   LIKE,
   textFilter,
 } from "../../../react-bootstrap-table-ng-filter";
-import paginationFactory from "../../../react-bootstrap-table-ng-paginator";
+import overlayFactory from "../../../react-bootstrap-table-ng-overlay";
+import paginationFactory, {
+  PaginationProvider, PaginationListStandalone,
+  PaginationTotalStandalone, SizePerPageDropdownStandalone
+} from "../../../react-bootstrap-table-ng-paginator";
 import ToolkitProvider, {
-  Search,
+  Search, CSVExport
 } from "../../../react-bootstrap-table-ng-toolkit";
 import Code from "../components/common/code-block";
 import { productsGenerator } from "../utils/common";
@@ -1132,6 +1136,462 @@ class RemoteAllComponent extends React.Component<{}, RemoteAllState> {
   }
 }
 
+
+const remoteAllExportSourceCode = `\
+import BootstrapTable from 'react-bootstrap-table-ng';
+import cellEditFactory from 'react-bootstrap-table-ng-editor';
+import filterFactory, {
+  LIKE,
+  textFilter,
+} from 'react-bootstrap-table-ng-filter';
+import paginationFactory, { 
+  PaginationProvider, PaginationListStandalone, PaginationTotalStandalone, SizePerPageDropdownStandalone
+} from 'react-bootstrap-table-ng-paginator';
+import ToolkitProvider, {
+  Search, CSVExport 
+} from 'react-bootstrap-table-ng-toolkit';
+// import ... 
+
+const productColumns = [
+  {
+    dataField: "id",
+    text: "Product ID",
+    sort: true,
+  },
+  {
+    dataField: "name",
+    text: "Product Name",
+    filter: textFilter(),
+    sort: true,
+  },
+  {
+    dataField: "price",
+    text: "Product Price",
+    filter: textFilter(),
+    sort: true,
+    hidden: true,
+  },
+];
+
+const { ExportCSVButton } = CSVExport;
+
+//leslint-disable-next-line react/proprtypes
+const CustomToggleList = ({ columns, onColumnToggle, toggles }) => (
+  <div className="btn-group btn-group-toggle" data-toggle="buttons" style={{ marginBottom: '10px' }}>
+    {columns
+      .filter(column => !(column.toggleHidden === true))
+      .map(column => ({
+        ...column,
+        toggle: toggles[column.dataField]
+      }))
+      .map(column => (
+        <button
+          type="button"
+          key={column.dataField}
+          className={\`btn \${column.toggle ? 'btn-primary' : 'btn-default'}\`}
+          data-toggle="button"
+          aria-pressed={column.toggle ? 'true' : 'false'}
+          onClick={() => onColumnToggle(column.dataField)}
+        >
+          {column.text}
+        </button>
+      ))}
+  </div>
+);
+
+const customPaginationTotal = (from: number, to: number, totalSize: number) => (
+  <span className="react-bootstrap-table-pagination-total">
+    {from} to {to} of {totalSize} rows
+  </span>
+);
+
+
+const allExportProducts = productsGenerator(487);
+
+class RemoteAllExportComponent extends React.Component {
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      page: 1,
+      data: allExportProducts.slice(0, 10),
+      totalSize: allExportProducts.length,
+      sizePerPage: 10,
+      allData: allExportProducts,
+    };
+    this.handleTableChange = this.handleTableChange.bind(this);
+  }
+
+  handleTableChange = (
+    type: any,
+    { page, sizePerPage, filters, sortField, sortOrder, cellEdit }: any
+  ) => {
+    setTimeout(() => {
+      // Handle cell editing
+      if (type === "cellEdit") {
+        const { rowId, dataField, newValue } = cellEdit;
+        products = products.map((row: any) => {
+          if (row.id === rowId) {
+            const newRow = { ...row };
+            newRow[dataField] = newValue;
+            return newRow;
+          }
+          return row;
+        });
+      }
+      let result = allExportProducts;
+      // Handle column filters
+      result = result.filter((row: any) => {
+        let valid = true;
+        for (const dataField in filters) {
+          const { filterVal, filterType, comparator } = filters[dataField];
+
+          if (filterType === "TEXT") {
+            if (comparator === LIKE) {
+              valid = row[dataField].toString().indexOf(filterVal) > -1;
+            } else {
+              valid = row[dataField] === filterVal;
+            }
+          }
+          if (!valid) break;
+        }
+        return valid;
+      });
+      // Handle column sort
+      if (sortOrder === "asc") {
+        result = result.sort((a: any, b: any) => {
+          if (a[sortField] > b[sortField]) {
+            return 1;
+          } else if (b[sortField] > a[sortField]) {
+            return -1;
+          }
+          return 0;
+        });
+      } else {
+        result = result.sort((a: any, b: any) => {
+          if (a[sortField] > b[sortField]) {
+            return -1;
+          } else if (b[sortField] > a[sortField]) {
+            return 1;
+          }
+          return 0;
+        });
+      }
+      this.setState(() => ({
+        page: page,
+        data: result.slice((page - 1) * sizePerPage, page * sizePerPage),
+        totalSize: result.length,
+        sizePerPage: sizePerPage,
+        allData: result,
+      }));
+    }, 2000);
+  };
+
+  handleExport = onExport => e => {
+    onExport(this.state.allData);
+  };
+
+  render() {
+    return (
+      <ToolkitProvider
+        keyField="id"
+        data={this.state.data}
+        columns={productColumns}
+        search
+        columnToggle
+        exportCSV={{
+          fileName: 'products-export.csv',
+          noAutoBOM: false,
+          blobType: 'text/csv;charset=ansi',
+          data: this.state.allData
+        }}
+      >
+        {props => (
+          <PaginationProvider
+            pagination={paginationFactory({
+              custom: true,
+              page: this.state.page,
+              sizePerPage: this.state.sizePerPage,
+              totalSize: this.state.totalSize,
+              sizePerPageList: [10, 25, 50, 100],
+              showSizePerPage: true,
+              showTotal: true,
+              paginationTotalRenderer: customPaginationTotal,
+            })}
+          >
+            {({ paginationProps, paginationTableProps }) => (
+              <div>
+                <CustomToggleList {...props.columnToggleProps} />
+                <div>
+                  <SizePerPageDropdownStandalone {...paginationProps} />
+                  <PaginationTotalStandalone {...paginationProps} />
+                  <ExportCSVButton {...props.csvProps}
+                    className="btn-warning"
+                    style={{ marginLeft: '20px' }}
+                    onClick={this.handleExport(props.csvProps.onExport)}
+                  >Export CSV</ExportCSVButton>
+                  <PaginationListStandalone {...paginationProps} />
+                </div>
+                <BootstrapTable
+                  remote
+                  striped
+                  hover
+                  condensed
+                  defaultSorted={[
+                    {
+                      dataField: "name",
+                      order: "desc",
+                    },
+                  ]}
+                  {...props.baseProps}
+                  filter={filterFactory()}
+                  overlay={overlayFactory({ spinner: true })}
+                  onTableChange={this.handleTableChange}
+                  cellEdit={cellEditFactory({
+                    mode: "click",
+                  })}
+                  {...paginationTableProps}
+                />
+                <div style={{ marginBottom: '20px' }}>
+                  <SizePerPageDropdownStandalone {...paginationProps} />
+                  <PaginationTotalStandalone {...paginationProps} />
+                  <ExportCSVButton {...props.csvProps}
+                    className="btn-warning"
+                    style={{ marginLeft: '20px' }}
+                    onClick={this.handleExport(props.csvProps.onExport)}
+                  >Export CSV</ExportCSVButton>
+                  <PaginationListStandalone {...paginationProps} />
+                </div>
+                <Code>{remoteAllExportSourceCode}</Code>
+              </div>
+            )}
+          </PaginationProvider>
+        )}
+      </ToolkitProvider>
+    );
+  }
+}
+`;
+
+const productColumns = [
+  {
+    dataField: "id",
+    text: "Product ID",
+    filter: textFilter(),
+    sort: true,
+  },
+  {
+    dataField: "name",
+    text: "Product Name",
+    filter: textFilter(),
+    sort: true,
+  },
+  {
+    dataField: "price",
+    text: "Product Price",
+    filter: textFilter(),
+    sort: true,
+    hidden: true,
+  },
+];
+
+const { ExportCSVButton } = CSVExport;
+
+//leslint-disable-next-line react/proprtypes
+const CustomToggleList = ({ columns, onColumnToggle, toggles }) => (
+  <div className="btn-group btn-group-toggle" data-toggle="buttons" style={{ marginBottom: '10px' }}>
+    {columns
+      .filter(column => !(column.toggleHidden === true))
+      .map(column => ({
+        ...column,
+        toggle: toggles[column.dataField]
+      }))
+      .map(column => (
+        <button
+          type="button"
+          key={column.dataField}
+          className={`btn ${column.toggle ? 'btn-primary' : 'btn-default'}`}
+          data-toggle="button"
+          aria-pressed={column.toggle ? 'true' : 'false'}
+          onClick={() => onColumnToggle(column.dataField)}
+        >
+          {column.text}
+        </button>
+      ))}
+  </div>
+);
+
+const customPaginationTotal = (from: number, to: number, totalSize: number) => (
+  <span className="react-bootstrap-table-pagination-total" style={{ marginLeft: '10px' }}>
+    {from} to {to} of {totalSize} rows
+  </span>
+);
+
+
+const allExportProducts = productsGenerator(487);
+
+class RemoteAllCustomComponent extends React.Component {
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      page: 1,
+      data: allExportProducts.slice(0, 10),
+      totalSize: allExportProducts.length,
+      sizePerPage: 10,
+      allData: allExportProducts,
+    };
+    this.handleTableChange = this.handleTableChange.bind(this);
+  }
+
+  handleTableChange = (
+    type: any,
+    { page, sizePerPage, filters, sortField, sortOrder, cellEdit }: any
+  ) => {
+    setTimeout(() => {
+      // Handle cell editing
+      if (type === "cellEdit") {
+        const { rowId, dataField, newValue } = cellEdit;
+        products = products.map((row: any) => {
+          if (row.id === rowId) {
+            const newRow = { ...row };
+            newRow[dataField] = newValue;
+            return newRow;
+          }
+          return row;
+        });
+      }
+      let result = allExportProducts;
+      // Handle column filters
+      result = result.filter((row: any) => {
+        let valid = true;
+        for (const dataField in filters) {
+          const { filterVal, filterType, comparator } = filters[dataField];
+
+          if (filterType === "TEXT") {
+            if (comparator === LIKE) {
+              valid = row[dataField].toString().indexOf(filterVal) > -1;
+            } else {
+              valid = row[dataField] === filterVal;
+            }
+          }
+          if (!valid) break;
+        }
+        return valid;
+      });
+      // Handle column sort
+      if (sortOrder === "asc") {
+        result = result.sort((a: any, b: any) => {
+          if (a[sortField] > b[sortField]) {
+            return 1;
+          } else if (b[sortField] > a[sortField]) {
+            return -1;
+          }
+          return 0;
+        });
+      } else {
+        result = result.sort((a: any, b: any) => {
+          if (a[sortField] > b[sortField]) {
+            return -1;
+          } else if (b[sortField] > a[sortField]) {
+            return 1;
+          }
+          return 0;
+        });
+      }
+      this.setState(() => ({
+        page: page * sizePerPage < result.length ? page : Math.ceil(result.length / sizePerPage),
+        data: result.slice((page - 1) * sizePerPage, page * sizePerPage),
+        totalSize: result.length,
+        sizePerPage: sizePerPage,
+        allData: result,
+      }));
+    }, 2000);
+  };
+
+  handleExport = onExport => e => {
+    onExport(this.state.allData);
+  };
+
+  render() {
+    return (
+      <ToolkitProvider
+        keyField="id"
+        data={this.state.data}
+        columns={productColumns}
+        search
+        columnToggle
+        exportCSV={{
+          fileName: 'products-export.csv',
+          noAutoBOM: false,
+          blobType: 'text/csv;charset=ansi',
+          data: this.state.allData
+        }}
+      >
+        {props => (
+          <PaginationProvider
+            pagination={paginationFactory({
+              custom: true,
+              page: this.state.page,
+              sizePerPage: this.state.sizePerPage,
+              totalSize: this.state.totalSize,
+              sizePerPageList: [10, 25, 50, 100],
+              showSizePerPage: true,
+              showTotal: true,
+              paginationTotalRenderer: customPaginationTotal,
+            })}
+          >
+            {({ paginationProps, paginationTableProps }) => (
+              <div>
+                <CustomToggleList {...props.columnToggleProps} />
+                <div>
+                  <SizePerPageDropdownStandalone {...paginationProps} />
+                  <PaginationTotalStandalone {...paginationProps} />
+                  <ExportCSVButton {...props.csvProps}
+                    className="btn-warning"
+                    style={{ marginLeft: '20px' }}
+                    onClick={this.handleExport(props.csvProps.onExport)}
+                  >Export CSV</ExportCSVButton>
+                  <PaginationListStandalone {...paginationProps} />
+                </div>
+                <BootstrapTable
+                  remote
+                  striped
+                  hover
+                  condensed
+                  defaultSorted={[
+                    {
+                      dataField: "name",
+                      order: "desc",
+                    },
+                  ]}
+                  {...props.baseProps}
+                  filter={filterFactory()}
+                  overlay={overlayFactory({ spinner: true })}
+                  onTableChange={this.handleTableChange}
+                  cellEdit={cellEditFactory({
+                    mode: "click",
+                  })}
+                  {...paginationTableProps}
+                />
+                <div style={{ marginBottom: '20px' }}>
+                  <SizePerPageDropdownStandalone {...paginationProps} />
+                  <PaginationTotalStandalone {...paginationProps} />
+                  <ExportCSVButton {...props.csvProps}
+                    className="btn-warning"
+                    style={{ marginLeft: '20px' }}
+                    onClick={this.handleExport(props.csvProps.onExport)}
+                  >Export CSV</ExportCSVButton>
+                  <PaginationListStandalone {...paginationProps} />
+                </div>
+                <Code>{remoteAllExportSourceCode}</Code>
+              </div>
+            )}
+          </PaginationProvider>
+        )}
+      </ToolkitProvider>
+    );
+  }
+}
+
 interface RemoteMainProps {
   mode?: any;
 }
@@ -1150,5 +1610,7 @@ export default ({ mode }: RemoteMainProps) => {
       return <RemoteCellEditComponent />;
     case "all":
       return <RemoteAllComponent />;
+    case "all-custom":
+      return <RemoteAllCustomComponent />;
   }
 };

package/src/stories/RowExpand.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/RowSelection.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 // import bootstrap style by given version
 import cellEditFactory from '../../../react-bootstrap-table-ng-editor';

package/src/stories/SortTable.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/TableOverlay.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 './TableOverlay';

package/src/stories/TableSearch.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/Welcome.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
 import Welcome from './Welcome';
 

package/src/stories/WorkOnColumns.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/WorkOnHeaderColumns.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/WorkOnRows.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 { columns, productsGenerator } from '../utils/common';

package/sb_output.txt

@@ -1,382 +0,0 @@
-yarn run v1.22.22
-(node:5114) [DEP0169] DeprecationWarning: `url.parse()` behavior is not standardized and prone to errors that have security implications. Use the WHATWG URL API instead. CVEs are not issued for `url.parse()` vulnerabilities.
-(Use `node --trace-deprecation ...` to show where the warning was created)
-$ storybook dev -p 6006
-@storybook/core v8.6.15
-
-(node:5116) [DEP0190] DeprecationWarning: Passing args to a child process with shell option true can lead to security vulnerabilities, as the arguments are not escaped, only concatenated.
-(Use `node --trace-deprecation ...` to show where the warning was created)
-info Found existing addon "@storybook/addon-docs", skipping.
-info Found existing addon "@storybook/addon-docs", skipping.
-info => Serving static files from ././public at /
-info => Starting manager..
-info => Starting preview..
-info => Loading Webpack configuration from `node_modules/react-scripts`
-info => Removing existing JavaScript and TypeScript rules.
-info => Modifying Create React App rules.
-info Addon-docs: using MDX3
-info => Using default Webpack5 setup
-<i> [webpack-dev-middleware] wait until bundle finished
-<s> [webpack.Progress] 3% setup watch run
-<s> [webpack.Progress] 3% setup watch run VirtualModulesPlugin
-<s> [webpack.Progress] 3% setup watch run ForkTsCheckerWebpackPlugin
-<s> [webpack.Progress] 3% setup watch run ESLintWebpackPlugin_1
-<s> [webpack.Progress] 3% setup watch run webpack-dev-middleware
-<s> [webpack.Progress] 3% setup watch run
-<s> [webpack.Progress] 4% setup normal module factory
-<s> [webpack.Progress] 4% setup normal module factory CaseSensitivePathsPlugin
-<s> [webpack.Progress] 4% setup normal module factory ModuleNotFoundPlugin
-<s> [webpack.Progress] 4% setup normal module factory IgnorePlugin
-<s> [webpack.Progress] 4% setup normal module factory
-<s> [webpack.Progress] 5% setup context module factory
-<s> [webpack.Progress] 5% setup context module factory IgnorePlugin
-<s> [webpack.Progress] 5% setup context module factory
-<s> [webpack.Progress] 6% setup before compile
-<s> [webpack.Progress] 6% setup before compile ProgressPlugin
-<s> [webpack.Progress] 6% setup before compile ProgressPlugin
-<s> [webpack.Progress] 6% setup before compile
-<s> [webpack.Progress] 7% setup compile
-<s> [webpack.Progress] 7% setup compile ExternalsPlugin
-<s> [webpack.Progress] 7% setup compile ExternalsPlugin
-<s> [webpack.Progress] 7% setup compile
-<s> [webpack.Progress] 8% setup compilation
-<s> [webpack.Progress] 8% setup compilation HtmlWebpackPlugin
-<s> [webpack.Progress] 8% setup compilation unplugin-csf
-<s> [webpack.Progress] 8% setup compilation ArrayPushCallbackChunkFormatPlugin
-<s> [webpack.Progress] 8% setup compilation JsonpChunkLoadingPlugin
-<s> [webpack.Progress] 8% setup compilation StartupChunkDependenciesPlugin
-<s> [webpack.Progress] 8% setup compilation ImportScriptsChunkLoadingPlugin
-<s> [webpack.Progress] 8% setup compilation WorkerPlugin
-<s> [webpack.Progress] 8% setup compilation SplitChunksPlugin
-<s> [webpack.Progress] 8% setup compilation RuntimeChunkPlugin
-<s> [webpack.Progress] 8% setup compilation ResolverCachePlugin
-<s> [webpack.Progress] 8% setup compilation
-<s> [webpack.Progress] 9% setup compilation
-<s> [webpack.Progress] 9% setup compilation DefinePlugin
-<s> [webpack.Progress] 9% setup compilation ProvidePlugin
-<s> [webpack.Progress] 9% setup compilation HotModuleReplacementPlugin
-<s> [webpack.Progress] 9% setup compilation ProgressPlugin
-<s> [webpack.Progress] 9% setup compilation InterpolateHtmlPlugin
-<s> [webpack.Progress] 9% setup compilation EntryPlugin
-<s> [webpack.Progress] 9% setup compilation DefinePlugin
-<s> [webpack.Progress] 9% setup compilation ProvidePlugin
-<s> [webpack.Progress] 9% setup compilation ReactRefreshPlugin
-<s> [webpack.Progress] 9% setup compilation ForkTsCheckerWebpackPlugin
-<s> [webpack.Progress] 9% setup compilation ExternalsPlugin
-<s> [webpack.Progress] 9% setup compilation ExternalsPlugin
-<s> [webpack.Progress] 9% setup compilation ChunkPrefetchPreloadPlugin
-<s> [webpack.Progress] 9% setup compilation ModuleInfoHeaderPlugin
-<s> [webpack.Progress] 9% setup compilation SourceMapDevToolPlugin
-<s> [webpack.Progress] 9% setup compilation JavascriptModulesPlugin
-<s> [webpack.Progress] 9% setup compilation JsonModulesPlugin
-<s> [webpack.Progress] 9% setup compilation AssetModulesPlugin
-<s> [webpack.Progress] 9% setup compilation EntryPlugin
-<s> [webpack.Progress] 9% setup compilation EntryPlugin
-<s> [webpack.Progress] 9% setup compilation RuntimePlugin
-<s> [webpack.Progress] 9% setup compilation InferAsyncModulesPlugin
-<s> [webpack.Progress] 9% setup compilation DataUriPlugin
-<s> [webpack.Progress] 9% setup compilation FileUriPlugin
-<s> [webpack.Progress] 9% setup compilation CompatibilityPlugin
-<s> [webpack.Progress] 9% setup compilation HarmonyModulesPlugin
-<s> [webpack.Progress] 9% setup compilation AMDPlugin
-<s> [webpack.Progress] 9% setup compilation RequireJsStuffPlugin
-<s> [webpack.Progress] 9% setup compilation CommonJsPlugin
-<s> [webpack.Progress] 9% setup compilation LoaderPlugin
-<s> [webpack.Progress] 9% setup compilation LoaderPlugin
-<s> [webpack.Progress] 9% setup compilation NodeStuffPlugin
-<s> [webpack.Progress] 9% setup compilation APIPlugin
-<s> [webpack.Progress] 9% setup compilation ExportsInfoApiPlugin
-<s> [webpack.Progress] 9% setup compilation WebpackIsIncludedPlugin
-<s> [webpack.Progress] 9% setup compilation ConstPlugin
-<s> [webpack.Progress] 9% setup compilation UseStrictPlugin
-<s> [webpack.Progress] 9% setup compilation RequireIncludePlugin
-<s> [webpack.Progress] 9% setup compilation RequireEnsurePlugin
-<s> [webpack.Progress] 9% setup compilation RequireContextPlugin
-<s> [webpack.Progress] 9% setup compilation ImportPlugin
-<s> [webpack.Progress] 9% setup compilation ImportMetaContextPlugin
-<s> [webpack.Progress] 9% setup compilation SystemPlugin
-<s> [webpack.Progress] 9% setup compilation ImportMetaPlugin
-<s> [webpack.Progress] 9% setup compilation URLPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsFactoryPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsPresetPlugin
-<s> [webpack.Progress] 9% setup compilation DefaultStatsPrinterPlugin
-<s> [webpack.Progress] 9% setup compilation JavascriptMetaInfoPlugin
-<s> [webpack.Progress] 9% setup compilation EnsureChunkConditionsPlugin
-<s> [webpack.Progress] 9% setup compilation RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 9% setup compilation MergeDuplicateChunksPlugin
-<s> [webpack.Progress] 9% setup compilation SideEffectsFlagPlugin
-<s> [webpack.Progress] 9% setup compilation FlagDependencyExportsPlugin
-<s> [webpack.Progress] 9% setup compilation NamedModuleIdsPlugin
-<s> [webpack.Progress] 9% setup compilation NamedChunkIdsPlugin
-<s> [webpack.Progress] 9% setup compilation DefinePlugin
-<s> [webpack.Progress] 9% setup compilation TemplatedPathPlugin
-<s> [webpack.Progress] 9% setup compilation RecordIdsPlugin
-<s> [webpack.Progress] 9% setup compilation WarnCaseSensitiveModulesPlugin
-<s> [webpack.Progress] 9% setup compilation IgnoreWarningsPlugin
-<s> [webpack.Progress] 9% setup compilation ProgressPlugin
-<s> [webpack.Progress] 9% setup compilation ESLintWebpackPlugin_1
-<s> [webpack.Progress] 9% setup compilation
-<s> [webpack.Progress] 10% building
-<s> [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules
-<s> [webpack.Progress] 10% building import loader ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
-<s> [webpack.Progress] 10% building import loader ./node_modules/@storybook/preset-react-webpack/dist/loaders/react-docgen-loader.js
-<s> [webpack.Progress] 10% building 0/3 entries 3/7 dependencies 0/2 modules
-info Using tsconfig paths for react-docgen
-<s> [webpack.Progress] 10% building import loader ./node_modules/babel-loader/lib/index.js
-<s> [webpack.Progress] 10% building import loader ./node_modules/source-map-loader/dist/cjs.js
-<s> [webpack.Progress] 10% building 0/3 entries 45/70 dependencies 7/27 modules
-<s> [webpack.Progress] 10% building import loader ./node_modules/@storybook/addon-docs/dist/mdx-loader.js
-<s> [webpack.Progress] 10% building 0/3 entries 154/213 dependencies 32/73 modules
-<s> [webpack.Progress] 28% building 1/3 entries 155/214 dependencies 35/73 modules
-<s> [webpack.Progress] 28% building import loader ./node_modules/@storybook/csf-plugin/dist/webpack-loader.js
-<s> [webpack.Progress] 28% building import loader ./node_modules/@storybook/builder-webpack5/dist/loaders/export-order-loader.js
-<s> [webpack.Progress] 28% building 1/3 entries 205/233 dependencies 35/99 modules
-<s> [webpack.Progress] 28% building import loader ./node_modules/@svgr/webpack/lib/index.js
-<s> [webpack.Progress] 28% building import loader ./node_modules/file-loader/dist/cjs.js
-<s> [webpack.Progress] 28% building 1/3 entries 269/303 dependencies 57/131 modules
-<s> [webpack.Progress] 28% building 1/3 entries 473/600 dependencies 83/181 modules
-<s> [webpack.Progress] 28% building import loader ./node_modules/style-loader/dist/cjs.js
-<s> [webpack.Progress] 28% building import loader ./node_modules/css-loader/dist/cjs.js
-<s> [webpack.Progress] 28% building import loader ./node_modules/postcss-loader/dist/cjs.js
-<s> [webpack.Progress] 28% building 1/3 entries 794/845 dependencies 85/210 modules
-<s> [webpack.Progress] 28% building import loader ./node_modules/resolve-url-loader/index.js
-<s> [webpack.Progress] 28% building import loader ./node_modules/sass-loader/dist/cjs.js
-<s> [webpack.Progress] 28% building 1/3 entries 794/845 dependencies 85/210 modules
-<s> [webpack.Progress] 46% building 2/3 entries 1263/1301 dependencies 226/307 modules
-<s> [webpack.Progress] 46% building 2/3 entries 2000/2053 dependencies 331/410 modules
-<s> [webpack.Progress] 65% building 3/3 entries 2592/2592 dependencies 607/607 modules
-<s> [webpack.Progress] 65% building
-<s> [webpack.Progress] 69% building finish
-<s> [webpack.Progress] 69% building finish ReactRefreshPlugin
-<s> [webpack.Progress] 65% building 4/4 entries 2926/2926 dependencies 686/686 modules
-<s> [webpack.Progress] 69% building finish
-<s> [webpack.Progress] 70% sealing finish module graph
-<s> [webpack.Progress] 70% sealing finish module graph ResolverCachePlugin
-<s> [webpack.Progress] 70% sealing finish module graph InferAsyncModulesPlugin
-<s> [webpack.Progress] 70% sealing finish module graph FlagDependencyExportsPlugin
-<s> [webpack.Progress] 70% sealing finish module graph ESLintWebpackPlugin_1
-<s> [webpack.Progress] 70% sealing finish module graph
-<s> [webpack.Progress] 70% sealing plugins
-<s> [webpack.Progress] 70% sealing plugins WarnCaseSensitiveModulesPlugin
-<s> [webpack.Progress] 70% sealing plugins
-<s> [webpack.Progress] 71% sealing dependencies optimization
-<s> [webpack.Progress] 71% sealing dependencies optimization SideEffectsFlagPlugin
-<s> [webpack.Progress] 71% sealing dependencies optimization
-<s> [webpack.Progress] 71% sealing after dependencies optimization
-<s> [webpack.Progress] 71% sealing after dependencies optimization
-<s> [webpack.Progress] 72% sealing chunk graph
-<s> [webpack.Progress] 72% sealing chunk graph
-<s> [webpack.Progress] 73% sealing after chunk graph
-<s> [webpack.Progress] 73% sealing after chunk graph
-<s> [webpack.Progress] 73% sealing optimizing
-<s> [webpack.Progress] 73% sealing optimizing
-<s> [webpack.Progress] 74% sealing module optimization
-<s> [webpack.Progress] 74% sealing module optimization
-<s> [webpack.Progress] 75% sealing after module optimization
-<s> [webpack.Progress] 75% sealing after module optimization
-<s> [webpack.Progress] 75% sealing chunk optimization
-<s> [webpack.Progress] 75% sealing chunk optimization EnsureChunkConditionsPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization MergeDuplicateChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization SplitChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization RemoveEmptyChunksPlugin
-<s> [webpack.Progress] 75% sealing chunk optimization
-<s> [webpack.Progress] 76% sealing after chunk optimization
-<s> [webpack.Progress] 76% sealing after chunk optimization
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization PersistentChildCompilerSingletonPlugin
-<s> [webpack.Progress] 77% sealing module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing after module and chunk tree optimization
-<s> [webpack.Progress] 77% sealing after module and chunk tree optimization
-<s> [webpack.Progress] 78% sealing chunk modules optimization
-<s> [webpack.Progress] 78% sealing chunk modules optimization
-<s> [webpack.Progress] 78% sealing after chunk modules optimization
-<s> [webpack.Progress] 78% sealing after chunk modules optimization
-<s> [webpack.Progress] 79% sealing module reviving
-<s> [webpack.Progress] 79% sealing module reviving RecordIdsPlugin
-<s> [webpack.Progress] 79% sealing module reviving
-<s> [webpack.Progress] 80% sealing before module ids
-<s> [webpack.Progress] 80% sealing before module ids
-<s> [webpack.Progress] 80% sealing module ids
-<s> [webpack.Progress] 80% sealing module ids NamedModuleIdsPlugin
-<s> [webpack.Progress] 80% sealing module ids
-<s> [webpack.Progress] 81% sealing module id optimization
-<s> [webpack.Progress] 81% sealing module id optimization
-<s> [webpack.Progress] 82% sealing module id optimization
-<s> [webpack.Progress] 82% sealing module id optimization
-<s> [webpack.Progress] 82% sealing chunk reviving
-<s> [webpack.Progress] 82% sealing chunk reviving RecordIdsPlugin
-<s> [webpack.Progress] 82% sealing chunk reviving
-<s> [webpack.Progress] 83% sealing before chunk ids
-<s> [webpack.Progress] 83% sealing before chunk ids
-<s> [webpack.Progress] 84% sealing chunk ids
-<s> [webpack.Progress] 84% sealing chunk ids NamedChunkIdsPlugin
-<s> [webpack.Progress] 84% sealing chunk ids
-<s> [webpack.Progress] 84% sealing chunk id optimization
-<s> [webpack.Progress] 84% sealing chunk id optimization
-<s> [webpack.Progress] 85% sealing after chunk id optimization
-<s> [webpack.Progress] 85% sealing after chunk id optimization
-<s> [webpack.Progress] 86% sealing record modules
-<s> [webpack.Progress] 86% sealing record modules RecordIdsPlugin
-<s> [webpack.Progress] 86% sealing record modules
-<s> [webpack.Progress] 86% sealing record chunks
-<s> [webpack.Progress] 86% sealing record chunks RecordIdsPlugin
-<s> [webpack.Progress] 86% sealing record chunks
-<s> [webpack.Progress] 87% sealing module hashing
-<s> [webpack.Progress] 87% sealing module hashing
-<s> [webpack.Progress] 87% sealing code generation
-<s> [webpack.Progress] 87% sealing code generation
-<s> [webpack.Progress] 88% sealing runtime requirements
-<s> [webpack.Progress] 88% sealing runtime requirements
-<s> [webpack.Progress] 89% sealing hashing
-<s> [webpack.Progress] 89% sealing hashing
-<s> [webpack.Progress] 89% sealing after hashing
-<s> [webpack.Progress] 89% sealing after hashing
-<s> [webpack.Progress] 90% sealing record hash
-<s> [webpack.Progress] 90% sealing record hash
-<s> [webpack.Progress] 91% sealing module assets processing
-<s> [webpack.Progress] 91% sealing module assets processing
-<s> [webpack.Progress] 91% sealing chunk assets processing
-<s> [webpack.Progress] 91% sealing chunk assets processing
-<s> [webpack.Progress] 92% sealing asset processing
-<s> [webpack.Progress] 92% sealing asset processing HotModuleReplacementPlugin
-<s> [webpack.Progress] 92% sealing asset processing ESLintWebpackPlugin_1
-<s> [webpack.Progress] 92% sealing asset processing PersistentChildCompilerSingletonPlugin
-<s> [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin
-<s> [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin
-<s> [webpack.Progress] 92% sealing asset processing
-<s> [webpack.Progress] 93% sealing after asset optimization
-<s> [webpack.Progress] 93% sealing after asset optimization
-<s> [webpack.Progress] 93% sealing recording
-<s> [webpack.Progress] 93% sealing recording HotModuleReplacementPlugin
-<s> [webpack.Progress] 93% sealing recording
-<s> [webpack.Progress] 94% sealing after seal
-<s> [webpack.Progress] 94% sealing after seal
-<s> [webpack.Progress] 95% emitting emit
-<s> [webpack.Progress] 95% emitting emit DevMiddleware
-<s> [webpack.Progress] 95% emitting emit
-<s> [webpack.Progress] 98% emitting after emit
-<s> [webpack.Progress] 98% emitting after emit SizeLimitsPlugin
-<s> [webpack.Progress] 98% emitting after emit
-<s> [webpack.Progress] 99% done plugins
-<s> [webpack.Progress] 99% done plugins CaseSensitivePathsPlugin
-<s> [webpack.Progress] 99% done plugins ForkTsCheckerWebpackPlugin
-<s> [webpack.Progress] 99% done plugins webpack-dev-middleware
-<s> [webpack.Progress] 99% done plugins webpack-hot-middleware
-<s> [webpack.Progress] 99% done plugins ForkTsCheckerWebpackPlugin
-<s> [webpack.Progress] 99% done plugins
-<s> [webpack.Progress] 99% 
-
-<s> [webpack.Progress] 99% cache store build dependencies
-<s> [webpack.Progress] 99% cache store build dependencies
-<s> [webpack.Progress] 99% cache begin idle
-<s> [webpack.Progress] 99% cache begin idle
-<s> [webpack.Progress] 100% 
-
-ERROR in ./src/stories/stylesheet/storybook.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[4]!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!./src/stories/stylesheet/storybook.scss)
-Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
-SassError: expected "{".
-  ╷
-2 │       import API from "!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
-  │                                                                                                     ^
-  ╵
-  src/stories/stylesheet/storybook.scss 2:101  root stylesheet
- @ ./src/stories/stylesheet/storybook.scss 8:6-570 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 78:22-29 78:33-47 78:50-64 77:0-540 77:0-540 57:6-67:7 55:4-68:5
- @ ./src/stories/WorkOnHeaderColumns.tsx 13:0-37
- @ ./src/stories/WorkOnHeaderColumns.stories.tsx 7:0-51 14:13-27
- @ ./src/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/src(?:\/(?%21\.)(?:(?:(?%21(?:^%7C\/)\.).)*?)\/%7C\/%7C$)(?%21\.)(?=.)[^/]*?\.stories\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$ chunkName: [request] namespace object ./stories/WorkOnHeaderColumns.stories.tsx ./stories/WorkOnHeaderColumns.stories
- @ ./storybook-stories.js 25:11-29:5
- @ ./storybook-config-entry.js 9:0-50 30:31-39 37:2-40:4 39:31-39 37:58-40:3
-
-ERROR in ../react-bootstrap-table-ng-filter/style/react-bootstrap-table-ng-filter.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[4]!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../react-bootstrap-table-ng-filter/style/react-bootstrap-table-ng-filter.scss)
-Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
-SassError: expected "{".
-  ╷
-2 │       import API from "!../../react-bootstrap-table-ng-example/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
-  │                                                                                                                                   ^
-  ╵
-  ../react-bootstrap-table-ng-filter/style/react-bootstrap-table-ng-filter.scss 2:131  root stylesheet
- @ ../react-bootstrap-table-ng-filter/style/react-bootstrap-table-ng-filter.scss 8:6-802 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 78:22-29 78:33-47 78:50-64 77:0-772 77:0-772 57:6-67:7 55:4-68:5
- @ ./src/stories/WorkOnHeaderColumns.tsx 9:0-93
- @ ./src/stories/WorkOnHeaderColumns.stories.tsx 7:0-51 14:13-27
- @ ./src/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/src(?:\/(?%21\.)(?:(?:(?%21(?:^%7C\/)\.).)*?)\/%7C\/%7C$)(?%21\.)(?=.)[^/]*?\.stories\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$ chunkName: [request] namespace object ./stories/WorkOnHeaderColumns.stories.tsx ./stories/WorkOnHeaderColumns.stories
- @ ./storybook-stories.js 25:11-29:5
- @ ./storybook-config-entry.js 9:0-50 30:31-39 37:2-40:4 39:31-39 37:58-40:3
-
-ERROR in ../react-bootstrap-table-ng-paginator/style/react-bootstrap-table-ng-paginator.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[4]!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../react-bootstrap-table-ng-paginator/style/react-bootstrap-table-ng-paginator.scss)
-Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
-SassError: expected "{".
-  ╷
-2 │       import API from "!../../react-bootstrap-table-ng-example/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
-  │                                                                                                                                   ^
-  ╵
-  ../react-bootstrap-table-ng-paginator/style/react-bootstrap-table-ng-paginator.scss 2:131  root stylesheet
- @ ../react-bootstrap-table-ng-paginator/style/react-bootstrap-table-ng-paginator.scss 8:6-805 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 78:22-29 78:33-47 78:50-64 77:0-775 77:0-775 57:6-67:7 55:4-68:5
- @ ./src/stories/WorkOnHeaderColumns.tsx 10:0-99
- @ ./src/stories/WorkOnHeaderColumns.stories.tsx 7:0-51 14:13-27
- @ ./src/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/src(?:\/(?%21\.)(?:(?:(?%21(?:^%7C\/)\.).)*?)\/%7C\/%7C$)(?%21\.)(?=.)[^/]*?\.stories\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$ chunkName: [request] namespace object ./stories/WorkOnHeaderColumns.stories.tsx ./stories/WorkOnHeaderColumns.stories
- @ ./storybook-stories.js 25:11-29:5
- @ ./storybook-config-entry.js 9:0-50 30:31-39 37:2-40:4 39:31-39 37:58-40:3
-
-ERROR in ../react-bootstrap-table-ng-toolkit/style/react-bootstrap-table-ng-toolkit.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[4]!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../react-bootstrap-table-ng-toolkit/style/react-bootstrap-table-ng-toolkit.scss)
-Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
-SassError: expected "{".
-  ╷
-2 │       import API from "!../../react-bootstrap-table-ng-example/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
-  │                                                                                                                                   ^
-  ╵
-  ../react-bootstrap-table-ng-toolkit/style/react-bootstrap-table-ng-toolkit.scss 2:131  root stylesheet
- @ ../react-bootstrap-table-ng-toolkit/style/react-bootstrap-table-ng-toolkit.scss 8:6-803 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 78:22-29 78:33-47 78:50-64 77:0-773 77:0-773 57:6-67:7 55:4-68:5
- @ ./src/stories/WorkOnHeaderColumns.tsx 11:0-95
- @ ./src/stories/WorkOnHeaderColumns.stories.tsx 7:0-51 14:13-27
- @ ./src/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/src(?:\/(?%21\.)(?:(?:(?%21(?:^%7C\/)\.).)*?)\/%7C\/%7C$)(?%21\.)(?=.)[^/]*?\.stories\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$ chunkName: [request] namespace object ./stories/WorkOnHeaderColumns.stories.tsx ./stories/WorkOnHeaderColumns.stories
- @ ./storybook-stories.js 25:11-29:5
- @ ./storybook-config-entry.js 9:0-50 30:31-39 37:2-40:4 39:31-39 37:58-40:3
-
-ERROR in ../react-bootstrap-table-ng/style/react-bootstrap-table-ng.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[7].use[4]!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[2]!../react-bootstrap-table-ng/style/react-bootstrap-table-ng.scss)
-Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
-SassError: expected "{".
-  ╷
-2 │       import API from "!../../react-bootstrap-table-ng-example/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";
-  │                                                                                                                                   ^
-  ╵
-  ../react-bootstrap-table-ng/style/react-bootstrap-table-ng.scss 2:131  root stylesheet
- @ ../react-bootstrap-table-ng/style/react-bootstrap-table-ng.scss 8:6-795 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 78:22-29 78:33-47 78:50-64 77:0-765 77:0-765 57:6-67:7 55:4-68:5
- @ ./src/stories/WorkOnHeaderColumns.tsx 12:0-79
- @ ./src/stories/WorkOnHeaderColumns.stories.tsx 7:0-51 14:13-27
- @ ./src/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/src(?:\/(?%21\.)(?:(?:(?%21(?:^%7C\/)\.).)*?)\/%7C\/%7C$)(?%21\.)(?=.)[^/]*?\.stories\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$ chunkName: [request] namespace object ./stories/WorkOnHeaderColumns.stories.tsx ./stories/WorkOnHeaderColumns.stories
- @ ./storybook-stories.js 25:11-29:5
- @ ./storybook-config-entry.js 9:0-50 30:31-39 37:2-40:4 39:31-39 37:58-40:3
-
-preview compiled with 5 errors
-=> Failed to build the preview
-<s> [webpack.Progress] 99% end closing watch compilation
-<s> [webpack.Progress] 99% end closing watch compilation ForkTsCheckerWebpackPlugin
-<s> [webpack.Progress] 99% end closing watch compilation
-WARN Force closed preview build
-SB_BUILDER-WEBPACK5_0003 (WebpackCompilationError): There were problems when compiling your code with Webpack.
-Run Storybook with --debug-webpack for more information.
-    at starter (./node_modules/@storybook/builder-webpack5/dist/index.js:1:24163)
-    at starter.next (<anonymous>)
-    at Module.start (./node_modules/@storybook/builder-webpack5/dist/index.js:1:26142)
-    at process.processTicksAndRejections (node:internal/process/task_queues:103:5)
-    at async storybookDevServer (./node_modules/@storybook/core/dist/core-server/index.cjs:36423:79)
-    at async buildOrThrow (./node_modules/@storybook/core/dist/core-server/index.cjs:35049:12)
-    at async buildDevStandalone (./node_modules/@storybook/core/dist/core-server/index.cjs:37628:78)
-    at async withTelemetry (./node_modules/@storybook/core/dist/core-server/index.cjs:35788:12)
-    at async dev (./node_modules/@storybook/core/dist/cli/bin/index.cjs:5874:3)
-    at async s.<anonymous> (./node_modules/@storybook/core/dist/cli/bin/index.cjs:6052:74)
-
-WARN Broken build, fix the error above.
-WARN You may need to refresh the browser.
-
-info Found existing addon "@storybook/addon-docs", skipping.
-ERROR in ../react-bootstrap-table-ng-toolkit/src/csv/exporter.ts:2:23
-TS2307: Cannot find module 'file-saver' or its corresponding type declarations.
-    1 | /* eslint no-unneeded-ternary: 0 */
-  > 2 | import FileSaver from "file-saver";
-      |                       ^^^^^^^^^^^^
-    3 |
-    4 | export const getMetaInfo = (columns: any) =>
-    5 |   columns
-