@conduction/components 2.2.21 → 2.2.23

package/lib/components/htmlParser/parser/anchor/getAnchor.d.ts

@@ -1,2 +0,0 @@
-import { TGitHubDirectory } from "../../useGitHubDirectories";
-export declare const getAnchor: (props: any, children: any, options: any, directories: TGitHubDirectory[], location: string) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/anchor/getAnchor.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import _ from "lodash";
-import { Link } from "@utrecht/component-library-react/dist/css-module";
-import { navigate } from "gatsby";
-import { domToReact } from "html-react-parser";
-export const getAnchor = (props, children, options, directories, location) => {
-    const handleClick = (e) => {
-        e.preventDefault();
-        const targetFile = _.upperFirst(props.href.substring(props.href.lastIndexOf("/") + 1).replace(".md", ""));
-        // No link
-        if (!props.href) {
-            navigate("#");
-            return;
-        }
-        // Anchor Links
-        if (props.className === "anchor" || Array.from(props.href)[0] === "#") {
-            handleAnchorClick(props); // handles on-page scroll anchors
-            return;
-        }
-        // Internal Links
-        if (!props.href.includes("://")) {
-            handleInternalLinks(props, targetFile, location, directories);
-            return;
-        }
-        // External Links
-        if (props.href.includes("://")) {
-            open(props.href);
-            return;
-        }
-    };
-    const attributes = {
-        ...props,
-        onClick: handleClick,
-    };
-    return _jsx(Link, { ...attributes, children: domToReact(children, options) });
-};
-const handleInternalLinks = (props, targetFile, location, directories) => {
-    // Internal Links: same directory
-    if (!props.href.includes("/")) {
-        const targetDirectory = _.upperFirst(location.split("/").reverse()[1]);
-        navigate(`/pages/${targetDirectory}/${targetFile}`);
-        return; // ensure no other flow is triggered
-    }
-    // Internal Links: homepage
-    if (props.href.includes("/") && location === "/") {
-        const directoryFound = directories.some((directory) => directory.location === props.href);
-        if (directoryFound)
-            navigate(`/pages/${targetFile}`);
-        return; // ensure no other flow is triggered
-    }
-    // Internal Links: different directory
-    if (props.href.includes("/")) {
-        const targetDirectory = props.href.split("/").reverse()[1];
-        const directoryFound = directories.some((directory) => directory.location.substring(directory.location.lastIndexOf("/") + 1) === targetDirectory);
-        // Internal Link exists: redirect to page
-        if (directoryFound) {
-            navigate(`/pages/${_.upperFirst(targetDirectory)}/${targetFile}`);
-        }
-        // Internal Link does not exist: redirect to online GitHub environment (TODO)
-        if (!directoryFound) {
-            const hrefWithLeadingSlash = !props.href.startsWith("/") ? `/${props.href}` : props.href;
-            open(`${process.env.GATSBY_GITHUB_REPOSITORY_URL}/blob/master${hrefWithLeadingSlash}`);
-        }
-        return; // ensure no other flow is triggered
-    }
-};
-const handleAnchorClick = (props) => {
-    const targetId = props.id ?? props.href.replace("#", "user-content-");
-    const target = document.getElementById(targetId);
-    const headerHeight = document.getElementById("header")?.clientHeight ?? 100;
-    if (target) {
-        window.scrollTo({ top: target.offsetTop - (headerHeight + 24), behavior: "smooth" }); // +24 simply adds some padding
-    }
-};

package/lib/components/htmlParser/parser/code/getCode.d.ts

@@ -1 +0,0 @@
-export declare const getCode: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/code/getCode.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Code, CodeBlock } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getCode = (name, props, children, options) => {
-    switch (name) {
-        case "code":
-            return _jsx(Code, { ...props, children: domToReact(children, options) });
-        case "pre":
-            return _jsx(CodeBlock, { ...props, children: domToReact(children, options) });
-    }
-};

package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.d.ts

