@sunggang/ui-lib 0.1.81 → 0.1.82

package/index.esm.js

@@ -3877,7 +3877,7 @@ function _object_spread$a(target) {
     }
     return target;
 }
-function ownKeys$9(object, enumerableOnly) {
+function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -3890,12 +3890,12 @@ function ownKeys$9(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$6(target, source) {
+function _object_spread_props$7(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$9(Object(source)).forEach(function(key) {
+        ownKeys$a(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -4131,7 +4131,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
                             }
                         }
                     }
-                    var updatedConfig = _object_spread_props$6(_object_spread$a({}, _this._config), {
+                    var updatedConfig = _object_spread_props$7(_object_spread$a({}, _this._config), {
                         extraPlugins: _this._config.extraPlugins || [],
                         lazyRoots: lazyRoots,
                         rootsAttributes: rootsAttributes,
@@ -68730,7 +68730,7 @@ function _iterableToArray$2(iter) {
 function _arrayWithoutHoles$2(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
 }
-function ownKeys$8(object, enumerableOnly) {
+function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -68743,9 +68743,9 @@ function ownKeys$8(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$9(Object(source), !0).forEach(function(key) {
             _defineProperty$3(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -69139,7 +69139,7 @@ function _iterableToArrayLimit$1(arr, i) {
 function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$7(object, enumerableOnly) {
+function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -69152,9 +69152,9 @@ function ownKeys$7(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
             _defineProperty$2(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -70145,7 +70145,7 @@ function _defineProperty$1(e, r, t) {
     }) : e[r] = t, e;
 }
 
-function ownKeys$6(e, r) {
+function ownKeys$7(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -70158,9 +70158,9 @@ function ownKeys$6(e, r) {
 function _objectSpread2$7(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys$6(Object(t), !0).forEach(function(r) {
+        r % 2 ? ownKeys$7(Object(t), !0).forEach(function(r) {
             _defineProperty$1(e, r, t[r]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function(r) {
             Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
         });
     }
@@ -79554,7 +79554,7 @@ function _object_spread$9(target) {
     }
     return target;
 }
-function ownKeys$5(object, enumerableOnly) {
+function ownKeys$6(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -79567,12 +79567,12 @@ function ownKeys$5(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$5(target, source) {
+function _object_spread_props$6(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$5(Object(source)).forEach(function(key) {
+        ownKeys$6(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -79586,7 +79586,7 @@ var DragDropImages = function(param) {
             droppableId: "droppable-imageUrls",
             direction: "horizontal",
             children: function(provided) {
-                return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$9({
                     ref: provided.innerRef
                 }, provided.droppableProps), {
                     className: "flex gap-2 overflow-scroll",
@@ -79596,7 +79596,7 @@ var DragDropImages = function(param) {
                                 draggableId: item === null || item === void 0 ? void 0 : item.id,
                                 index: index,
                                 children: function(provided) {
-                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
+                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$9({
                                         ref: provided.innerRef
                                     }, provided.draggableProps, provided.dragHandleProps), {
                                         className: "w-24 my-2 rounded-lg bg-gray-200",
@@ -79708,7 +79708,7 @@ function _object_spread$8(target) {
     }
     return target;
 }
-function ownKeys$4(object, enumerableOnly) {
+function ownKeys$5(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -79721,12 +79721,12 @@ function ownKeys$4(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$4(target, source) {
+function _object_spread_props$5(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$4(Object(source)).forEach(function(key) {
+        ownKeys$5(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -79788,7 +79788,7 @@ var DropImage = function(param) {
         var _newItems_splice = _sliced_to_array$5(newItems.splice(result.source.index, 1), 1), reorderedItem = _newItems_splice[0];
         newItems.splice(result.destination.index, 0, reorderedItem);
         var reSortItem = newItems.map(function(item, index) {
-            return _object_spread_props$4(_object_spread$8({}, item), {
+            return _object_spread_props$5(_object_spread$8({}, item), {
                 index: index + 1
             });
         });
@@ -79803,7 +79803,7 @@ var DropImage = function(param) {
     return /*#__PURE__*/ jsxs("section", {
         className: "w-full",
         children: [
-            /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({}, getRootProps({
+            /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$8({}, getRootProps({
                 className: "dropzone"
             })), {
                 children: [
@@ -80236,7 +80236,7 @@ function _object_spread$7(target) {
     }
     return target;
 }
-function ownKeys$3(object, enumerableOnly) {
+function ownKeys$4(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -80249,12 +80249,12 @@ function ownKeys$3(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$3(target, source) {
+function _object_spread_props$4(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$3(Object(source)).forEach(function(key) {
+        ownKeys$4(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -80291,7 +80291,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties$6(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$3(_object_spread$7({
+    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$4(_object_spread$7({
         className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className)
     }, props), {
         ref: ref,
@@ -80330,6 +80330,30 @@ function _object_spread$6(target) {
     }
     return target;
 }
+function ownKeys$3(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$3(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$3(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties$5(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose$5(source, excluded);
@@ -80380,21 +80404,31 @@ var buttonVariants = cva("inline-flex items-center justify-center whitespace-now
     }
 });
 var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties$5(_param, [
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, children = _param.children, props = _object_without_properties$5(_param, [
         "className",
         "variant",
         "size",
-        "asChild"
+        "asChild",
+        "isLoading",
+        "children"
     ]);
     var Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, _object_spread$6({
+    return /*#__PURE__*/ jsxs(Comp, _object_spread_props$3(_object_spread$6({
         className: cn(buttonVariants({
             variant: variant,
             size: size,
             className: className
-        })),
+        }), isLoading ? "pointer-events-none opacity-30" : "pointer-events-auto opacity-100"),
         ref: ref
-    }, props));
+    }, props), {
+        disabled: isLoading || props.disabled,
+        children: [
+            isLoading && /*#__PURE__*/ jsx("div", {
+                className: "w-4 h-4 rounded-full border-2 border-solid border-white border-t-[#939393] animate-spin mr-2"
+            }),
+            children
+        ]
+    }));
 });
 
 function _define_property$5(obj, key, value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@mdx-js/react": "^3.0.1",

package/src/Type/index.d.ts

@@ -1,11 +1,20 @@
-/// <reference types="react" />
 export interface ColumnDef {
-    id: string;
-    header: React.ReactNode;
-    cell: React.ReactNode;
+    accessorKey: string;
+    header: ((props: {
+        column: any;
+    }) => JSX.Element) | string;
+    cell: (props: {
+        row: any;
+    }) => JSX.Element;
+    id?: string;
     enableSorting?: boolean | undefined;
     enableHiding?: boolean | undefined;
-    accessorKey?: string | undefined;
+}
+interface PaginationConfigType {
+    page: number;
+    limit: number;
+    total: number;
+    onPageChange: (e: any) => void;
 }
 export interface DataTableProps {
     data: any[];
@@ -17,5 +26,7 @@ export interface DataTableProps {
         name: string;
     };
     mappingColumn: any;
-    paginationConfig: any;
+    paginationConfig?: PaginationConfigType;
+    SearchSelectCP?: any;
 }
+export {};

package/src/components/ui/button.d.ts

@@ -6,6 +6,7 @@ declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    isLoading?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/src/lib/Dropdown/Checkbox.d.ts

@@ -0,0 +1,7 @@
+declare const Checkbox: ({ children, checked, onChange, id }: {
+    children: any;
+    checked: any;
+    onChange: any;
+    id: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/src/lib/Dropdown/DisabledItem.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface DisabledItemProps {
+    children: JSX.Element | string;
+}
+declare const DisabledItem: React.FC<DisabledItemProps>;
+export default DisabledItem;

package/src/lib/Dropdown/GroupItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GroupOption } from './type';
+interface GroupItemProps {
+    item: GroupOption;
+    primaryColor: string;
+}
+declare const GroupItem: React.FC<GroupItemProps>;
+export default GroupItem;

package/src/lib/Dropdown/Icons.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    className?: string;
+}
+export declare const CloseIcon: React.FC<Props>;
+export declare const ChevronIcon: React.FC<Props>;
+export declare const SearchIcon: React.FC<Props>;
+export {};

package/src/lib/Dropdown/Item.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Option } from './type';
+interface ItemProps {
+    item: Option;
+    primaryColor: string;
+}
+declare const Item: React.FC<ItemProps>;
+export default Item;

package/src/lib/Dropdown/Options.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Option, Options as ListOption } from "./type";
+interface OptionsProps {
+    list: ListOption;
+    noOptionsMessage: string;
+    text: string;
+    isMultiple: boolean;
+    value: Option | Option[] | null;
+    primaryColor: string;
+}
+declare const Options: React.FC<OptionsProps>;
+export default Options;

package/src/lib/Dropdown/SearchInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SearchInputProps {
+    placeholder?: string;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    name?: string;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+export default SearchInput;

package/src/lib/Dropdown/SelectContainer.d.ts

@@ -0,0 +1,4 @@
+declare const SelectContainer: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SelectContainer;

package/src/lib/Dropdown/SelectProvider.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ClassNames, GroupOption, Option } from "./type";
+interface Store {
+    value: Option | Option[] | null;
+    handleValueChange: (selected: Option) => void;
+    formatGroupLabel: ((data: GroupOption) => JSX.Element) | null;
+    formatOptionLabel: ((data: Option) => JSX.Element) | null;
+    classNames?: ClassNames;
+}
+interface Props {
+    value: Option | Option[] | null;
+    handleValueChange: (selected: Option) => void;
+    children: JSX.Element;
+    otherData: {
+        formatGroupLabel: ((data: GroupOption) => JSX.Element) | null;
+        formatOptionLabel: ((data: Option) => JSX.Element) | null;
+        classNames?: ClassNames;
+    };
+}
+export declare const SelectContext: React.Context<Store>;
+export declare const useSelectContext: () => Store;
+declare const SelectProvider: React.FC<Props>;
+export default SelectProvider;

package/src/lib/Dropdown/Spinner.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    primaryColor?: string;
+}
+declare const Spinner: React.FC<Props>;
+export default Spinner;

package/src/lib/Dropdown/TailwindColors.d.ts

@@ -0,0 +1,4 @@
+declare const TailwindColors: ({ changeColor }: {
+    changeColor: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TailwindColors;

package/src/lib/Dropdown/constants.d.ts

@@ -0,0 +1,118 @@
+export declare const COLORS: string[];
+export declare const DEFAULT_THEME = "blue";
+export declare const THEME_DATA: {
+    bg: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+    bgHover: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+    ring: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+    borderFocus: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+    text: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+    textHover: {
+        blue: string;
+        orange: string;
+        yellow: string;
+        red: string;
+        purple: string;
+        amber: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        indigo: string;
+        violet: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+};

package/src/lib/Dropdown/demoList.d.ts

@@ -0,0 +1,16 @@
+export declare const demoOptions: ({
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    }[];
+    value?: undefined;
+    disabled?: undefined;
+} | {
+    value: string;
+    label: string;
+    disabled: boolean;
+    options?: undefined;
+})[];
+export declare const SELECT_OPTIONS: string[];

package/src/lib/Dropdown/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from './type';
+declare const DropDown: React.FC<SelectProps>;
+export default DropDown;

package/src/lib/Dropdown/type.d.ts

@@ -0,0 +1,59 @@
+import React from "react";
+export interface Option {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+}
+export interface GroupOption {
+    label: string;
+    options: Option[];
+}
+export type Options = Array<Option | GroupOption>;
+export interface ClassNames {
+    menuButton?: (value?: {
+        isDisabled?: boolean;
+    }) => string;
+    menu?: string;
+    tagItem?: (value?: {
+        item?: Option;
+        isDisabled?: boolean;
+    }) => string;
+    tagItemText?: string;
+    tagItemIconContainer?: string;
+    tagItemIcon?: string;
+    list?: string;
+    listGroupLabel?: string;
+    listItem?: (value?: {
+        isSelected?: boolean;
+    }) => string;
+    listDisabledItem?: string;
+    ChevronIcon?: (value?: {
+        open?: boolean;
+    }) => string;
+    searchContainer?: string;
+    searchBox?: string;
+    searchIcon?: string;
+    closeIcon?: string;
+}
+export type SelectValue = Option | Option[] | null;
+export interface SelectProps {
+    options: Options;
+    value: SelectValue;
+    onChange: (value: SelectValue) => void;
+    onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    isMultiple?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isDisabled?: boolean;
+    isGroupOption?: boolean;
+    loading?: boolean;
+    menuIsOpen?: boolean;
+    searchInputPlaceholder?: string;
+    noOptionsMessage?: string;
+    primaryColor: string;
+    formatGroupLabel?: ((data: GroupOption) => JSX.Element) | null;
+    formatOptionLabel?: ((data: Option) => JSX.Element) | null;
+    classNames?: ClassNames;
+}

package/src/utils/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function useOnClickOutside(ref: React.RefObject<HTMLDivElement>, handler: (e?: MouseEvent | TouchEvent) => void): void;