@vincentgraul/react-components 1.0.2 → 1.0.4

package/build/cjs/node_modules/which-boxed-primitive/index.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('../is-string/index.js');
+var index$1 = require('../is-number-object/index.js');
+var index$2 = require('../is-boolean-object/index.js');
+require('../is-symbol/index.js');
+require('../is-bigint/index.js');
+var index$3 = require('../../_virtual/index9.js');
+var index$4 = require('../../_virtual/index10.js');
+
+var isString = index;
+var isNumber = index$1;
+var isBoolean = index$2;
+var isSymbol = index$3.isSymbol.exports;
+var isBigInt = index$4.isBigint.exports;
+
+// eslint-disable-next-line consistent-return
+var whichBoxedPrimitive = function whichBoxedPrimitive(value) {
+	// eslint-disable-next-line eqeqeq
+	if (value == null || (typeof value !== 'object' && typeof value !== 'function')) {
+		return null;
+	}
+	if (isString(value)) {
+		return 'String';
+	}
+	if (isNumber(value)) {
+		return 'Number';
+	}
+	if (isBoolean(value)) {
+		return 'Boolean';
+	}
+	if (isSymbol(value)) {
+		return 'Symbol';
+	}
+	if (isBigInt(value)) {
+		return 'BigInt';
+	}
+};
+
+module.exports = whichBoxedPrimitive;

package/build/cjs/node_modules/which-collection/index.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var index = require('../is-map/index.js');
+var index$1 = require('../is-set/index.js');
+var index$2 = require('../is-weakmap/index.js');
+require('../is-weakset/index.js');
+var index$3 = require('../../_virtual/index11.js');
+
+var isMap = index;
+var isSet = index$1;
+var isWeakMap = index$2;
+var isWeakSet = index$3.isWeakset.exports;
+
+var whichCollection = function whichCollection(value) {
+	if (value && typeof value === 'object') {
+		if (isMap(value)) {
+			return 'Map';
+		}
+		if (isSet(value)) {
+			return 'Set';
+		}
+		if (isWeakMap(value)) {
+			return 'WeakMap';
+		}
+		if (isWeakSet(value)) {
+			return 'WeakSet';
+		}
+	}
+	return false;
+};
+
+module.exports = whichCollection;

package/build/cjs/node_modules/which-typed-array/index.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
+var index$1 = require('../for-each/index.js');
+var index$2 = require('../available-typed-arrays/index.js');
+var callBound$1 = require('../call-bind/callBound.js');
+var shams = require('../has-tostringtag/shams.js');
+var getOwnPropertyDescriptor = require('../es-abstract/helpers/getOwnPropertyDescriptor.js');
+var index = require('../is-typed-array/index.js');
+
+var forEach = index$1;
+var availableTypedArrays = index$2;
+var callBound = callBound$1;
+
+var $toString = callBound('Object.prototype.toString');
+var hasToStringTag = shams();
+
+var g = typeof globalThis === 'undefined' ? _commonjsHelpers.commonjsGlobal : globalThis;
+var typedArrays = availableTypedArrays();
+
+var $slice = callBound('String.prototype.slice');
+var toStrTags = {};
+var gOPD = getOwnPropertyDescriptor.__require();
+var getPrototypeOf = Object.getPrototypeOf; // require('getprototypeof');
+if (hasToStringTag && gOPD && getPrototypeOf) {
+	forEach(typedArrays, function (typedArray) {
+		if (typeof g[typedArray] === 'function') {
+			var arr = new g[typedArray]();
+			if (Symbol.toStringTag in arr) {
+				var proto = getPrototypeOf(arr);
+				var descriptor = gOPD(proto, Symbol.toStringTag);
+				if (!descriptor) {
+					var superProto = getPrototypeOf(proto);
+					descriptor = gOPD(superProto, Symbol.toStringTag);
+				}
+				toStrTags[typedArray] = descriptor.get;
+			}
+		}
+	});
+}
+
+var tryTypedArrays = function tryAllTypedArrays(value) {
+	var foundName = false;
+	forEach(toStrTags, function (getter, typedArray) {
+		if (!foundName) {
+			try {
+				var name = getter.call(value);
+				if (name === typedArray) {
+					foundName = name;
+				}
+			} catch (e) {}
+		}
+	});
+	return foundName;
+};
+
+var isTypedArray = index.__require();
+
+var whichTypedArray = function whichTypedArray(value) {
+	if (!isTypedArray(value)) { return false; }
+	if (!hasToStringTag || !(Symbol.toStringTag in value)) { return $slice($toString(value), 8, -1); }
+	return tryTypedArrays(value);
+};
+
+module.exports = whichTypedArray;

