@darajs/ui-components 0.4.8

package/dist/tabs/tabs.js

@@ -0,0 +1,91 @@
+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 isEqual from 'lodash/isEqual';
+import styled from '@darajs/styled-components';
+const TabWrapper = styled.div `
+    overflow: hidden;
+    display: flex;
+
+    /* This is needed as the content of a TabbedCard overflows for the wrapper to not shrink */
+    flex-shrink: 0;
+
+    width: 100%;
+
+    border-radius: 1rem 1rem 0 0;
+`;
+const TabComponent = styled.span `
+    cursor: pointer;
+    user-select: none;
+
+    overflow: hidden;
+    display: flex;
+    flex: 1 1 0;
+    align-items: center;
+    justify-content: center;
+
+    box-sizing: border-box;
+    height: 2.5rem;
+
+    color: ${(props) => (props.selected ? props.theme.colors.primary : props.theme.colors.grey3)};
+
+    background-color: ${(props) => props.theme.colors.blue1};
+    border-bottom: ${(props) => props.selected ? `2px solid ${props.theme.colors.primary}` : `1px solid ${props.theme.colors.grey3}`};
+
+    :hover {
+        color: ${(props) => (props.selected ? props.theme.colors.primary : props.theme.colors.text)};
+        background-color: ${(props) => (props.selected ? props.theme.colors.blue1 : props.theme.colors.grey1)};
+    }
+
+    h2 {
+        font-weight: ${(props) => (props.selected ? '700' : '400')};
+    }
+`;
+const Title = styled.h2 `
+    overflow: hidden;
+
+    width: 100%;
+    margin: 0;
+    padding: 0 1rem;
+
+    font-size: 1rem;
+    font-weight: 300;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`;
+function instanceOfTab(tab) {
+    return typeof tab === 'string' ? false : 'title' in tab;
+}
+/**
+ * A simple Tabs component that renders a set of tabs and manages which one is currently selected. Accepts an
+ * onSelectTab handler to notify the parent component when the selected tab changes
+ *
+ * @param {TabsProps} props - the component props
+ */
+function Tabs({ className, onSelectTab, selectedTab, tabs }) {
+    const objectTabs = tabs.map((tab) => (instanceOfTab(tab) ? tab : { title: tab }));
+    const tabSelected = instanceOfTab(selectedTab) ? selectedTab : { title: selectedTab };
+    const onClick = (tab) => () => {
+        if (onSelectTab) {
+            onSelectTab(tab);
+        }
+    };
+    return (_jsx(TabWrapper, { className: className, children: objectTabs.map((tab, idx) => (_jsx(TabComponent, { onClick: onClick(instanceOfTab(selectedTab) ? tab : tab.title), selected: isEqual(tab, tabSelected || objectTabs[0]), children: _jsx(Title, { children: tab.title }) }, `tab-${objectTabs[idx].title}`))) }));
+}
+export default Tabs;
+//# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.js.map

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

package/dist/textarea/textarea.d.ts

@@ -0,0 +1,47 @@
+/**
+ * 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 * as React from 'react';
+import { InteractiveComponentProps } from '../types';
+export interface TextAreaProps extends InteractiveComponentProps<string> {
+    /** An optional prop to focus the textarea upon mounting it */
+    autoFocus?: boolean;
+    /** An optional keydown event filter, that can filter out invalid chars from an textarea. Should return true to let
+     * the char through */
+    keydownFilter?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
+    /** An optional onBlur handler for listening to textarea blur events */
+    onBlur?: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void | Promise<void>;
+    /** An optional onChange handler for listening to changes in the textarea */
+    onChange?: (value: string, e?: React.SyntheticEvent<HTMLTextAreaElement>) => void | Promise<void>;
+    /** An optional onClick handler for listening to input click events */
+    onClick?: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void | Promise<void>;
+    /** An optional event listener for complete events (enter presses) */
+    onComplete?: () => void | Promise<void>;
+    /** An optional placeholder that will be used when the textarea is empty, defaults to '' */
+    placeholder?: string;
+    /** An optional property which sets whether the textarea is resizable, and if so, in which directions */
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical' | 'block' | 'inline';
+    /** The maximum height the textarea will grow to, if not set it will not grow as more text is entered, this expected as an rem value */
+    maxHeight?: number;
+}
+/**
+ * A simple text area component, accepts an onChange handler to listen for changes.
+ *
+ * @param props - the component props
+ */
+declare function TextArea({ autoFocus, className, disabled, errorMsg, initialValue, keydownFilter, maxHeight, onBlur, onChange, onClick, onComplete, placeholder, style, value, resize, }: TextAreaProps): JSX.Element;
+export default TextArea;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAuDrD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,MAAM,CAAC;IACpE,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;0BACsB;IACtB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACzE,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClG,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1E,uIAAuI;IACvI,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,GACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsE7B;AAED,eAAe,QAAQ,CAAC"}