@@ -1 +0,0 @@
-export declare const getBlockquote: (children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/getBlockquote/getBlockquote.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getBlockquote = (children, options) => {
-    return _jsx(Alert, { children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/header/getHeader.d.ts

@@ -1 +0,0 @@
-export declare const getHeader: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/header/getHeader.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Heading1, Heading2, Heading3, Heading4 } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getHeader = (name, props, children, options) => {
-    switch (name) {
-        case "h1":
-            return _jsx(Heading1, { ...props, children: domToReact(children, options) });
-        case "h2":
-            return _jsx(Heading2, { ...props, children: domToReact(children, options) });
-        case "h3":
-            return _jsx(Heading3, { ...props, children: domToReact(children, options) });
-        case "h4":
-            return _jsx(Heading4, { ...props, children: domToReact(children, options) });
-    }
-};

package/lib/components/htmlParser/parser/image/getImage.d.ts

@@ -1 +0,0 @@
-export declare const getImage: (props: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/image/getImage.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image } from "@utrecht/component-library-react/dist/css-module";
-export const getImage = (props) => {
-    let src = props.src;
-    if (!props.src.includes("https://" || "http://")) {
-        const sessionUrl = process.env.GATSBY_GITHUB_REPOSITORY_URL;
-        const url = sessionUrl?.replace("https://github.com/", "");
-        src = `https://raw.githubusercontent.com/${url}/master/docs/features/${props.src}`;
-    }
-    let alt = props.alt;
-    if (!props.alt) {
-        alt = props.title;
-    }
-    if (!props.alt && !props.title) {
-        alt = props.src;
-    }
-    const attributes = {
-        ...props,
-        src,
-        alt,
-        href: "",
-        onClick: (e) => {
-            e.stopPropagation();
-            open(src);
-        },
-    };
-    return _jsx(Image, { ...attributes });
-};

package/lib/components/htmlParser/parser/list/getList.d.ts

@@ -1 +0,0 @@
-export declare const getList: (name: string, props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/list/getList.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getList.module.css";
-import { OrderedList, UnorderedList } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getList = (name, props, children, options) => {
-    switch (name) {
-        case "ol":
-            return (_jsx(OrderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
-        case "ul":
-            return (_jsx(UnorderedList, { className: styles.list, ...props, children: domToReact(children, options) }));
-    }
-};

package/lib/components/htmlParser/parser/list/getList.module.css

@@ -1,3 +0,0 @@
-.list {
-  width: 100% !important;
-}

package/lib/components/htmlParser/parser/listItem/getListItem.d.ts

@@ -1 +0,0 @@
-export declare const getListItem: (props: any, parent: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/components/htmlParser/parser/listItem/getListItem.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OrderedListItem, UnorderedListItem } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getListItem = (props, parent, children, options) => {
-    switch (parent.name) {
-        case "ol":
-            return _jsx(OrderedListItem, { ...props, children: domToReact(children, options) });
-        case "ul":
-            return _jsx(UnorderedListItem, { ...props, children: domToReact(children, options) });
-    }
-    return;
-};

package/lib/components/htmlParser/parser/paragraph/getParagraph.d.ts

@@ -1 +0,0 @@
-export declare const getParagraph: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/paragraph/getParagraph.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Paragraph } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getParagraph = (props, children, options) => {
-    return _jsx(Paragraph, { ...props, children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/svg/getSvg.d.ts

@@ -1 +0,0 @@
-export declare const getSvg: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/svg/getSvg.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { domToReact } from "html-react-parser";
-export const getSvg = (props, children, options) => {
-    if (props.className.includes("octicon octicon-link")) {
-        return _jsx(_Fragment, {});
-    }
-    return _jsx("svg", { ...props, children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/table/getTable.d.ts

@@ -1 +0,0 @@
-export declare const getTable: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/table/getTable.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTable.module.css";
-import { Table } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTable = (props, children, options) => {
-    return (_jsx(Table, { className: styles.table, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/table/getTable.module.css

@@ -1,3 +0,0 @@
-.table {
-  background-color: var(--utrecht-table-background-color) !important;
-}

package/lib/components/htmlParser/parser/tableBody/getTableBody.d.ts

@@ -1 +0,0 @@
-export declare const getTableBody: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableBody/getTableBody.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableBody.module.css";
-import { TableBody } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableBody = (props, children, options) => {
-    return (_jsx(TableBody, { className: styles.tableBody, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableBody/getTableBody.module.css

@@ -1,3 +0,0 @@
-.tableBody {
-  border: var(--utrecht-table-body-border);
-}

package/lib/components/htmlParser/parser/tableCell/getTableCell.d.ts

@@ -1 +0,0 @@
-export declare const getTableCell: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableCell/getTableCell.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableCell.module.css";
-import { TableCell } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableCell = (props, children, options) => {
-    return (_jsx(TableCell, { className: styles.tableCell, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableCell/getTableCell.module.css

@@ -1,3 +0,0 @@
-.tableCell {
-  vertical-align: middle !important;
-}

package/lib/components/htmlParser/parser/tableHeader/getTableHeader.d.ts

@@ -1 +0,0 @@
-export declare const getTableHeader: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableHeader/getTableHeader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableHeader.module.css";
-import { TableHeader } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableHeader = (props, children, options) => {
-    return (_jsx(TableHeader, { className: styles.tableHeader, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableHeader/getTableHeader.module.css

@@ -1,28 +0,0 @@
-.tableHeader {
-  font-family: var(--utrecht-table-header-font-family);
-}
-
-.tableHeader > * {
-  border-block-end: var(--utrecht-table-header-border-block-end-width) solid
-    var(--utrecht-table-header-border-block-end-color);
-}
-
-.tableHeader > tr:nth-child(odd) {
-  background-color: inherit;
-  color: inherit;
-}
-
-.tableHeader > tr:nth-child(odd):hover {
-  background-color: inherit;
-  color: inherit;
-}
-
-.tableHeader > tr:nth-child(even) {
-  background-color: inherit;
-  color: inherit;
-}
-
-.tableHeader > tr:nth-child(even):hover {
-  background-color: inherit;
-  color: inherit;
-}

package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.d.ts

@@ -1 +0,0 @@
-export declare const getTableHeaderCell: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableHeaderCell/getTableHeaderCell.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableHeaderCell } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableHeaderCell = (props, children, options) => {
-    return _jsx(TableHeaderCell, { ...props, children: domToReact(children, options) });
-};

package/lib/components/htmlParser/parser/tableRow/getTableRow.d.ts

@@ -1 +0,0 @@
-export declare const getTableRow: (props: any, children: any, options: any) => import("react/jsx-runtime").JSX.Element;

package/lib/components/htmlParser/parser/tableRow/getTableRow.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as styles from "./getTableRow.module.css";
-import { TableRow } from "@utrecht/component-library-react/dist/css-module";
-import { domToReact } from "html-react-parser";
-export const getTableRow = (props, children, options) => {
-    return (_jsx(TableRow, { className: styles.tableRow, ...props, children: domToReact(children, options) }));
-};

package/lib/components/htmlParser/parser/tableRow/getTableRow.module.css

@@ -1,29 +0,0 @@
-.tableRow:nth-child(odd) {
-  background-color: var(--utrecht-table-row-alternate-odd-background-color);
-  color: var(--utrecht-table-row-alternate-odd-color);
-}
-
-.tableRow:nth-child(odd):hover {
-  background-color: var(--utrecht-table-row-hover-background-color);
-  color: var(--utrecht-table-row-hover-color);
-}
-
-.tableRow:nth-child(even) {
-  background-color: var(--utrecht-table-row-alternate-even-background-color);
-  color: var(--utrecht-table-row-alternate-even-color);
-}
-
-.tableRow:nth-child(even):hover {
-  background-color: var(--utrecht-table-row-hover-background-color);
-  color: var(--utrecht-table-row-hover-color);
-}
-
-.tableRow:nth-child(even) {
-  background-color: var(--utrecht-table-row-alternate-even-background-color);
-  color: var(--utrecht-table-row-alternate-even-color);
-}
-
-.tableRow:nth-child(even):hover {
-  background-color: var(--utrecht-table-row-hover-background-color);
-  color: var(--utrecht-table-row-hover-color);
-}

package/lib/components/htmlParser/parser/useHtmlParser.d.ts

@@ -1,5 +0,0 @@
-export declare const useHtmlParser: (location: string, directoriesJson: string) => {
-    options: {
-        replace: ({ attribs, parent, children, name }: any) => import("react/jsx-runtime").JSX.Element | undefined;
-    };
-};

package/lib/components/htmlParser/parser/useHtmlParser.js

@@ -1,78 +0,0 @@
-import { attributesToProps } from "html-react-parser";
-import { getHeader } from "./header/getHeader";
-import { getAnchor } from "./anchor/getAnchor";
-import { getListItem } from "./listItem/getListItem";
-import { getImage } from "./image/getImage";
-import { getList } from "./list/getList";
-import { getParagraph } from "./paragraph/getParagraph";
-import { getBlockquote } from "./getBlockquote/getBlockquote";
-import { getTable } from "./table/getTable";
-import { getTableRow } from "./tableRow/getTableRow";
-import { getTableHeader } from "./tableHeader/getTableHeader";
-import { getTableHeaderCell } from "./tableHeaderCell/getTableHeaderCell";
-import { getTableBody } from "./tableBody/getTableBody";
-import { getTableCell } from "./tableCell/getTableCell";
-import { getCode } from "./code/getCode";
-import { getAlert } from "./alert/getAlert";
-import { useGitHubDirectories } from "../useGitHubDirectories";
-import { getSvg } from "./svg/getSvg";
-export const useHtmlParser = (location, directoriesJson) => {
-    const { directories } = useGitHubDirectories(directoriesJson);
-    const options = {
-        replace: ({ attribs, parent, children, name }) => {
-            if (!attribs) {
-                return;
-            }
-            const props = attributesToProps(attribs);
-            if (attribs && (name === "h1" || name === "h2" || name === "h3" || name === "h4")) {
-                return getHeader(name, props, children, options);
-            }
-            if (attribs && name === "p") {
-                return getParagraph(props, children, options);
-            }
-            if (attribs && name === "a") {
-                return getAnchor(props, children, options, directories, location);
-            }
-            if (attribs && (name === "ol" || name === "ul")) {
-                return getList(name, props, children, options);
-            }
-            if (attribs && name === "li") {
-                return getListItem(props, parent, children, options);
-            }
-            if (attribs && name === "img") {
-                return getImage(props);
-            }
-            if (attribs && name === "blockquote") {
-                return getBlockquote(children, options);
-            }
-            if (attribs && name === "div" && attribs.class?.includes("markdown-alert")) {
-                return getAlert(children, options, attribs.class);
-            }
-            if (attribs && name === "table") {
-                return getTable(props, children, options);
-            }
-            if (attribs && name === "tr") {
-                return getTableRow(props, children, options);
-            }
-            if (attribs && name === "thead") {
-                return getTableHeader(props, children, options);
-            }
-            if (attribs && name === "th") {
-                return getTableHeaderCell(props, children, options);
-            }
-            if (attribs && name === "tbody") {
-                return getTableBody(props, children, options);
-            }
-            if (attribs && name === "td") {
-                return getTableCell(props, children, options);
-            }
-            if (attribs && name === "svg") {
-                return getSvg(props, children, options);
-            }
-            if (attribs && (name === "code" || name === "pre")) {
-                return getCode(name, props, children, options);
-            }
-        },
-    };
-    return { options };
-};

package/lib/components/htmlParser/useGitHubDirectories.d.ts

@@ -1,10 +0,0 @@
-export declare type TGitHubDirectory = {
-    name: string;
-    location: string;
-};
-export declare const useGitHubDirectories: (test: string) => {
-    directories: TGitHubDirectory[];
-    getSlugFromName: (name: string) => string;
-    getDirectoryReadMeLocation: (pageSlug: string) => string;
-    getDetailMdLocation: (pageSlug: string, detailPageSlug: string) => string;
-};

package/lib/components/htmlParser/useGitHubDirectories.js

@@ -1,31 +0,0 @@
-import * as React from "react";
-export const useGitHubDirectories = (test) => {
-    const [directories, setDirectories] = React.useState([]);
-    React.useEffect(() => {
-        const gitHubDirectoryPathsString = test;
-        if (!gitHubDirectoryPathsString)
-            return;
-        try {
-            const directories = JSON.parse(gitHubDirectoryPathsString);
-            setDirectories(directories);
-        }
-        catch {
-            console.warn("Something went wrong parsing the GitHub directories.");
-        }
-    }, []);
-    const getSlugFromName = (name) => name.replace(" ", "-");
-    const getNameFromSlug = (slug) => slug.replace("-", " "); // internal function
-    const getDirectoryReadMeLocation = (pageSlug) => {
-        const directory = directories.find((directory) => directory.name === getNameFromSlug(pageSlug));
-        if (!directory)
-            return "";
-        return `${directory.location}/README.md`;
-    };
-    const getDetailMdLocation = (pageSlug, detailPageSlug) => {
-        const directory = directories.find((directory) => directory.name === getNameFromSlug(pageSlug));
-        if (!directory)
-            return "";
-        return `${directory.location}/${getNameFromSlug(detailPageSlug)}.md`;
-    };
-    return { directories, getSlugFromName, getDirectoryReadMeLocation, getDetailMdLocation };
-};

package/lib/components/statusSteps/StatusSteps.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-interface IStatusStep {
-    title: string;
-    checked?: boolean;
-    current?: boolean;
-    expanded?: boolean;
-    subSteps?: string[];
-}
-interface StatusStepsProps {
-    steps: IStatusStep[];
-}
-export declare const StatusSteps: ({ steps }: StatusStepsProps) => JSX.Element;
-export {};

package/lib/components/statusSteps/StatusSteps.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Step, StepExpandedIcon, StepHeader, StepHeading, StepList, StepMarker, StepSection, SubStep, SubStepHeading, SubStepList, SubStepMarker, } from "@gemeente-denhaag/process-steps";
-export const StatusSteps = ({ steps }) => {
-    return (_jsx(StepList, { children: steps.map(({ title, checked, current, expanded, subSteps }, idx) => (_jsxs(Step, { ...{ checked, current, expanded }, children: [_jsx(StepSection, { children: _jsxs(StepHeader, { children: [_jsx(StepMarker, { children: idx + 1 }), _jsx(StepHeading, { children: title }), subSteps && _jsx(StepExpandedIcon, {})] }) }), subSteps && (_jsx(SubStepList, { children: subSteps.map((subStep) => (_jsxs(SubStep, { children: [_jsx(SubStepMarker, {}), _jsx(SubStepHeading, { children: subStep })] }, idx))) }))] }, idx))) }));
-};

package/lib/components/tableWrapper/TableWrapper.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare const TableWrapper: React.FC<{
-    children: React.ReactNode;
-}>;

package/lib/components/tableWrapper/TableWrapper.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect } from "react";
-import * as styles from "./TableWrapper.module.css";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronLeft, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-export const TableWrapper = ({ children }) => {
-    const [canScrollRight, setCanScrollRight] = useState(false);
-    const [canScrollLeft, setCanScrollLeft] = useState(false);
-    const wrapperRef = React.useRef(null);
-    const handleScroll = () => {
-        if (wrapperRef.current) {
-            setCanScrollLeft(wrapperRef.current.scrollLeft > 0);
-            setCanScrollRight(wrapperRef.current.scrollWidth - wrapperRef.current.scrollLeft > wrapperRef.current.clientWidth);
-        }
-    };
-    const handleScrollRight = () => {
-        if (wrapperRef.current)
-            wrapperRef.current.scrollTo({ left: wrapperRef.current.scrollWidth, behavior: "smooth" });
-    };
-    const handleScrollLeft = () => {
-        if (wrapperRef.current)
-            wrapperRef.current.scrollTo({ left: 0, behavior: "smooth" });
-    };
-    useEffect(() => {
-        if (wrapperRef.current) {
-            setCanScrollRight(wrapperRef.current.scrollWidth > wrapperRef.current.clientWidth); // initiate scroll
-        }
-    }, []);
-    return (_jsx("div", { className: styles.container, children: _jsxs("div", { onScroll: handleScroll, ref: wrapperRef, className: styles.wrapper, children: [canScrollLeft && (_jsx("div", { onClick: handleScrollLeft, className: styles.scrollLeftButton, children: _jsx("div", { className: styles.scrollButton, children: _jsx(FontAwesomeIcon, { icon: faChevronLeft }) }) })), children, canScrollRight && (_jsx("div", { onClick: handleScrollRight, className: styles.scrollRightButton, children: _jsx("div", { className: styles.scrollButton, children: _jsx(FontAwesomeIcon, { icon: faChevronRight }) }) }))] }) }));
-};

package/lib/components/tableWrapper/TableWrapper.module.css

@@ -1,67 +0,0 @@
-:root {
-  --conduction-table-wrapper-scroll-button-background-color: #ffffff;
-  --conduction-table-wrapper-scroll-button-color: #000000;
-  --conduction-table-wrapper-scroll-button-padding-inline-start: 14px;
-  --conduction-table-wrapper-scroll-button-padding-inline-end: 14px;
-  /* --conduction-table-wrapper-scroll-button-padding-block-start: 10px; */
-  /* --conduction-table-wrapper-scroll-button-padding-block-end: 10px; */
-  /* --conduction-table-wrapper-scroll-button-border-color: 1px; */
-  /* --conduction-table-wrapper-scroll-button-border-color: solid; */
-  /* --conduction-table-wrapper-scroll-button-border-color: #000000; */
-
-  --conduction-table-wrapper-scroll-button-hover-background-color: #ffffff;
-  --conduction-table-wrapper-scroll-button-hover-color: #4376fc;
-}
-.container {
-  position: relative;
-}
-
-.wrapper,
-.wrapperTouchscreen {
-  overflow-x: scroll;
-}
-
-.scrollRightButton,
-.scrollLeftButton {
-  top: 0%;
-  position: absolute;
-  display: flex;
-  height: 100%;
-  background-color: var(--conduction-table-wrapper-scroll-button-background-color);
-  color: var(--conduction-table-wrapper-scroll-button-color);
-  padding-inline-start: var(--conduction-table-wrapper-scroll-button-padding-inline-start);
-  padding-inline-end: var(--conduction-table-wrapper-scroll-button-padding-inline-end);
-  padding-block-start: var(--conduction-table-wrapper-scroll-button-padding-block-start);
-  padding-block-end: var(--conduction-table-wrapper-scroll-button-padding-block-end);
-  border-width: var(--conduction-table-wrapper-scroll-button-border-width);
-  border-style: var(--conduction-table-wrapper-scroll-button-border-style);
-  border-color: var(--conduction-table-wrapper-scroll-button-border-color);
-}
-
-.scrollLeftButton:hover,
-.scrollRightButton:hover {
-  background-color: var(--conduction-table-wrapper-scroll-button-hover-background-color);
-  color: var(--conduction-table-wrapper-scroll-button-hover-color);
-  cursor: pointer;
-}
-
-.scrollRightButton {
-  right: 0;
-}
-
-.scrollLeftButton {
-  left: 0;
-}
-
-.scrollButton {
-  align-self: center;
-}
-
-/* Hide scrollbar */
-.wrapper::-webkit-scrollbar {
-  display: none;
-}
-.wrapper {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}

package/lib/custom.d copy.d.ts

@@ -1,5 +0,0 @@
-declare module "*.svg";
-declare module "*.jpg";
-declare module "*.png";
-declare module "*.module.css";
-declare module "@utrecht/component-library-react/dist/css-module";

package/lib/custom.d copy.js

@@ -1 +0,0 @@
-"use strict";