package/build/cjs/src/index.d.ts

@@ -0,0 +1,17 @@
+export { default as useMatchDevice } from "./match-device/useMatchDevice";
+export * from "./match-device/useMatchDevice";
+export { default as useMatchResolution } from "./match-resolution/useMatchResolution";
+export * from "./match-resolution/useMatchResolution";
+export { default as mountReactHook } from "./mount-react-hook/mountReactHook";
+export * from "./mount-react-hook/mountReactHook";
+export { default as NumberedPagination } from "./numbered-pagination/NumberedPagination";
+export * from "./numbered-pagination/NumberedPagination";
+export { default as usePagination } from "./pagination/usePagination";
+export * from "./pagination/usePagination";
+export { default as useScrollTo } from "./scroll-to/useScrollTo";
+export * from "./scroll-to/useScrollTo";
+export { default as Table } from "./table/Table";
+export * from "./table/Table";
+export { default as useVisible } from "./visible/useVisible";
+export * from "./visible/useVisible";
+//# sourceMappingURL=index.d.ts.map

package/build/cjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,cAAc,+BAA+B,CAAC;AAE9C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AACtF,cAAc,uCAAuC,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC9E,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,cAAc,0CAA0C,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACjE,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,cAAc,sBAAsB,CAAC"}

package/build/cjs/src/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useMatchDevice = require('./match-device/useMatchDevice.js');
+var useMatchResolution = require('./match-resolution/useMatchResolution.js');
+var mountReactHook = require('./mount-react-hook/mountReactHook.js');
+var NumberedPagination = require('./numbered-pagination/NumberedPagination.js');
+var usePagination = require('./pagination/usePagination.js');
+var useScrollTo = require('./scroll-to/useScrollTo.js');
+var Table = require('./table/Table.js');
+var useVisible = require('./visible/useVisible.js');
+
+
+
+exports.useMatchDevice = useMatchDevice;
+exports.defaultBreakpoints = useMatchResolution.defaultBreakpoints;
+exports.useMatchResolution = useMatchResolution["default"];
+exports.mountReactHook = mountReactHook;
+Object.defineProperty(exports, 'ArrowPosition', {
+	enumerable: true,
+	get: function () { return NumberedPagination.ArrowPosition; }
+});
+exports.NumberedPagination = NumberedPagination["default"];
+exports.usePagination = usePagination;
+exports.useScrollTo = useScrollTo;
+exports.Table = Table["default"];
+exports.Td = Table.Td;
+exports.Th = Table.Th;
+exports.Tr = Table.Tr;
+exports.useVisible = useVisible;

package/build/cjs/src/match-device/useMatchDevice.d.ts

@@ -0,0 +1,8 @@
+export interface Device {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMobileOrTablet: boolean;
+    isDesktop: boolean;
+}
+export default function useMatchDevice(UA: string): Device;
+//# sourceMappingURL=useMatchDevice.d.ts.map

package/build/cjs/src/match-device/useMatchDevice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMatchDevice.d.ts","sourceRoot":"","sources":["../../../../src/match-device/useMatchDevice.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,MAAM;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CA8BzD"}

package/build/cjs/src/match-device/useMatchDevice.js

