@synerise/ds-context-selector 1.3.16 → 1.3.17

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@1.3.16...@synerise/ds-context-selector@1.3.17) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-context-selector
+
 ## [1.3.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@1.3.15...@synerise/ds-context-selector@1.3.16) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-context-selector

package/dist/ContextSelector.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ContextProps } from './ContextSelector.types';
+import { default as React } from 'react';
+import { ContextProps } from './ContextSelector.types';
 declare const ContextSelector: ({ defaultDropdownVisibility, selectedItem, onSelectItem, onSetGroup, groups, items, recentItems, texts, opened, addMode, loading, customTriggerComponent, trigger, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, hideSearchField, hasMoreItems, onFetchData, onActivate, onDeactivate, onOpen, getPopupContainerOverride, type, dropdownProps, disabled, errorText, isError, readOnly, popoverDelay, dropdownDimensionsConfig, }: ContextProps) => React.JSX.Element;
 export default ContextSelector;

package/dist/ContextSelector.js

@@ -1,218 +1,151 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import Button from '@synerise/ds-button';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon, { Add3M, AngleDownS } from '@synerise/ds-icon';
-import InformationCard, { InformationCardTooltip } from '@synerise/ds-information-card';
-import { getClosest, getPopupContainer } from '@synerise/ds-utils';
-import { ErrorWrapper, ItemWrapper } from './ContextSelector.styles';
-import ContextSelectorDropdown from './ContextSelectorDropdown/ContextSelectorDropdown';
-import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from './constants';
-import { useTexts } from './hooks/useTexts';
-var ContextSelector = function ContextSelector(_ref) {
-  var defaultDropdownVisibility = _ref.defaultDropdownVisibility,
-    selectedItem = _ref.selectedItem,
-    onSelectItem = _ref.onSelectItem,
-    onSetGroup = _ref.onSetGroup,
-    groups = _ref.groups,
-    items = _ref.items,
-    recentItems = _ref.recentItems,
-    texts = _ref.texts,
-    opened = _ref.opened,
-    addMode = _ref.addMode,
-    loading = _ref.loading,
-    customTriggerComponent = _ref.customTriggerComponent,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? ['click'] : _ref$trigger,
-    menuItemHeight = _ref.menuItemHeight,
-    dropdownWrapperStyles = _ref.dropdownWrapperStyles,
-    onClickOutsideEvents = _ref.onClickOutsideEvents,
-    onClickOutside = _ref.onClickOutside,
-    onSearch = _ref.onSearch,
-    _ref$hideSearchField = _ref.hideSearchField,
-    hideSearchField = _ref$hideSearchField === void 0 ? false : _ref$hideSearchField,
-    hasMoreItems = _ref.hasMoreItems,
-    onFetchData = _ref.onFetchData,
-    onActivate = _ref.onActivate,
-    onDeactivate = _ref.onDeactivate,
-    onOpen = _ref.onOpen,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    type = _ref.type,
-    dropdownProps = _ref.dropdownProps,
-    disabled = _ref.disabled,
-    errorText = _ref.errorText,
-    isError = _ref.isError,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    popoverDelay = _ref.popoverDelay,
-    dropdownDimensionsConfig = _ref.dropdownDimensionsConfig;
-  var allTexts = useTexts(texts);
-  var _useState = useState(defaultDropdownVisibility != null ? defaultDropdownVisibility : false),
-    dropdownVisible = _useState[0],
-    setDropdownVisible = _useState[1];
-  var dimensionsConfig = _extends({
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import Button from "@synerise/ds-button";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon, { AngleDownS, Add3M } from "@synerise/ds-icon";
+import InformationCard, { InformationCardTooltip } from "@synerise/ds-information-card";
+import { getPopupContainer, getClosest } from "@synerise/ds-utils";
+import { ItemWrapper, ErrorWrapper } from "./ContextSelector.styles.js";
+import ContextSelectorDropdown from "./ContextSelectorDropdown/ContextSelectorDropdown.js";
+import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from "./constants.js";
+import { useTexts } from "./hooks/useTexts.js";
+const ContextSelector = ({
+  defaultDropdownVisibility,
+  selectedItem,
+  onSelectItem,
+  onSetGroup,
+  groups,
+  items,
+  recentItems,
+  texts,
+  opened,
+  addMode,
+  loading,
+  customTriggerComponent,
+  trigger = ["click"],
+  menuItemHeight,
+  dropdownWrapperStyles,
+  onClickOutsideEvents,
+  onClickOutside,
+  onSearch,
+  hideSearchField = false,
+  hasMoreItems,
+  onFetchData,
+  onActivate,
+  onDeactivate,
+  onOpen,
+  getPopupContainerOverride,
+  type,
+  dropdownProps,
+  disabled,
+  errorText,
+  isError,
+  readOnly = false,
+  popoverDelay,
+  dropdownDimensionsConfig
+}) => {
+  const allTexts = useTexts(texts);
+  const [dropdownVisible, setDropdownVisible] = useState(defaultDropdownVisibility ?? false);
+  const dimensionsConfig = {
     defaultHeight: DROPDOWN_HEIGHT,
     lowerHeight: DROPDOWN_HEIGHT_BELOW_THRESHOLD,
-    threshold: DROPDOWN_HEIGHT_THRESHOLD
-  }, dropdownDimensionsConfig);
-  var _useState2 = useState(dimensionsConfig.defaultHeight),
-    outerHeight = _useState2[0],
-    setOuterHeight = _useState2[1];
-  useEffect(function () {
-    var checkViewportHeight = function checkViewportHeight() {
-      return setOuterHeight(window.innerHeight < dimensionsConfig.threshold ? dimensionsConfig.lowerHeight : dimensionsConfig.defaultHeight);
-    };
+    threshold: DROPDOWN_HEIGHT_THRESHOLD,
+    ...dropdownDimensionsConfig
+  };
+  const [outerHeight, setOuterHeight] = useState(dimensionsConfig.defaultHeight);
+  useEffect(() => {
+    const checkViewportHeight = () => setOuterHeight(window.innerHeight < dimensionsConfig.threshold ? dimensionsConfig.lowerHeight : dimensionsConfig.defaultHeight);
     checkViewportHeight();
-    window.addEventListener('resize', checkViewportHeight);
-    return function () {
-      window.removeEventListener('resize', checkViewportHeight);
+    window.addEventListener("resize", checkViewportHeight);
+    return () => {
+      window.removeEventListener("resize", checkViewportHeight);
     };
   }, [dimensionsConfig.defaultHeight, dimensionsConfig.lowerHeight, dimensionsConfig.threshold]);
-  useEffect(function () {
-    setDropdownVisible(defaultDropdownVisibility != null ? defaultDropdownVisibility : false);
+  useEffect(() => {
+    setDropdownVisible(defaultDropdownVisibility ?? false);
   }, [defaultDropdownVisibility]);
-  var handleChange = useCallback(function (val) {
+  const handleChange = useCallback((val) => {
     setDropdownVisible(false);
     onSelectItem(val);
   }, [onSelectItem]);
-  var handleOnSetGroup = useCallback(function (val) {
+  const handleOnSetGroup = useCallback((val) => {
     onSetGroup && onSetGroup(val);
   }, [onSetGroup]);
-  useEffect(function () {
+  useEffect(() => {
     if (opened) {
       setDropdownVisible(true);
     }
   }, [opened]);
-  var triggerMode = useMemo(function () {
+  const triggerMode = useMemo(() => {
     if (selectedItem) {
-      return readOnly ? 'icon-label' : 'two-icons';
+      return readOnly ? "icon-label" : "two-icons";
     }
-    return readOnly ? 'simple' : 'label-icon';
+    return readOnly ? "simple" : "label-icon";
   }, [selectedItem, readOnly]);
-  var triggerColor = useMemo(function () {
+  const triggerColor = useMemo(() => {
     if (!selectedItem) {
-      return 'blue';
+      return "blue";
     }
-    return type === 'event' ? 'cyan' : 'green';
+    return type === "event" ? "cyan" : "green";
   }, [selectedItem, type]);
-  var handleClick = useCallback(function () {
+  const handleClick = useCallback(() => {
     onOpen && onOpen();
     setDropdownVisible(true);
   }, [onOpen]);
-  var selectedItemInfoCard = useMemo(function () {
-    return selectedItem && ((selectedItem.renderHoverTooltip == null ? void 0 : selectedItem.renderHoverTooltip()) || /*#__PURE__*/React.createElement(InformationCard, _extends({
-      icon: selectedItem.icon,
-      subtitle: selectedItem.subtitle,
-      title: selectedItem.name,
-      renderAdditionalDescription: selectedItem.renderAdditionalDescription,
-      descriptionConfig: selectedItem.description ? {
-        value: selectedItem.description,
-        disabled: true,
-        label: undefined
-      } : undefined
-    }, selectedItem.informationCardProps)));
+  const selectedItemInfoCard = useMemo(() => {
+    return selectedItem && (selectedItem.renderHoverTooltip?.() || /* @__PURE__ */ jsx(InformationCard, { icon: selectedItem.icon, subtitle: selectedItem.subtitle, title: selectedItem.name, renderAdditionalDescription: selectedItem.renderAdditionalDescription, descriptionConfig: selectedItem.description ? {
+      value: selectedItem.description,
+      disabled: true,
+      label: void 0
+    } : void 0, ...selectedItem.informationCardProps }));
   }, [selectedItem]);
-  var triggerButton = useMemo(function () {
-    var buttonLabel = allTexts.buttonLabel;
-    var hasError = Boolean(errorText) || isError;
-    var addModeButton = /*#__PURE__*/React.createElement(Button, {
-      error: hasError,
-      disabled: disabled,
-      type: "primary",
-      mode: "icon-label",
-      onClick: !readOnly ? handleClick : undefined,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(Add3M, null)
-    }), buttonLabel);
-    var standardButton = selectedItem ? /*#__PURE__*/React.createElement(InformationCardTooltip, {
-      content: selectedItemInfoCard,
-      popoverProps: {
-        placement: 'top',
-        getPopupContainer: getPopupContainerOverride || getPopupContainer
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      error: hasError,
-      disabled: disabled,
-      type: "custom-color",
-      color: triggerColor,
-      mode: triggerMode,
-      onClick: !readOnly ? handleClick : undefined,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: selectedItem.icon
-    }), /*#__PURE__*/React.createElement(ItemWrapper, null, selectedItem.name), !readOnly && /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(AngleDownS, null)
-    }))) : /*#__PURE__*/React.createElement(Button, {
-      error: hasError,
-      disabled: disabled,
-      type: "custom-color",
-      color: triggerColor,
-      mode: triggerMode,
-      onClick: !readOnly ? handleClick : undefined,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(ItemWrapper, null, buttonLabel), !readOnly && /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(AngleDownS, null)
-    }));
+  const triggerButton = useMemo(() => {
+    const {
+      buttonLabel
+    } = allTexts;
+    const hasError = Boolean(errorText) || isError;
+    const addModeButton = /* @__PURE__ */ jsxs(Button, { error: hasError, disabled, type: "primary", mode: "icon-label", onClick: !readOnly ? handleClick : void 0, readOnly, children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Add3M, {}) }),
+      buttonLabel
+    ] });
+    const standardButton = selectedItem ? /* @__PURE__ */ jsx(InformationCardTooltip, { content: selectedItemInfoCard, popoverProps: {
+      placement: "top",
+      getPopupContainer: getPopupContainerOverride || getPopupContainer
+    }, children: /* @__PURE__ */ jsxs(Button, { error: hasError, disabled, type: "custom-color", color: triggerColor, mode: triggerMode, onClick: !readOnly ? handleClick : void 0, readOnly, children: [
+      /* @__PURE__ */ jsx(Icon, { component: selectedItem.icon }),
+      /* @__PURE__ */ jsx(ItemWrapper, { children: selectedItem.name }),
+      !readOnly && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) })
+    ] }) }) : /* @__PURE__ */ jsxs(Button, { error: hasError, disabled, type: "custom-color", color: triggerColor, mode: triggerMode, onClick: !readOnly ? handleClick : void 0, readOnly, children: [
+      /* @__PURE__ */ jsx(ItemWrapper, { children: buttonLabel }),
+      !readOnly && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) })
+    ] });
     return addMode && !selectedItem ? addModeButton : standardButton;
   }, [allTexts, errorText, isError, disabled, readOnly, handleClick, selectedItem, selectedItemInfoCard, getPopupContainerOverride, triggerColor, triggerMode, addMode]);
-  var onDropdownVisibilityChange = useCallback(function (value) {
+  const onDropdownVisibilityChange = useCallback((value) => {
     if (value) {
-      onActivate && onActivate('');
+      onActivate && onActivate("");
       setDropdownVisible(true);
     } else {
       setDropdownVisible(false);
     }
   }, [onActivate]);
   if (readOnly) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, customTriggerComponent != null ? customTriggerComponent : triggerButton);
+    return /* @__PURE__ */ jsx(Fragment, { children: customTriggerComponent ?? triggerButton });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    "data-popup-container": true
-  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
-    getPopupContainer: getPopupContainerOverride || getPopupContainer,
-    onOpenChange: onDropdownVisibilityChange,
-    onDismiss: function onDismiss() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { "data-popup-container": true, children: /* @__PURE__ */ jsx(Dropdown, { getPopupContainer: getPopupContainerOverride || getPopupContainer, onOpenChange: onDropdownVisibilityChange, onDismiss: () => {
       onClickOutside && onClickOutside();
-      // TODO resetList();
-      onDeactivate == null || onDeactivate();
-    },
-    trigger: trigger,
-    open: dropdownVisible,
-    size: "medium"
-  }, dropdownProps, {
-    popoverProps: _extends({
-      testId: 'context-selector'
-    }, dropdownProps == null ? void 0 : dropdownProps.popoverProps, {
+      onDeactivate?.();
+    }, trigger, open: dropdownVisible, size: "medium", ...dropdownProps, popoverProps: {
+      testId: "context-selector",
+      ...dropdownProps?.popoverProps,
       dismissConfig: {
-        outsidePress: function outsidePress(event) {
-          return getClosest(event.target, '.ds-info-card') === null;
-        }
+        outsidePress: (event) => getClosest(event.target, ".ds-info-card") === null
       }
-    }),
-    overlay: /*#__PURE__*/React.createElement(ContextSelectorDropdown, {
-      value: selectedItem,
-      onDeactivate: onDeactivate,
-      setDropdownVisible: setDropdownVisible,
-      setSelected: handleChange,
-      onSetGroup: handleOnSetGroup,
-      groups: groups,
-      items: items,
-      recentItems: recentItems,
-      texts: allTexts,
-      visible: dropdownVisible,
-      loading: loading,
-      menuItemHeight: menuItemHeight,
-      dropdownWrapperStyles: dropdownWrapperStyles,
-      onClickOutsideEvents: onClickOutsideEvents,
-      onClickOutside: onClickOutside,
-      onSearch: onSearch,
-      hideSearchField: hideSearchField,
-      hasMoreItems: hasMoreItems,
-      onFetchData: onFetchData,
-      outerHeight: outerHeight,
-      popoverDelay: popoverDelay
-    })
-  }), customTriggerComponent != null ? customTriggerComponent : triggerButton)), errorText && /*#__PURE__*/React.createElement(ErrorWrapper, null, errorText));
+    }, overlay: /* @__PURE__ */ jsx(ContextSelectorDropdown, { value: selectedItem, onDeactivate, setDropdownVisible, setSelected: handleChange, onSetGroup: handleOnSetGroup, groups, items, recentItems, texts: allTexts, visible: dropdownVisible, loading, menuItemHeight, dropdownWrapperStyles, onClickOutsideEvents, onClickOutside, onSearch, hideSearchField, hasMoreItems, onFetchData, outerHeight, popoverDelay }), children: customTriggerComponent ?? triggerButton }) }),
+    errorText && /* @__PURE__ */ jsx(ErrorWrapper, { children: errorText })
+  ] });
+};
+export {
+  ContextSelector as default
 };
