"use strict";
// The require scope
var __webpack_require__ = {};
/************************************************************************/ // webpack/runtime/define_property_getters
(()=>{
    __webpack_require__.d = function(exports1, definition) {
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
// webpack/runtime/has_own_property
(()=>{
    __webpack_require__.o = function(obj, prop) {
        return Object.prototype.hasOwnProperty.call(obj, prop);
    };
})();
// webpack/runtime/make_namespace_object
(()=>{
    // define __esModule on exports
    __webpack_require__.r = function(exports1) {
        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
/************************************************************************/ var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
    CustomInput: ()=>/* binding */ CustomInput,
    CustomGroup: ()=>/* binding */ CustomGroup,
    CustomOption: ()=>/* binding */ CustomOption,
    CustomControlEmoji: ()=>/* binding */ CustomControlEmoji,
    CustomClearIndicator: ()=>/* binding */ CustomClearIndicator,
    CustomLoadingIndicator: ()=>/* binding */ CustomLoadingIndicator,
    ClearIndicatorStyles: ()=>/* binding */ ClearIndicatorStyles,
    CustomLoadingMessage: ()=>/* binding */ CustomLoadingMessage,
    CustomMultiValueLabel: ()=>/* binding */ CustomMultiValueLabel,
    CustomMultiValueRemove: ()=>/* binding */ CustomMultiValueRemove,
    CustomMultiValueContainer: ()=>/* binding */ CustomMultiValueContainer,
    CustomPlaceholder: ()=>/* binding */ CustomPlaceholder,
    CustomSingleValue: ()=>/* binding */ CustomSingleValue,
    CustomIndicatorsContainer: ()=>/* binding */ CustomIndicatorsContainer,
    formatGroupLabel: ()=>/* binding */ formatGroupLabel,
    CustomControl: ()=>/* binding */ CustomControl,
    CustomNoOptionsMessage: ()=>/* binding */ CustomNoOptionsMessage,
    CustomValueContainer: ()=>/* binding */ CustomValueContainer,
    CustomSelectContainer: ()=>/* binding */ CustomSelectContainer,
    Note: ()=>/* binding */ Note,
    CustomDropdownIndicator: ()=>/* binding */ CustomDropdownIndicator,
    CustomMenuList: ()=>/* binding */ CustomMenuList,
    CustomMenu: ()=>/* binding */ CustomMenu,
    CustomIndicatorSeparator: ()=>/* binding */ CustomIndicatorSeparator,
    CustomGroupHeading: ()=>/* binding */ CustomGroupHeading
});
const react_namespaceObject = require("@chakra-ui/react");
const external_chakra_react_select_namespaceObject = require("chakra-react-select");
const md_namespaceObject = require("react-icons/md");
const external_selectData_js_namespaceObject = require("./selectData.js");
const external_selectStyles_js_namespaceObject = require("./selectStyles.js");
const external_selectUtilities_js_namespaceObject = require("./selectUtilities.js");
const Note = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        css: external_selectStyles_js_namespaceObject.noteStyles,
        ...props
    });
const formatGroupLabel = (data)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: external_selectStyles_js_namespaceObject.groupStyles
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.chakra.span, null, data.label), /*#__PURE__*/ React.createElement(react_namespaceObject.chakra.span, {
        style: external_selectStyles_js_namespaceObject.groupBadgeStyles
    }, data.options.length));
