@darajs/ui-components 1.0.0-a.1

package/dist/component-select-list/component-select-list.js

@@ -0,0 +1,129 @@
+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 castArray from 'lodash/castArray';
+import { useCallback, useEffect, useState } from 'react';
+import styled from '@darajs/styled-components';
+import { CheckSquare } from '@darajs/ui-icons';
+const Wrapper = styled.div `
+    overflow: auto;
+    display: grid;
+    grid-template-columns: repeat(${(props) => props.itemsPerRow}, 1fr);
+
+    max-height: 100%;
+    margin: 2rem;
+    padding: 1rem;
+
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border-radius: 0.25rem;
+`;
+const Card = styled.div `
+    cursor: pointer;
+
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    margin: 1rem;
+    padding: 1rem;
+
+    text-align: center;
+
+    background-color: ${(props) => props.theme.colors.blue1};
+    border: ${(props) => `2px solid ${props.selected ? props.theme.colors.primary : 'transparent'}`};
+    border-radius: 0.25rem;
+
+    :hover {
+        border: ${(props) => `2px solid ${props.selected ? props.theme.colors.primary : props.theme.colors.grey3}`};
+    }
+`;
+const CardTitle = styled.h2 `
+    margin-top: 1rem;
+`;
+const CardSubtitle = styled.h4 `
+    margin-top: 1rem;
+    color: ${(props) => props.theme.colors.grey6};
+`;
+const StyledCheckSquare = styled(CheckSquare) `
+    cursor: pointer;
+
+    position: absolute;
+    z-index: 3;
+    top: 10px;
+    right: 10px;
+
+    color: ${(props) => props.theme.colors.primary};
+`;
+const ComponentWrapper = styled.div `
+    cursor: pointer;
+    display: flex;
+    width: 100%;
+`;
+/**
+ * Helper function to get the index of the selected item in the items array
+ *
+ * @param selectedItems the item that is selected
+ * @param item the array of items to find the index in
+ */
+function getSelectedIndex(selectedItems, item) {
+    return selectedItems.findIndex((selectedItem) => selectedItem === item.title);
+}
+/**
+ * Helper function for updating the selected items once a card is clicked
+ *
+ * @param prevSelections the previously selected card
+ * @param item the currently clicked card
+ * @param multiSelect flag for allowing multi selection
+ */
+function updateSelectedItems(prevSelections, item, multiSelect) {
+    const selectedIndex = getSelectedIndex(prevSelections, item);
+    // Remove from selections if item is already selected
+    if (selectedIndex > -1) {
+        return prevSelections.filter((_, index) => index !== selectedIndex);
+    }
+    // Add to selection if multi-select is allowed
+    if (multiSelect) {
+        return [...prevSelections, item.title];
+    }
+    return [item.title];
+}
+/**
+ * The ComponentSelectList component creates a list of card of selectable cards containing either images or plots.
+ * The plot should be passed as a JSX element.
+ *
+ * @param props the component props
+ */
+function ComponentSelectList(props) {
+    const [selectedCards, setSelectedCards] = useState(props.selectedItems ? castArray(props.selectedItems) : []);
+    useEffect(() => {
+        setSelectedCards(props.selectedItems ? castArray(props.selectedItems) : []);
+    }, [props.selectedItems]);
+    const onClick = useCallback((index) => {
+        var _a;
+        const updatedSelectedCards = updateSelectedItems(selectedCards, props.items[index], props.multiSelect);
+        setSelectedCards(updatedSelectedCards);
+        (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, updatedSelectedCards);
+    }, [props.items, props.multiSelect, selectedCards, setSelectedCards]);
+    return (_jsx(Wrapper, { className: props.className, itemsPerRow: props.itemsPerRow && props.itemsPerRow > 0 ? props.itemsPerRow : 3, style: props.style, children: props.items.map((item, index) => (_jsxs(Card, { onClick: () => onClick(index), selected: getSelectedIndex(selectedCards, item) > -1, children: [getSelectedIndex(selectedCards, item) > -1 && _jsx(StyledCheckSquare, { size: "2x" }), _jsx(ComponentWrapper, { children: item.component }), _jsx(CardTitle, { children: item.title }), item.subtitle && _jsx(CardSubtitle, { children: item.subtitle })] }, `${item.title}-${index}`))) }));
+}
+export default ComponentSelectList;
+//# sourceMappingURL=component-select-list.js.map

package/dist/component-select-list/component-select-list.js.map

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

