@vincentgraul/react-components 1.0.1 → 1.0.2

package/build/bundle.js

@@ -1,230 +1,6 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-define("match-device/useMatchDevice", ["require", "exports", "react", "ua-parser-js"], function (require, exports, react_1, ua_parser_js_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    ua_parser_js_1 = __importDefault(ua_parser_js_1);
-    /**
-     * React hook to detect the device (mobile, tablet or desktop) based on the user agent.
-     * @public
-     * @param UA - The user agent.
-     * @returns An object with multiple properties (isMobile, isTablet...) used to detect the device.
-     */
-    function useMatchDevice(UA) {
-        const isClientSide = typeof window !== "undefined";
-        const compute = () => {
-            const parser = new ua_parser_js_1.default.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] = (0, react_1.useState)(compute());
-        (0, react_1.useEffect)(() => {
-            setDevice(compute());
-        }, [UA]);
-        return device;
-    }
-    exports.default = useMatchDevice;
-});
-define("match-resolution/useMatchResolution", ["require", "exports", "react", "match-device/useMatchDevice"], function (require, exports, react_2, useMatchDevice_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.defaultBreakpoints = void 0;
-    useMatchDevice_1 = __importDefault(useMatchDevice_1);
-    exports.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)",
-    };
-    /**
-     * React hook to detect the resolution (desktop, laptop, tablet, mobile...).
-     * @public
-     * @param breakpoints - List of breakpoints (used for determine when a resolution is a "desktop", a "laptop" etc.).
-     * @param UA - The user agent (used for determine the resolution in case of SSR).
-     * @returns An object with three properties:
-     * - resolution: object with multiple properties (isDesktop, isLaptop...) used for know the current resolution
-     * - breakpoints: the breakpoints passed as parameters
-     * - match: function used to detect the current resolution with a custom breakpoint
-     */
-    function useMatchResolution(breakpoints = exports.defaultBreakpoints, UA = "") {
-        const isClientSide = typeof window !== "undefined";
-        const { isDesktop, isMobile } = (0, useMatchDevice_1.default)(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] = (0, react_2.useState)(compute());
-        (0, react_2.useEffect)(() => {
-            const onResize = () => setResolution(compute());
-            window.addEventListener("resize", onResize);
-            return () => {
-                window.removeEventListener("resize", onResize);
-            };
-        }, []);
-        (0, react_2.useEffect)(() => {
-            setResolution(compute());
-        }, [breakpoints]);
-        return { resolution, breakpoints, match };
-    }
-    exports.default = useMatchResolution;
-});
-define("mount-react-hook/mountReactHook", ["require", "exports", "react", "@testing-library/react"], function (require, exports, react_3, react_4) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    react_3 = __importDefault(react_3);
-    /**
-     * React hook to mount a hook in an unit test.
-     * @public
-     * @param Component - The component to be tested.
-     * @param props - Props passed to the component.
-     * @returns The component, the value it returns and a function to unmount the component.
-     */
-    function mountReactHook(Component, props = {}) {
-        let value = null;
-        const { container, unmount } = (0, react_4.render)(react_3.default.createElement(Component, Object.assign({}, props), (hookValue) => {
-            value = hookValue;
-            return null;
-        }));
-        return { container, unmount, value };
-    }
-    exports.default = mountReactHook;
-});
-define("pagination/usePagination", ["require", "exports", "react"], function (require, exports, react_5) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * React hook to manage pagination.
-     * @public
-     * @param props - An object which multiple properties:
-     * - page: the current page
-     * - totalRecords: the total number of records
-     * - maxRecordsPerPage: the maximum number of records displayed per page
-     * - itemNeighbours: the maximum number of items (page indicator) beside the current item
-     * - minItems: the minimum of items (page indicator)
-     * @returns An object with multiples properties:
-     * - page: the current page
-     * - total: the total number of pages
-     * - items: an array of numbers (represents the page indicators)
-     * - maxRecordsPerPage: the maximum number of records displayed per page
-     * - some functions to change the page (goToPage, goToFirst...)
-     */
-    function usePagination(props) {
-        const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
-        const [page, setPage] = (0, react_5.useState)(props.page);
-        const [total, setTotal] = (0, react_5.useState)(0);
-        const [items, setItems] = (0, react_5.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;
-        };
-        (0, react_5.useEffect)(() => {
-            setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
-        }, [totalRecords, maxRecordsPerPage]);
-        (0, react_5.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,
-        };
-    }
-    exports.default = usePagination;
-});
-define("numbered-pagination/NumberedPagination", ["require", "exports", "react", "styled-components"], function (require, exports, react_6, styled_components_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ArrowPosition = void 0;
-    react_6 = __importDefault(react_6);
-    styled_components_1 = __importDefault(styled_components_1);
-    var ArrowPosition;
-    (function (ArrowPosition) {
-        ArrowPosition[ArrowPosition["LEFT"] = 0] = "LEFT";
-        ArrowPosition[ArrowPosition["RIGHT"] = 1] = "RIGHT";
-    })(ArrowPosition = exports.ArrowPosition || (exports.ArrowPosition = {}));
-    /**
-     * React component used to display a pagination (with numbers).
-     * @public
-     * @param props - An object which contains:
-     * - properties inherited from the Pagination interface in usePagination hook
-     * - some properties to customise the rendering
-     * @returns A React component.
-     */
-    function NumberedPagination(props) {
-        const { page, total, items, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, className = "", } = props;
-        return (react_6.default.createElement(Container, { className: `${className} pagination` },
-            page > 1 && (react_6.default.createElement(react_6.default.Fragment, null,
-                renderDoubleArrow && (react_6.default.createElement(Item, { className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToFirst() }, renderDoubleArrow(ArrowPosition.LEFT))),
-                renderSingleArrow && (react_6.default.createElement(Item, { className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToLeft() }, renderSingleArrow(ArrowPosition.LEFT))))),
-            items.map((page, index) => (react_6.default.createElement(Item, { className: `pagination-item pagination-item-number ${page === props.page ? "selected" : ""}`, key: index, onClick: () => goToPage(page) }, page))),
-            page < total && (react_6.default.createElement(react_6.default.Fragment, null,
-                renderSingleArrow && (react_6.default.createElement(Item, { className: "pagination-item pagination-item-arrow pagination-item-single-arrow", onClick: () => goToRight() }, renderSingleArrow(ArrowPosition.RIGHT))),
-                renderDoubleArrow && (react_6.default.createElement(Item, { className: "pagination-item pagination-item-arrow pagination-item-double-arrow", onClick: () => goToLast() }, renderDoubleArrow(ArrowPosition.RIGHT)))))));
-    }
-    exports.default = NumberedPagination;
-    const Container = styled_components_1.default.div `
+var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};define("match-device/useMatchDevice",["require","exports","react","ua-parser-js"],function(e,t,i,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n=__importDefault(n),t.default=function(a){var e="undefined"!=typeof window;const t=()=>{const e=new n.default.UAParser(a);var t=e.getDevice()["type"];const r={isMobile:"mobile"===t,isTablet:"tablet"===t,isMobileOrTablet:!1,isDesktop:!t};return r.isMobileOrTablet=r.isMobile||r.isTablet,r};if(!e)return t();const[r,o]=(0,i.useState)(t());return(0,i.useEffect)(()=>{o(t())},[a]),r}}),define("match-resolution/useMatchResolution",["require","exports","react","match-device/useMatchDevice"],function(e,u,d,c){"use strict";Object.defineProperty(u,"__esModule",{value:!0}),u.defaultBreakpoints=void 0,c=__importDefault(c),u.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)"},u.default=function(e=u.defaultBreakpoints,t=""){const r="undefined"!=typeof window,{isDesktop:a,isMobile:o}=(0,c.default)(t),i=e=>r&&window.matchMedia(e).matches,n=()=>({isDesktop:r?i(e.desktop):a,isLaptop:r?i(e.laptop):a,isLaptopOrUpper:r?i(e.laptopOrUpper):a,isLaptopOrLower:!!r&&i(e.laptopOrLower),isTablet:r?i(e.tablet):o,isTabletOrUpper:!!r&&i(e.tabletOrUpper),isTabletOrLower:r?i(e.tabletOrLower):o,isLargeMobile:r?i(e.largeMobile):o,isLargeMobileOrUpper:!!r&&i(e.largeMobileOrUpper),isLargeMobileOrLower:r?i(e.largeMobileOrLower):o,isMobile:r?i(e.mobile):o,isPortrait:!!r&&i(e.portrait),isLandscape:!!r&&i(e.landscape)}),[l,s]=(0,d.useState)(n());return(0,d.useEffect)(()=>{const e=()=>s(n());return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,d.useEffect)(()=>{s(n())},[e]),{resolution:l,breakpoints:e,match:i}}}),define("mount-react-hook/mountReactHook",["require","exports","react","@testing-library/react"],function(e,t,a,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),a=__importDefault(a),t.default=function(e,t={}){let r=null;var{container:e,unmount:t}=(0,o.render)(a.default.createElement(e,Object.assign({},t),e=>(r=e,null)));return{container:e,unmount:t,value:r}}}),define("pagination/usePagination",["require","exports","react"],function(e,t,p){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){const{totalRecords:t,itemNeighbours:o=2,minItems:i=5,maxRecordsPerPage:r=10}=e,[n,a]=(0,p.useState)(e.page),[l,s]=(0,p.useState)(0),[u,d]=(0,p.useState)([]),c=((0,p.useEffect)(()=>{s(Math.ceil(t/r))},[t,r]),(0,p.useEffect)(()=>{d((()=>{const t=[];var r=Math.max(1,Math.min(n-o,l+1-i)),a=Math.min(l,Math.max(i,n+o));for(let e=r;e<=a;e++)t.push(e);return t})())},[n,l,o,i]),e=>{e=Math.max(1,Math.min(e,l));a(e)});return{page:n,total:l,items:u,maxRecordsPerPage:r,goToPage:c,goToFirst:()=>{c(1)},goToLeft:()=>{c(n-1)},goToRight:()=>{c(n+1)},goToLast:()=>{c(l)}}}}),define("numbered-pagination/NumberedPagination",["require","exports","react","styled-components"],function(e,t,p,r){"use strict";var m,a;Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowPosition=void 0,p=__importDefault(p),r=__importDefault(r),(a=m=t.ArrowPosition||(t.ArrowPosition={}))[a.LEFT=0]="LEFT",a[a.RIGHT=1]="RIGHT",t.default=function(r){const{page:e,total:t,items:a,goToFirst:o,goToLeft:i,goToRight:n,goToLast:l,goToPage:s,renderSingleArrow:u,renderDoubleArrow:d,className:c=""}=r;return p.default.createElement(f,{className:c+" pagination"},1<e&&p.default.createElement(p.default.Fragment,null,d&&p.default.createElement(b,{className:"pagination-item pagination-item-arrow pagination-item-double-arrow",onClick:()=>o()},d(m.LEFT)),u&&p.default.createElement(b,{className:"pagination-item pagination-item-arrow pagination-item-single-arrow",onClick:()=>i()},u(m.LEFT))),a.map((e,t)=>p.default.createElement(b,{className:"pagination-item pagination-item-number "+(e===r.page?"selected":""),key:t,onClick:()=>s(e)},e)),e<t&&p.default.createElement(p.default.Fragment,null,u&&p.default.createElement(b,{className:"pagination-item pagination-item-arrow pagination-item-single-arrow",onClick:()=>n()},u(m.RIGHT)),d&&p.default.createElement(b,{className:"pagination-item pagination-item-arrow pagination-item-double-arrow",onClick:()=>l()},d(m.RIGHT))))};const f=r.default.div`
   display: flex;
-`;
-    const Item = styled_components_1.default.div `
+`,b=r.default.div`
   &:first-child {
     border-width: 1px 1px 1px 1px;
   }
@@ -235,123 +11,27 @@ define("numbered-pagination/NumberedPagination", ["require", "exports", "react",
   display: flex;
   align-items: center;
   cursor: pointer;
-`;
-});
-define("scroll-to/useScrollTo", ["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * React hook to scroll to an element.
-     * @public
-     * @param target - The target where we want to scroll.
-     * @returns An object which contains:
-     * - scrollToTop: function used to scroll to the top of the element
-     */
-    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 };
-    }
-    exports.default = useScrollTo;
-});
-define("table/Table", ["require", "exports", "react", "styled-components"], function (require, exports, react_7, styled_components_2) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Td = exports.Tr = exports.Th = void 0;
-    react_7 = __importDefault(react_7);
-    styled_components_2 = __importDefault(styled_components_2);
-    /**
-     * React component used to display a data table.
-     * @public
-     * @param props - An Object which contains:
-     * - columns: the table columns
-     * - records: the table records
-     * - some properties to customise the rendering
-     * @returns A React component.
-     */
-    function Table(props) {
-        const { columns, records, renderHeader = () => null, renderFooter = () => null, renderColumnsRow = (columns) => (react_7.default.createElement("tr", { className: "table-main-columns-row" }, columns)), renderColumnsCell = (column, key) => (react_7.default.createElement(exports.Th, { className: "table-main-columns-cell", key: key }, column.name)), renderRecordsRow = (cells, key) => (react_7.default.createElement(exports.Tr, { className: "table-main-records-row", key: key }, cells)), renderRecordsCell = (cell, key) => (react_7.default.createElement(exports.Td, { className: "table-main-records-cell", key: key }, cell)), renderRecordsEmptyCell = (key) => (react_7.default.createElement(exports.Td, { className: "table-main-records-cell", key: key }, "X")), 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 (react_7.default.createElement(Container, { className: `table ${className}` },
-            renderHeader(),
-            records.length === 0 ? (renderNoRecords()) : (react_7.default.createElement(react_7.default.Fragment, null,
-                react_7.default.createElement(Main, { className: "table-main" },
-                    react_7.default.createElement("thead", { className: "table-main-columns" }, displayColumns()),
-                    react_7.default.createElement(TBody, { className: "table-main-records" }, displayRows())))),
-            renderFooter()));
-    }
-    exports.default = Table;
-    const Container = styled_components_2.default.div `
-  display: flex;
-  flex-flow: column;
-`;
-    const Main = styled_components_2.default.table `
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: collapse;
-`;
-    const TBody = styled_components_2.default.tbody `
-  user-select: text;
-  tr:last-child {
-    border: none;
-  }
-`;
-    exports.Th = styled_components_2.default.th `
-  padding: 2rem 1rem 1rem 0;
-  word-wrap: break-word;
-  white-space: nowrap;
-`;
-    exports.Tr = styled_components_2.default.tr `
-  text-align: center;
-  border-bottom: 2px solid black;
-`;
-    exports.Td = styled_components_2.default.td `
-  padding: 2rem 1rem 1rem 0;
-  word-wrap: break-word;
-`;
-});
-define("visible/useVisible", ["require", "exports", "react"], function (require, exports, react_8) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * React hook to know if an element is visible.
-     * @public
-     * @param target - The target where you want to identify its visibility.
-     * @returns The visibility of the target.
-     */
-    function useVisible(target) {
-        const [isVisible, setVisibility] = (0, react_8.useState)(false);
-        const handleObserver = (entry) => {
-            setVisibility(entry.isIntersecting);
-        };
-        (0, react_8.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;
-    }
-    exports.default = useVisible;
-});
+`}),define("scroll-to/useScrollTo",["require","exports"],function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"undefined"!=typeof window?{scrollToTop:()=>{e.current&&window.scrollTo(0,e.current.offsetTop)}}:{scrollToTop:()=>null}}}),define("table/Table",["require","exports","react","styled-components"],function(e,p,m,t){"use strict";Object.defineProperty(p,"__esModule",{value:!0}),p.Td=p.Tr=p.Th=void 0,m=__importDefault(m),t=__importDefault(t),p.default=function(e){const{columns:t,records:r,renderHeader:a=()=>null,renderFooter:o=()=>null,renderColumnsRow:i=e=>m.default.createElement("tr",{className:"table-main-columns-row"},e),renderColumnsCell:n=(e,t)=>m.default.createElement(p.Th,{className:"table-main-columns-cell",key:t},e.name),renderRecordsRow:l=(e,t)=>m.default.createElement(p.Tr,{className:"table-main-records-row",key:t},e),renderRecordsCell:s=(e,t)=>m.default.createElement(p.Td,{className:"table-main-records-cell",key:t},e),renderRecordsEmptyCell:u=e=>m.default.createElement(p.Td,{className:"table-main-records-cell",key:e},"X"),renderNoRecords:d=()=>null,className:c=""}=e;return m.default.createElement(f,{className:"table "+c},a(),0===r.length?d():m.default.createElement(m.default.Fragment,null,m.default.createElement(b,{className:"table-main"},m.default.createElement("thead",{className:"table-main-columns"},i(t.map((e,t)=>n(e,"column-"+t)))),m.default.createElement(w,{className:"table-main-records"},(()=>{const a=t.map(e=>e.name);return r.map((t,e)=>{const r=a.map(e=>t[e]);return l(r.map((e,t)=>e?s(e,"cell-"+t):u("cell-"+t)),"row-"+e)})})()))),o())};const f=t.default.div`
+  display: flex;
+  flex-flow: column;
+`,b=t.default.table`
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+`,w=t.default.tbody`
+  user-select: text;
+  tr:last-child {
+    border: none;
+  }
+`;p.Th=t.default.th`
+  padding: 2rem 1rem 1rem 0;
+  word-wrap: break-word;
+  white-space: nowrap;
+`,p.Tr=t.default.tr`
+  text-align: center;
+  border-bottom: 2px solid black;
+`,p.Td=t.default.td`
+  padding: 2rem 1rem 1rem 0;
+  word-wrap: break-word;
+`}),define("visible/useVisible",["require","exports","react"],function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(t){const[e,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{const e=new IntersectionObserver(([e])=>{r(e.isIntersecting)});return t&&t.current&&e.observe(t.current),()=>{t&&t.current&&e.unobserve(t.current)}},[t]),e}});
+//# sourceMappingURL=build/bundle.js.map