-export default ContextSelector;

package/dist/ContextSelector.styles.d.ts

@@ -1,14 +1,14 @@
-export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemsList: import("styled-components").StyledComponent<"div", any, {
+export declare const TabsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ContentPlaceholder: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemsList: import('styled-components').StyledComponent<"div", any, {
     contentHeight?: number;
 }, never>;
-export declare const SearchResult: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SearchResultHighlight: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ShowMoreItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => React.JSX.Element, any, {
+export declare const SearchResult: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const SearchResultHighlight: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemWrapper: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ShowMoreItem: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ErrorWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Skeleton: import('styled-components').StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import('@synerise/ds-skeleton').SkeletonProps) => React.JSX.Element, any, {
     contentHeight?: number;
 }, never>;

package/dist/ContextSelector.styles.js

@@ -1,56 +1,54 @@
-import styled from 'styled-components';
-import DropdownSkeleton from '@synerise/ds-skeleton';
-export var TabsWrapper = styled.div.withConfig({
+import styled from "styled-components";
+import DropdownSkeleton from "@synerise/ds-skeleton";
+const TabsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__TabsWrapper",
   componentId: "sc-1tuu6xk-0"
 })(["width:100%;padding:0 0 8px 0;"]);
-export var ContentPlaceholder = styled.div.withConfig({
+const ContentPlaceholder = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__ContentPlaceholder",
   componentId: "sc-1tuu6xk-1"
 })(["height:100px;"]);
-export var ItemsList = styled.div.withConfig({
+const ItemsList = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__ItemsList",
   componentId: "sc-1tuu6xk-2"
-})(["width:100%;background:", ";.ds-context-selector-list{height:auto !important;max-height:300px;}", ""], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
-});
-export var SearchResult = styled.span.withConfig({
+})(["width:100%;background:", ";.ds-context-selector-list{height:auto !important;max-height:300px;}", ""], (props) => props.theme.palette.white, (props) => props.contentHeight !== void 0 && `height: ${props.contentHeight}px;`);
+const SearchResult = /* @__PURE__ */ styled.span.withConfig({
   displayName: "ContextSelectorstyles__SearchResult",
   componentId: "sc-1tuu6xk-3"
-})(["font-weight:400;color:", ";"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var SearchResultHighlight = styled.span.withConfig({
+})(["font-weight:400;color:", ";"], (props) => props.theme.palette["grey-500"]);
+const SearchResultHighlight = /* @__PURE__ */ styled.span.withConfig({
   displayName: "ContextSelectorstyles__SearchResultHighlight",
   componentId: "sc-1tuu6xk-4"
-})(["font-weight:500;color:", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var Title = styled.div.withConfig({
+})(["font-weight:500;color:", ";"], (props) => props.theme.palette["grey-700"]);
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__Title",
   componentId: "sc-1tuu6xk-5"
-})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var ItemWrapper = styled.span.withConfig({
+})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], (props) => props.theme.palette["grey-500"]);
+const ItemWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "ContextSelectorstyles__ItemWrapper",
   componentId: "sc-1tuu6xk-6"
 })(["max-width:170px;overflow:hidden;text-overflow:ellipsis;"]);
