@mailstep/design-system 0.8.26 → 0.8.27

package/ui/Elements/Select/components/CountMultiValue.js

@@ -0,0 +1,134 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  background: ",
+        ";\n  height: 25px;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: md;\n  padding: 2px 6px;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  white-space: nowrap;\n  position: absolute;\n  color: gray3;\n  padding-left: ",
+        ";\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { components as selectComponents } from "react-select";
+import styled, { th } from "@xstyled/styled-components";
+var StyledNumber = styled.div(_templateObject(), th.color("lightGray7"));
+var JoinedMultiValue = styled.div(_templateObject1(), function(param) {
+    var isFocused = param.isFocused;
+    return isFocused ? "8px" : "0";
+});
+var CountMultiValue = function CountMultiValue(props) {
+    var _selectVal_;
+    var shortValues = props.selectProps.shortValues;
+    var selectVal = props.selectProps.value;
+    var inputVal = props.selectProps.inputValue;
+    var shortVariant = props.selectProps.shortVariant;
+    var data = props.data;
+    var isFirst = (data === null || data === void 0 ? void 0 : data.value) === ((_selectVal_ = selectVal[0]) === null || _selectVal_ === void 0 ? void 0 : _selectVal_.value);
+    var menuIsOpen = props.selectProps.menuIsOpen;
+    if (!shortValues) {
+        return /* @__PURE__ */ jsx(selectComponents.MultiValue, _object_spread_props(_object_spread({}, props), {
+            children: props.children
+        }));
+    }
+    if (!isFirst || inputVal) {
+        return null;
+    }
+    if (shortVariant === "join") {
+        return /* @__PURE__ */ jsxs(JoinedMultiValue, {
+            isFocused: menuIsOpen,
+            children: [
+                selectVal.length > 1 ? "(".concat(Number(selectVal.length), ") ") : "",
+                selectVal.map(function(option) {
+                    return option.label;
+                }).join(", ")
+            ]
+        });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+            /* @__PURE__ */ jsx(selectComponents.MultiValue, _object_spread_props(_object_spread({}, props), {
+                children: props.children
+            })),
+            selectVal.length > 1 ? /* @__PURE__ */ jsxs(StyledNumber, {
+                children: [
+                    "+",
+                    selectVal.length - 1
+                ]
+            }) : null
+        ]
+    });
+};
+var CountMultiValue_default = CountMultiValue;
+export { CountMultiValue_default as default };

package/ui/Elements/Select/components/CustomInput.js

@@ -0,0 +1,63 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx } from "react/jsx-runtime";
+import { components as selectComponents } from "react-select";
+var CustomInput = function CustomInput(props) {
+    var name = props.selectProps.name;
+    var value = !!name ? "".concat(name, "Inp") : props.id;
+    return /* @__PURE__ */ jsx(selectComponents.Input, _object_spread_props(_object_spread({}, props), {
+        "data-cy": value
+    }));
+};
+var CustomInput_default = CustomInput;
+export { CustomInput, CustomInput_default as default };

package/ui/Elements/Select/components/DropdownIndicator.d.ts

@@ -1,5 +1,4 @@
-import { DropdownIndicatorProps } from 'react-select';
-
+import { type DropdownIndicatorProps } from 'react-select';
 type DropdownIndicatorCustomProps = DropdownIndicatorProps & {
     theme: any;
 };

package/ui/Elements/Select/components/DropdownIndicator.js

@@ -0,0 +1,96 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  align-self: center;\n  display: flex;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import { components as selectComponents } from "react-select";
+import { ArrowDown } from "../../Icon/icons/ArrowDown";
+import { ArrowUp } from "../../Icon/icons/ArrowUp";
+import styled from "@xstyled/styled-components";
+var ChevronDiv = styled.div(_templateObject());
+var DropdownIndicator = function DropdownIndicator(props) {
+    var _props_selectProps = props.selectProps, menuIsOpen = _props_selectProps.menuIsOpen, name = _props_selectProps.name;
+    var iconColor = props.theme.colors.placeholderTextColor;
+    return /* @__PURE__ */ jsx(selectComponents.DropdownIndicator, _object_spread_props(_object_spread({}, props), {
+        children: /* @__PURE__ */ jsx(ChevronDiv, {
+            className: "chevron",
+            "data-cy": "".concat(name || "", "ChevronBtn"),
+            children: menuIsOpen ? /* @__PURE__ */ jsx(ArrowUp, {
+                width: "16px",
+                stroke: iconColor
+            }) : /* @__PURE__ */ jsx(ArrowDown, {
+                width: "16px",
+                stroke: iconColor
+            })
+        })
+    }));
+};
+var DropdownIndicator_default = DropdownIndicator;
+export { DropdownIndicator, DropdownIndicator_default as default };

