@conduction/components 2.2.22 → 2.2.23

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";