-export var ShowMoreItem = styled.div.withConfig({
+const ShowMoreItem = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__ShowMoreItem",
   componentId: "sc-1tuu6xk-7"
 })(["font-weight:500;"]);
-export var ErrorWrapper = styled.div.withConfig({
+const ErrorWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ContextSelectorstyles__ErrorWrapper",
   componentId: "sc-1tuu6xk-8"
-})(["color:", ";margin-top:8px;"], function (props) {
-  return props.theme.palette['red-600'];
-});
-export var Skeleton = styled(DropdownSkeleton).withConfig({
+})(["color:", ";margin-top:8px;"], (props) => props.theme.palette["red-600"]);
+const Skeleton = /* @__PURE__ */ styled(DropdownSkeleton).withConfig({
   displayName: "ContextSelectorstyles__Skeleton",
   componentId: "sc-1tuu6xk-9"
-})(["", ""], function (props) {
-  return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
-});
+})(["", ""], (props) => props.contentHeight !== void 0 && `height: ${props.contentHeight}px;`);
+export {
+  ContentPlaceholder,
+  ErrorWrapper,
+  ItemWrapper,
+  ItemsList,
+  SearchResult,
+  SearchResultHighlight,
+  ShowMoreItem,
+  Skeleton,
+  TabsWrapper,
+  Title
+};

