@darajs/ui-components 1.0.0-a.1

package/dist/hierarchy-selector/node/branch.js

@@ -0,0 +1,133 @@
+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 { useState } from 'react';
+import styled, { css, keyframes, useTheme } from '@darajs/styled-components';
+import { Circle } from '@darajs/ui-icons';
+import { Chevron } from '../../utils';
+const NodeContent = styled.li `
+    margin-left: 0.35rem;
+    border-left: thin solid ${(props) => props.theme.colors.grey6};
+    &:last-child {
+        border-left: none;
+        &:before {
+            border-left: thin solid ${(props) => props.theme.colors.grey6};
+        }
+    }
+    &:before {
+        content: '';
+
+        display: inline-block;
+
+        width: 0.9rem;
+        height: 0.8rem;
+        margin-right: 0.1rem;
+
+        vertical-align: top;
+
+        border-bottom: thin solid ${(props) => props.theme.colors.grey6};
+    }
+`;
+export const Cell = styled.span `
+    cursor: ${(props) => (props.selectionAllowed ? 'pointer' : 'normal')};
+    font-weight: ${(props) => (props.isLeaf ? 300 : 400)};
+    color: ${(props) => {
+    if (props.selected) {
+        return props.theme.colors.primary;
+    }
+    return props.isLeaf ? props.theme.colors.grey6 : props.theme.colors.grey5;
+}};
+`;
+export const CircleIcon = styled(Circle) `
+    width: 0.5rem;
+    height: 0.5rem;
+    margin-right: 0.4rem;
+
+    color: ${(props) => (props.selected ? props.theme.colors.primary : props.theme.colors.grey6)};
+    vertical-align: middle;
+`;
+const grow = keyframes `
+    0% {
+        transform: scaleY(0);
+        opacity: 0;
+    }
+    100% {
+        transform: scaleY(1);
+        opacity: 1;
+    }
+`;
+const contract = keyframes `
+    100% {
+        transform: scaleY(1);
+        opacity: 1;
+    }
+    0% {
+        transform: scaleY(0);
+        opacity: 0;
+    }
+`;
+export const NodeWrapper = styled.ul `
+    transform-origin: top center;
+
+    display: ${(props) => (props.open ? 'block' : 'none')};
+
+    margin: 0;
+    margin-left: 1rem;
+    padding: 0;
+    padding-bottom: 1rem;
+
+    list-style: none;
+
+    animation: ${(props) => props.open
+    ? css `
+                  ${grow} 300ms ease-out forwards
+              `
+    : css `
+                  ${contract} 300ms ease-in forwards
+              `};
+`;
+/**
+ * The Branch Component renders each branch of the tree and then recursively renders all the child branches by calling
+ * itself again.
+ *
+ * @param {BranchProps} props - the component props
+ */
+function Branch(props) {
+    const theme = useTheme();
+    const [open, setOpen] = useState(props.open || false);
+    const toggle = () => {
+        if (props.content)
+            setOpen(!open);
+    };
+    const select = () => {
+        props.selectNode(props.content.id);
+    };
+    const selectionAllowed = (props.allowSelectCategory && props.content.children && props.content.children.length > 0) ||
+        (props.allowSelectLeaf && (!props.content.children || props.content.children.length === 0));
+    return (_jsxs(NodeContent, { className: props.className, style: props.style, children: [_jsx(CircleIcon, { selected: props.content.id === props.selectedNodeId }), _jsx(Cell, { isLeaf: !props.content.children || props.content.children.length === 0, onClick: selectionAllowed ? select : toggle, selected: props.content.id === props.selectedNodeId, selectionAllowed: selectionAllowed, children: props.content.label }), props.content.children && props.content.children.length > 0 && (_jsx(Chevron, { isOpen: open, onClick: toggle, style: {
+                    color: theme.colors.grey5,
+                    cursor: 'pointer',
+                    height: '0.8rem',
+                    marginLeft: '0.5rem',
+                    verticalAlign: 'middle',
+                    width: '0.8rem',
+                } })), _jsx(NodeWrapper, { open: open, children: props.content.children &&
+                    props.content.children.length > 0 &&
+                    props.content.children.map((nodeObj) => (_jsx(Branch, { allowSelectCategory: props.allowSelectCategory, allowSelectLeaf: props.allowSelectLeaf, content: nodeObj, selectCategory: props.selectCategory, selectNode: props.selectNode, selectedNodeId: props.selectedNodeId }, nodeObj.id))) })] }));
+}
+export default Branch;
+//# sourceMappingURL=branch.js.map