package/ui/Elements/Select/components/IconValueContainer.js

@@ -0,0 +1,142 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  padding-left: 7px;\n  margin-right: -3px;\n  align-self: center;\n  & > * {\n    color: ",
+        ";\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { components } from "react-select";
+import Icon from "../../Icon/Icon";
+import styled from "@xstyled/styled-components";
+var IconDiv = styled.div(_templateObject(), function(param) {
+    var hasValue = param.hasValue;
+    return hasValue ? "black" : "#a3b3c1";
+});
+var IconValueContainer = function IconValueContainer(props) {
+    var _rest_selectProps, _rest_selectProps1;
+    var children = props.children, rest = _object_without_properties(props, [
+        "children"
+    ]);
+    var icon = (_rest_selectProps = rest.selectProps) === null || _rest_selectProps === void 0 ? void 0 : _rest_selectProps.icon;
+    var hasValue = rest.hasValue;
+    var onIconClick = (_rest_selectProps1 = rest.selectProps) === null || _rest_selectProps1 === void 0 ? void 0 : _rest_selectProps1.onIconClick;
+    return /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+            icon && /* @__PURE__ */ jsx(IconDiv, {
+                className: "inputIcon",
+                hasValue: hasValue,
+                onMouseDown: onIconClick,
+                children: /* @__PURE__ */ jsx(Icon, {
+                    icon: icon
+                })
+            }),
+            /* @__PURE__ */ jsx(components.ValueContainer, _object_spread_props(_object_spread({}, rest), {
+                children: children
+            }))
+        ]
+    });
+};
+var IconValueContainer_default = IconValueContainer;
+export { IconValueContainer_default as default };

package/ui/Elements/Select/components/SelectAll.d.ts