@@ -0,0 +1,31 @@
+'use strict';
+
+require('../../node_modules/react/index.js');
+var uaParser = require('../../node_modules/ua-parser-js/src/ua-parser.js');
+var index = require('../../_virtual/index.js');
+
+function useMatchDevice(UA) {
+    const isClientSide = typeof window !== "undefined";
+    const compute = () => {
+        const parser = new uaParser.UAParser(UA);
+        const { type } = parser.getDevice();
+        const device = {
+            isMobile: type === "mobile",
+            isTablet: type === "tablet",
+            isMobileOrTablet: false,
+            isDesktop: !type,
+        };
+        device.isMobileOrTablet = device.isMobile || device.isTablet;
+        return device;
+    };
+    if (!isClientSide) {
+        return compute();
+    }
+    const [device, setDevice] = index.react.exports.useState(compute());
+    index.react.exports.useEffect(() => {
+        setDevice(compute());
+    }, [UA]);
+    return device;
+}
+
+module.exports = useMatchDevice;

package/build/cjs/src/match-resolution/useMatchResolution.d.ts

@@ -0,0 +1,38 @@
+export interface Breakpoints {
+    desktop: string;
+    laptop: string;
+    laptopOrUpper: string;
+    laptopOrLower: string;
+    tablet: string;
+    tabletOrUpper: string;
+    tabletOrLower: string;
+    largeMobile: string;
+    largeMobileOrUpper: string;
+    largeMobileOrLower: string;
+    mobile: string;
+    portrait: string;
+    landscape: string;
+}
+export interface Resolution {
+    isDesktop: boolean;
+    isLaptop: boolean;
+    isLaptopOrUpper: boolean;
+    isLaptopOrLower: boolean;
+    isTablet: boolean;
+    isTabletOrUpper: boolean;
+    isTabletOrLower: boolean;
+    isLargeMobile: boolean;
+    isLargeMobileOrUpper: boolean;
+    isLargeMobileOrLower: boolean;
+    isMobile: boolean;
+    isPortrait: boolean;
+    isLandscape: boolean;
+}
+export interface MatchResolution {
+    resolution: Resolution;
+    breakpoints: Breakpoints;
+    match: (query: string) => boolean;
+}
+export declare const defaultBreakpoints: Breakpoints;
+export default function useMatchResolution(breakpoints?: Breakpoints, UA?: string): MatchResolution;
+//# sourceMappingURL=useMatchResolution.d.ts.map

package/build/cjs/src/match-resolution/useMatchResolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMatchResolution.d.ts","sourceRoot":"","sources":["../../../../src/match-resolution/useMatchResolution.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,WAchC,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,WAAW,GAAE,WAAgC,EAC7C,EAAE,GAAE,MAAW,GACd,eAAe,CAsCjB"}