package/dist/hierarchy-selector/node/branch.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 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 { Key, CONTROL_KEYS } from './constants';
+export { AccordionItemType, JSONData, Item, ComponentSelectItem, InteractiveComponentProps, CarouselItem, } from './types';
+export { default as Accordion } from './accordion/accordion';
+export { default as Badge } from './badge/badge';
+export { default as Button } from './button/button';
+export { default as ButtonBar } from './button-bar/button-bar';
+export { default as Carousel } from './carousel/carousel';
+export { default as CategoricalFilter } from './filter/categorical-filter';
+export { default as Checkbox } from './checkbox/checkbox';
+export { default as CheckboxGroup } from './checkbox/checkbox-group';
+export { default as ComboBox } from './combo-box/combo-box';
+export { default as ContextMenu, MenuAction } from './context-menu/context-menu';
+export { default as DatePicker } from './datepicker/datepicker';
+export { default as UploadDropzone } from './dropzone/dropzone';
+export { default as ErrorBoundary } from './error-boundary/error-boundary';
+export { default as HierarchySelector, HierarchyNode } from './hierarchy-selector/hierarchy-selector';
+export { default as Input } from './input/input';
+export { InputProps } from './input/input';
+export { default as Modal, ModalFooter, ModalHeader } from './modal/modal';
+export { default as MultiSelect } from './multiselect/multiselect';
+export { default as NumericFilter } from './filter/numeric-filter';
+export { default as NumericInput } from './numeric-input/numeric-input';
+export { default as ComponentSelectList } from './component-select-list/component-select-list';
+export { default as ProgressBar } from './progress-bar/progress-bar';
+export { default as RadioGroup } from './radio/radio-group';
+export { default as SeachBar } from './search-bar/search-bar';
+export { default as SectionedList, ListItem, ListSection } from './sectioned-list/sectioned-list';
+export { default as Select } from './select/select';
+export { CategoricalSlider, Slider } from './slider/slider';
+export { default as Spinner } from './spinner/spinner';
+export { default as Switch } from './switch/switch';
+export { default as Table, TableAction } from './table/table';
+export { default as Tabs } from './tabs/tabs';
+export { default as Textarea } from './textarea/textarea';
+export { default as Tooltip } from './tooltip/tooltip';
+export { default as TriStateCheckbox } from './checkbox/tri-state-checkbox';
+export { Chevron, SubtleLabel, useInfiniteLoader, InfiniteLoader } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,52 @@
+/**
+ * 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 { Key, CONTROL_KEYS } from './constants';
+export { default as Accordion } from './accordion/accordion';
+export { default as Badge } from './badge/badge';
+export { default as Button } from './button/button';
+export { default as ButtonBar } from './button-bar/button-bar';
+export { default as Carousel } from './carousel/carousel';
+export { default as CategoricalFilter } from './filter/categorical-filter';
+export { default as Checkbox } from './checkbox/checkbox';
+export { default as CheckboxGroup } from './checkbox/checkbox-group';
+export { default as ComboBox } from './combo-box/combo-box';
+export { default as ContextMenu } from './context-menu/context-menu';
+export { default as DatePicker } from './datepicker/datepicker';
+export { default as UploadDropzone } from './dropzone/dropzone';
+export { default as ErrorBoundary } from './error-boundary/error-boundary';
+export { default as HierarchySelector } from './hierarchy-selector/hierarchy-selector';
+export { default as Input } from './input/input';
+export { default as Modal, ModalFooter, ModalHeader } from './modal/modal';
+export { default as MultiSelect } from './multiselect/multiselect';
+export { default as NumericFilter } from './filter/numeric-filter';
+export { default as NumericInput } from './numeric-input/numeric-input';
+export { default as ComponentSelectList } from './component-select-list/component-select-list';
+export { default as ProgressBar } from './progress-bar/progress-bar';
+export { default as RadioGroup } from './radio/radio-group';
+export { default as SeachBar } from './search-bar/search-bar';
+export { default as SectionedList } from './sectioned-list/sectioned-list';
+export { default as Select } from './select/select';
+export { CategoricalSlider, Slider } from './slider/slider';
+export { default as Spinner } from './spinner/spinner';
+export { default as Switch } from './switch/switch';
+export { default as Table, TableAction } from './table/table';
+export { default as Tabs } from './tabs/tabs';
+export { default as Textarea } from './textarea/textarea';
+export { default as Tooltip } from './tooltip/tooltip';
+export { default as TriStateCheckbox } from './checkbox/tri-state-checkbox';
+export { Chevron, SubtleLabel, useInfiniteLoader } from './utils';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAUhD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAc,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAiB,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAyB,MAAM,iCAAiC,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC"}

package/dist/input/input.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 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 declare const ErrorMessage: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, {}, never>;
+export interface InputProps extends InteractiveComponentProps<string> {
+    /** An optional prop to focus the input upon mounting it */
+    autoFocus?: boolean;
+    /** An optional keydown event filter, that can filter out invalid chars from an input. Should return true to let
+     * the char through */
+    keydownFilter?: (e: React.KeyboardEvent<HTMLInputElement>) => boolean;
+    /** An optional maximum length */
+    maxLength?: number;
+    /** An optional value to put in the input to check for maximum value */
+    maxValue?: any;
+    /** An optional value to put in the input to check for minimum value */
+    minValue?: any;
+    /** An optional onBlur handler for listening to input blur events */
+    onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => void | Promise<void>;
+    /** An optional onChange handler for listening to changes in the input */
+    onChange?: (value: string, e?: React.SyntheticEvent<HTMLInputElement>) => void | Promise<void>;
+    /** An optional onClick handler for listening to input click events */
+    onClick?: (e: React.SyntheticEvent<HTMLInputElement>) => void | Promise<void>;
+    /** An optional event listener for complete events (enter presses) */
+    onComplete?: () => void | Promise<void>;
+    /** An optional handler for listening to key down events */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void | Promise<void>;
+    /** An optional placeholder that will be used when the input is empty, defaults to '' */
+    placeholder?: string;
+    /** Input type attribute */
+    type?: string;
+}
+/**
+ * A simple text input component, accepts an onChange handler to listen for changes.
+ *
+ * Note: this needs to be a const forwardRef rather than a separate function wrapped
+ * in a forwardRef in export statement as this does not work with Storybook
+ *
+ * @param props - the component props
+ * @param ref - forward ref that's attached to underlying input element
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;
+//# sourceMappingURL=input.d.ts.map

package/dist/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAiDrD,eAAO,MAAM,YAAY,kHAIxB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,MAAM,CAAC;IACjE,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;0BACsB;IACtB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACtE,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7E,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,qFAmDV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/input/input.js

@@ -0,0 +1,102 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from '@darajs/styled-components';
+import { Key } from '../constants';
+const PrimaryInput = styled.input `
+    display: flex;
+    align-items: center;
+
+    width: 100%;
+    height: 100%;
+    padding: 0 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) => {
+    return props.isErrored ? props.theme.colors.error : props.theme.colors.grey1;
+}};
+    border-radius: 0.25rem;
+    outline: 0;
+
+    :active:not(:disabled),
+    :focus:not(:disabled) {
+        border: 1px solid ${(props) => (props.isErrored ? props.theme.colors.error : props.theme.colors.grey3)};
+    }
+
+    :hover:not(:disabled) {
+        background-color: ${(props) => props.theme.colors.grey2};
+    }
+
+    :disabled {
+        cursor: not-allowed;
+    }
+
+    ::placeholder {
+        font-style: italic;
+    }
+`;
+const InputWrapper = styled.div `
+    width: 22ch;
+    max-width: 100%;
+    height: 2.5rem;
+`;
+export const ErrorMessage = styled.span `
+    margin-left: 1rem;
+    font-size: 0.75rem;
+    color: ${(props) => props.theme.colors.error};
+`;
+/**
+ * A simple text input component, accepts an onChange handler to listen for changes.
+ *
+ * Note: this needs to be a const forwardRef rather than a separate function wrapped
+ * in a forwardRef in export statement as this does not work with Storybook
+ *
+ * @param props - the component props
+ * @param ref - forward ref that's attached to underlying input element
+ */
+const Input = forwardRef((_a, ref) => {
+    var { type = 'text' } = _a, props = __rest(_a, ["type"]);
+    const onChange = (e) => {
+        const target = e.target;
+        if (props.onChange) {
+            props.onChange(target.value, e);
+        }
+    };
+    const onKeyDown = (e) => {
+        if (props.onKeyDown)
+            props.onKeyDown(e);
+        if (props.keydownFilter && !props.keydownFilter(e)) {
+            e.preventDefault();
+        }
+        if (e.key === Key.ENTER && props.onComplete) {
+            props.onComplete();
+        }
+    };
+    // Add all optional items here to be used by the primary input
+    const addOptionalItems = () => {
+        const result = {};
+        if (props.minValue)
+            result.minValue = props.minValue;
+        if (props.maxValue)
+            result.maxValue = props.minValue;
+        return result;
+    };
+    return (_jsxs(InputWrapper, { className: props.className, style: props.style, children: [_jsx(PrimaryInput, Object.assign({ autoFocus: props.autoFocus, defaultValue: props.initialValue, disabled: props.disabled, isErrored: !!props.errorMsg, maxLength: props.maxLength, onBlur: props.onBlur, onChange: onChange, onClick: props.onClick, onKeyDown: onKeyDown, placeholder: props.placeholder, ref: ref, type: type, value: props.value }, addOptionalItems())), props.errorMsg && _jsxs(ErrorMessage, { children: [props.errorMsg, " "] })] }));
+});
+Input.displayName = 'Input';
+export default Input;
+//# sourceMappingURL=input.js.map

package/dist/input/input.js.map

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

package/dist/jest-setup.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 '@testing-library/jest-dom';
+//# sourceMappingURL=jest-setup.d.ts.map

package/dist/jest-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest-setup.d.ts","sourceRoot":"","sources":["../src/jest-setup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,2BAA2B,CAAC"}

package/dist/jest-setup.js

@@ -0,0 +1,18 @@
+/**
+ * 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 '@testing-library/jest-dom';
+//# sourceMappingURL=jest-setup.js.map

package/dist/jest-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../src/jest-setup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,2BAA2B,CAAC"}

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,CAoD7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/modal/modal.js

@@ -0,0 +1,120 @@
+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);
+            };
+        }
+    }, [renderModal]);
+    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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"}