const CustomControlEmoji = ({ children, ...props })=>{
    // @ts-ignore
    const { emoji, onEmojiClick } = props.selectProps;
    const style = {
        cursor: 'pointer'
    };
    return /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Control, props, /*#__PURE__*/ React.createElement(react_namespaceObject.chakra.span, {
        onMouseDown: onEmojiClick,
        style: style
    }, emoji), children);
};
/**
 *
 * @param props https://react-select.com/components#replaceable-components
 */ const CustomClearIndicator = (props)=>{
    const { children = 'clear all', getStyles, innerProps: { ref, ...restInnerProps } } = props;
    return /*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        ...restInnerProps,
        ref: ref,
        style: getStyles('clearIndicator', props)
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: {
            padding: '0px 5px'
        }
    }, children));
};
const ClearIndicatorStyles = (base, state)=>({
        ...base,
        cursor: 'pointer',
        color: state.isFocused ? 'blue' : 'black'
    });
const CustomControl = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: external_selectStyles_js_namespaceObject.controlStyles
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Text, null, "Custom Control"), /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Control, props));
const CustomDropdownIndicator = (props)=>/*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.DropdownIndicator, props, /*#__PURE__*/ React.createElement(react_namespaceObject.Icon, {
        as: md_namespaceObject.MdCoffee,
        color: external_selectData_js_namespaceObject.colourOptions["2"].color
    }));
const CustomGroup = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: external_selectStyles_js_namespaceObject.customGroupStyles
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Group, props));
const CustomGroupHeading = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: external_selectStyles_js_namespaceObject.groupHeadingStyles
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.GroupHeading, props), /*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Custom GroupHeading Component"
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Icon, {
        as: md_namespaceObject.MdInfoOutline
    })));
const CustomIndicatorsContainer = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: {
            background: external_selectData_js_namespaceObject.colourOptions["2"].color
        }
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.IndicatorsContainer, props));
const CustomIndicatorSeparator = ({ innerProps })=>/*#__PURE__*/ React.createElement(react_namespaceObject.chakra.span, {
        style: external_selectStyles_js_namespaceObject.indicatorSeparatorStyle,
        ...innerProps
    });
const CustomInput = (props)=>{
    if (props.isHidden) return /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Input, props);
    return /*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        style: {
            border: `1px dotted ${external_selectData_js_namespaceObject.colourOptions["2"].color}`
        }
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Custom Input"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Input, props)));
};
const CustomLoadingIndicator = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Custom Loader"
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Spinner, null));
const CustomMenu = (props)=>{
    const optionsLength = (0, external_selectUtilities_js_namespaceObject.getLength)(props.options);
    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
        style: external_selectStyles_js_namespaceObject.menuHeaderStyle
    }, "Custom Menu with ", optionsLength, " options"), /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Menu, props, props.children));
};
const CustomMenuList = (props)=>/*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.MenuList, props, /*#__PURE__*/ React.createElement(react_namespaceObject.Text, {
        style: external_selectStyles_js_namespaceObject.menuHeaderStyle
    }, "Custom Menu List"), props.children);
const CustomLoadingMessage = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: 'Custom Loading Message'
    }, /*#__PURE__*/ React.createElement(react_namespaceObject.Box, {
        ...props.innerProps,
        style: props.getStyles('loadingMessage', props)
    }, props.children));
const CustomNoOptionsMessage = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Custom NoOptionsMessage Component"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.NoOptionsMessage, props));
const CustomMultiValueContainer = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Customise your multi-value container!"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.MultiValueContainer, props));
const CustomMultiValueLabel = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Customise your multi-value label component!"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.MultiValueLabel, props));
const CustomMultiValueRemove = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Customise your multi-value remove component!"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.MultiValueRemove, props, /*#__PURE__*/ React.createElement(react_namespaceObject.Icon, {
        as: md_namespaceObject.MdCoffee,
        color: external_selectData_js_namespaceObject.colourOptions["2"].color
    })));
const CustomOption = (props)=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "Customise your option component!"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Option, props));
const CustomPlaceholder = (props)=>/*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.Placeholder, props);
const CustomSelectContainer = ({ children, ...props })=>/*#__PURE__*/ React.createElement(react_namespaceObject.Tooltip, {
        content: "customise your select container"
    }, /*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.SelectContainer, props, children));
const CustomSingleValue = ({ children, ...props })=>/*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.SingleValue, props, children);
const CustomValueContainer = ({ children, ...props })=>/*#__PURE__*/ React.createElement(external_chakra_react_select_namespaceObject.components.ValueContainer, props, children);
var __webpack_export_target__ = exports;
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
    value: true
});