package/dist/constants.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 declare enum Key {
+    BACKSPACE = "Backspace",
+    CTRL = "Control",
+    DOWN = "ArrowDown",
+    ENTER = "Enter",
+    ESCAPE = "Escape",
+    LEFT = "ArrowLeft",
+    META = "Meta",
+    MINUS = "-",
+    PERIOD = ".",
+    RIGHT = "ArrowRight",
+    SHIFT = "Shift",
+    TAB = "Tab",
+    UP = "ArrowUp"
+}
+export declare const CONTROL_KEYS: string[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,oBAAY,GAAG;IACX,SAAS,cAAc;IACvB,IAAI,YAAY;IAChB,IAAI,cAAc;IAClB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,IAAI,SAAS;IACb,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,KAAK,eAAe;IACpB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,EAAE,YAAY;CACjB;AAGD,eAAO,MAAM,YAAY,EAAE,MAAM,EAYhC,CAAC"}

package/dist/constants.js

@@ -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.
+ */
+export var Key;
+(function (Key) {
+    Key["BACKSPACE"] = "Backspace";
+    Key["CTRL"] = "Control";
+    Key["DOWN"] = "ArrowDown";
+    Key["ENTER"] = "Enter";
+    Key["ESCAPE"] = "Escape";
+    Key["LEFT"] = "ArrowLeft";
+    Key["META"] = "Meta";
+    Key["MINUS"] = "-";
+    Key["PERIOD"] = ".";
+    Key["RIGHT"] = "ArrowRight";
+    Key["SHIFT"] = "Shift";
+    Key["TAB"] = "Tab";
+    Key["UP"] = "ArrowUp";
+})(Key || (Key = {}));
+// A list of keys for the common controls / modifiers
+export const CONTROL_KEYS = [
+    Key.ESCAPE,
+    Key.TAB,
+    Key.ENTER,
+    Key.BACKSPACE,
+    Key.CTRL,
+    Key.SHIFT,
+    Key.UP,
+    Key.DOWN,
+    Key.LEFT,
+    Key.RIGHT,
+    Key.META,
+];
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAN,IAAY,GAcX;AAdD,WAAY,GAAG;IACX,8BAAuB,CAAA;IACvB,uBAAgB,CAAA;IAChB,yBAAkB,CAAA;IAClB,sBAAe,CAAA;IACf,wBAAiB,CAAA;IACjB,yBAAkB,CAAA;IAClB,oBAAa,CAAA;IACb,kBAAW,CAAA;IACX,mBAAY,CAAA;IACZ,2BAAoB,CAAA;IACpB,sBAAe,CAAA;IACf,kBAAW,CAAA;IACX,qBAAc,CAAA;AAClB,CAAC,EAdW,GAAG,KAAH,GAAG,QAcd;AAED,qDAAqD;AACrD,MAAM,CAAC,MAAM,YAAY,GAAa;IAClC,GAAG,CAAC,MAAM;IACV,GAAG,CAAC,GAAG;IACP,GAAG,CAAC,KAAK;IACT,GAAG,CAAC,SAAS;IACb,GAAG,CAAC,IAAI;IACR,GAAG,CAAC,KAAK;IACT,GAAG,CAAC,EAAE;IACN,GAAG,CAAC,IAAI;IACR,GAAG,CAAC,IAAI;IACR,GAAG,CAAC,KAAK;IACT,GAAG,CAAC,IAAI;CACX,CAAC"}

package/dist/context-menu/context-menu.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface MenuAction {
+    action: () => void;
+    label: string;
+}
+export interface ContextMenuProps<T> {
+    /** An array of actions to show in the context menu */
+    actions: Array<MenuAction>;
+    /** Pass through children onto the root element */
+    children?: React.ReactNode;
+    /** Pass through className onto the root element */
+    className?: string;
+    /** Any element props for the root element */
+    elementProps?: T;
+}
+/**
+ * The ContextMenu is a higher order component that wraps another react component and overrides its context menu to be a
+ * custom list of actions, defined by the actions prop.
+ *
+ * @param Component the component to wrap and draw as the root
+ */
+declare function ContextMenu<T>(Component: React.ComponentType<T> | string): (props: ContextMenuProps<T>) => JSX.Element;
+export default ContextMenu;
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/context-menu/context-menu.tsx"],"names":[],"mappings":";AAyBA,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAOD,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAC/B,sDAAsD;IACtD,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,CAAC;CACpB;AAED;;;;;GAKG;AACH,iBAAS,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAuH/G;AAED,eAAe,WAAW,CAAC"}

package/dist/context-menu/context-menu.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { useEffect, useMemo, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { usePopper } from 'react-popper';
+import styled from '@darajs/styled-components';
+import { Key } from '../constants';
+import { List, ListItem } from '../utils';
+const DropdownList = styled(List) `
+    overflow-y: auto;
+    box-shadow: ${(props) => props.theme.shadow.light};
+`;
+/**
+ * The ContextMenu is a higher order component that wraps another react component and overrides its context menu to be a
+ * custom list of actions, defined by the actions prop.
+ *
+ * @param Component the component to wrap and draw as the root
+ */
+function ContextMenu(Component) {
+    function WrappedContextMenu(props) {
+        const [popperElement, setPopperElement] = useState(null);
+        const [showMenu, setShowMenu] = useState(false);
+        const [hoveredItem, setHoveredItem] = useState(-1);
+        // This ref is updated with the current mouse position each time the context menu is open, but as it's the same
+        // element, popper doesn't need to recreate everything.
+        const boundingRectRef = useRef({
+            bottom: 0,
+            height: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            width: 0,
+        });
+        const fakeElement = useMemo(() => ({
+            contextElement: document.body,
+            getBoundingClientRect: () => boundingRectRef.current,
+        }), []);
+        // Handle clicking outside the menu or hitting escape and make sure the menu closes.
+        useEffect(() => {
+            const keyHandler = (e) => {
+                if (e.key === Key.ESCAPE) {
+                    setShowMenu(false);
+                }
+            };
+            const mouseHandler = () => {
+                setShowMenu(false);
+            };
+            if (showMenu) {
+                document.addEventListener('keydown', keyHandler);
+                document.addEventListener('click', mouseHandler);
+                document.addEventListener('contextmenu', mouseHandler);
+            }
+            return () => {
+                document.removeEventListener('keydown', keyHandler);
+                document.removeEventListener('click', mouseHandler);
+                document.removeEventListener('contextmenu', mouseHandler);
+            };
+        }, [showMenu]);
+        // Set a timer on opening the dropdown before it can be closed, prevents first menu item being selected
+        // immediately, but lets user select action with the mouse up if they want to.
+        const [canClose, setCanClose] = useState(true);
+        useEffect(() => {
+            if (showMenu) {
+                setCanClose(false);
+                const timeout = setTimeout(() => {
+                    setCanClose(true);
+                }, 300);
+                return () => {
+                    setCanClose(true);
+                    clearTimeout(timeout);
+                };
+            }
+        }, [showMenu]);
+        const { styles, attributes, update } = usePopper(fakeElement, popperElement, {
+            placement: 'bottom-start',
+        });
+        const onContextMenu = (e) => {
+            // dispatch event of a right click to close other context menu in the page
+            document.dispatchEvent(new Event('contextmenu'));
+            e.preventDefault();
+            e.stopPropagation();
+            boundingRectRef.current = Object.assign(Object.assign({}, boundingRectRef.current), { left: e.clientX, top: e.clientY });
+            update();
+            setShowMenu(true);
+        };
+        const onAction = (action) => {
+            if (canClose) {
+                setShowMenu(false);
+                action.action();
+            }
+        };
+        return (_jsxs(_Fragment, { children: [_jsx(Component, Object.assign({}, props.elementProps, { className: props.className, onContextMenu: onContextMenu, children: props.children })), ReactDOM.createPortal(_jsx(DropdownList, Object.assign({}, attributes.popper, { isOpen: showMenu, ref: setPopperElement, style: Object.assign(Object.assign({}, styles.popper), { minWidth: 150, zIndex: 9999 }), children: props.actions.map((action, index) => (_jsx(ListItem, { hovered: hoveredItem === index, onMouseEnter: () => setHoveredItem(index), onMouseLeave: () => setHoveredItem(-1), onMouseUp: () => onAction(action), title: action.label, children: action.label }, `item-${index}`))) })), document.body)] }));
+    }
+    return WrappedContextMenu;
+}
+export default ContextMenu;
+//# sourceMappingURL=context-menu.js.map

package/dist/context-menu/context-menu.js.map

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

package/dist/datepicker/datepicker-select.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 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 { Placement } from '@popperjs/core';
+import * as React from 'react';
+import { InteractiveComponentProps, Item } from '../types';
+export interface SelectProps extends InteractiveComponentProps<Item> {
+    /** The left displacement from dropdown the items should show */
+    displacement?: number;
+    /** A function taking an element for the ref of the dropdown  */
+    dropdownRef?: (element: any) => void;
+    /** className property to put on the select's items and the item wrapper */
+    itemClass?: string;
+    /** The items to pick from the list. Each should have a label and a value */
+    items: Array<Item>;
+    /** The maximum number of items to display, defaults to 5 */
+    maxItems?: number;
+    /** onClick event. */
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void | Promise<void>;
+    /** An optional onSelect handler for listening to changes in the selected item */
+    onSelect?: (item: Item) => void | Promise<void>;
+    /** Specify a specific placement for the list */
+    placement?: Placement;
+    /** Set the selected value to a specific value, will put the component in controlled mode */
+    selectedItem?: Item;
+    /** Font size in rem to show in the Select */
+    size?: number;
+}
+/**
+ * A single select dropdown component that has no search capability, accepts a list of items to select from and an
+ * onSelect handler to listen for changes in the selection
+ *
+ * @param {SelectProps} props - the props of the component
+ */
+declare function DatepickerSelect(props: SelectProps): JSX.Element;
+export default DatepickerSelect;
+//# sourceMappingURL=datepicker-select.d.ts.map

package/dist/datepicker/datepicker-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-select.d.ts","sourceRoot":"","sources":["../../src/datepicker/datepicker-select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAgK3D,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,IAAI,CAAC;IAChE,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAmIzD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/datepicker/datepicker-select.js

@@ -0,0 +1,211 @@
+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 { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelect } from 'downshift';
+import { useEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { usePopper } from 'react-popper';
+import styled from '@darajs/styled-components';
+import Tooltip from '../tooltip/tooltip';
+import { Chevron, sameWidthModifier } from '../utils';
+const { stateChangeTypes } = useSelect;
+const SelectedItem = styled.div `
+    width: 100%;
+    font-size: ${(props) => (props.size ? `${props.size}rem` : props.theme.font.size)};
+    font-weight: 300;
+`;
+const Wrapper = styled.div `
+    display: inline-flex;
+    width: 6.25rem;
+    height: 1.5rem;
+    border-radius: 0.25rem;
+
+    ${(props) => {
+    if (props.isDisabled) {
+        return `
+                border: 1px solid ${props.theme.colors.grey1};
+                cursor: not-allowed;
+            `;
+    }
+    if (props.isErrored) {
+        return `border: 1px solid ${props.theme.colors.error};`;
+    }
+    return `
+            border: 1px solid ${props.theme.colors.grey1};
+        `;
+}}
+`;
+const SelectButton = styled.button `
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    height: 100%;
+    padding: 0 0.5rem 0rem 1rem;
+
+    font-size: ${(props) => props.theme.font.size};
+
+    border: none;
+    outline: 0;
+
+    :not(:enabled) {
+        cursor: not-allowed;
+    }
+`;
+const SelectButtonPrimary = styled(SelectButton) `
+    justify-content: start;
+
+    width: 100%;
+    padding: 0rem 0.25rem;
+
+    font-size: 0.875rem;
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border-radius: 0.25rem;
+
+    :disabled {
+        color: ${(props) => props.theme.colors.grey2};
+
+        svg {
+            color: ${(props) => props.theme.colors.grey2};
+        }
+    }
+
+    :hover:enabled {
+        background-color: ${(props) => props.theme.colors.grey2};
+    }
+
+    svg {
+        width: 1rem !important;
+        height: 0.8rem;
+        margin-left: 0.5rem !important;
+    }
+`;
+const DatepickerListItem = styled.span `
+    cursor: pointer;
+    user-select: none;
+
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+
+    width: 100%;
+    min-height: 2rem;
+    padding: 0.25rem 1.5rem;
+
+    font-size: ${(props) => (props.size ? `${props.size}rem` : props.theme.font.size)};
+    font-weight: 300;
+    color: ${(props) => (props.isSelected ? '#FFF' : props.theme.colors.text)};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    background-color: ${(props) => {
+    if (props.isSelected) {
+        return props.theme.colors.primary;
+    }
+    if (props.hovered) {
+        return props.theme.colors.grey2;
+    }
+    return props.theme.colors.grey1;
+}};
+
+    :active {
+        background-color: ${(props) => props.theme.colors.grey1};
+    }
+
+    &:last-child {
+        border-bottom: none;
+    }
+`;
+const DropdownList = styled.div `
+    overflow-y: auto;
+    display: ${(props) => (props.isOpen ? 'flex' : 'none')};
+    flex-direction: column;
+    gap: 0.125rem;
+
+    max-height: calc(${(props) => (props.maxItems || 5) * 2}em + 2px);
+    margin-left: ${(props) => props.displacement}rem;
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border: None;
+    outline: 0;
+`;
+/**
+ * A single select dropdown component that has no search capability, accepts a list of items to select from and an
+ * onSelect handler to listen for changes in the selection
+ *
+ * @param {SelectProps} props - the props of the component
+ */
+function DatepickerSelect(props) {
+    var _a, _b, _c;
+    const referenceElement = useRef(null);
+    const popperElement = useRef(null);
+    const { styles, attributes, update } = usePopper(referenceElement.current, popperElement.current, {
+        modifiers: [sameWidthModifier],
+        placement: props.placement || 'bottom-start',
+    });
+    const [pendingHighlight, setPendingHighlight] = useState(null);
+    const { isOpen, selectedItem, getToggleButtonProps, getMenuProps, highlightedIndex, getItemProps, setHighlightedIndex, } = useSelect(Object.assign({ initialSelectedItem: props.initialValue, itemToString: (item) => item.label, items: props.items, onSelectedItemChange: (changes) => {
+            const selected = changes.selectedItem;
+            if (props.onSelect) {
+                props.onSelect(selected);
+            }
+        }, stateReducer: (state, { changes, type }) => {
+            // hack to force highlight to update again in the next render
+            if (type === stateChangeTypes.ToggleButtonClick) {
+                setPendingHighlight(changes.selectedItem ? props.items.findIndex((i) => i.value === changes.selectedItem.value) : 0);
+            }
+            return changes;
+        } }, (props.selectedItem && { selectedItem: props.selectedItem })));
+    useEffect(() => {
+        if (isOpen && pendingHighlight !== null) {
+            setHighlightedIndex(pendingHighlight);
+            setPendingHighlight(null);
+        }
+    }, [isOpen, pendingHighlight, setHighlightedIndex]);
+    // After the dropdown is opened, trigger an update of it's position, so it positions correctly.
+    useEffect(() => {
+        if (isOpen && update) {
+            update();
+        }
+    }, [isOpen, update]);
+    // Both downshift and popper want a ref to the reference element and popper element, the following blocks combine
+    // these refs into a single function that can be applied to the elements
+    const buttonProps = getToggleButtonProps({ disabled: props.disabled });
+    const setButtonRef = buttonProps.ref;
+    delete buttonProps.ref;
+    const setButtonReference = (value) => {
+        setButtonRef(value);
+        referenceElement.current = value;
+    };
+    const menuProps = getMenuProps();
+    const setMenuRef = menuProps.ref;
+    delete menuProps.ref;
+    const setMenuReference = (value) => {
+        var _a;
+        setMenuRef(value);
+        popperElement.current = value;
+        (_a = props.dropdownRef) === null || _a === void 0 ? void 0 : _a.call(props, value);
+    };
+    return (_jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: _jsxs(Wrapper, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, onClick: props.onClick, style: props.style, children: [_jsxs(SelectButtonPrimary, Object.assign({ disabled: props.disabled }, buttonProps, { ref: setButtonReference, type: "button", children: [_jsx(SelectedItem, { size: props.size, children: selectedItem ? selectedItem.label : 'Select' }), _jsx(Chevron, { disabled: props.disabled, isOpen: isOpen })] })), ReactDOM.createPortal(_jsx(DropdownList, Object.assign({}, menuProps, attributes.popper, { className: `${(_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _a !== void 0 ? _a : ''} ${(_c = (_b = attributes === null || attributes === void 0 ? void 0 : attributes.popper) === null || _b === void 0 ? void 0 : _b.className) !== null && _c !== void 0 ? _c : ''} ${props.itemClass}`, displacement: props.displacement, isOpen: isOpen, maxItems: 7, ref: setMenuReference, style: Object.assign(Object.assign({}, styles.popper), { marginTop: `0.8rem`, width: '16.25rem', zIndex: 9999 }), children: props.items.map((item, index) => {
+                        const _a = getItemProps({ index, item }), { itemClassName } = _a, itemProps = __rest(_a, ["itemClassName"]);
+                        return (_createElement(DatepickerListItem, Object.assign({}, itemProps, { "aria-selected": selectedItem.label === item.label, className: `${itemClassName} ${props.itemClass}`, hovered: index === highlightedIndex, isSelected: selectedItem.label === item.label, key: `item-${index}`, size: props.size, title: item.label }), item.label));
+                    }) })), document.body)] }) }));
+}
+export default DatepickerSelect;
+//# sourceMappingURL=datepicker-select.js.map

package/dist/datepicker/datepicker-select.js.map

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