@darajs/ui-components 0.4.8

package/dist/markdown/markdown.js

@@ -0,0 +1,356 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import styled, { useTheme } from '@darajs/styled-components';
+import CodeViewer, { CodeComponentThemes } from '../code-viewer/code-viewer';
+const CustomMarkdownWrapper = styled.div `
+    /*
+     * Apply some base styles to the markdown content so it looks good by default
+     * Inspired by https://tailwindcss.com/docs/typography-plugin
+    */
+    code {
+        font-size: 0.9rem;
+    }
+
+    p {
+        margin-top: 1.25rem;
+        margin-bottom: 1.25rem;
+        line-height: 1.5rem;
+
+        code {
+            padding: 0.1rem;
+            background-color: ${(props) => props.theme.colors.grey1};
+            border: 1px solid ${(props) => props.theme.colors.grey3};
+            border-radius: 0.25rem;
+        }
+    }
+
+    p,
+    tr {
+        math {
+            padding: 0;
+            font-size: 1.25rem;
+        }
+    }
+
+    /* stylelint-disable-next-line */
+    math {
+        padding: 0.5rem;
+        font-size: 1.5rem;
+    }
+
+    a {
+        color: ${(props) => props.theme.colors.primary};
+        word-break: break-word;
+    }
+
+    blockquote {
+        quotes: '\\201C' '\\201D' '\\2018' '\\2019';
+
+        margin-top: 1.5rem;
+        margin-bottom: 1.5rem;
+        padding-left: 1rem;
+
+        font-weight: 500;
+        font-style: italic;
+        color: ${(props) => props.theme.colors.grey6};
+
+        border-left: 0.25rem solid ${(props) => props.theme.colors.grey3};
+
+        p:first-of-type::before {
+            content: open-quote;
+        }
+
+        p:last-of-type::after {
+            content: close-quote;
+        }
+    }
+
+    h1 {
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+
+        font-size: 2.5rem;
+        font-weight: 800;
+        line-height: 1.1;
+    }
+
+    h2 {
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+
+        font-size: 2rem;
+        font-weight: 800;
+        line-height: 1.3;
+    }
+
+    h3 {
+        margin-top: 1.6rem;
+        margin-bottom: 0.6rem;
+
+        font-size: 1.25rem;
+        font-weight: 800;
+        line-height: 1.25;
+    }
+
+    h4 {
+        margin-top: 1.5rem;
+        margin-bottom: 0.5rem;
+        line-height: 1.5;
+    }
+
+    img,
+    figure,
+    video {
+        margin-top: 1.5rem;
+        margin-bottom: 1.5rem;
+
+        * {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+    }
+
+    figcaption {
+        margin-top: 0.875rem;
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+        color: ${(props) => props.theme.colors.grey5};
+    }
+
+    h2 code {
+        font-size: 0.875rem;
+    }
+
+    h3 code {
+        font-size: 0.9rem;
+    }
+
+    pre:first-child {
+        margin-top: 0;
+    }
+
+    pre:last-child {
+        margin-bottom: 0;
+    }
+
+    /* don't apply default styles if the pre block has the pretty code display */
+    /* stylelint-disable-next-line */
+    pre:not(.prism-code):not(:has(.prism-code)) {
+        overflow-x: auto;
+
+        margin-top: 1.7rem;
+        margin-bottom: 1.7rem;
+        padding: 0 0.5em;
+
+        font-size: 0.9rem;
+        line-height: 1.7;
+
+        background-color: ${(props) => props.theme.colors.blue2};
+        border: 1px solid ${(props) => props.theme.colors.blue3};
+        border-radius: 0.375rem;
+
+        div {
+            background-color: ${(props) => props.theme.colors.blue2} !important;
+
+            span {
+                background-color: ${(props) => props.theme.colors.blue2};
+            }
+        }
+    }
+
+    hr + *,
+    h2 + *,
+    h3 + *,
+    h4 + * {
+        margin-top: 0;
+    }
+
+    ol,
+    ul {
+        margin-top: 1.25rem;
+        margin-bottom: 1.25rem;
+        padding-left: 1.625rem;
+
+        li {
+            margin-top: 0.5rem;
+            margin-bottom: 0.5rem;
+            padding-left: 0.375rem;
+            line-height: 1.5rem;
+
+            code {
+                padding: 0.1em;
+                background-color: ${(props) => props.theme.colors.grey1};
+                border: 1px solid ${(props) => props.theme.colors.grey3};
+                border-radius: 0.25rem;
+            }
+
+            p {
+                margin-top: 0.75rem;
+                margin-bottom: 0.75rem;
+            }
+
+            *:first-child {
+                margin-top: 1.25rem;
+            }
+
+            *:last-child {
+                margin-bottom: 1.25rem;
+            }
+        }
+    }
+
+    ol > li::marker {
+        font-weight: 400;
+        color: ${(props) => props.theme.colors.text};
+    }
+
+    ul > li::marker {
+        color: ${(props) => props.theme.colors.grey4};
+    }
+
+    hr {
+        margin-top: 3rem;
+        margin-bottom: 3rem;
+    }
+
+    table {
+        table-layout: auto;
+        border-collapse: collapse;
+
+        width: 100%;
+        margin-top: 2rem;
+        margin-bottom: 2rem;
+
+        font-size: 0.875rem;
+        line-height: 1.7;
+
+        thead {
+            border-bottom: 1px solid ${(props) => props.theme.colors.grey3};
+
+            th {
+                padding-right: 0.5rem;
+                padding-bottom: 0.5rem;
+                padding-left: 0.5rem;
+
+                font-weight: 600;
+                text-align: start;
+                vertical-align: bottom;
+            }
+
+            th:first-child {
+                padding-left: 0;
+            }
+
+            th:last-child {
+                padding-right: 0;
+            }
+        }
+
+        tfoot {
+            border-top: 1px solid ${(props) => props.theme.colors.grey2};
+
+            td {
+                text-align: start;
+                vertical-align: top;
+            }
+        }
+
+        tbody {
+            tr {
+                border-bottom: 1px solid ${(props) => props.theme.colors.grey2};
+
+                &:last-child {
+                    border-bottom: 0;
+                }
+            }
+
+            td {
+                padding: 0.5rem;
+                text-align: start;
+                vertical-align: baseline;
+
+                &:first-child {
+                    padding-left: 0;
+                }
+
+                &:last-child {
+                    padding-right: 0;
+                }
+            }
+        }
+    }
+
+    /* Remove top margin for first-child */
+    h1:first-child,
+    h2:first-child,
+    h3:first-child,
+    h4:first-child,
+    blockquote:first-child,
+    ol:first-child,
+    ul:first-child,
+    li:first-child,
+    p:first-child,
+    img:first-child,
+    figure:first-child,
+    video:first-child,
+    hr:first-child {
+        margin-top: 0;
+    }
+
+    /* Remove bottom margin for last-child */
+    h1:last-child,
+    h2:last-child,
+    h3:last-child,
+    h4:last-child,
+    blockquote:last-child,
+    ol:last-child,
+    ul:last-child,
+    li:last-child,
+    p:last-child,
+    img:last-child,
+    figure:last-child,
+    video:last-child,
+    hr:last-child {
+        margin-bottom: 0;
+    }
+`;
+function CodeDisplay(props) {
+    const theme = useTheme();
+    const { children } = props, rest = __rest(props, ["children"]);
+    const match = /language-(\w+)/.exec(props.className || '');
+    const parsed = React.useMemo(() => {
+        return String(children).trim().replace(/\n\n/g, '\n');
+    }, [children]);
+    // if the code block doesn't specify the language, e.g. ``` without lang or inline `code` block
+    if (!match) {
+        return _jsx("code", Object.assign({}, rest, { children: parsed }));
+    }
+    // assume language is supported - we could check for grammar support but if unsupported
+    // prism will just render without syntax highlighting which is fine
+    return (_jsx(CodeViewer, { value: parsed, language: match[1], style: { border: `1px solid ${theme.colors.grey2}`, borderRadius: '0.25rem' }, codeTheme: 
+        // opposite theme
+        theme.themeType === 'dark' ? CodeComponentThemes.DARK : CodeComponentThemes.LIGHT }));
+}
+/**
+ * A component for rendering markdown
+ */
+function Markdown(props) {
+    var _a;
+    const { markdown, className, style } = props, reactMarkdownProps = __rest(props, ["markdown", "className", "style"]);
+    return (_jsx(CustomMarkdownWrapper, { className: className, style: style, children: _jsx(ReactMarkdown, Object.assign({}, reactMarkdownProps, { components: Object.assign({ code: CodeDisplay }, reactMarkdownProps.components), remarkPlugins: (_a = reactMarkdownProps.remarkPlugins) !== null && _a !== void 0 ? _a : [remarkGfm], children: markdown })) }));
+}
+export default Markdown;
+//# sourceMappingURL=markdown.js.map

