@layerfi/components 0.1.62 → 0.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -5156,15 +5156,15 @@ var Option2 = (props) => {
5156
5156
  ...props,
5157
5157
  className: `Layer__select__option-menu-content ${props.className}`
5158
5158
  },
5159
- /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--name" }, /* @__PURE__ */ React71.createElement("div", null, props.data.payload.display_name), props.data.payload.description && /* @__PURE__ */ React71.createElement(Tooltip, null, /* @__PURE__ */ React71.createElement(TooltipTrigger, null, /* @__PURE__ */ React71.createElement(InfoIcon_default, null)), /* @__PURE__ */ React71.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ React71.createElement(
5159
+ /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--name" }, props.isSelected ? /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement(Check_default, { size: 16 })) : /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement("div", { style: { width: 16, height: 16 } })), /* @__PURE__ */ React71.createElement("div", null, props.data.payload.display_name)),
5160
+ props.data.payload.description && /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--tooltip" }, /* @__PURE__ */ React71.createElement(Tooltip, null, /* @__PURE__ */ React71.createElement(TooltipTrigger, null, /* @__PURE__ */ React71.createElement(InfoIcon_default, null)), /* @__PURE__ */ React71.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ React71.createElement(
5160
5161
  Text,
5161
5162
  {
5162
5163
  className: "Layer__actionable-list__content-description",
5163
5164
  size: "sm" /* sm */
5164
5165
  },
5165
5166
  props.data.payload.description
5166
- )))),
5167
- props.isSelected ? /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement(Check_default, { size: 16 })) : null
5167
+ ))))
5168
5168
  );
5169
5169
  };
5170
5170
  var allCategoriesDivider = [
@@ -5271,7 +5271,8 @@ var CategorySelect = ({
5271
5271
  },
5272
5272
  components: { DropdownIndicator, GroupHeading, Option: Option2 },
5273
5273
  isDisabled: disabled,
5274
- isOptionDisabled: (option) => option.disabled ?? false
5274
+ isOptionDisabled: (option) => option.disabled ?? false,
5275
+ isOptionSelected: (option) => selected?.payload.display_name == option.payload.display_name
5275
5276
  }
5276
5277
  );
5277
5278
  };