@vincentgraul/react-components 1.0.6 → 1.0.8

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

@@ -1,40 +1 @@
-'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/index6.js');
-var index$4 = require('../../_virtual/index7.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;
+"use strict";var i=require("../is-string/index.js"),e=require("../is-number-object/index.js"),r=require("../is-boolean-object/index.js"),n=require("../is-symbol/index.js"),s=require("../is-bigint/index.js"),t=i.isString,o=e.isNumberObject,u=r.isBooleanObject,b=n.isSymbolExports,j=s.isBigintExports;exports.whichBoxedPrimitive=function(i){return null==i||"object"!=typeof i&&"function"!=typeof i?null:t(i)?"String":o(i)?"Number":u(i)?"Boolean":b(i)?"Symbol":j(i)?"BigInt":void 0};

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

@@ -1,32 +1 @@
-'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/index8.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;
+"use strict";var e=require("../is-map/index.js"),i=require("../is-set/index.js"),r=require("../is-weakmap/index.js"),s=require("../is-weakset/index.js"),t=e.isMap,a=i.isSet,n=r.isWeakmap,u=s.isWeaksetExports;exports.whichCollection=function(e){if(e&&"object"==typeof e){if(t(e))return"Map";if(a(e))return"Set";if(n(e))return"WeakMap";if(u(e))return"WeakSet"}return!1};

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

@@ -1,65 +1 @@
-'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;
+"use strict";var r=require("../../_virtual/_commonjsHelpers.js"),e=require("../for-each/index.js"),i=require("../available-typed-arrays/index.js"),t=require("../call-bind/callBound.js"),a=require("../gopd/index.js"),o=require("../has-tostringtag/shams.js"),n=require("../is-typed-array/index.js"),s=e.forEach_1,l=i.availableTypedArrays,c=t.callBound,y=a.gopd,u=c("Object.prototype.toString"),g=o.shams(),d="undefined"==typeof globalThis?r.commonjsGlobal:globalThis,p=l(),f=c("String.prototype.slice"),b={},j=Object.getPrototypeOf;g&&y&&j&&s(p,(function(r){if("function"==typeof d[r]){var e=new d[r];if(Symbol.toStringTag in e){var i=j(e),t=y(i,Symbol.toStringTag);if(!t){var a=j(i);t=y(a,Symbol.toStringTag)}b[r]=t.get}}}));var h=n.isTypedArray;exports.whichTypedArray=function(r){return!!h(r)&&(g&&Symbol.toStringTag in r?function(r){var e=!1;return s(b,(function(i,t){if(!e)try{var a=i.call(r);a===t&&(e=a)}catch(r){}})),e}(r):f(u(r),8,-1))};

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

@@ -14,4 +14,8 @@ export { default as Table } from "./table/Table";
 export * from "./table/Table";
 export { default as useVisible } from "./visible/useVisible";
 export * from "./visible/useVisible";
+export { default as useOutsideAlerter } from "./outside-alerter/useOutsideAlerter";
+export * from "./outside-alerter/useOutsideAlerter";
+export { default as Modal } from "./modal/Modal";
+export * from "./modal/Modal";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAErC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACnF,cAAc,qCAAqC,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,cAAc,eAAe,CAAC"}

package/build/cjs/src/index.js

@@ -1,31 +1 @@
-'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;
+"use strict";var e=require("./match-device/useMatchDevice.js"),r=require("./match-resolution/useMatchResolution.js"),t=require("./mount-react-hook/mountReactHook.js"),o=require("./numbered-pagination/NumberedPagination.js"),s=require("./pagination/usePagination.js"),i=require("./scroll-to/useScrollTo.js"),u=require("./table/Table.js"),a=require("./visible/useVisible.js"),n=require("./outside-alerter/useOutsideAlerter.js"),l=require("./modal/Modal.js");exports.useMatchDevice=e,exports.defaultBreakpoints=r.defaultBreakpoints,exports.useMatchResolution=r.default,exports.mountReactHook=t,Object.defineProperty(exports,"ArrowPosition",{enumerable:!0,get:function(){return o.ArrowPosition}}),exports.NumberedPagination=o.default,exports.usePagination=s,exports.useScrollTo=i,exports.Table=u.default,exports.Td=u.Td,exports.Th=u.Th,exports.Tr=u.Tr,exports.useVisible=a,exports.useOutsideAlerter=n,exports.Modal=l;

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

@@ -1,30 +1 @@
-'use strict';
-
-var r = require('react');
-var uaParser = require('../../node_modules/ua-parser-js/src/ua-parser.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] = r.useState(compute());
-    r.useEffect(() => {
-        setDevice(compute());
-    }, [UA]);
-    return device;
-}
-
-module.exports = useMatchDevice;
+"use strict";var e=require("react"),t=require("../../node_modules/ua-parser-js/src/ua-parser.js");module.exports=function(r){const s="undefined"!=typeof window,i=()=>{const e=new t.UAParser(r),{type:s}=e.getDevice(),i={isMobile:"mobile"===s,isTablet:"tablet"===s,isMobileOrTablet:!1,isDesktop:!s};return i.isMobileOrTablet=i.isMobile||i.isTablet,i};if(!s)return i();const[o,u]=e.useState(i());return e.useEffect((()=>{u(i())}),[r]),o};

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

@@ -1,57 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var r = require('react');
-var useMatchDevice = require('../match-device/useMatchDevice.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] = r.useState(compute());
-    r.useEffect(() => {
-        const onResize = () => setResolution(compute());
-        window.addEventListener("resize", onResize);
-        return () => {
-            window.removeEventListener("resize", onResize);
-        };
-    }, []);
-    r.useEffect(() => {
-        setResolution(compute());
-    }, [breakpoints]);
-    return { resolution, breakpoints, match };
-}
-
-exports["default"] = useMatchResolution;
-exports.defaultBreakpoints = defaultBreakpoints;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../match-device/useMatchDevice.js");const i={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)"};exports.default=function(r=i,p=""){const a="undefined"!=typeof window,{isDesktop:o,isMobile:s}=t(p),l=e=>a&&window.matchMedia(e).matches,n=()=>({isDesktop:a?l(r.desktop):o,isLaptop:a?l(r.laptop):o,isLaptopOrUpper:a?l(r.laptopOrUpper):o,isLaptopOrLower:!!a&&l(r.laptopOrLower),isTablet:a?l(r.tablet):s,isTabletOrUpper:!!a&&l(r.tabletOrUpper),isTabletOrLower:a?l(r.tabletOrLower):s,isLargeMobile:a?l(r.largeMobile):s,isLargeMobileOrUpper:!!a&&l(r.largeMobileOrUpper),isLargeMobileOrLower:a?l(r.largeMobileOrLower):s,isMobile:a?l(r.mobile):s,isPortrait:!!a&&l(r.portrait),isLandscape:!!a&&l(r.landscape)}),[d,w]=e.useState(n());return e.useEffect((()=>{const e=()=>w(n());return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e.useEffect((()=>{w(n())}),[r]),{resolution:d,breakpoints:r,match:l}},exports.defaultBreakpoints=i;

package/build/cjs/src/modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    onClickedOutside?: () => void;
+    className?: string;
+}
+export default function Modal(props: Props): JSX.Element | null;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/build/cjs/src/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI5D,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkB9D"}

package/build/cjs/src/modal/Modal.js

@@ -0,0 +1,20 @@
+"use strict";var e=require("../../node_modules/react/jsx-runtime.js"),r=require("react"),t=require("../../node_modules/styled-components/dist/styled-components.esm.js"),o=require("../outside-alerter/useOutsideAlerter.js");const s=t.default.div`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  overflow-y: auto;
+  z-index: 1;
+`,n=t.default.div`
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  background-color: #f9fbff;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  z-index: 1;
+  margin: 5rem 0 5rem 0;
+`;module.exports=function(t){const{className:d,children:i,onClickedOutside:l}=t,u=r.useRef(null),a=o(u);return r.useEffect((()=>{l&&a&&l()}),[a]),e.jsxRuntimeExports.jsx(s,{className:`modal-overlay ${d}`,children:e.jsxRuntimeExports.jsx(n,{className:"modal-content",ref:u,children:i})})};

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

@@ -1,16 +1 @@
-'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;
+"use strict";var e=require("../../node_modules/react/jsx-runtime.js"),n=require("../../node_modules/@testing-library/react/dist/@testing-library/react.esm.js");module.exports=function(r,t={}){let s=null;const{container:u,unmount:i}=n.render(e.jsxRuntimeExports.jsx(r,Object.assign({},t,{children:e=>(s=e,null)})));return{container:u,unmount:i,value:s}};

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

@@ -9,5 +9,5 @@ export interface NumberedPaginationProps extends Pagination {
     renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
     className?: string;
 }
-export default function NumberedPagination(props: NumberedPaginationProps): JSX.Element;
+export default function NumberedPagination(props: NumberedPaginationProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NumberedPagination.d.ts.map

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

@@ -1 +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"}
+{"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,2CA0ExE"}

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

@@ -1,24 +1,6 @@
-'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 `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("../../node_modules/react/jsx-runtime.js"),o=require("../../node_modules/styled-components/dist/styled-components.esm.js");exports.ArrowPosition=void 0,(e=exports.ArrowPosition||(exports.ArrowPosition={}))[e.LEFT=0]="LEFT",e[e.RIGHT=1]="RIGHT";const t=o.default.div`
   display: flex;
-`;
-const Item = styledComponents_esm["default"].div `
+`,r=o.default.div`
   &:first-child {
     border-width: 1px 1px 1px 1px;
   }
@@ -28,6 +10,4 @@ const Item = styledComponents_esm["default"].div `
   display: flex;
   align-items: center;
   cursor: pointer;
-`;
-
-exports["default"] = NumberedPagination;
+`;exports.default=function(e){const{page:o,total:s,items:n,goToFirst:a,goToLeft:p,goToRight:m,goToLast:x,goToPage:l,renderSingleArrow:d,renderDoubleArrow:c,className:g=""}=e;return i.jsxRuntimeExports.jsxs(t,{className:`${g} pagination`,children:[o>1&&i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[c&&i.jsxRuntimeExports.jsx(r,{className:"pagination-item pagination-item-arrow pagination-item-double-arrow",onClick:()=>a(),children:c(exports.ArrowPosition.LEFT)}),d&&i.jsxRuntimeExports.jsx(r,{className:"pagination-item pagination-item-arrow pagination-item-single-arrow",onClick:()=>p(),children:d(exports.ArrowPosition.LEFT)})]}),n.map(((o,t)=>i.jsxRuntimeExports.jsx(r,{className:"pagination-item pagination-item-number "+(o===e.page?"selected":""),onClick:()=>l(o),children:o},t))),o<s&&i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[d&&i.jsxRuntimeExports.jsx(r,{className:"pagination-item pagination-item-arrow pagination-item-single-arrow",onClick:()=>m(),children:d(exports.ArrowPosition.RIGHT)}),c&&i.jsxRuntimeExports.jsx(r,{className:"pagination-item pagination-item-arrow pagination-item-double-arrow",onClick:()=>x(),children:c(exports.ArrowPosition.RIGHT)})]})]})};

package/build/cjs/src/outside-alerter/useOutsideAlerter.d.ts

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

package/build/cjs/src/outside-alerter/useOutsideAlerter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideAlerter.d.ts","sourceRoot":"","sources":["../../../../src/outside-alerter/useOutsideAlerter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAY,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,OAAO,CAqB9E"}

package/build/cjs/src/outside-alerter/useOutsideAlerter.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");module.exports=function(t){const[r,n]=e.useState(!1),u=e=>{e.target&&t.current&&(t.current.contains(e.target)||n(!0))};return e.useEffect((()=>(t&&document.addEventListener("mousedown",(e=>u(e))),()=>{document.removeEventListener("mousedown",(e=>u(e)))})),[t]),r};

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

@@ -1,54 +1 @@
-'use strict';
-
-var r = require('react');
-
-function usePagination(props) {
-    const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
-    const [page, setPage] = r.useState(props.page);
-    const [total, setTotal] = r.useState(0);
-    const [items, setItems] = r.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;
-    };
-    r.useEffect(() => {
-        setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
-    }, [totalRecords, maxRecordsPerPage]);
-    r.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;
+"use strict";var t=require("react");module.exports=function(e){const{totalRecords:a,itemNeighbours:o=2,minItems:s=5,maxRecordsPerPage:r=10}=e,[c,i]=t.useState(e.page),[m,u]=t.useState(0),[g,n]=t.useState([]);t.useEffect((()=>{u(Math.ceil(a/r))}),[a,r]),t.useEffect((()=>{n((()=>{const t=[],e=Math.max(1,Math.min(c-o,m+1-s)),a=Math.min(m,Math.max(s,c+o));for(let o=e;o<=a;o++)t.push(o);return t})())}),[c,m,o,s]);const h=t=>{const e=Math.max(1,Math.min(t,m));i(e)};return{page:c,total:m,items:g,maxRecordsPerPage:r,goToPage:h,goToFirst:()=>{h(1)},goToLeft:()=>{h(c-1)},goToRight:()=>{h(c+1)},goToLast:()=>{h(m)}}};

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

@@ -1,16 +1 @@
-'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;
+"use strict";module.exports=function(o){return"undefined"!=typeof window?{scrollToTop:()=>{o.current&&window.scrollTo(0,o.current.offsetTop)}}:{scrollToTop:()=>null}};

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

@@ -1,55 +1,23 @@
-'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 `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("../../node_modules/styled-components/dist/styled-components.esm.js");const s=r.default.div`
   display: flex;
   flex-flow: column;
-`;
-const Main = styledComponents_esm["default"].table `
+`,l=r.default.table`
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
-`;
-const TBody = styledComponents_esm["default"].tbody `
+`,t=r.default.tbody`
   user-select: text;
   tr:last-child {
     border: none;
   }
-`;
-const Th = styledComponents_esm["default"].th `
+`,n=r.default.th`
   padding: 2rem 1rem 1rem 0;
   word-wrap: break-word;
   white-space: nowrap;
-`;
-const Tr = styledComponents_esm["default"].tr `
+`,a=r.default.tr`
   text-align: center;
   border-bottom: 2px solid black;
-`;
-const Td = styledComponents_esm["default"].td `
+`,o=r.default.td`
   padding: 2rem 1rem 1rem 0;
   word-wrap: break-word;
-`;
-
-exports.Td = Td;
-exports.Th = Th;
-exports.Tr = Tr;
-exports["default"] = Table;
+`;exports.Td=o,exports.Th=n,exports.Tr=a,exports.default=function(r){const{columns:d,records:m,renderHeader:c=(()=>null),renderFooter:i=(()=>null),renderColumnsRow:x=(r=>e.jsxRuntimeExports.jsx("tr",{className:"table-main-columns-row",children:r})),renderColumnsCell:u=((r,s)=>e.jsxRuntimeExports.jsx(n,{className:"table-main-columns-cell",children:r.name},s)),renderRecordsRow:p=((r,s)=>e.jsxRuntimeExports.jsx(a,{className:"table-main-records-row",children:r},s)),renderRecordsCell:j=((r,s)=>e.jsxRuntimeExports.jsx(o,{className:"table-main-records-cell",children:r},s)),renderRecordsEmptyCell:b=(r=>e.jsxRuntimeExports.jsx(o,{className:"table-main-records-cell",children:"X"},r)),renderNoRecords:h=(()=>null),className:R=""}=r;return e.jsxRuntimeExports.jsxs(s,{className:`table ${R}`,children:[c(),0===m.length?h():e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(l,{className:"table-main",children:[e.jsxRuntimeExports.jsx("thead",{className:"table-main-columns",children:x(d.map(((e,r)=>u(e,`column-${r}`))))}),e.jsxRuntimeExports.jsx(t,{className:"table-main-records",children:(()=>{const e=d.map((e=>e.name));return m.map(((r,s)=>{const l=e.map((e=>r[e]));return p(l.map(((e,r)=>e?j(e,`cell-${r}`):b(`cell-${r}`))),`row-${s}`)}))})()})]})}),i()]})};

package/build/cjs/src/visible/useVisible.js

@@ -1,24 +1 @@
-'use strict';
-
-var r = require('react');
-
-function useVisible(target) {
-    const [isVisible, setVisibility] = r.useState(false);
-    const handleObserver = (entry) => {
-        setVisibility(entry.isIntersecting);
-    };
-    r.useEffect(() => {
-        const observer = new IntersectionObserver(([entry]) => handleObserver(entry));
-        if (target && target.current) {
-            observer.observe(target.current);
-        }
-        return () => {
-            if (target && target.current) {
-                observer.unobserve(target.current);
-            }
-        };
-    }, [target]);
-    return isVisible;
-}
-
-module.exports = useVisible;
+"use strict";var e=require("react");module.exports=function(r){const[t,n]=e.useState(!1);return e.useEffect((()=>{const e=new IntersectionObserver((([e])=>(e=>{n(e.isIntersecting)})(e)));return r&&r.current&&e.observe(r.current),()=>{r&&r.current&&e.unobserve(r.current)}}),[r]),t};

package/build/esm/_virtual/AsymmetricMatcher.js

@@ -1,3 +1 @@
-var AsymmetricMatcher = {};
-
-export { AsymmetricMatcher as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/ConvertAnsi.js

@@ -1,3 +1 @@
-var ConvertAnsi = {};
-
-export { ConvertAnsi as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/DOMCollection.js

@@ -1,3 +1 @@
-var DOMCollection = {};
-
-export { DOMCollection as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/DOMElement.js

@@ -1,3 +1 @@
-var DOMElement = {};
-
-export { DOMElement as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/Immutable.js

@@ -1,3 +1 @@
-var Immutable = {};
-
-export { Immutable as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/ReactElement.js

@@ -1,3 +1 @@
-var ReactElement = {};
-
-export { ReactElement as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/ReactTestComponent.js

@@ -1,3 +1 @@
-var ReactTestComponent = {};
-
-export { ReactTestComponent as __exports };
+var r={};export{r as __exports};

package/build/esm/_virtual/_commonjsHelpers.js

@@ -1,7 +1 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { commonjsGlobal, getDefaultExportFromCjs };
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as commonjsGlobal,o as getDefaultExportFromCjs};