package/build/cjs/src/match-resolution/useMatchResolution.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../node_modules/react/index.js');
+var useMatchDevice = require('../match-device/useMatchDevice.js');
+var index = require('../../_virtual/index.js');
+
+const defaultBreakpoints = {
+    desktop: "(min-width: 1281px)",
+    laptop: "(min-width: 1025px) and (max-width: 1280px)",
+    laptopOrUpper: "(min-width: 1025px)",
+    laptopOrLower: "(max-width: 1280px)",
+    tablet: "(min-width: 768px) and (max-width: 1024px)",
+    tabletOrUpper: "(min-width: 768px)",
+    tabletOrLower: "(max-width: 1024px)",
+    largeMobile: "(min-width: 481px) and (max-width: 767px)",
+    largeMobileOrUpper: "(min-width: 481px)",
+    largeMobileOrLower: "(max-width: 767px)",
+    mobile: "(min-width: 320px) and (max-width: 480px)",
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+};
+function useMatchResolution(breakpoints = defaultBreakpoints, UA = "") {
+    const isClientSide = typeof window !== "undefined";
+    const { isDesktop, isMobile } = useMatchDevice(UA);
+    const match = (query) => isClientSide && window.matchMedia(query).matches;
+    const compute = () => ({
+        isDesktop: isClientSide ? match(breakpoints.desktop) : isDesktop,
+        isLaptop: isClientSide ? match(breakpoints.laptop) : isDesktop,
+        isLaptopOrUpper: isClientSide ? match(breakpoints.laptopOrUpper) : isDesktop,
+        isLaptopOrLower: isClientSide ? match(breakpoints.laptopOrLower) : false,
+        isTablet: isClientSide ? match(breakpoints.tablet) : isMobile,
+        isTabletOrUpper: isClientSide ? match(breakpoints.tabletOrUpper) : false,
+        isTabletOrLower: isClientSide ? match(breakpoints.tabletOrLower) : isMobile,
+        isLargeMobile: isClientSide ? match(breakpoints.largeMobile) : isMobile,
+        isLargeMobileOrUpper: isClientSide ? match(breakpoints.largeMobileOrUpper) : false,
+        isLargeMobileOrLower: isClientSide ? match(breakpoints.largeMobileOrLower) : isMobile,
+        isMobile: isClientSide ? match(breakpoints.mobile) : isMobile,
+        isPortrait: isClientSide ? match(breakpoints.portrait) : false,
+        isLandscape: isClientSide ? match(breakpoints.landscape) : false,
+    });
+    const [resolution, setResolution] = index.react.exports.useState(compute());
+    index.react.exports.useEffect(() => {
+        const onResize = () => setResolution(compute());
+        window.addEventListener("resize", onResize);
+        return () => {
+            window.removeEventListener("resize", onResize);
+        };
+    }, []);
+    index.react.exports.useEffect(() => {
+        setResolution(compute());
+    }, [breakpoints]);
+    return { resolution, breakpoints, match };
+}
+
+exports["default"] = useMatchResolution;
+exports.defaultBreakpoints = defaultBreakpoints;

package/build/cjs/src/mount-react-hook/mountReactHook.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from "react";
+export interface MountedHook {
+    container: HTMLElement;
+    unmount: () => void;
+    value: ObjectLiteral | Primitive;
+}
+export default function mountReactHook(Component: ComponentType, props?: ObjectLiteral): MountedHook;
+//# sourceMappingURL=mountReactHook.d.ts.map

package/build/cjs/src/mount-react-hook/mountReactHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountReactHook.d.ts","sourceRoot":"","sources":["../../../../src/mount-react-hook/mountReactHook.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC;AASD,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,SAAS,EAAE,aAAa,EACxB,KAAK,GAAE,aAAkB,GACxB,WAAW,CAab"}

package/build/cjs/src/mount-react-hook/mountReactHook.js

@@ -0,0 +1,16 @@
+'use strict';
+
+require('../../node_modules/react/jsx-runtime.js');
+var react_esm = require('../../node_modules/@testing-library/react/dist/@testing-library/react.esm.js');
+var jsxRuntime = require('../../_virtual/jsx-runtime.js');
+
+function mountReactHook(Component, props = {}) {
+    let value = null;
+    const { container, unmount } = react_esm.render(jsxRuntime.jsxRuntime.exports.jsx(Component, Object.assign({}, props, { children: (hookValue) => {
+            value = hookValue;
+            return null;
+        } })));
+    return { container, unmount, value };
+}
+
+module.exports = mountReactHook;

package/build/cjs/src/numbered-pagination/NumberedPagination.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { Pagination } from "../pagination/usePagination";
+export declare enum ArrowPosition {
+    LEFT = 0,
+    RIGHT = 1
+}
+export interface NumberedPaginationProps extends Pagination {
+    renderSingleArrow?: (position: ArrowPosition) => ReactNode;
+    renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
+    className?: string;
+}
+export default function NumberedPagination(props: NumberedPaginationProps): JSX.Element;
+//# sourceMappingURL=NumberedPagination.d.ts.map