package/dist/markdown/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/markdown/markdown.tsx"],"names":[],"mappings":"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"}

package/dist/modal/modal.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+/** Modal footer component, that arranges the buttons to each side and adds space around them */
+declare const ModalFooter: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, {}, never>;
+interface ModalHeaderProps {
+    flexDirection?: string;
+}
+/** Arranges the modal header and adds some space below it */
+declare const ModalHeader: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, ModalHeaderProps, never>;
+export interface ModalProps {
+    /** The content of the modal should be passed as children */
+    children: React.ReactNode;
+    /** Standard react className property */
+    className?: string;
+    /** Component Id */
+    id?: string;
+    /**
+     * An optional event listener for if an external event (e.g. esc key) tries to close the modal, it's up to the
+     * parent component to decide whether to close the modal
+     */
+    onAttemptClose?: () => void | Promise<void>;
+    /** Handler that's called when the modal has finished closing and has unmounted */
+    onClosed?: () => void | Promise<void>;
+    /** Whether to render the modal content or not */
+    render: boolean;
+    /** Native react style property */
+    style?: React.CSSProperties;
+}
+/**
+ * A simple modal component, accepts children and a render property. It handles attaching the modal to the body of the
+ * document and transitioning it in and out of view as required
+ *
+ * @param {ModalProps} props - the component props
+ */
+declare function Modal(props: ModalProps): JSX.Element;
+export default Modal;
+export { ModalFooter, ModalHeader };
+//# sourceMappingURL=modal.d.ts.map

