@ultraviolet/ui 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/components/{SelectInputV2 → SelectInput}/SelectInputProvider.cjs

@@ -2,8 +2,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const SelectInputContext = React.createContext({
+const react = require("react");
+const SelectInputContext = react.createContext({
   options: [],
   multiselect: false,
   onSearch: () => {
@@ -30,7 +30,7 @@ const SelectInputContext = React.createContext({
   onChange: () => {
   }
 });
-const useSelectInput = () => React.useContext(SelectInputContext);
+const useSelectInput = () => react.useContext(SelectInputContext);
 const SelectInputProvider = ({
   options,
   multiselect,
@@ -42,7 +42,7 @@ const SelectInputProvider = ({
   onChange,
   refSelect
 }) => {
-  const currentValue = React.useMemo(() => {
+  const currentValue = react.useMemo(() => {
     if (value) {
       if (Array.isArray(value)) {
         return value;
@@ -51,16 +51,16 @@ const SelectInputProvider = ({
     }
     return [];
   }, [value]);
-  const selectedGroups = React.useMemo(() => {
+  const selectedGroups = react.useMemo(() => {
     if (Array.isArray(options)) {
       return [];
     }
     return Object.keys(options).filter((group) => options[group].every((groupOption) => currentValue.includes(groupOption.value)));
   }, [currentValue, options]);
-  const [displayedOptions, setDisplayedOptions] = React.useState(options);
-  const [isDropdownVisible, setIsDropdownVisible] = React.useState(false);
-  const [searchInput, setSearchInput] = React.useState("");
-  const handleDropDownVisible = React.useCallback((newValue) => {
+  const [displayedOptions, setDisplayedOptions] = react.useState(options);
+  const [isDropdownVisible, setIsDropdownVisible] = react.useState(false);
+  const [searchInput, setSearchInput] = react.useState("");
+  const handleDropDownVisible = react.useCallback((newValue) => {
     if (newValue) {
       setIsDropdownVisible(newValue);
     } else {
@@ -70,13 +70,13 @@ const SelectInputProvider = ({
       }
     }
   }, [refSelect]);
-  const allValues = React.useMemo(() => {
+  const allValues = react.useMemo(() => {
     if (!Array.isArray(options)) {
       return Object.keys(options).flatMap((group) => options[group].filter((option) => !option.disabled));
     }
     return options;
   }, [options]);
-  const allGroups = React.useMemo(() => {
+  const allGroups = react.useMemo(() => {
     if (!Array.isArray(options)) {
       return Object.keys(options);
     }
@@ -162,19 +162,19 @@ const SelectInputProvider = ({
         return state;
     }
   };
-  const [selectedData, setSelectedData] = React.useReducer(reducer, {
+  const [selectedData, setSelectedData] = react.useReducer(reducer, {
     selectedValues: currentValue,
     allSelected: false,
     selectedGroups
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     setSelectedData({
       type: "reset",
       selectedGroups,
       selectedValues: currentValue
     });
   }, [currentValue, selectedGroups]);
-  const providerValue = React.useMemo(() => ({
+  const providerValue = react.useMemo(() => ({
     onSearch: setDisplayedOptions,
     isDropdownVisible,
     setIsDropdownVisible: handleDropDownVisible,