package/build/cjs/src/numbered-pagination/NumberedPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedPagination.d.ts","sourceRoot":"","sources":["../../../../src/numbered-pagination/NumberedPagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACzD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA0ExE"}

package/build/cjs/src/numbered-pagination/NumberedPagination.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../node_modules/react/jsx-runtime.js');
+var styledComponents_esm = require('../../node_modules/styled-components/dist/styled-components.esm.js');
+var jsxRuntime = require('../../_virtual/jsx-runtime.js');
+
+exports.ArrowPosition = void 0;
+(function (ArrowPosition) {
+    ArrowPosition[ArrowPosition["LEFT"] = 0] = "LEFT";
+    ArrowPosition[ArrowPosition["RIGHT"] = 1] = "RIGHT";
+})(exports.ArrowPosition || (exports.ArrowPosition = {}));
+function NumberedPagination(props) {
+    const { page, total, items, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, className = "", } = props;
+    return (jsxRuntime.jsxRuntime.exports.jsxs(Container, Object.assign({ className: `${className} pagination` }, { children: [page > 1 && (jsxRuntime.jsxRuntime.exports.jsxs(jsxRuntime.jsxRuntime.exports.Fragment, { children: [renderDoubleArrow && (jsxRuntime.jsxRuntime.exports.jsx(Item, Object.assign({ className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToFirst() }, { children: renderDoubleArrow(exports.ArrowPosition.LEFT) }))), renderSingleArrow && (jsxRuntime.jsxRuntime.exports.jsx(Item, Object.assign({ className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToLeft() }, { children: renderSingleArrow(exports.ArrowPosition.LEFT) })))] })), items.map((page, index) => (jsxRuntime.jsxRuntime.exports.jsx(Item, Object.assign({ className: `pagination-item pagination-item-number ${page === props.page ? "selected" : ""}`, onClick: () => goToPage(page) }, { children: page }), index))), page < total && (jsxRuntime.jsxRuntime.exports.jsxs(jsxRuntime.jsxRuntime.exports.Fragment, { children: [renderSingleArrow && (jsxRuntime.jsxRuntime.exports.jsx(Item, Object.assign({ className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToRight() }, { children: renderSingleArrow(exports.ArrowPosition.RIGHT) }))), renderDoubleArrow && (jsxRuntime.jsxRuntime.exports.jsx(Item, Object.assign({ className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToLast() }, { children: renderDoubleArrow(exports.ArrowPosition.RIGHT) })))] }))] })));
+}
+const Container = styledComponents_esm["default"].div `
+  display: flex;
+`;
+const Item = styledComponents_esm["default"].div `
+  &:first-child {
+    border-width: 1px 1px 1px 1px;
+  }
+  border-style: solid;
+  border-width: 1px 1px 1px 0;
+  padding: 0.5rem 1rem 0.5rem 1rem;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`;
+
+exports["default"] = NumberedPagination;

package/build/cjs/src/pagination/usePagination.d.ts

@@ -0,0 +1,20 @@
+export interface PaginationProps {
+    page: number;
+    totalRecords: number;
+    maxRecordsPerPage?: number;
+    itemNeighbours?: number;
+    minItems?: number;
+}
+export interface Pagination {
+    page: number;
+    total: number;
+    items: number[];
+    maxRecordsPerPage: number;
+    goToPage: (page: number) => void;
+    goToFirst: () => void;
+    goToLeft: () => void;
+    goToRight: () => void;
+    goToLast: () => void;
+}
+export default function usePagination(props: PaginationProps): Pagination;
+//# sourceMappingURL=usePagination.d.ts.map

package/build/cjs/src/pagination/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/pagination/usePagination.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAkBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CA0DxE"}

package/build/cjs/src/pagination/usePagination.js