@@ -1,5 +1,5 @@
-import { SelectProps, CustomTheme, Option } from '../types';
-
+import { SelectProps, CustomTheme } from '../types';
+import { Option } from '../types';
 type Props = {
     onCustomSelectAll: ({ options }: {
         options?: Option[];

package/ui/Elements/Select/components/SelectAll.js

@@ -0,0 +1,167 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  margin: 0px 2px 1px 0px;\n  padding: ",
+        ";\n  font-weight: 400;\n  background-color: ",
+        ";\n  color: ",
+        ";\n  border-radius: 6px;\n  height: 36px;\n  cursor: pointer;\n\n  :hover {\n    background-color: ",
+        ";\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState, useEffect, useRef } from "react";
+import Checkbox from "../../../Forms/Checkbox/Checkbox";
+import Toggle from "../../Toggle/Toggle";
+import SelectedIndicator from "../components/SelectedIndicator";
+import { Trans } from "@lingui/react";
+import styled, { th } from "@xstyled/styled-components";
+var SelectAllWrap = styled.div(_templateObject(), function(param) {
+    var additionalPadding = param.additionalPadding;
+    return additionalPadding ? "8px 27px 8px 10px" : "10px 10px";
+}, function(param) {
+    var isSelected = param.isSelected;
+    return isSelected ? th.color("red20") : "transparent";
+}, function(param) {
+    var isSelected = param.isSelected;
+    return isSelected ? th.color("red1") : th.color("textPrimary");
+}, function(param) {
+    var isSelected = param.isSelected;
+    return isSelected ? th.color("red30") : th.color("bgLightGray1");
+});
+var SelectAll = function SelectAll(param) {
+    var onCustomSelectAll = param.onCustomSelectAll, onCustomDeselectAll = param.onCustomDeselectAll, value = param.value, options = param.options, maxMenuHeight = param.maxMenuHeight, theme = param.theme;
+    var showCheckbox = !!(theme.optionVariant === "checkbox");
+    var showToggle = !!(theme.optionVariant === "toggle");
+    var ref = useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), additionalPadding = _useState[0], setAdditionalPadding = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), isSelected = _useState1[0], setIsSelected = _useState1[1];
+    var handleSelectAll = useCallback(function() {
+        if (!isSelected) {
+            setIsSelected(true);
+            onCustomSelectAll({
+                options: options
+            });
+        } else if (isSelected) {
+            setIsSelected(false);
+            onCustomDeselectAll();
+        }
+    }, [
+        isSelected,
+        onCustomDeselectAll,
+        onCustomSelectAll,
+        options
+    ]);
+    useEffect(function() {
+        var _ref_current;
+        (ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.offsetHeight) && setAdditionalPadding(ref.current.offsetHeight * ((options === null || options === void 0 ? void 0 : options.length) || 0) > maxMenuHeight);
+    }, [
+        additionalPadding,
+        maxMenuHeight,
+        options === null || options === void 0 ? void 0 : options.length,
+        value
+    ]);
+    useEffect(function() {
+        if (value && Array.isArray(value)) {
+            (options === null || options === void 0 ? void 0 : options.length) === value.length && setIsSelected(true);
+            (options === null || options === void 0 ? void 0 : options.length) !== value.length && setIsSelected(false);
+        }
+    }, [
+        maxMenuHeight,
+        options === null || options === void 0 ? void 0 : options.length,
+        value
+    ]);
+    if (!(options === null || options === void 0 ? void 0 : options.length)) {
+        return null;
+    }
+    return /* @__PURE__ */ jsxs(SelectAllWrap, {
+        isSelected: isSelected,
+        onClick: handleSelectAll,
+        ref: ref,
+        additionalPadding: additionalPadding,
+        children: [
+            (showCheckbox || showToggle) && /* @__PURE__ */ jsxs(SelectedIndicator, {
+                children: [
+                    showCheckbox && /* @__PURE__ */ jsx(Checkbox, {
+                        checked: isSelected,
+                        size: 2,
+                        readOnly: true
+                    }),
+                    showToggle && /* @__PURE__ */ jsx(Toggle, {
+                        name: "",
+                        checked: isSelected,
+                        spaceAround: false,
+                        variant: "grid"
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "datagrid.filterCell.selectAllLabel",
+                message: "select all"
+            }),
+            " (",
+            options === null || options === void 0 ? void 0 : options.length,
+            ")"
+        ]
+    });
+};
+var SelectAll_default = SelectAll;
+export { SelectAll_default as default };

package/ui/Elements/Select/components/SelectedIndicator.d.ts

@@ -1,2 +1,2 @@
-declare const SelectedIndicator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+declare const SelectedIndicator: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export default SelectedIndicator;

package/ui/Elements/Select/components/SelectedIndicator.js

@@ -0,0 +1,23 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  padding-right: 12px;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import styled from "@xstyled/styled-components";
+var SelectedIndicator = styled.div(_templateObject());
+var SelectedIndicator_default = SelectedIndicator;
+export { SelectedIndicator_default as default };

package/ui/Elements/Select/components/SimplifiedOption.d.ts

@@ -1,2 +1,2 @@
-declare const SimplifiedOption: import('react').MemoExoticComponent<(props: any) => any>;
+declare const SimplifiedOption: import("react").MemoExoticComponent<(props: any) => any>;
 export default SimplifiedOption;

package/ui/Elements/Select/components/SimplifiedOption.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, memo } from "react";
+var SimplifiedOptionInner = function SimplifiedOptionInner(props) {
+    var styles = props.getStyles("option", props);
+    var data = props.data, selectOption = props.selectOption, innerProps = props.innerProps;
+    var handleClick = useCallback(function() {
+        return selectOption(data);
+    }, [
+        data,
+        selectOption
+    ]);
+    return /* @__PURE__ */ jsx("div", {
+        style: styles,
+        onClick: handleClick,
+        onMouseOver: innerProps.onMouseOver,
+        onMouseMove: innerProps.onMouseMove,
+        children: props.label
+    });
+};
+var SimplifiedOption = memo(SimplifiedOptionInner, function(prevProps, nextProps) {
+    var _prevProps_data, _nextProps_data;
+    return prevProps.isFocused === nextProps.isFocused && ((_prevProps_data = prevProps.data) === null || _prevProps_data === void 0 ? void 0 : _prevProps_data.label) === ((_nextProps_data = nextProps.data) === null || _nextProps_data === void 0 ? void 0 : _nextProps_data.label);
+});
+var SimplifiedOption_default = SimplifiedOption;
+export { SimplifiedOption_default as default };

package/ui/Elements/Select/index.d.ts

@@ -1,3 +1,2 @@
-import { default as Select } from './Select';
-
+import Select from './Select';
 export default Select;