@synerise/ds-factors 1.11.11 → 1.11.13

package/dist/FactorValue/Formula/FormulaModal.js

@@ -1,47 +1,32 @@
-import React from 'react';
-import InlineEdit from '@synerise/ds-inline-edit';
-import ModalProxy from '@synerise/ds-modal';
-var FormulaModal = function FormulaModal(_ref) {
-  var value = _ref.value,
-    onApply = _ref.onApply,
-    onCancel = _ref.onCancel,
-    visible = _ref.visible,
-    texts = _ref.texts,
-    formulaEditor = _ref.formulaEditor;
-  var _React$useState = React.useState((value == null ? void 0 : value.name) || texts.formula.defaultName),
-    formulaName = _React$useState[0],
-    setFormulaName = _React$useState[1];
-  var handleOk = React.useCallback(function () {
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import InlineEdit from "@synerise/ds-inline-edit";
+import ModalProxy from "@synerise/ds-modal";
+const FormulaModal = ({
+  value,
+  onApply,
+  onCancel,
+  visible,
+  texts,
+  formulaEditor
+}) => {
+  const [formulaName, setFormulaName] = React.useState(value?.name || texts.formula.defaultName);
+  const handleOk = React.useCallback(() => {
     onApply({
       name: formulaName,
-      value: 'FORMULA VALUE'
+      value: "FORMULA VALUE"
     });
   }, [onApply, formulaName]);
-  return /*#__PURE__*/React.createElement(ModalProxy, {
-    size: "medium",
-    title: /*#__PURE__*/React.createElement(InlineEdit, {
-      input: {
-        maxLength: 120,
-        name: 'name-of-input',
-        placeholder: texts.formula.buttonPlaceholder,
-        onChange: function onChange(e) {
-          return setFormulaName(e.target.value);
-        },
-        onEnterPress: function onEnterPress(e) {
-          return setFormulaName(e.target.value);
-        },
-        onBlur: function onBlur(e) {
-          return setFormulaName(e.target.value || texts.formula.defaultName);
-        },
-        value: formulaName
-      }
-    }),
-    closable: true,
-    onOk: handleOk,
-    onCancel: onCancel,
-    visible: visible,
-    okText: texts.modalApply,
-    cancelText: texts.modalCancel
-  }, formulaEditor);
+  return /* @__PURE__ */ jsx(ModalProxy, { size: "medium", title: /* @__PURE__ */ jsx(InlineEdit, { input: {
+    maxLength: 120,
+    name: "name-of-input",
+    placeholder: texts.formula.buttonPlaceholder,
+    onChange: (e) => setFormulaName(e.target.value),
+    onEnterPress: (e) => setFormulaName(e.target.value),
+    onBlur: (e) => setFormulaName(e.target.value || texts.formula.defaultName),
+    value: formulaName
+  } }), closable: true, onOk: handleOk, onCancel, visible, okText: texts.modalApply, cancelText: texts.modalCancel, children: formulaEditor });
+};
+export {
+  FormulaModal as default
 };
-export default FormulaModal;

package/dist/FactorValue/Number/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FactorValueComponentProps } from '../../Factors.types';
+import { default as React } from 'react';
+import { FactorValueComponentProps } from '../../Factors.types';
 declare const NumberInput: ({ error, value, onChange, texts, opened, onDeactivate, readOnly, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default NumberInput;

package/dist/FactorValue/Number/NumberInput.js

@@ -1,43 +1,33 @@
-import React, { useEffect, useState } from 'react';
-import InputNumber from '@synerise/ds-input-number';
-var NumberInput = function NumberInput(_ref) {
-  var error = _ref.error,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    texts = _ref.texts,
-    opened = _ref.opened,
-    onDeactivate = _ref.onDeactivate,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    uncontrolledComponent = _ref.uncontrolledComponent;
-  var _useState = useState(function () {
-      return value;
-    }),
-    localValue = _useState[0],
-    setLocalValue = _useState[1];
-  useEffect(function () {
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import InputNumber from "@synerise/ds-input-number";
+const NumberInput = ({
+  error,
+  value,
+  onChange,
+  texts,
+  opened,
+  onDeactivate,
+  readOnly = false,
+  uncontrolledComponent
+}) => {
+  const [localValue, setLocalValue] = useState(() => value);
+  useEffect(() => {
     if (!uncontrolledComponent) {
       setLocalValue(value);
     }
   }, [value, uncontrolledComponent]);
-  useEffect(function () {
+  useEffect(() => {
     if (uncontrolledComponent && !value && localValue !== value) {
       setLocalValue(value);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, uncontrolledComponent]);
-  var handleChange = function handleChange(val) {
+  const handleChange = (val) => {
     setLocalValue(val);
     onChange(val);
   };
-  return /*#__PURE__*/React.createElement(InputNumber, {
-    error: error,
-    autoFocus: opened,
-    placeholder: texts.valuePlaceholder,
-    value: localValue,
-    onChange: handleChange,
-    onBlur: onDeactivate,
-    readOnly: readOnly
-  });
+  return /* @__PURE__ */ jsx(InputNumber, { error, autoFocus: opened, placeholder: texts.valuePlaceholder, value: localValue, onChange: handleChange, onBlur: onDeactivate, readOnly });
+};
+export {
+  NumberInput as default
 };
-export default NumberInput;

package/dist/FactorValue/Parameter/Parameter.constants.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 export declare const LIST_STYLE: CSSProperties;
 export declare const NO_GROUP_NAME = "NO_GROUP_NAME";
 export declare const ITEM_SIZE: {

package/dist/FactorValue/Parameter/Parameter.constants.js

@@ -1,14 +1,28 @@
-var _ITEM_SIZE;
-import { itemSizes } from '@synerise/ds-list-item';
-export var LIST_STYLE = {
-  overflowX: 'unset',
-  overflowY: 'unset'
+import { itemSizes } from "@synerise/ds-list-item";
+const LIST_STYLE = {
+  overflowX: "unset",
+  overflowY: "unset"
+};
+const NO_GROUP_NAME = "NO_GROUP_NAME";
+const ITEM_SIZE = {
+  [itemSizes.LARGE]: 50,
+  [itemSizes.DEFAULT]: 32,
+  title: 32
+};
+const DROPDOWN_HEIGHT = 420;
+const DROPDOWN_HEIGHT_BELOW_THRESHOLD = 350;
+const DROPDOWN_HEIGHT_THRESHOLD = 800;
+const SEARCH_HEGIHT = 53;
+const TABS_HEIGHT = 50;
+const SUBGROUP_HEADER_HEIGHT = 53;
+export {
+  DROPDOWN_HEIGHT,
+  DROPDOWN_HEIGHT_BELOW_THRESHOLD,
+  DROPDOWN_HEIGHT_THRESHOLD,
+  ITEM_SIZE,
+  LIST_STYLE,
+  NO_GROUP_NAME,
+  SEARCH_HEGIHT,
+  SUBGROUP_HEADER_HEIGHT,
+  TABS_HEIGHT
 };
-export var NO_GROUP_NAME = 'NO_GROUP_NAME';
-export var ITEM_SIZE = (_ITEM_SIZE = {}, _ITEM_SIZE[itemSizes.LARGE] = 50, _ITEM_SIZE[itemSizes.DEFAULT] = 32, _ITEM_SIZE.title = 32, _ITEM_SIZE);
-export var DROPDOWN_HEIGHT = 420;
-export var DROPDOWN_HEIGHT_BELOW_THRESHOLD = 350;
-export var DROPDOWN_HEIGHT_THRESHOLD = 800;
-export var SEARCH_HEGIHT = 53;
-export var TABS_HEIGHT = 50;
-export var SUBGROUP_HEADER_HEIGHT = 53;

package/dist/FactorValue/Parameter/Parameter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FactorValueComponentProps } from '../../Factors.types';
+import { default as React } from 'react';
+import { FactorValueComponentProps } from '../../Factors.types';
 declare const ParameterInput: ({ value, onChange, onParamsClick, parameters, texts, opened, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, readOnly, error, loading, }: FactorValueComponentProps) => React.JSX.Element;
 export default ParameterInput;

package/dist/FactorValue/Parameter/Parameter.js

@@ -1,154 +1,109 @@
-var _excluded = ["buttonIcon", "buttonLabel", "selectedButtonColored", "dropdownDimensionsConfig"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon, { AngleDownS } from '@synerise/ds-icon';
-import InformationCard, { InformationCardTooltip } from '@synerise/ds-information-card';
-import { getPopupContainer } from '@synerise/ds-utils';
-import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from './Parameter.constants';
-import { ParameterButton, Value } from './Parameter.style';
-import ParameterDropdown from './ParameterDropdown';
-var ParameterInput = function ParameterInput(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onParamsClick = _ref.onParamsClick,
-    parameters = _ref.parameters,
-    texts = _ref.texts,
-    opened = _ref.opened,
-    preventAutoloadData = _ref.preventAutoloadData,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    onActivate = _ref.onActivate,
-    onDeactivate = _ref.onDeactivate,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    error = _ref.error,
-    loading = _ref.loading;
-  var _ref2 = parameters || {},
-    buttonIcon = _ref2.buttonIcon,
-    buttonLabel = _ref2.buttonLabel,
-    selectedButtonColored = _ref2.selectedButtonColored,
-    dropdownDimensionsConfig = _ref2.dropdownDimensionsConfig,
-    restParameters = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  var dimensionsConfig = _extends({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback, useEffect } from "react";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon, { AngleDownS } from "@synerise/ds-icon";
+import InformationCard, { InformationCardTooltip } from "@synerise/ds-information-card";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from "./Parameter.constants.js";
+import { ParameterButton, Value } from "./Parameter.style.js";
+import ParameterDropdown from "./ParameterDropdown.js";
+const ParameterInput = ({
+  value,
+  onChange,
+  onParamsClick,
+  parameters,
+  texts,
+  opened,
+  preventAutoloadData,
+  getPopupContainerOverride,
+  onActivate,
+  onDeactivate,
+  readOnly = false,
+  error,
+  loading
+}) => {
+  const {
+    buttonIcon,
+    buttonLabel,
+    selectedButtonColored,
+    dropdownDimensionsConfig,
+    ...restParameters
+  } = parameters || {};
+  const dimensionsConfig = {
     defaultHeight: DROPDOWN_HEIGHT,
     lowerHeight: DROPDOWN_HEIGHT_BELOW_THRESHOLD,
-    threshold: DROPDOWN_HEIGHT_THRESHOLD
-  }, dropdownDimensionsConfig);
-  var _useState = useState(false),
-    dropdownVisible = _useState[0],
-    setDropdownVisible = _useState[1];
-  var _useState2 = useState(dimensionsConfig.defaultHeight),
-    outerHeight = _useState2[0],
-    setOuterHeight = _useState2[1];
-  var parameter = useMemo(function () {
-    return value;
-  }, [value]);
-  var _useMemo = useMemo(function () {
-      return {
-        isSelected: Boolean((parameter == null ? void 0 : parameter.icon) || (parameter == null ? void 0 : parameter.name)),
-        parameterIcon: (parameter == null ? void 0 : parameter.icon) || buttonIcon,
-        parameterName: (parameter == null ? void 0 : parameter.name) || buttonLabel
-      };
-    }, [parameter, buttonIcon, buttonLabel]),
-    parameterIcon = _useMemo.parameterIcon,
-    parameterName = _useMemo.parameterName,
-    isSelected = _useMemo.isSelected;
-  var handleChange = useCallback(function (val) {
+    threshold: DROPDOWN_HEIGHT_THRESHOLD,
+    ...dropdownDimensionsConfig
+  };
+  const [dropdownVisible, setDropdownVisible] = useState(false);
+  const [outerHeight, setOuterHeight] = useState(dimensionsConfig.defaultHeight);
+  const parameter = useMemo(() => value, [value]);
+  const {
+    parameterIcon,
+    parameterName,
+    isSelected
+  } = useMemo(() => ({
+    isSelected: Boolean(parameter?.icon || parameter?.name),
+    parameterIcon: parameter?.icon || buttonIcon,
+    parameterName: parameter?.name || buttonLabel
+  }), [parameter, buttonIcon, buttonLabel]);
+  const handleChange = useCallback((val) => {
     onChange(val);
   }, [onChange]);
-  var handleOnClick = useCallback(function () {
+  const handleOnClick = useCallback(() => {
     onParamsClick && onParamsClick();
     setDropdownVisible(true);
     onActivate && onActivate();
   }, [onParamsClick, onActivate]);
-  useEffect(function () {
+  useEffect(() => {
     setDropdownVisible(Boolean(opened));
     if (opened) {
       onParamsClick && onParamsClick();
       onActivate && onActivate();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [opened]);
-  useEffect(function () {
+  useEffect(() => {
     !preventAutoloadData && onParamsClick && onParamsClick();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onDropdownVisibilityChange = useCallback(function (newValue) {
+  const onDropdownVisibilityChange = useCallback((newValue) => {
     newValue && onActivate && onActivate();
     setDropdownVisible(newValue);
   }, [onActivate]);
-  var triggerMode = useMemo(function () {
+  const triggerMode = useMemo(() => {
     if (parameterIcon) {
-      return readOnly ? 'icon-label' : 'two-icons';
+      return readOnly ? "icon-label" : "two-icons";
     }
-    return readOnly ? 'simple' : 'label-icon';
+    return readOnly ? "simple" : "label-icon";
   }, [parameterIcon, readOnly]);
-  var triggerButton = /*#__PURE__*/React.createElement(ParameterButton, {
-    error: error,
-    type: isSelected && selectedButtonColored ? 'custom-color' : 'secondary',
-    color: isSelected && selectedButtonColored ? 'green' : undefined,
-    mode: triggerMode,
-    onClick: !readOnly ? handleOnClick : undefined,
-    readOnly: readOnly
-  }, parameterIcon && /*#__PURE__*/React.createElement(Icon, {
-    component: parameterIcon
-  }), /*#__PURE__*/React.createElement(Value, null, parameterName), !readOnly && /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleDownS, null)
-  }));
-  var selectedItemInfoCard = useMemo(function () {
-    var _parameter$id;
-    return isSelected && parameter && ((parameter.renderHoverTooltip == null ? void 0 : parameter.renderHoverTooltip()) || /*#__PURE__*/React.createElement(InformationCard, _extends({
-      icon: parameterIcon,
-      subtitle: (_parameter$id = parameter.id) == null ? void 0 : _parameter$id.toString(),
-      title: parameterName,
-      descriptionConfig: parameter.description ? {
-        value: parameter.description,
-        disabled: true,
-        label: undefined
-      } : undefined
-    }, parameter.informationCardProps)));
+  const triggerButton = /* @__PURE__ */ jsxs(ParameterButton, { error, type: isSelected && selectedButtonColored ? "custom-color" : "secondary", color: isSelected && selectedButtonColored ? "green" : void 0, mode: triggerMode, onClick: !readOnly ? handleOnClick : void 0, readOnly, children: [
+    parameterIcon && /* @__PURE__ */ jsx(Icon, { component: parameterIcon }),
+    /* @__PURE__ */ jsx(Value, { children: parameterName }),
+    !readOnly && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) })
+  ] });
+  const selectedItemInfoCard = useMemo(() => {
+    return isSelected && parameter && (parameter.renderHoverTooltip?.() || /* @__PURE__ */ jsx(InformationCard, { icon: parameterIcon, subtitle: parameter.id?.toString(), title: parameterName, descriptionConfig: parameter.description ? {
+      value: parameter.description,
+      disabled: true,
+      label: void 0
+    } : void 0, ...parameter.informationCardProps }));
   }, [parameter, isSelected, parameterIcon, parameterName]);
-  var trigger = selectedItemInfoCard ? /*#__PURE__*/React.createElement(InformationCardTooltip, {
-    content: selectedItemInfoCard,
-    popoverProps: {
-      placement: 'top',
-      getPopupContainer: getPopupContainerOverride || getPopupContainer
-    }
-  }, triggerButton) : triggerButton;
-  useEffect(function () {
-    var checkViewportHeight = function checkViewportHeight() {
-      return setOuterHeight(window.innerHeight < dimensionsConfig.threshold ? dimensionsConfig.lowerHeight : dimensionsConfig.defaultHeight);
-    };
+  const trigger = selectedItemInfoCard ? /* @__PURE__ */ jsx(InformationCardTooltip, { content: selectedItemInfoCard, popoverProps: {
+    placement: "top",
+    getPopupContainer: getPopupContainerOverride || getPopupContainer
+  }, children: triggerButton }) : triggerButton;
+  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]);
-  return readOnly ? trigger : /*#__PURE__*/React.createElement("div", {
-    "data-popup-container": true,
-    "data-testid": "ds-factors-parameter"
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    open: dropdownVisible,
-    getPopupContainer: getPopupContainerOverride || getPopupContainer,
-    onOpenChange: onDropdownVisibilityChange,
-    asChild: false,
-    size: 300,
-    onDismiss: onDeactivate,
-    overlay: /*#__PURE__*/React.createElement(ParameterDropdown, _extends({
-      setDropdownVisible: setDropdownVisible,
-      setSelected: handleChange
-    }, restParameters, {
-      texts: texts,
-      loading: loading,
-      outerHeight: outerHeight,
-      value: isSelected ? parameter : undefined
-    })),
-    popoverProps: {
-      testId: 'factors-parameters',
-      returnFocus: false
-    }
-  }, trigger));
+  return readOnly ? trigger : /* @__PURE__ */ jsx("div", { "data-popup-container": true, "data-testid": "ds-factors-parameter", children: /* @__PURE__ */ jsx(Dropdown, { open: dropdownVisible, getPopupContainer: getPopupContainerOverride || getPopupContainer, onOpenChange: onDropdownVisibilityChange, asChild: false, size: 300, onDismiss: onDeactivate, overlay: /* @__PURE__ */ jsx(ParameterDropdown, { setDropdownVisible, setSelected: handleChange, ...restParameters, texts, loading, outerHeight, value: isSelected ? parameter : void 0 }), popoverProps: {
+    testId: "factors-parameters",
+    returnFocus: false
+  }, children: trigger }) });
+};
+export {
+  ParameterInput as default
 };
-export default ParameterInput;

package/dist/FactorValue/Parameter/Parameter.style.d.ts

@@ -1,43 +1,43 @@
-import { VariableSizeList } from 'react-window';
-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, {
+import { VariableSizeList } from '../../../../../../config/vitest/__mocks__/reactWindowMock.js';
+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 Value: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ParameterButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+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 Value: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ParameterButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "onClick" | "type"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "onClick" | "type"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {}, never>;
-export declare const StyledList: import("styled-components").StyledComponent<typeof VariableSizeList, 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 StyledList: import('styled-components').StyledComponent<typeof VariableSizeList, 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>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ShowMoreItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ShowMoreItem: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Parameter/Parameter.style.js

@@ -1,58 +1,61 @@
-import { VariableSizeList } from 'react-window';
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-import DropdownSkeleton from '@synerise/ds-skeleton';
-export var TabsWrapper = styled.div.withConfig({
+import { VariableSizeList } from "react-window";
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+import DropdownSkeleton from "@synerise/ds-skeleton";
+const TabsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Parameterstyle__TabsWrapper",
   componentId: "sc-u2uvgh-0"
 })(["width:100%;padding:0 0 8px 0;"]);
-export var ContentPlaceholder = styled.div.withConfig({
+const ContentPlaceholder = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Parameterstyle__ContentPlaceholder",
   componentId: "sc-u2uvgh-1"
 })(["height:100px;"]);
-export var ItemsList = styled.div.withConfig({
+const ItemsList = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Parameterstyle__ItemsList",
   componentId: "sc-u2uvgh-2"
-})(["width:100%;", ""], function (props) {
-  return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
-});
-export var SearchResult = styled.span.withConfig({
+})(["width:100%;", ""], (props) => props.contentHeight !== void 0 && `height: ${props.contentHeight}px;`);
+const SearchResult = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Parameterstyle__SearchResult",
   componentId: "sc-u2uvgh-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: "Parameterstyle__SearchResultHighlight",
   componentId: "sc-u2uvgh-4"
-})(["font-weight:500;color:", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var Value = styled.span.withConfig({
+})(["font-weight:500;color:", ";"], (props) => props.theme.palette["grey-700"]);
+const Value = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Parameterstyle__Value",
   componentId: "sc-u2uvgh-5"
 })(["max-width:110px;text-overflow:ellipsis;overflow:hidden;text-align:left;"]);
-export var ParameterButton = styled(Button).withConfig({
+const ParameterButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "Parameterstyle__ParameterButton",
   componentId: "sc-u2uvgh-6"
 })(["max-width:100%;"]);
-export var StyledList = styled(VariableSizeList).withConfig({
+const StyledList = /* @__PURE__ */ styled(VariableSizeList).withConfig({
   displayName: "Parameterstyle__StyledList",
   componentId: "sc-u2uvgh-7"
 })(["overflow-x:unset;overflow-y:unset;height:auto !important;max-height:300px;"]);
-export var Skeleton = styled(DropdownSkeleton).withConfig({
+const Skeleton = /* @__PURE__ */ styled(DropdownSkeleton).withConfig({
   displayName: "Parameterstyle__Skeleton",
   componentId: "sc-u2uvgh-8"
-})(["", ""], function (props) {
-  return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
-});
-export var Title = styled.div.withConfig({
+})(["", ""], (props) => props.contentHeight !== void 0 && `height: ${props.contentHeight}px;`);
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Parameterstyle__Title",
   componentId: "sc-u2uvgh-9"
-})(["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 ShowMoreItem = styled.div.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 ShowMoreItem = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Parameterstyle__ShowMoreItem",
   componentId: "sc-u2uvgh-10"
-})(["font-weight:500;"]);
+})(["font-weight:500;"]);
+export {
+  ContentPlaceholder,
+  ItemsList,
+  ParameterButton,
+  SearchResult,
+  SearchResultHighlight,
+  ShowMoreItem,
+  Skeleton,
+  StyledList,
+  TabsWrapper,
+  Title,
+  Value
+};

package/dist/FactorValue/Parameter/Parameter.types.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type ReactNode } from 'react';
-import type { ParameterGroup, ParameterItem } from '../../Factors.types';
+import { CSSProperties, ReactNode } from 'react';
+import { ParameterGroup, ParameterItem } from '../../Factors.types';
 export type DropdownItem<ItemType extends ParameterItem | ParameterGroup> = {
     item: ItemType;
     searchQuery: string;