@@ -0,0 +1,55 @@
+'use strict';
+
+require('../../node_modules/react/index.js');
+var index = require('../../_virtual/index.js');
+
+function usePagination(props) {
+    const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
+    const [page, setPage] = index.react.exports.useState(props.page);
+    const [total, setTotal] = index.react.exports.useState(0);
+    const [items, setItems] = index.react.exports.useState([]);
+    const generateItems = () => {
+        const items = [];
+        const from = Math.max(1, Math.min(page - itemNeighbours, total + 1 - minItems));
+        const to = Math.min(total, Math.max(minItems, page + itemNeighbours));
+        for (let i = from; i <= to; i++) {
+            items.push(i);
+        }
+        return items;
+    };
+    index.react.exports.useEffect(() => {
+        setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
+    }, [totalRecords, maxRecordsPerPage]);
+    index.react.exports.useEffect(() => {
+        setItems(generateItems());
+    }, [page, total, itemNeighbours, minItems]);
+    const goToPage = (page) => {
+        const currentPage = Math.max(1, Math.min(page, total));
+        setPage(currentPage);
+    };
+    const goToFirst = () => {
+        goToPage(1);
+    };
+    const goToLeft = () => {
+        goToPage(page - 1);
+    };
+    const goToRight = () => {
+        goToPage(page + 1);
+    };
+    const goToLast = () => {
+        goToPage(total);
+    };
+    return {
+        page,
+        total,
+        items,
+        maxRecordsPerPage,
+        goToPage,
+        goToFirst,
+        goToLeft,
+        goToRight,
+        goToLast,
+    };
+}
+
+module.exports = usePagination;

package/build/cjs/src/scroll-to/useScrollTo.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+export interface ScrollEvents {
+    scrollToTop: () => void;
+}
+export default function useScrollTo(target: RefObject<HTMLElement>): ScrollEvents;
+//# sourceMappingURL=useScrollTo.d.ts.map

package/build/cjs/src/scroll-to/useScrollTo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollTo.d.ts","sourceRoot":"","sources":["../../../../src/scroll-to/useScrollTo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AASD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,YAAY,CAchF"}

package/build/cjs/src/scroll-to/useScrollTo.js

@@ -0,0 +1,16 @@
+'use strict';
+
+function useScrollTo(target) {
+    const isClientSide = typeof window !== "undefined";
+    if (!isClientSide) {
+        return { scrollToTop: () => null };
+    }
+    const scrollToTop = () => {
+        if (target.current) {
+            window.scrollTo(0, target.current.offsetTop);
+        }
+    };
+    return { scrollToTop };
+}
+
+module.exports = useScrollTo;

package/build/cjs/src/table/Table.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+export interface Column {
+    name: string;
+    label: string;
+    [field: string]: any;
+}
+export interface TableProps<T> {
+    columns: Column[];
+    records: T[];
+    renderHeader?: () => ReactNode;
+    renderFooter?: () => ReactNode;
+    renderColumnsRow?: (columns: ReactNode) => ReactNode;
+    renderColumnsCell?: (column: Column, key: string) => ReactNode;
+    renderRecordsRow?: (cells: ReactNode, key: string) => ReactNode;
+    renderRecordsCell?: (cell: Primitive, key: string) => ReactNode;
+    renderRecordsEmptyCell?: (key: string) => ReactNode;
+    renderNoRecords?: () => ReactNode;
+    className?: string;
+}
+export default function Table<T>(props: TableProps<T>): JSX.Element;
+export declare const Th: import("styled-components").StyledComponent<"th", any, {}, never>;
+export declare const Tr: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", any, {}, never>;
+//# sourceMappingURL=Table.d.ts.map

package/build/cjs/src/table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC;IACrD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAyElE;AAoBD,eAAO,MAAM,EAAE,mEAId,CAAC;AAEF,eAAO,MAAM,EAAE,mEAGd,CAAC;AAEF,eAAO,MAAM,EAAE,mEAGd,CAAC"}