package/dist/textarea/textarea.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 * as React from 'react';
+import styled from '@darajs/styled-components';
+import { Key } from '../constants';
+const ErrorMessage = styled.span `
+    display: flex;
+    flex-direction: column;
+
+    padding-left: 1rem;
+
+    font-size: 0.75rem;
+    color: ${(props) => props.theme.colors.error};
+`;
+const PrimaryTextArea = styled.textarea `
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+
+    width: 100%;
+    height: 100%;
+    min-height: 3.4rem;
+    padding: 1rem;
+
+    font-size: 1rem;
+    color: ${(props) => (props.disabled ? props.theme.colors.grey2 : props.theme.colors.text)};
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border: 1px solid ${(props) => (props.isErrored ? props.theme.colors.error : props.theme.colors.grey1)};
+    border-radius: 0.25rem;
+    outline: 0;
+
+    :hover:not(:disabled) {
+        border: 1px solid ${(props) => (props.isErrored ? props.theme.colors.error : props.theme.colors.grey2)};
+    }
+
+    :focus:not(:disabled) {
+        border: 1px solid ${(props) => (props.isErrored ? props.theme.colors.error : props.theme.colors.grey3)};
+    }
+
+    :active:not(:disabled) {
+        border: 1px solid ${(props) => (props.isErrored ? props.theme.colors.error : props.theme.colors.grey3)};
+    }
+
+    :disabled {
+        cursor: not-allowed;
+    }
+
+    ::placeholder {
+        font-style: italic;
+    }
+`;
+/**
+ * A simple text area component, accepts an onChange handler to listen for changes.
+ *
+ * @param props - the component props
+ */
+function TextArea({ autoFocus, className, disabled, errorMsg, initialValue, keydownFilter, maxHeight, onBlur, onChange, onClick, onComplete, placeholder, style, value, resize, }) {
+    const textareaRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (maxHeight && textareaRef.current) {
+            const computedStyle = window.getComputedStyle(textareaRef.current);
+            const minHeight = parseFloat(computedStyle.minHeight);
+            const maxHeightInPx = parseFloat(computedStyle.maxHeight);
+            // Reset the height to the initial minimum height in px
+            textareaRef.current.style.height = `${minHeight}px`;
+            // Calculate the new height based on scrollHeight
+            const newHeight = textareaRef.current.scrollHeight;
+            if (minHeight < newHeight) {
+                const adjustedHeight = Math.min(newHeight, maxHeightInPx);
+                // Set the textarea height to the new calculated height
+                textareaRef.current.style.height = `${adjustedHeight}px`;
+                // Toggle overflow-y based on whether maxHeight is reached, this is to guarantee overflow does not show before it is needed
+                if (adjustedHeight >= maxHeightInPx) {
+                    textareaRef.current.style.overflowY = 'auto';
+                }
+                else {
+                    textareaRef.current.style.overflowY = 'hidden';
+                }
+            }
+            else {
+                textareaRef.current.style.overflowY = 'hidden';
+            }
+        }
+    }, [maxHeight, value]);
+    const onChangeText = (e) => {
+        const target = e.target;
+        if (onChange) {
+            onChange(target.value, e);
+        }
+    };
+    const onKeyDown = (e) => {
+        if (keydownFilter && !keydownFilter(e)) {
+            e.preventDefault();
+        }
+        if (e.key === Key.ENTER && e.shiftKey && onComplete) {
+            return;
+        }
+        if (e.key === Key.ENTER && onComplete) {
+            onComplete();
+        }
+    };
+    return (_jsxs("div", { className: className, style: style, children: [_jsx(PrimaryTextArea, { ref: textareaRef, autoFocus: autoFocus, defaultValue: initialValue, disabled: disabled, isErrored: !!errorMsg, onBlur: onBlur, onChange: onChangeText, onClick: onClick, onKeyDown: onKeyDown, placeholder: placeholder, style: { resize, maxHeight: maxHeight ? `${maxHeight}rem` : 'none' }, value: value }), errorMsg && _jsx(ErrorMessage, { children: errorMsg })] }));
+}
+export default TextArea;
+//# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

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

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { GetReferenceClientRect } from 'tippy.js';
+export interface TooltipProps {
+    /** The element to append the tooltip to, by default it gets appended to the body of the document  */
+    appendTo?: Element | 'parent' | ((ref: Element) => Element);
+    /** the children to attached the tooltip too */
+    children?: React.ReactElement;
+    /** Standard react className property */
+    className?: string;
+    /** The content to render in the tooltip, can be any react renderable content */
+    content: React.ReactNode;
+    /** Optional parameter to delay the appearance of the tooltip, defaults to 0 */
+    delay?: number | [number | null, number | null];
+    /** Optional parameter to determine whether the display of the tooltip is disabled or not */
+    disabled?: boolean;
+    /** Whether the tooltip should follow the mouse cursor; or control how it will be followed */
+    followCursor?: boolean | 'horizontal' | 'vertical' | 'initial';
+    /** Optional prop to use with a virtual element */
+    getReferenceClientRect?: GetReferenceClientRect;
+    /** Optional parameter to determine whether to hide the tooltip wrapper */
+    hidden?: boolean;
+    /** Optional parameter to determine if the tooltip should be shown even when the children are clicked, by default
+     * it is true and hides the tooltip on clicking the children */
+    hideOnClick?: boolean;
+    /** Optional parameter to determine if the tooltip is interactive, i.e. it can be hovered over or clicked without
+     * hiding */
+    interactive?: boolean;
+    /** Optional handler to define what happens when clicked outside the tooltip, to be used with controlled mode */
+    onClickOutside?: (instance: any, event: Event) => void;
+    /** Optional parameter to determine where to place the tooltip in the top or bottom of component */
+    placement?: 'top' | 'bottom' | 'auto' | 'left' | 'right';
+    /**
+     * Standard react styling property
+     */
+    style?: React.CSSProperties;
+    /** Optional parameter to determine the style preset, options are default and error */
+    styling?: 'default' | 'error';
+    /** Optional parameter that sets tooltip visibility to be in controlled mode */
+    visible?: boolean;
+}
+/**
+ * A tooltip component that can be wrapped around any other react component and attach a tooltip to it
+ *
+ * @param props the props for the tooltip component
+ */
+declare function Tooltip({ appendTo, getReferenceClientRect, children, className, content, disabled, hideOnClick, interactive, visible, placement, styling, followCursor, hidden, style, delay, onClickOutside, }: TooltipProps): JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAiD,MAAM,UAAU,CAAC;AA8GjG,MAAM,WAAW,YAAY;IACzB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;IAC5D,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IAChD,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/D,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;mEAC+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;gBACY;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gHAAgH;IAChH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,mGAAmG;IACnG,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACb,QAAwB,EACxB,sBAAsB,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAkB,EAClB,WAAW,EACX,OAAO,EACP,SAAkB,EAClB,OAAmB,EACnB,YAAoB,EACpB,MAAc,EACd,KAAK,EACL,KAAS,EACT,cAA4B,GAC/B,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA+B5B;AAED,eAAe,OAAO,CAAC"}

