@vendorflow/components 2.1.1 → 3.0.5

package/lib/types/Component.types.d.ts

@@ -1,8 +1,8 @@
 import { AutocompleteChangeReason } from '@mui/material';
 import { ReactNode } from 'react';
 export type { Color as ColorPickerColor } from 'react-color-palette';
-export declare type Variant = 'standard' | 'outlined' | 'filled' | undefined;
-export declare type Color = 'default' | 'primary' | 'secondary' | undefined;
+export type Variant = 'standard' | 'outlined' | 'filled' | undefined;
+export type Color = 'default' | 'primary' | 'secondary' | undefined;
 export interface BasicOption {
     label: string;
     value: string | number;
@@ -13,10 +13,10 @@ export interface SimpleEvent<T> {
         value: T | null | undefined;
     };
 }
-export declare type SimpleEventHandler<T> = (evt: SimpleEvent<T>) => void;
-export declare type UniqueKey<T> = string | ((item: T) => string | number);
-export declare type InputValueRender<T> = (item: T) => string;
-export declare type TagRender<T> = (item: T) => ReactNode;
+export type SimpleEventHandler<T> = (evt: SimpleEvent<T>) => void;
+export type UniqueKey<T> = string | ((item: T) => string | number);
+export type InputValueRender<T> = (item: T) => string;
+export type TagRender<T> = (item: T) => ReactNode;
 export interface DropdownEvent {
     target: {
         name?: string;
@@ -24,15 +24,15 @@ export interface DropdownEvent {
         reason: AutocompleteChangeReason;
     };
 }
-export declare type MenuItem = {
+export type MenuItem = {
     content: ReactNode;
     onClick: () => void;
     type: 'MenuItem';
     disabled?: boolean;
 };
-export declare type Divider = {
+export type Divider = {
     text: string;
     textAlign: 'center' | 'left' | 'right';
     type: 'Divider';
 };
-export declare type ParsableDate = string | number | Date;
+export type ParsableDate = string | number | Date;

package/lib/types/DataTable.types.d.ts

@@ -0,0 +1,69 @@
+import { Column, UseSortByColumnProps, HeaderGroup, UseSortByOptions, TableOptions, UseSortByColumnOptions, UsePaginationOptions, UseSortByInstanceProps, UsePaginationInstanceProps, TableInstance, TableState, UseSortByState, UsePaginationState, UseRowSelectOptions, UseRowSelectInstanceProps, UseRowSelectState, Row, UseRowSelectRowProps, UseExpandedOptions, UseExpandedInstanceProps, UseExpandedState, UseExpandedRowProps, UseGlobalFiltersInstanceProps, UseGlobalFiltersState, UseFiltersOptions, UseFiltersInstanceProps, UseFiltersState, UseFiltersColumnOptions, UseFiltersColumnProps, UseTableOptions, UseGlobalFiltersOptions, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsState } from 'react-table';
+export type Mode = 'single' | 'multi';
+export type CustomColumnConfigProps<D extends object> = {
+    name?: string;
+    filterName?: string;
+    columns?: EnhancedColumn<D>[];
+};
+export type EnhancedHeader<D extends object> = HeaderGroup<D> & UseFiltersColumnProps<D> & UseSortByColumnProps<D> & UseResizeColumnsColumnProps<D> & CustomColumnConfigProps<D>;
+export type EnhancedTableOptions<D extends object> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseSortByOptions<D> & UsePaginationOptions<D> & UseRowSelectOptions<D>;
+export type EnhancedTableInstance<D extends object> = Omit<TableInstance<D>, 'state'> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseSortByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & {
+    state: EnhancedTableState<D>;
+};
+export type EnhancedTableState<D extends object> = TableState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseSortByState<D> & UsePaginationState<D> & UseRowSelectState<D> & UseResizeColumnsState<D>;
+export type EnhancedColumn<D extends object> = CustomColumnConfigProps<D> & Partial<Omit<Column<D>, 'columns'>> & Partial<UseFiltersColumnOptions<D>> & Partial<UseSortByColumnOptions<D>> & Partial<UseResizeColumnsColumnOptions<D>>;
+export type EnhancedRow<D extends object> = Row<D> & UseExpandedRowProps<D> & UseRowSelectRowProps<D>;
+export interface TableFeatureOptions<D extends object> {
+    rowExpanding?: {
+        enabled: boolean;
+        mode: Mode;
+        /** @deprecated Use the ExpandedRow component prop instead. */
+        Component?: (props: {
+            data: D;
+        }) => JSX.Element;
+        autoResetExpanded?: boolean;
+    };
+    filters?: {
+        enabled: boolean;
+    };
+    globalSearch?: {
+        enabled: boolean;
+        setGlobalFilter?: (filterValue: any) => void | Promise<void>;
+    };
+    columnHiding?: {
+        enabled: boolean;
+    };
+    columnResizing?: {
+        enabled: boolean;
+    };
+    pagination?: {
+        enabled: boolean;
+        pageSize?: number;
+        rowsPerPageOptions?: number[];
+    };
+    rowSelect?: {
+        enabled: boolean;
+        mode: Mode;
+    };
+    sorting?: {
+        enabled: boolean;
+    };
+    table?: {
+        flexLayoutEnabled?: boolean;
+        hideToolbar?: boolean;
+        getRowId?: UseTableOptions<D>['getRowId'];
+        getRowClassName?: (rowId: string) => string;
+    };
+    virtualize?: {
+        enabled: boolean;
+        defaultRowHeight?: number;
+    };
+}
+export type FilterType = 'text' | 'select' | 'multi-select' | 'range';
+export interface UseDefaultTableInstanceProps<D extends object> {
+    columns: EnhancedColumn<D>[];
+    data: D[];
+    options?: TableFeatureOptions<D>;
+    initialState?: Partial<EnhancedTableState<D>>;
+    defaultColumn?: Partial<Column<D>>;
+}

package/lib/types/index.d.ts

@@ -1 +1,2 @@
 export * from './Component.types';
+export * from './DataTable.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.1.1",
+  "version": "3.0.5",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -11,23 +11,17 @@
     "lib/**/*"
   ],
   "scripts": {
-    "start": "node scripts/start.js",
-    "build": "node scripts/build.js",
-    "test": "node scripts/test.js",
+    "build": "webpack && tsc",
     "storybook": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -s public",
-    "build:npm": "tsc",
     "format": "prettier --write \"src/**/*.ts\"",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --quiet --fix",
-    "prepare": "npm run build:npm",
+    "prepare": "npm run build",
     "prepublishOnly": "npm run lint",
     "preversion": "npm run lint",
     "version": "npm run format && git add -A src",
     "postversion": "git push && git push --tags"
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -41,21 +35,9 @@
     ]
   },
   "dependencies": {
-    "@babel/core": "^7.15.8",
     "@date-io/date-fns": "1.x",
-    "@emotion/babel-plugin": "^11.3.0",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.2.1",
-    "@mui/lab": "^5.0.0-alpha.50",
-    "@mui/material": "^5.0.3",
-    "@mui/styles": "^5.0.1",
     "@svgr/webpack": "4.3.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
     "@types/faker": "^5.5.8",
-    "@types/jest": "^24.0.0",
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.27",
     "@types/react-dom": "^17.0.9",
@@ -63,21 +45,9 @@
     "@typescript-eslint/eslint-plugin": "^4.32.0",
     "@typescript-eslint/parser": "^4.32.0",
     "@vendorflow/common": "^1.0.50",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "^24.9.0",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-named-asset-import": "^0.3.6",
-    "babel-plugin-polyfill-corejs2": "^0.2.2",
-    "babel-plugin-polyfill-corejs3": "^0.2.5",
-    "babel-plugin-polyfill-regenerator": "^0.2.2",
-    "babel-preset-react-app": "^10.0.0",
-    "camelcase": "^5.3.1",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
     "classnames": "^2.3.1",
     "css-loader": "3.4.2",
     "date-fns": "^2.12.0",
-    "dotenv": "8.2.0",
-    "dotenv-expand": "5.1.0",
     "eslint": "^7.32.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-loader": "3.0.3",
@@ -88,18 +58,12 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "faker": "^5.5.3",
     "file-loader": "4.3.0",
-    "fs-extra": "^8.1.0",
     "html-webpack-plugin": "4.0.0-beta.11",
-    "identity-obj-proxy": "3.0.0",
     "immer": "^9.0.6",
-    "jest": "24.9.0",
-    "jest-environment-jsdom-fourteen": "1.0.1",
-    "jest-resolve": "24.9.0",
-    "jest-watch-typeahead": "0.4.2",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "material-ui-popup-state": "^2.0.0",
     "mini-css-extract-plugin": "0.9.0",
-    "nanoid": "^3.1.30",
+    "nanoid": "3.1.31",
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "pnp-webpack-plugin": "1.6.4",
     "postcss-flexbugs-fixes": "4.1.0",
@@ -107,11 +71,9 @@
     "postcss-normalize": "8.0.1",
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "4.0.1",
-    "react": "^17.0.2",
     "react-app-polyfill": "^1.0.6",
     "react-color-palette": "^6.1.0",
-    "react-dev-utils": "^10.2.1",
-    "react-dom": "^17.0.2",
+    "react-dev-utils": "11.0.4",
     "react-h5-audio-player": "^3.8.1",
     "react-measure": "^2.5.2",
     "react-scripts": "^4.0.3",
@@ -128,16 +90,20 @@
     "style-loader": "0.23.1",
     "terser-webpack-plugin": "2.3.5",
     "ts-pnp": "1.1.6",
-    "typescript": "^4.4.3",
+    "typescript": "^4.5.5",
     "url-loader": "2.3.0",
-    "webpack": "4.42.0",
+    "webpack": "^5.68.0",
     "webpack-dev-server": "3.10.3",
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "4.3.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.15.7",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.9.4",
+    "@babel/preset-typescript": "^7.22.5",
+    "@emotion/babel-plugin": "^11.3.0",
     "@storybook/addon-actions": "^6.5.14",
     "@storybook/addon-knobs": "^6.3.1",
     "@storybook/addon-links": "^6.5.14",
@@ -148,69 +114,24 @@
     "@types/react-measure": "^2.0.7",
     "@types/react-text-mask": "^5.4.6",
     "@types/react-virtualized": "^9.21.21",
+    "babel-loader": "^9.1.2",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-storybook": "^0.6.8",
     "eslint-webpack-plugin": "^2.5.4",
     "prettier": "^2.0.5",
     "tslint": "^6.1.2",
-    "tslint-config-prettier": "^1.18.0"
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jest-environment-jsdom-fourteen",
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [
-      "D:\\Documents\\Projects\\vendorflow-components\\src"
-    ],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ]
+    "tslint-config-prettier": "^1.18.0",
+    "webpack-cli": "^5.1.4"
   },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