package/build/cjs/src/table/Table.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../node_modules/react/jsx-runtime.js');
+var styledComponents_esm = require('../../node_modules/styled-components/dist/styled-components.esm.js');
+var jsxRuntime = require('../../_virtual/jsx-runtime.js');
+
+function Table(props) {
+    const { columns, records, renderHeader = () => null, renderFooter = () => null, renderColumnsRow = (columns) => (jsxRuntime.jsxRuntime.exports.jsx("tr", Object.assign({ className: "table-main-columns-row" }, { children: columns }))), renderColumnsCell = (column, key) => (jsxRuntime.jsxRuntime.exports.jsx(Th, Object.assign({ className: "table-main-columns-cell" }, { children: column.name }), key)), renderRecordsRow = (cells, key) => (jsxRuntime.jsxRuntime.exports.jsx(Tr, Object.assign({ className: "table-main-records-row" }, { children: cells }), key)), renderRecordsCell = (cell, key) => (jsxRuntime.jsxRuntime.exports.jsx(Td, Object.assign({ className: "table-main-records-cell" }, { children: cell }), key)), renderRecordsEmptyCell = (key) => (jsxRuntime.jsxRuntime.exports.jsx(Td, Object.assign({ className: "table-main-records-cell" }, { children: "X" }), key)), renderNoRecords = () => null, className = "", } = props;
+    const displayColumns = () => renderColumnsRow(columns.map((column, index) => renderColumnsCell(column, `column-${index}`)));
+    const displayRows = () => {
+        const columnNames = columns.map((column) => column.name);
+        return records.map((record, rowIndex) => {
+            const cells = columnNames.map((name) => record[name]);
+            return renderRecordsRow(cells.map((cell, cellIndex) => cell
+                ? renderRecordsCell(cell, `cell-${cellIndex}`)
+                : renderRecordsEmptyCell(`cell-${cellIndex}`)), `row-${rowIndex}`);
+        });
+    };
+    return (jsxRuntime.jsxRuntime.exports.jsxs(Container, Object.assign({ className: `table ${className}` }, { children: [renderHeader(), records.length === 0 ? (renderNoRecords()) : (jsxRuntime.jsxRuntime.exports.jsx(jsxRuntime.jsxRuntime.exports.Fragment, { children: jsxRuntime.jsxRuntime.exports.jsxs(Main, Object.assign({ className: "table-main" }, { children: [jsxRuntime.jsxRuntime.exports.jsx("thead", Object.assign({ className: "table-main-columns" }, { children: displayColumns() })), jsxRuntime.jsxRuntime.exports.jsx(TBody, Object.assign({ className: "table-main-records" }, { children: displayRows() }))] })) })), renderFooter()] })));
+}
+const Container = styledComponents_esm["default"].div `
+  display: flex;
+  flex-flow: column;
+`;
+const Main = styledComponents_esm["default"].table `
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+`;
+const TBody = styledComponents_esm["default"].tbody `
+  user-select: text;
+  tr:last-child {
+    border: none;
+  }
+`;
+const Th = styledComponents_esm["default"].th `
+  padding: 2rem 1rem 1rem 0;
+  word-wrap: break-word;
+  white-space: nowrap;
+`;
+const Tr = styledComponents_esm["default"].tr `
+  text-align: center;
+  border-bottom: 2px solid black;
+`;
+const Td = styledComponents_esm["default"].td `
+  padding: 2rem 1rem 1rem 0;
+  word-wrap: break-word;
+`;
+
+exports.Td = Td;
+exports.Th = Th;
+exports.Tr = Tr;
+exports["default"] = Table;

package/build/cjs/src/visible/useVisible.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export default function useVisible(target: RefObject<HTMLElement>): boolean;
+//# sourceMappingURL=useVisible.d.ts.map

package/build/cjs/src/visible/useVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisible.d.ts","sourceRoot":"","sources":["../../../../src/visible/useVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,OAAO,CAsB1E"}