@northlight/ui 2.28.1 → 2.28.2

package/dist/es/northlight.js

@@ -40,6 +40,7 @@ import AutoSizer from 'react-virtualized-auto-sizer';
 import AvatarEditor from 'react-avatar-editor';
 import { NumericFormat } from 'react-number-format';
 import InputMask from 'react-input-mask';
+import { uniqBy } from 'yafu';
 
 var __defProp$2q = Object.defineProperty;
 var __getOwnPropSymbols$2q = Object.getOwnPropertySymbols;
@@ -13969,26 +13970,26 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+  for (var prop2 in b || (b = {}))
+    if (__hasOwnProp.call(b, prop2))
+      __defNormalProp(a, prop2, b[prop2]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop2 of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop2))
+        __defNormalProp(a, prop2, b[prop2]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
+  for (var prop2 in source)
+    if (__hasOwnProp.call(source, prop2) && exclude.indexOf(prop2) < 0)
+      target[prop2] = source[prop2];
   if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    for (var prop2 of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop2) < 0 && __propIsEnum.call(source, prop2))
+        target[prop2] = source[prop2];
     }
   return target;
 };
@@ -14077,7 +14078,7 @@ const CreatableSelectDropdown = (_a) => {
     onOptionChange(option);
   };
   const combinedOptions = useMemo(
-    () => [...standardOptions, ...createdOptions],
+    () => uniqBy(prop("value"), [...standardOptions, ...createdOptions]),
     [standardOptions, createdOptions]
   );
   const customOptions = [
@@ -14093,55 +14094,64 @@ const CreatableSelectDropdown = (_a) => {
       setSelectedOption(newSelectedOption);
     }
   }, [value, combinedOptions]);
-  return /* @__PURE__ */ React.createElement(Box, { ref, w: "sm", maxW: "full" }, createNewOption && /* @__PURE__ */ React.createElement(
-    EditableText,
+  return /* @__PURE__ */ React.createElement(
+    Box,
     {
-      value: addFieldInputValue,
-      startWithEditView: true,
-      onChange: (v) => {
-        setAddFieldInputValue(v);
-      },
-      submitOnBlur: false,
-      onCancel: () => {
-        setAddFieldInputValue("");
-        setCreateNewOption(false);
-      },
-      onSubmit: (v) => {
-        handleCreateOption(v);
-        setCreateNewOption(false);
-      },
-      variant: "brand",
-      sx: {
-        minWidth: "100%",
-        width: "100%"
-      }
-    }
-  ), !createNewOption && /* @__PURE__ */ React.createElement(
-    CreatableSelect,
-    __spreadValues({
-      menuPlacement,
-      chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
-        container: (provided) => __spreadProps(__spreadValues({}, provided), {
+      ref,
+      w: "full",
+      borderRadius: "none"
+    },
+    createNewOption && /* @__PURE__ */ React.createElement(
+      EditableText,
+      {
+        value: addFieldInputValue,
+        startWithEditView: true,
+        onChange: (v) => {
+          setAddFieldInputValue(v);
+        },
+        submitOnBlur: false,
+        onCancel: () => {
+          setAddFieldInputValue("");
+          setCreateNewOption(false);
+        },
+        onSubmit: (v) => {
+          handleCreateOption(v);
+          setCreateNewOption(false);
+        },
+        variant: "brand",
+        sx: {
+          minWidth: "100%",
           width: "100%"
+        }
+      }
+    ),
+    !createNewOption && /* @__PURE__ */ React.createElement(
+      CreatableSelect,
+      __spreadValues({
+        menuPlacement,
+        chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
+          container: (provided) => __spreadProps(__spreadValues({}, provided), {
+            width: "100%"
+          }),
+          option: (provided, { isSelected }) => __spreadValues(__spreadValues({}, provided), isSelected && {
+            color: "black"
+          })
         }),
-        option: (provided, { isSelected }) => __spreadValues(__spreadValues({}, provided), isSelected && {
-          color: "black"
-        })
-      }),
-      components: getCustomComponents(),
-      options: customOptions,
-      value: selectedOption,
-      onChange: handleChange,
-      isMulti: false,
-      onCreateOption: (v) => {
-        setCreateNewOption(true);
-        setAddFieldInputValue(v);
-      },
-      placeholder: newOptionPlaceholder,
-      useBasicStyles: true,
-      variant
-    }, restProps)
-  ));
+        components: getCustomComponents(),
+        options: customOptions,
+        value: selectedOption,
+        onChange: handleChange,
+        isMulti: false,
+        onCreateOption: (v) => {
+          setCreateNewOption(true);
+          setAddFieldInputValue(v);
+        },
+        placeholder: newOptionPlaceholder,
+        useBasicStyles: true,
+        variant
+      }, restProps)
+    )
+  );
 };
 
 export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge$1 as Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CreatableSelectDropdown, CustomTheme, DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText, Fade, FastGrid, FastList, Field, FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, FormattedNumberInputField, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, IntentButton, Label$1 as Label, Lead$1 as Lead, LoadingBar, MaskedTextInput, MediatoolThemeProvider, Menu, Modal, ModalBase, ModalBody, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumVal$1 as NumVal, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, Popover$1 as Popover, ProgressBar, Radio, RadioGroup, RadioGroupField, ResizeHandle, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table, Tabs, Tag, TagGroup, TagsInput, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, Tooltip, addAlpha, advancedParseFloat, clamp, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useResizeWidth, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };