@northlight/ui 2.24.0 → 2.24.2

package/dist/es/northlight.d.ts

@@ -32,7 +32,6 @@ import { Props as Props$1 } from 'react-input-mask';
 import { NumericFormatProps } from 'react-number-format';
 import { Schema } from 'joi';
 import { UseClickableProps } from '@chakra-ui/clickable';
-import { Option as Option$1 } from '@northlight/ui';
 import { Variant } from 'chakra-react-select/dist/types/types';
 import * as _react_types_shared from '@react-types/shared';
 import * as _react_aria_focus from '@react-aria/focus';
@@ -4135,7 +4134,7 @@ interface StepStackProps extends StackProps {
 */
 declare const StepStack: ({ children, spacing, rowHeight, stepCircleAlignment, stepCircleMarginTopPx, ...rest }: StepStackProps) => JSX.Element;
 
-interface CreationOption extends Option$1 {
+interface CreationOption extends Option {
     isCreation: boolean;
 }
 interface CreatableSelectDropdownProps {
@@ -4143,12 +4142,12 @@ interface CreatableSelectDropdownProps {
      * An array of "Option" objects that represents the initial options available in the dropdown.
      * Each "Option" object must have a "label" and a "value" property (both strings).
      */
-    standardOptions: Option$1[];
+    standardOptions: Option[];
     /**
      * A callback function that is called whenever the selected option changes.
      * This function receives the newly selected "Option" object as its only argument.
      */
-    onOptionChange: (option: Option$1) => void;
+    onOptionChange: (option: Option) => void;
     /**
      * Optional placeholder text displayed when no option is selected and the dropdown is not focused.
      * Defaults to 'Select or create...' if not provided.

package/dist/es/northlight.js

@@ -12236,6 +12236,7 @@ const Select = forwardRef$1((_a, ref) => {
     "data-testid": testId,
     customOption = null,
     customTag = null,
+    isClearable = false,
     value,
     icon
   } = _b, rest = __objRest$l(_b, [
@@ -12249,6 +12250,7 @@ const Select = forwardRef$1((_a, ref) => {
     "data-testid",
     "customOption",
     "customTag",
+    "isClearable",
     "value",
     "icon"
   ]);
@@ -12280,7 +12282,7 @@ const Select = forwardRef$1((_a, ref) => {
       useBasicStyles: true,
       closeMenuOnSelect: !isMulti,
       hideSelectedOptions: false,
-      isClearable: false,
+      isClearable,
       onChange: handleChange,
       selectedOptionStyle: "check",
       chakraStyles: customSelectStyles,
@@ -13811,7 +13813,7 @@ var __objRest = (source, exclude) => {
 const customComponents = {
   Option: (_a) => {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$1({}, props), /* @__PURE__ */ React.createElement(React.Fragment, null, props.data.isCreation ? /* @__PURE__ */ React.createElement(Flex, { mr: 3, width: 1.5, mb: 0.5, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React.createElement(Icon$2, { mb: "4px", as: PlusSolid, color: "brand" })) : /* @__PURE__ */ React.createElement(Box, { mr: 3, width: 1.5 }), children));
+    return /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$1({}, props), /* @__PURE__ */ React.createElement(React.Fragment, null, props.data.isCreation ? /* @__PURE__ */ React.createElement(Flex, { mr: 3, width: 1.5, mb: 0.5, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React.createElement(Icon$1, { mb: "4px", as: PlusSolid, color: "brand" })) : /* @__PURE__ */ React.createElement(Box, { mr: 3, width: 1.5 }), children));
   }
 };
 
@@ -13899,7 +13901,7 @@ const CreatableSelectDropdown = ({
   const combinedOptions = [...standardOptions, ...createdOptions];
   const customOptions = [
     __spreadProps(__spreadValues({}, creationOption), {
-      icon: /* @__PURE__ */ React.createElement(Icon$2, { as: PlusSolid, color: "brand" })
+      icon: /* @__PURE__ */ React.createElement(Icon$1, { as: PlusSolid, color: "brand" })
     }),
     ...combinedOptions
   ];