+  "peerDependencies": {
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
+    "@mui/icons-material": "^5.2.1",
+    "@mui/lab": "^5.0.0-alpha.50",
+    "@mui/material": "^5.0.3",
+    "@mui/styles": "^5.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/lib/TempHooks.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-interface UseInfiniteScrollProps {
-    parentEl?: RefObject<HTMLDivElement>;
-    isLoading?: boolean;
-    hasMore?: boolean;
-    loadMore?: () => Promise<void> | void;
-}
-export declare function useInfiniteScroll({ parentEl, isLoading, hasMore, loadMore }: UseInfiniteScrollProps): (node: any) => void;
-export {};

package/lib/TempHooks.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInfiniteScroll = void 0;
-var react_1 = require("react");
-function useInfiniteScroll(_a) {
-    var parentEl = _a.parentEl, isLoading = _a.isLoading, hasMore = _a.hasMore, loadMore = _a.loadMore;
-    var observer = (0, react_1.useRef)();
-    return (0, react_1.useCallback)(function (node) {
-        if (isLoading)
-            return;
-        if (observer.current)
-            observer.current.disconnect();
-        observer.current = new IntersectionObserver(function (entries) {
-            if (entries[0].isIntersecting && hasMore && loadMore) {
-                loadMore();
-            }
-        }, {
-            root: (parentEl === null || parentEl === void 0 ? void 0 : parentEl.current) || null,
-            threshold: 1.0,
-        });
-        if (node)
-            observer.current.observe(node);
-    }, [isLoading, hasMore, loadMore, parentEl]);
-}
-exports.useInfiniteScroll = useInfiniteScroll;

package/lib/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -1,16 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { MutableRefObject, ReactElement } from 'react';
-interface Props {
-    children: ReactElement[];
-    scrollParent: MutableRefObject<HTMLDivElement | null>;
-    isLoading?: boolean;
-    isFetching?: boolean;
-    isReverse?: boolean;
-    hasNextPage?: boolean;
-    fetchNextPage?: () => Promise<any> | any;
-    Loader?: ReactElement;
-}
-export default function InfiniteScroll({ children, scrollParent, isLoading, isFetching, isReverse, hasNextPage, fetchNextPage, Loader, }: Props): jsx.JSX.Element;
-export {};

package/lib/components/InfiniteScroll/InfiniteScroll.js

@@ -1,159 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var material_1 = require("@mui/material");
-function InfiniteScroll(_a) {
-    var children = _a.children, scrollParent = _a.scrollParent, isLoading = _a.isLoading, isFetching = _a.isFetching, isReverse = _a.isReverse, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage, Loader = _a.Loader;
-    var _b = __read((0, react_2.useState)(false), 2), isLoadMoreFetch = _b[0], setLoadMoreFetch = _b[1];
-    var scrollBody = (0, react_2.useRef)(null);
-    var loadMoreRef = useInfiniteScroll({
-        scrollParent: scrollParent,
-        scrollBody: scrollBody,
-        isReverse: isReverse,
-        isLoading: isLoading,
-        isFetching: isFetching,
-        hasNextPage: hasNextPage,
-        fetchNextPage: fetchNextPageAndSetFlag,
-    });
-    (0, react_2.useEffect)(function () {
-        if (!isFetching) {
-            setLoadMoreFetch(false);
-        }
-    }, [isFetching]);
-    function fetchNextPageAndSetFlag() {
-        if (fetchNextPage) {
-            fetchNextPage();
-            setLoadMoreFetch(true);
-        }
-    }
-    function renderLoader() {
-        if (!hasNextPage) {
-            return null;
-        }
-        if (Loader) {
-            return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
-                var css = _a.css;
-                return (0, react_2.cloneElement)(Loader, {
-                    ref: loadMoreRef,
-                    className: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                && {\n                  visibility: ", ";\n                }\n              "], ["\n                && {\n                  visibility: ", ";\n                }\n              "])), isFetching && isLoadMoreFetch ? 'visible' : 'hidden'),
-                });
-            }));
-        }
-        else {
-            return ((0, react_1.jsx)(DefaultLoader, { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            && {\n              visibility: ", ";\n            }\n          "], ["\n            && {\n              visibility: ", ";\n            }\n          "])), isFetching && isLoadMoreFetch ? 'visible' : 'hidden'), ref: loadMoreRef }));
-        }
-    }
-    return ((0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        display: flex;\n        flex-direction: ", ";\n        justify-content: flex-start;\n        align-items: flex-start;\n      "], ["\n        display: flex;\n        flex-direction: ", ";\n        justify-content: flex-start;\n        align-items: flex-start;\n      "])), isReverse ? 'column-reverse' : 'column'), ref: scrollBody },
-        children,
-        renderLoader()));
-}
-exports.default = InfiniteScroll;
-var DefaultLoader = (0, react_2.forwardRef)(function (_a, ref) {
-    var className = _a.className, style = _a.style;
-    return ((0, react_1.jsx)("div", { key: "loader", className: className, style: style, ref: ref, css: (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        width: 100%;\n        margin: 0.5rem 0;\n        height: auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      "], ["\n        width: 100%;\n        margin: 0.5rem 0;\n        height: auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      "]))) },
-        (0, react_1.jsx)(material_1.CircularProgress, { size: "1.5rem", disableShrink: true })));
-});
-function useInfiniteScroll(_a) {
-    var _b, _c, _d, _e;
-    var scrollParent = _a.scrollParent, scrollBody = _a.scrollBody, isLoading = _a.isLoading, isFetching = _a.isFetching, isReverse = _a.isReverse, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage;
-    var prevPosition = (0, react_2.useRef)();
-    var observer = (0, react_2.useRef)();
-    var _f = __read((0, react_2.useState)(false), 2), isScrollInit = _f[0], setScrollInit = _f[1];
-    var _g = __read((0, react_2.useState)(false), 2), isScrollLoad = _g[0], setScrollLoad = _g[1];
-    var hasScrollbar = (0, react_2.useMemo)(function () {
-        if (scrollParent.current && scrollBody.current) {
-            return scrollBody.current.clientHeight > scrollParent.current.clientHeight;
-        }
-        return false;
-    }, [(_b = scrollParent.current) === null || _b === void 0 ? void 0 : _b.clientHeight, (_c = scrollBody.current) === null || _c === void 0 ? void 0 : _c.clientHeight]);
-    // Ensures that when the chat initializes, it will scroll to the bottom
-    (0, react_2.useEffect)(function () {
-        if (!isLoading && hasScrollbar) {
-            prevPosition.current = null;
-            setScrollLoad(false);
-            scrollToStart();
-        }
-    }, [isLoading, hasScrollbar]);
-    // If a fetch happens that was not started by a scroll action (aka fetchNextPage),
-    // then this will track the prevPosition
-    (0, react_2.useEffect)(function () {
-        if (!isScrollLoad && scrollBody.current && isFetching) {
-            prevPosition.current = scrollBody.current.clientHeight;
-        }
-    }, [isFetching, isScrollLoad, (_d = scrollBody.current) === null || _d === void 0 ? void 0 : _d.clientHeight]);
-    // This will potentially scroll the page to the start when the page loads new data that did not
-    // originate from a fetchNextPage action
-    (0, react_2.useEffect)(function () {
-        if (!isScrollLoad &&
-            isReverse &&
-            scrollBody.current &&
-            prevPosition.current != null &&
-            scrollBody.current.clientHeight - prevPosition.current <= 200) {
-            prevPosition.current = null;
-            scrollToStart();
-        }
-    }, [isScrollLoad, (_e = scrollBody.current) === null || _e === void 0 ? void 0 : _e.clientHeight]);
-    function scrollToStart() {
-        var _a;
-        var scrollHeight = (scrollBody.current || { scrollHeight: 0 }).scrollHeight;
-        var scrollToValue = isReverse ? scrollHeight : 0;
-        (_a = scrollParent.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, scrollToValue);
-        setScrollInit(true);
-    }
-    // this callback is used and fired based on the state of the element it is attached to
-    return (0, react_2.useCallback)(function (node) {
-        if (isLoading || isFetching) {
-            return;
-        }
-        if (observer.current) {
-            observer.current.disconnect();
-        }
-        observer.current = new IntersectionObserver(function (entries) {
-            if (entries[0].isIntersecting && hasNextPage && fetchNextPage) {
-                if (scrollBody.current && isReverse && isScrollInit) {
-                    // save the last element, so that we can scroll to it after the new data loads in
-                    prevPosition.current = scrollBody.current.clientHeight;
-                }
-                // load the next page
-                fetchNextPage();
-                setScrollLoad(true);
-            }
-        }, {
-            root: (scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.current) || null,
-            threshold: 1.0,
-        });
-        if (node) {
-            if (isReverse && scrollParent.current && prevPosition.current != null && isScrollLoad) {
-                // If we had a prev position, then we want to scroll to it
-                scrollParent.current.scrollTo(0, scrollBody.current.clientHeight - prevPosition.current);
-                prevPosition.current = null;
-                setScrollLoad(false);
-            }
-            observer.current.observe(node);
-        }
-    }, [isLoading, isFetching, isReverse, hasNextPage, fetchNextPage, scrollParent, scrollBody, isScrollInit, isScrollLoad]);
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/components/InfiniteScroll/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InfiniteScroll';

package/lib/components/InfiniteScroll/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var InfiniteScroll_1 = require("./InfiniteScroll");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfiniteScroll_1).default; } });