package/dist/tooltip/tooltip.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 Tippy from '@tippyjs/react/headless';
+import { followCursor as followCursorPlugin } from 'tippy.js';
+import styled from '@darajs/styled-components';
+const TooltipWrapper = styled.div `
+    position: relative;
+
+    display: block;
+
+    max-width: 15rem;
+    padding: 0.75rem 1rem;
+
+    word-break: break-word;
+
+    border-radius: 0.25rem;
+
+    transition: opacity 150ms ease-in-out;
+
+    ${(props) => {
+    if (!props.$hidden) {
+        return `
+            color: ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.blue1};
+            font-size: ${props.theme.font.size};
+            border: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};
+
+            background-color: ${props.styling === 'default' ? props.theme.colors.grey2 : props.theme.colors.error};
+            `;
+    }
+}};
+`;
+const Arrow = styled.span `
+    position: absolute;
+
+    ${(props) => {
+    switch (props.placement) {
+        case 'top':
+            return 'bottom: 3px; left: -3px !important;';
+        case 'bottom':
+            return 'top: -5px;';
+        case 'left':
+            return 'right: 3px;';
+        case 'right':
+            return 'left: -5px;';
+        default:
+            // Unsupported placement, hide the arrow
+            return 'display: none;';
+    }
+}}
+
+    ${(props) => {
+    if (props.$hidden) {
+        return 'display: none;';
+    }
+}}
+
+    &::before {
+        content: '';
+
+        position: absolute;
+
+        ${(props) => {
+    switch (props.placement) {
+        case 'top':
+        case 'bottom':
+            return 'transform: rotate(45deg);';
+        case 'left':
+            return 'transform: rotate(135deg);';
+        case 'right':
+            return 'transform: rotate(-45deg);';
+        default:
+            return 'display: none;';
+    }
+}}
+
+        width: 0.5rem;
+        height: 0.5rem;
+
+        background: ${(props) => {
+    return props.styling === 'default' ? props.theme.colors.grey2 : props.theme.colors.error;
+}};
+        ${(props) => {
+    if (props.placement === 'top') {
+        return `border-bottom: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};
+                        border-right: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};`;
+    }
+    return `border-top: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};
+                        border-left: 1px solid ${props.styling === 'default' ? props.theme.colors.grey5 : props.theme.colors.errorDown};`;
+}}
+    }
+`;
+/**
+ * A tooltip component that can be wrapped around any other react component and attach a tooltip to it
+ *
+ * @param props the props for the tooltip component
+ */
+function Tooltip({ appendTo = document.body, getReferenceClientRect, children, className, content, disabled, hideOnClick = true, interactive, visible, placement = 'auto', styling = 'default', followCursor = false, hidden = false, style, delay = 0, onClickOutside = () => false, }) {
+    return (_jsx(Tippy, { appendTo: appendTo, arrow: true, delay: delay, disabled: disabled, followCursor: followCursor, getReferenceClientRect: getReferenceClientRect, hideOnClick: visible !== undefined ? undefined : hideOnClick, interactive: interactive, onClickOutside: onClickOutside, placement: placement, plugins: [followCursorPlugin], render: (attrs) => (_jsxs(TooltipWrapper, Object.assign({ "$hidden": hidden, className: className, style: style, styling: styling }, attrs, { children: [content, _jsx(Arrow, { "$hidden": hidden, "data-popper-arrow": "", placement: attrs['data-placement'], styling: styling })] }))), visible: visible, zIndex: 9998, children: children }));
+}
+export default Tooltip;
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,94 @@
+import React from 'react';
+/**
+ * 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.
+ */
+export type JSONData = {
+    [k: string]: string | number | boolean | JSONData | Array<JSONData>;
+};
+export interface ItemBadge {
+    color?: string;
+    label: string;
+}
+/** Standard interface for dropdown items */
+export interface Item {
+    badge?: ItemBadge;
+    image?: string;
+    icon?: JSX.Element;
+    label: string;
+    onClick?: () => void | Promise<void>;
+    value: any;
+}
+export interface CarouselItem {
+    component?: React.ReactNode;
+    image?: string;
+    imageAlt?: string;
+    imageHeight?: string;
+    imageWidth?: string;
+    subtitle?: string;
+    title?: string;
+}
+export interface AccordionItemType {
+    badge?: ItemBadge;
+    content: any;
+    label: string;
+}
+export interface ComponentSelectItem {
+    component: React.ReactNode;
+    subtitle?: string;
+    title: string;
+}
+export interface InteractiveComponentProps<T> {
+    /** Pass through of className property */
+    className?: string;
+    /** Optional property to disable the button */
+    disabled?: boolean;
+    /** An error message for the component, if it is an empty string then the element is valid. */
+    errorMsg?: string;
+    /** The initial value of the element */
+    initialValue?: T;
+    /** Native react style property, can be used to fine tune the element appearance */
+    style?: React.CSSProperties;
+    /** An optional value field to put the component into controlled mode */
+    value?: T;
+}
+/** Type for a Chat message */
+export interface Message {
+    /** Unique identifier for the message */
+    id: string;
+    /** The message content */
+    message: string;
+    /** The timestamp of the creation of the message */
+    created_at: string;
+    /** The timestamp of the last time the message was edited */
+    updated_at: string;
+    /** User data of the person who wrote the message */
+    user: UserData;
+    /** Optional actions to be displayed with the message */
+    actions?: React.ReactNode[];
+}
+export interface UserData {
+    /** user unique identifier */
+    id?: string;
+    /** user name */
+    name: string;
+    /** user email */
+    email?: string;
+    /** Optional content of the user bubble to be shown */
+    bubbleContent?: React.ReactNode;
+    /** Optional color the user bubble should take */
+    color?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;CAAE,CAAC;AAE/F,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,4CAA4C;AAC5C,MAAM,WAAW,IAAI;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IACxC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,CAAC;CACb;AAED,8BAA8B;AAC9B,MAAM,WAAW,OAAO;IACpB,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,EAAE,QAAQ,CAAC;IACf,wDAAwD;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACrB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":""}

package/dist/utils/chevron.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 * as React from 'react';
+interface ChevronProps {
+    /** The initial rotation of the chevron, defaults to 0 */
+    angles?: [number, number];
+    /** An optional class that can be passed to override the styling */
+    className?: string;
+    /** Whether the chevron is disabled */
+    disabled?: boolean;
+    /** Whether the parent component isOpen or not */
+    isOpen: boolean;
+    /** An optional handler for any click events on the element */
+    onClick?: (e: React.SyntheticEvent<SVGSVGElement>) => void | Promise<void>;
+    /** The native react style prop */
+    style?: React.CSSProperties;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ChevronProps & React.RefAttributes<any>>>;
+export default _default;
+//# sourceMappingURL=chevron.d.ts.map

package/dist/utils/chevron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron.d.ts","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;;AA+BD,wBAAmC"}

package/dist/utils/chevron.js

@@ -0,0 +1,38 @@
+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 * as React from 'react';
+import styled from '@darajs/styled-components';
+import { ChevronDown } from '@darajs/ui-icons';
+const shouldForwardProp = (prop) => !['isOpen'].includes(prop);
+const Icon = styled(ChevronDown).withConfig({ shouldForwardProp }) `
+    cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
+    transform: ${(props) => {
+    const start = props.angles ? props.angles[0] : 0;
+    const end = props.angles ? props.angles[1] : 180;
+    return props.isOpen ? `rotate(${end}deg)` : `rotate(${start}deg)`;
+}};
+    color: ${(props) => props.theme.colors.grey5};
+    transition: transform 0.1s linear;
+`;
+/**
+ * A rotating chevron, that flips from pointing down to up with the isOpen prop
+ * @param {ChevronProps} props - the component props
+ */
+const Chevron = React.forwardRef((props, ref) => (_jsx(Icon, { angles: props.angles, className: props.className, disabled: props.disabled, isOpen: props.isOpen, onClick: props.onClick, ref: ref, style: props.style })));
+export default React.memo(Chevron);
+//# sourceMappingURL=chevron.js.map

package/dist/utils/chevron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron.js","sourceRoot":"","sources":["../../src/utils/chevron.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiB/C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7E,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAc;cAClE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;iBACpD,CAAC,KAAK,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;AACtE,CAAC;aACQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE/C,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,KAAC,IAAI,IACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,GACpB,CACL,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC"}