package/dist/ContextSelector.types.d.ts

@@ -1,9 +1,9 @@
-import type { CSSProperties, ReactNode, ReactText } from 'react';
-import type { DropdownSharedProps } from '@synerise/ds-dropdown';
-import type { InformationCardProps } from '@synerise/ds-information-card';
-import type { ItemSize, ListItemProps } from '@synerise/ds-list-item';
-import { type DelayConfig, type PopoverTriggerType } from '@synerise/ds-popover';
-import type { HandledEventsType } from '@synerise/ds-utils';
+import { CSSProperties, ReactNode, ReactText } from 'react';
+import { DropdownSharedProps } from '@synerise/ds-dropdown';
+import { InformationCardProps } from '@synerise/ds-information-card';
+import { ItemSize, ListItemProps } from '@synerise/ds-list-item';
+import { DelayConfig, PopoverTriggerType } from '@synerise/ds-popover';
+import { HandledEventsType } from '@synerise/ds-utils';
 export type ContextTexts = {
     buttonLabel: ReactNode;
     searchPlaceholder: string;

package/dist/ContextSelector.types.js

@@ -1,3 +1,6 @@
-export var isContextItemsInSubGroup = function isContextItemsInSubGroup(item) {
+const isContextItemsInSubGroup = (item) => {
   return !!item.isGroup;
-};
+};
+export {
+  isContextItemsInSubGroup
+};

package/dist/ContextSelectorDropdown/ContextSelectorDropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ContextDropdownProps } from '../ContextSelector.types';
+import { default as React } from 'react';
+import { ContextDropdownProps } from '../ContextSelector.types';
 declare const ContextSelectorDropdown: ({ texts, setSelected, onSetGroup, groups, items, recentItems, setDropdownVisible, value, visible, hideSearchField, loading, menuItemHeight, dropdownWrapperStyles, onSearch, onFetchData, hasMoreItems, outerHeight, popoverDelay, maxSearchResultsInGroup, }: ContextDropdownProps) => React.JSX.Element;
 export default ContextSelectorDropdown;