package/lib/components/blueprint/InputGroup/InputGroup.d.ts

@@ -1,20 +0,0 @@
-import { ChangeEvent } from 'react';
-import { IIntentProps, IInputGroupProps } from '@blueprintjs/core';
-interface Props {
-    id?: string;
-    className?: string;
-    disabled?: boolean;
-    fill?: boolean;
-    helperText?: string;
-    intent?: IIntentProps['intent'];
-    label?: string;
-    labelInfo?: string;
-    name?: string;
-    onChange: (evt: ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    type?: string;
-    value: IInputGroupProps['value'];
-    hideCharCount?: boolean;
-}
-export default function InputGroup(props: Props): JSX.Element;
-export {};

package/lib/components/blueprint/InputGroup/InputGroup.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var core_1 = require("@blueprintjs/core");
-function InputGroup(props) {
-    var id = props.id, className = props.className, disabled = props.disabled, fill = props.fill, helperText = props.helperText, intent = props.intent, label = props.label, labelInfo = props.labelInfo, name = props.name, onChange = props.onChange, placeholder = props.placeholder, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value;
-    return (react_1.default.createElement(core_1.FormGroup, { className: className, helperText: helperText, intent: intent, label: label, labelFor: id, labelInfo: labelInfo, disabled: disabled },
-        react_1.default.createElement(core_1.InputGroup, { fill: fill, id: id, intent: intent, name: name, onChange: onChange, placeholder: placeholder, type: type, value: value })));
-}
-exports.default = InputGroup;

package/lib/components/blueprint/InputGroup/InputGroup.story.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const InputGroup: () => JSX.Element;

package/lib/components/blueprint/InputGroup/InputGroup.story.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var addon_actions_1 = require("@storybook/addon-actions");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-exports.InputGroup = function () {
-    return (react_1.default.createElement(InputGroup_1.default, { name: "name", label: "First Name", labelInfo: "(required)", value: "", intent: "danger", onChange: addon_actions_1.action('changed') }));
-};

package/lib/components/blueprint/InputGroup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './InputGroup';

package/lib/components/blueprint/InputGroup/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var InputGroup_1 = require("./InputGroup");
-exports.default = InputGroup_1.default;