package/dist/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B,gGAAgG;AAChG,QAAA,MAAM,WAAW,iHAKhB,CAAC;AAEF,UAAU,gBAAgB;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,6DAA6D;AAC7D,QAAA,MAAM,WAAW,+HAOhB,CAAC;AAEF,MAAM,WAAW,UAAU;IACvB,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAqD7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/modal/modal.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import styled from '@darajs/styled-components';
+import { Key } from '../constants';
+const Background = styled.div `
+    position: fixed;
+    z-index: 2000;
+    top: 0;
+    left: 0;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 100%;
+    height: 100%;
+
+    opacity: ${(props) => (props.render ? 1 : 0)};
+    background-color: ${(props) => props.theme.colors.modalBg};
+
+    transition: opacity ease-in 0.1s;
+`;
+const ModalWrapper = styled.div `
+    overflow: hidden;
+    display: inline-flex;
+    flex-direction: column;
+
+    min-width: 20rem;
+    max-width: 80vw;
+    min-height: 10rem;
+    max-height: 80vh;
+    margin-top: ${(props) => (props.render ? 0 : '-50px')};
+    padding: 1.75rem;
+
+    font-size: ${(props) => props.theme.font.size};
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border-radius: 0.25rem;
+    box-shadow: ${(props) => props.theme.shadow.medium};
+
+    transition: margin-top ease-in 0.1s;
+`;
+/** Modal footer component, that arranges the buttons to each side and adds space around them */
+const ModalFooter = styled.div `
+    display: flex;
+    flex: 0 0 auto;
+    justify-content: space-between;
+    margin-top: 1rem;
+`;
+/** Arranges the modal header and adds some space below it */
+const ModalHeader = styled.div `
+    display: flex;
+    flex: 0 0 auto;
+    flex-direction: ${(props) => props.flexDirection || 'column'};
+    justify-content: space-between;
+
+    margin-bottom: 1rem;
+`;
+/**
+ * A simple modal component, accepts children and a render property. It handles attaching the modal to the body of the
+ * document and transitioning it in and out of view as required
+ *
+ * @param {ModalProps} props - the component props
+ */
+function Modal(props) {
+    var _a;
+    const [mounted, setMounted] = useState(false);
+    const [renderModal, setRenderModal] = useState(false);
+    // Internal state is updated using the useEffect to delay it to the next tick. This allows for the components css
+    // animations to work correctly
+    useEffect(() => {
+        setRenderModal(props.render);
+    }, [props.render]);
+    useEffect(() => {
+        if (renderModal) {
+            const keyHandler = (e) => {
+                if (e.key === Key.ESCAPE && props.onAttemptClose) {
+                    props.onAttemptClose();
+                }
+            };
+            document.addEventListener('keydown', keyHandler);
+            return () => {
+                document.removeEventListener('keydown', keyHandler);
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [renderModal, props.onAttemptClose]);
+    if (!props.render && !mounted) {
+        return null;
+    }
+    const onTransitionEnd = () => {
+        setMounted(props.render);
+        if (!props.render && props.onClosed) {
+            props.onClosed();
+        }
+    };
+    const stopPropagation = (e) => {
+        e.stopPropagation();
+    };
+    return ReactDOM.createPortal(_jsx(Background, { id: props.id, onClick: props.onAttemptClose, onTransitionEnd: onTransitionEnd, render: renderModal, children: _jsx(ModalWrapper, { className: `cl-modal-content ${(_a = props.className) !== null && _a !== void 0 ? _a : ''}`, onClick: stopPropagation, render: renderModal, style: props.style, children: props.children }) }), document.body);
+}
+export default Modal;
+export { ModalFooter, ModalHeader };
+//# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":"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"}

package/dist/multiselect/multiselect.d.ts

@@ -0,0 +1,31 @@
+import { InteractiveComponentProps, Item } from '../types';
+export interface MultiSelectProps extends InteractiveComponentProps<Array<Item>> {
+    /** Whether to open the select dropdown on load or not, defaults to false */
+    initialIsOpen?: boolean;
+    /** The items to pick from the list. Each should have a label and a value */
+    items: Array<Item>;
+    /** An optional property for the maximum number of rows of items to show. Defaults to 3 */
+    maxRows?: number;
+    /** An optional max-width property in pixels or a percentage of parent. Defaults to 100% */
+    maxWidth?: string;
+    /** An optional onSelect handler for listening to changes in the selected item */
+    onSelect?: (item: Array<Item>) => void | Promise<void>;
+    /** An optional handler when the search term is changed */
+    onTermChange?: (term: string) => void | Promise<void>;
+    /** An optional placeholder for the input field to display when nothing is selected, defaults to '' */
+    placeholder?: string;
+    /** Set the selected items to a specific value, will put the component in controlled mode */
+    selectedItems?: Item[];
+    /** Font size in rem to show in the Select */
+    size?: number;
+}
+/**
+ * A multiselect select combobox component, accepts a list of items to select from and an onSelect handler to listen for
+ * changes. Renders currently selected items as list of tags which have a cross for removing them. Component will expand
+ * vertically to fit all selected items.
+ *
+ * @param {MultiSelectProps} props - the component props
+ */
+declare function MultiSelect({ maxWidth, maxRows, ...props }: MultiSelectProps): JSX.Element;
+export default MultiSelect;
+//# sourceMappingURL=multiselect.d.ts.map

package/dist/multiselect/multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../src/multiselect/multiselect.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AA2K3D,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5E,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAiB,EAAE,OAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4IhG;AAED,eAAe,WAAW,CAAC"}