package/build/bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build/bundle.js","sources":["build/bundle.js"],"names":["__importDefault","this","mod","__esModule","default","define","require","exports","react_1","ua_parser_js_1","Object","defineProperty","value","UA","isClientSide","window","compute","parser","UAParser","type","getDevice","device","isMobile","isTablet","isMobileOrTablet","isDesktop","setDevice","useState","useEffect","react_2","useMatchDevice_1","defaultBreakpoints","desktop","laptop","laptopOrUpper","laptopOrLower","tablet","tabletOrUpper","tabletOrLower","largeMobile","largeMobileOrUpper","largeMobileOrLower","mobile","portrait","landscape","breakpoints","match","matchMedia","query","matches","isLaptop","isLaptopOrUpper","isLaptopOrLower","isTabletOrUpper","isTabletOrLower","isLargeMobile","isLargeMobileOrUpper","isLargeMobileOrLower","isPortrait","isLandscape","resolution","setResolution","onResize","addEventListener","removeEventListener","react_3","react_4","Component","props","let","container","unmount","render","createElement","assign","hookValue","react_5","totalRecords","itemNeighbours","minItems","maxRecordsPerPage","page","setPage","total","setTotal","items","setItems","goToPage","Math","ceil","from","max","min","to","i","push","generateItems","currentPage","goToFirst","goToLeft","goToRight","goToLast","react_6","styled_components_1","ArrowPosition","renderSingleArrow","renderDoubleArrow","className","Container","Fragment","Item","onClick","LEFT","map","index","key","RIGHT","div","target","scrollToTop","current","scrollTo","offsetTop","react_7","styled_components_2","Td","Tr","Th","columns","records","renderHeader","renderFooter","renderColumnsRow","renderColumnsCell","column","name","renderRecordsRow","cells","renderRecordsCell","cell","renderRecordsEmptyCell","renderNoRecords","length","Main","TBody","columnNames","record","rowIndex","cellIndex","displayRows","table","tbody","th","tr","td","react_8","isVisible","setVisibility","observer","IntersectionObserver","entry","isIntersecting","observe","unobserve"],"mappings":"AAAA,IAAIA,gBAAmBC,MAAQA,KAAKD,iBAAoB,SAAUE,GAC9D,OAAQA,GAAOA,EAAIC,WAAcD,EAAM,CAAEE,QAAWF,IAExDG,OAAO,8BAA+B,CAAC,UAAW,UAAW,QAAS,gBAAiB,SAAUC,EAASC,EAASC,EAASC,gBAExHC,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IACtDH,EAAiBT,gBAAgBS,GA8BjCF,EAAQH,QAvBR,SAAwBS,GACpB,IAAMC,EAAiC,oBAAXC,OAC5B,MAAMC,EAAU,KACZ,MAAMC,EAAS,IAAIR,EAAeL,QAAQc,SAASL,GACnD,IAAQM,EAASF,EAAOG,YAAhBD,QACR,MAAME,EAAS,CACXC,SAAmB,WAATH,EACVI,SAAmB,WAATJ,EACVK,kBAAkB,EAClBC,WAAYN,GAGhB,OADAE,EAAOG,iBAAmBH,EAAOC,UAAYD,EAAOE,SAC7CF,GAEX,IAAKP,EACD,OAAOE,IAEX,KAAM,CAACK,EAAQK,IAAa,EAAIlB,EAAQmB,UAAUX,KAIlD,OAHA,EAAIR,EAAQoB,WAAW,KACnBF,EAAUV,MACX,CAACH,IACGQ,KAIfhB,OAAO,sCAAuC,CAAC,UAAW,UAAW,QAAS,+BAAgC,SAAUC,EAASC,EAASsB,EAASC,gBAE/IpB,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IACtDL,EAAQwB,wBAAqB,EAC7BD,EAAmB9B,gBAAgB8B,GACnCvB,EAAQwB,mBAAqB,CACzBC,QAAS,sBACTC,OAAQ,8CACRC,cAAe,sBACfC,cAAe,sBACfC,OAAQ,6CACRC,cAAe,qBACfC,cAAe,sBACfC,YAAa,4CACbC,mBAAoB,qBACpBC,mBAAoB,qBACpBC,OAAQ,4CACRC,SAAU,0BACVC,UAAW,4BA4CfrC,EAAQH,QAhCR,SAA4ByC,EAActC,EAAQwB,mBAAoBlB,EAAK,IACvE,MAAMC,EAAiC,oBAAXC,OACtB,CAAEU,UAAAA,EAAWH,SAAAA,IAAa,EAAIQ,EAAiB1B,SAASS,GACxDiC,EAAQ,GAAWhC,GAAgBC,OAAOgC,WAAWC,GAAOC,QAC5DjC,EAAU,KAAM,CAClBS,UAAWX,EAAegC,EAAMD,EAAYb,SAAWP,EACvDyB,SAAUpC,EAAegC,EAAMD,EAAYZ,QAAUR,EACrD0B,gBAAiBrC,EAAegC,EAAMD,EAAYX,eAAiBT,EACnE2B,kBAAiBtC,GAAegC,EAAMD,EAAYV,eAClDZ,SAAUT,EAAegC,EAAMD,EAAYT,QAAUd,EACrD+B,kBAAiBvC,GAAegC,EAAMD,EAAYR,eAClDiB,gBAAiBxC,EAAegC,EAAMD,EAAYP,eAAiBhB,EACnEiC,cAAezC,EAAegC,EAAMD,EAAYN,aAAejB,EAC/DkC,uBAAsB1C,GAAegC,EAAMD,EAAYL,oBACvDiB,qBAAsB3C,EAAegC,EAAMD,EAAYJ,oBAAsBnB,EAC7EA,SAAUR,EAAegC,EAAMD,EAAYH,QAAUpB,EACrDoC,aAAY5C,GAAegC,EAAMD,EAAYF,UAC7CgB,cAAa7C,GAAegC,EAAMD,EAAYD,aAE5C,CAACgB,EAAYC,IAAiB,EAAIhC,EAAQF,UAAUX,KAW1D,OAVA,EAAIa,EAAQD,WAAW,KACnB,MAAMkC,EAAW,IAAMD,EAAc7C,KAErC,OADAD,OAAOgD,iBAAiB,SAAUD,GAC3B,KACH/C,OAAOiD,oBAAoB,SAAUF,KAE1C,KACH,EAAIjC,EAAQD,WAAW,KACnBiC,EAAc7C,MACf,CAAC6B,IACG,CAAEe,WAAAA,EAAYf,YAAAA,EAAaC,MAAAA,MAI1CzC,OAAO,kCAAmC,CAAC,UAAW,UAAW,QAAS,0BAA2B,SAAUC,EAASC,EAAS0D,EAASC,gBAEtIxD,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IACtDqD,EAAUjE,gBAAgBiE,GAgB1B1D,EAAQH,QARR,SAAwB+D,EAAWC,EAAQ,IACvCC,IAAIzD,EAAQ,KACZ,GAAM,CAAE0D,UAAAA,EAAWC,QAAAA,IAAY,EAAIL,EAAQM,QAAQP,EAAQ7D,QAAQqE,cAAcN,EAAWzD,OAAOgE,OAAO,GAAIN,GAAQ,IAClHxD,EAAQ+D,EACD,QAEX,MAAO,CAAEL,UAAAA,EAAWC,QAAAA,EAAS3D,MAAAA,MAIrCP,OAAO,2BAA4B,CAAC,UAAW,UAAW,SAAU,SAAUC,EAASC,EAASqE,gBAE5FlE,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IAiEtDL,EAAQH,QAhDR,SAAuBgE,GACnB,KAAM,CAAES,aAAAA,EAAcC,eAAAA,EAAiB,EAAGC,SAAAA,EAAW,EAAGC,kBAAAA,EAAoB,IAAOZ,EAC7E,CAACa,EAAMC,IAAW,EAAIN,EAAQjD,UAAUyC,EAAMa,MAC9C,CAACE,EAAOC,IAAY,EAAIR,EAAQjD,UAAU,GAC1C,CAAC0D,EAAOC,IAAY,EAAIV,EAAQjD,UAAU,IAgB1C4D,IANN,EAAIX,EAAQhD,WAAW,KACnBwD,EAASI,KAAKC,KAAKZ,EAAeG,KACnC,CAACH,EAAcG,KAClB,EAAIJ,EAAQhD,WAAW,KACnB0D,GAbkB,KAClB,MAAMD,EAAQ,GACd,IAAMK,EAAOF,KAAKG,IAAI,EAAGH,KAAKI,IAAIX,EAAOH,EAAgBK,EAAQ,EAAIJ,IAC/Dc,EAAKL,KAAKI,IAAIT,EAAOK,KAAKG,IAAIZ,EAAUE,EAAOH,IACrD,IAAKT,IAAIyB,EAAIJ,EAAMI,GAAKD,EAAIC,IACxBT,EAAMU,KAAKD,GAEf,OAAOT,GAMEW,KACV,CAACf,EAAME,EAAOL,EAAgBC,IAChB,IACPkB,EAAcT,KAAKG,IAAI,EAAGH,KAAKI,IAAIX,EAAME,IAC/CD,EAAQe,KAcZ,MAAO,CACHhB,KAAAA,EACAE,MAAAA,EACAE,MAAAA,EACAL,kBAAAA,EACAO,SAAAA,EACAW,UAlBc,KACdX,EAAS,IAkBTY,SAhBa,KACbZ,EAASN,EAAO,IAgBhBmB,UAdc,KACdb,EAASN,EAAO,IAchBoB,SAZa,KACbd,EAASJ,QAgBrB9E,OAAO,yCAA0C,CAAC,UAAW,UAAW,QAAS,qBAAsB,SAAUC,EAASC,EAAS+F,EAASC,gBAMxI,IAAIC,EACOA,EALX9F,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IACtDL,EAAQiG,mBAAgB,EACxBF,EAAUtG,gBAAgBsG,GAC1BC,EAAsBvG,gBAAgBuG,IAE3BC,EAGRA,EAAgBjG,EAAQiG,gBAAkBjG,EAAQiG,cAAgB,KAFnDA,EAAoB,KAAI,GAAK,OAC3CA,EAAcA,EAAqB,MAAI,GAAK,QAqBhDjG,EAAQH,QAXR,SAA4BgE,GACxB,KAAM,CAAEa,KAAAA,EAAME,MAAAA,EAAOE,MAAAA,EAAOa,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAWC,SAAAA,EAAUd,SAAAA,EAAUkB,kBAAAA,EAAmBC,kBAAAA,EAAmBC,UAAAA,EAAY,IAAQvC,EAC1I,OAAQkC,EAAQlG,QAAQqE,cAAcmC,EAAW,CAAED,UAAcA,EAAH,eACnD,EAAP1B,GAAaqB,EAAQlG,QAAQqE,cAAc6B,EAAQlG,QAAQyG,SAAU,KACjEH,GAAsBJ,EAAQlG,QAAQqE,cAAcqC,EAAM,CAAEH,UAAW,qEAAsEI,QAAS,IAAMb,KAAeQ,EAAkBF,EAAcQ,OAC3MP,GAAsBH,EAAQlG,QAAQqE,cAAcqC,EAAM,CAAEH,UAAW,qEAAsEI,QAAS,IAAMZ,KAAcM,EAAkBD,EAAcQ,QAC9M3B,EAAM4B,IAAI,CAAChC,EAAMiC,IAAWZ,EAAQlG,QAAQqE,cAAcqC,EAAM,CAAEH,UAAW,2CAA0C1B,IAASb,EAAMa,KAAO,WAAa,IAAMkC,IAAKD,EAAOH,QAAS,IAAMxB,EAASN,IAASA,IAC7MA,EAAOE,GAAUmB,EAAQlG,QAAQqE,cAAc6B,EAAQlG,QAAQyG,SAAU,KACrEJ,GAAsBH,EAAQlG,QAAQqE,cAAcqC,EAAM,CAAEH,UAAW,qEAAsEI,QAAS,IAAMX,KAAeK,EAAkBD,EAAcY,QAC3MV,GAAsBJ,EAAQlG,QAAQqE,cAAcqC,EAAM,CAAEH,UAAW,qEAAsEI,QAAS,IAAMV,KAAcK,EAAkBF,EAAcY,WAGtN,MAAMR,EAAYL,EAAoBnG,QAAQiH;;EAGxCP,EAAOP,EAAoBnG,QAAQiH;;;;;;;;;;;IAa7ChH,OAAO,wBAAyB,CAAC,UAAW,WAAY,SAAUC,EAASC,gBAEvEG,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IAoBtDL,EAAQH,QAZR,SAAqBkH,GAEjB,MADuC,oBAAXvG,OASrB,CAAEwG,YALW,KACZD,EAAOE,SACPzG,OAAO0G,SAAS,EAAGH,EAAOE,QAAQE,aAJ/B,CAAEH,YAAa,IAAM,SAWxClH,OAAO,cAAe,CAAC,UAAW,UAAW,QAAS,qBAAsB,SAAUC,EAASC,EAASoH,EAASC,gBAE7GlH,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IACtDL,EAAQsH,GAAKtH,EAAQuH,GAAKvH,EAAQwH,QAAK,EACvCJ,EAAU3H,gBAAgB2H,GAC1BC,EAAsB5H,gBAAgB4H,GA8BtCrH,EAAQH,QApBR,SAAegE,GACX,KAAM,CAAE4D,QAAAA,EAASC,QAAAA,EAASC,aAAAA,EAAe,IAAM,KAAMC,aAAAA,EAAe,IAAM,KAAMC,iBAAAA,EAAmB,GAAcT,EAAQvH,QAAQqE,cAAc,KAAM,CAAEkC,UAAW,0BAA4BqB,GAAWK,kBAAAA,EAAoB,CAACC,EAAQnB,IAASQ,EAAQvH,QAAQqE,cAAclE,EAAQwH,GAAI,CAAEpB,UAAW,0BAA2BQ,IAAKA,GAAOmB,EAAOC,MAAQC,iBAAAA,EAAmB,CAACC,EAAOtB,IAASQ,EAAQvH,QAAQqE,cAAclE,EAAQuH,GAAI,CAAEnB,UAAW,yBAA0BQ,IAAKA,GAAOsB,GAASC,kBAAAA,EAAoB,CAACC,EAAMxB,IAASQ,EAAQvH,QAAQqE,cAAclE,EAAQsH,GAAI,CAAElB,UAAW,0BAA2BQ,IAAKA,GAAOwB,GAAQC,uBAAAA,EAAyB,GAAUjB,EAAQvH,QAAQqE,cAAclE,EAAQsH,GAAI,CAAElB,UAAW,0BAA2BQ,IAAKA,GAAO,KAAO0B,gBAAAA,EAAkB,IAAM,KAAMlC,UAAAA,EAAY,IAAQvC,EAW1yB,OAAQuD,EAAQvH,QAAQqE,cAAcmC,EAAW,CAAED,UAAW,SAASA,GACnEuB,IACmB,IAAnBD,EAAQa,OAAgBD,IAAsBlB,EAAQvH,QAAQqE,cAAckD,EAAQvH,QAAQyG,SAAU,KAClGc,EAAQvH,QAAQqE,cAAcsE,EAAM,CAAEpC,UAAW,cAC7CgB,EAAQvH,QAAQqE,cAAc,QAAS,CAAEkC,UAAW,sBAdnCyB,EAAiBJ,EAAQf,IAAI,CAACqB,EAAQpB,IAAUmB,EAAkBC,EAAQ,UAAUpB,MAerGS,EAAQvH,QAAQqE,cAAcuE,EAAO,CAAErC,UAAW,uBAd1C,KAChB,MAAMsC,EAAcjB,EAAQf,IAAI,GAAYqB,EAAOC,MACnD,OAAON,EAAQhB,IAAI,CAACiC,EAAQC,KACxB,MAAMV,EAAQQ,EAAYhC,IAAI,GAAUiC,EAAOX,IAC/C,OAAOC,EAAiBC,EAAMxB,IAAI,CAAC0B,EAAMS,IAAcT,EACjDD,EAAkBC,EAAM,QAAQS,GAChCR,EAAuB,QAAQQ,IAAe,OAAOD,MAQmBE,MAClFlB,MAGR,MAAMvB,EAAYgB,EAAoBxH,QAAQiH;;;EAIxC0B,EAAOnB,EAAoBxH,QAAQkJ;;;;EAKnCN,EAAQpB,EAAoBxH,QAAQmJ;;;;;EAM1ChJ,EAAQwH,GAAKH,EAAoBxH,QAAQoJ;;;;EAKzCjJ,EAAQuH,GAAKF,EAAoBxH,QAAQqJ;;;EAIzClJ,EAAQsH,GAAKD,EAAoBxH,QAAQsJ;;;IAK7CrJ,OAAO,qBAAsB,CAAC,UAAW,UAAW,SAAU,SAAUC,EAASC,EAASoJ,gBAEtFjJ,OAAOC,eAAeJ,EAAS,aAAc,CAAEK,OAAO,IAyBtDL,EAAQH,QAlBR,SAAoBkH,GAChB,KAAM,CAACsC,EAAWC,IAAiB,EAAIF,EAAQhI,WAAU,GAezD,OAXA,EAAIgI,EAAQ/H,WAAW,KACnB,MAAMkI,EAAW,IAAIC,qBAAqB,CAAA,CAAEC,MAH5CH,EAAcG,EAAMC,kBAOpB,OAHI3C,GAAUA,EAAOE,SACjBsC,EAASI,QAAQ5C,EAAOE,SAErB,KACCF,GAAUA,EAAOE,SACjBsC,EAASK,UAAU7C,EAAOE,WAGnC,CAACF,IACGsC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincentgraul/react-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "./build/bundle.js",
   "license": "GNU GPLV3",
   "repository": "https://github.com/vincentgraul/react-components.git",
@@ -20,12 +20,12 @@
     }
   ],
   "scripts": {
-    "build": "tsc && npm run build-storybook",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "build": "tsc && npm run compress",
+    "storybook": "build-storybook && start-storybook -p 6006",
     "test": "jest",
     "doc": "typedoc",
-    "lint": "eslint './src/**/*.ts'"
+    "lint": "eslint src",
+    "compress": "uglifyjs build/bundle.js -o build/bundle.js --config-file uglifyrc.json"
   },
   "dependencies": {
     "@testing-library/react": "13.3.0",
@@ -49,13 +49,14 @@
     "@types/jest": "28.1.6",
     "@typescript-eslint/eslint-plugin": "5.31.0",
     "@typescript-eslint/parser": "5.31.0",
+    "babel-loader": "8.2.5",
     "eslint": "8.20.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-prettier": "4.2.1",
-    "babel-loader": "8.2.5",
     "jest": "28.1.3",
     "ts-jest": "28.0.7",
     "typedoc": "0.23.9",
-    "typescript": "4.7.4"
+    "typescript": "4.7.4",
+    "uglify-js": "^3.16.3"
   }
 }