@synerise/ds-factors 1.3.2 → 1.4.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.0...@synerise/ds-factors@1.4.1) (2025-07-08)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.3.2...@synerise/ds-factors@1.4.0) (2025-07-04)
+
+
+### Bug Fixes
+
+* **condition:** allow param button to use available space ([b3ea666](https://github.com/Synerise/synerise-design/commit/b3ea666417cd14440ceff58de2e91e58198bfd49))
+
+
+### Features
+
+* **factors:** pass component props ([81f40dd](https://github.com/Synerise/synerise-design/commit/81f40dd18b3e7d88828d5e418efc94b1cb9eda91))
+
+
+
+
+
 ## [1.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.3.1...@synerise/ds-factors@1.3.2) (2025-07-01)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorValue/DynamicKey/DynamicKey.d.ts

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

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -1,6 +1,5 @@
 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, { useEffect, useState } from 'react';
-import { RawInput } from '@synerise/ds-input';
 import * as S from './DynamicKey.style';
 var DynamicKey = function DynamicKey(_ref) {
   var value = _ref.value,
@@ -11,6 +10,7 @@ var DynamicKey = function DynamicKey(_ref) {
     opened = _ref.opened,
     onDeactivate = _ref.onDeactivate,
     error = _ref.error,
+    factorValueExtraProps = _ref.factorValueExtraProps,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var _useState = useState({
@@ -39,7 +39,15 @@ var DynamicKey = function DynamicKey(_ref) {
       value: value.value
     });
   }, [value]);
-  var trigger = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RawInput, {
+  var _ref2 = (factorValueExtraProps == null ? void 0 : factorValueExtraProps.dynamicKey) || {},
+    _ref2$keyInputProps = _ref2.keyInputProps,
+    keyInputProps = _ref2$keyInputProps === void 0 ? {} : _ref2$keyInputProps,
+    _ref2$valueInputProps = _ref2.valueInputProps,
+    valueInputProps = _ref2$valueInputProps === void 0 ? {} : _ref2$valueInputProps;
+  var trigger = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DynamicKeyInput, _extends({
+    withoutTypeSelector: withoutTypeSelector,
+    index: 0
+  }, keyInputProps, {
     placeholder: texts.dynamicKey.keyPlaceholder,
     value: localValue.key,
     name: "key",
@@ -48,14 +56,16 @@ var DynamicKey = function DynamicKey(_ref) {
     onBlur: onDeactivate,
     error: localError || error,
     readOnly: readOnly
-  }), /*#__PURE__*/React.createElement(RawInput, {
+  })), /*#__PURE__*/React.createElement(S.DynamicKeyInput, _extends({
+    index: 1
+  }, valueInputProps, {
     placeholder: texts.dynamicKey.valuePlaceholder,
     value: localValue.value,
     name: "value",
     onChange: handleChange,
     error: localError || error,
     readOnly: readOnly
-  }));
+  })));
   return /*#__PURE__*/React.createElement(S.DynamicKey, {
     "data-testid": "ds-factors-dynamic-key",
     withoutTypeSelector: withoutTypeSelector

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

@@ -1,3 +1,8 @@
+/// <reference types="react" />
+export declare const DynamicKeyInput: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => import("react").JSX.Element, any, {
+    index: 0 | 1;
+    withoutTypeSelector?: boolean | undefined;
+}, never>;
 export declare const DynamicKey: import("styled-components").StyledComponent<"div", any, {
     withoutTypeSelector: boolean;
 }, never>;

package/dist/FactorValue/DynamicKey/DynamicKey.style.js

@@ -1,7 +1,12 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
+import { Input } from '@synerise/ds-input';
+export var DynamicKeyInput = styled(Input).withConfig({
+  displayName: "DynamicKeystyle__DynamicKeyInput",
+  componentId: "sc-43cup-0"
+})(["flex:1;&:focus{z-index:2;}.ant-input{", "}"], function (props) {
+  return props.index === 0 ? css(["border-radius:", ";"], props.withoutTypeSelector ? '3px 0 0 3px' : '0') : css(["border-radius:0 3px 3px 0;margin-left:-1px;"]);
+});
 export var DynamicKey = styled.div.withConfig({
   displayName: "DynamicKeystyle__DynamicKey",
-  componentId: "sc-43cup-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;.ant-input{flex:1;&:focus{z-index:2;}&:first-of-type{border-radius:", ";}&:last-of-type{border-radius:0 3px 3px 0;margin-left:-1px;}}"], function (props) {
-  return props.withoutTypeSelector ? '3px 0 0 3px' : '0';
-});
+  componentId: "sc-43cup-1"
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;"]);

package/dist/FactorValue/FactorValue.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type FactorValueProps } from '../Factors.types';
-declare const FactorValue: ({ selectedFactorType, value, onChangeValue, onParamsClick, selectedFactor, textType, parameters, autocompleteText, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, allowClear, readOnly, getMenuEntryProps, relativeDateProps, arrayProps, }: FactorValueProps) => React.JSX.Element;
+declare const FactorValue: ({ selectedFactorType, value, onChangeValue, onParamsClick, selectedFactor, textType, parameters, autocompleteText, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, allowClear, readOnly, getMenuEntryProps, relativeDateProps, arrayProps, factorValueExtraProps, }: FactorValueProps) => React.JSX.Element;
 export default FactorValue;

package/dist/FactorValue/FactorValue.js

@@ -28,7 +28,8 @@ var FactorValue = function FactorValue(_ref) {
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     getMenuEntryProps = _ref.getMenuEntryProps,
     relativeDateProps = _ref.relativeDateProps,
-    arrayProps = _ref.arrayProps;
+    arrayProps = _ref.arrayProps,
+    factorValueExtraProps = _ref.factorValueExtraProps;
   var inputType = React.useMemo(function () {
     if (!selectedFactor) {
       return undefined;
@@ -59,9 +60,10 @@ var FactorValue = function FactorValue(_ref) {
       allowClear: allowClear,
       readOnly: readOnly,
       getMenuEntryProps: getMenuEntryProps,
-      inputProps: inputProps
+      inputProps: inputProps,
+      factorValueExtraProps: factorValueExtraProps
     }, relativeDateProps));
-  }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, arrayProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps, relativeDateProps]);
+  }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, arrayProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps, relativeDateProps, factorValueExtraProps]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     inputType: selectedFactorType,
     inputTextType: textType,

package/dist/FactorValue/Parameter/Parameter.js

@@ -2,14 +2,13 @@ var _excluded = ["buttonIcon", "buttonLabel", "selectedButtonColored", "dropdown
 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 Button from '@synerise/ds-button';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
 import InformationCard from '@synerise/ds-information-card';
 import Menu from '@synerise/ds-menu';
 import { getPopupContainer } from '@synerise/ds-utils';
 import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from './Parameter.constants';
-import { Value } from './Parameter.style';
+import { ParameterButton, Value } from './Parameter.style';
 import ParameterDropdown from './ParameterDropdown';
 var ParameterInput = function ParameterInput(_ref) {
   var value = _ref.value,
@@ -90,7 +89,7 @@ var ParameterInput = function ParameterInput(_ref) {
     }
     return readOnly ? 'simple' : 'label-icon';
   }, [parameterIcon, readOnly]);
-  var triggerButton = /*#__PURE__*/React.createElement(Button, {
+  var triggerButton = /*#__PURE__*/React.createElement(ParameterButton, {
     error: error,
     type: isSelected && selectedButtonColored ? 'custom-color' : 'secondary',
     color: isSelected && selectedButtonColored ? 'green' : undefined,

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { VariableSizeList } from 'react-window';
+import Button from '@synerise/ds-button';
 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, {
@@ -8,6 +9,7 @@ export declare const ItemsList: import("styled-components").StyledComponent<"div
 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<typeof Button, 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) => import("react").JSX.Element, any, {
     contentHeight?: number | undefined;

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

@@ -1,7 +1,6 @@
 import { VariableSizeList } from 'react-window';
 import styled from 'styled-components';
-
-// TESTME
+import Button from '@synerise/ds-button';
 import DropdownSkeleton from '@synerise/ds-skeleton';
 export var TabsWrapper = styled.div.withConfig({
   displayName: "Parameterstyle__TabsWrapper",
@@ -32,24 +31,28 @@ export var SearchResultHighlight = styled.span.withConfig({
 export var Value = styled.span.withConfig({
   displayName: "Parameterstyle__Value",
   componentId: "sc-u2uvgh-5"
-})(["max-width:110px;text-overflow:ellipsis;overflow:hidden;"]);
+})(["max-width:110px;text-overflow:ellipsis;overflow:hidden;text-align:left;"]);
+export var ParameterButton = styled(Button).withConfig({
+  displayName: "Parameterstyle__ParameterButton",
+  componentId: "sc-u2uvgh-6"
+})(["max-width:100%;"]);
 export var StyledList = styled(VariableSizeList).withConfig({
   displayName: "Parameterstyle__StyledList",
-  componentId: "sc-u2uvgh-6"
+  componentId: "sc-u2uvgh-7"
 })(["overflow-x:unset;overflow-y:unset;height:auto !important;max-height:300px;"]);
 export var Skeleton = styled(DropdownSkeleton).withConfig({
   displayName: "Parameterstyle__Skeleton",
-  componentId: "sc-u2uvgh-7"
+  componentId: "sc-u2uvgh-8"
 })(["", ""], function (props) {
   return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
 });
 export var Title = styled.div.withConfig({
   displayName: "Parameterstyle__Title",
-  componentId: "sc-u2uvgh-8"
+  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({
   displayName: "Parameterstyle__ShowMoreItem",
-  componentId: "sc-u2uvgh-9"
+  componentId: "sc-u2uvgh-10"
 })(["font-weight:500;"]);

package/dist/FactorValue/Text/Text.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type FactorValueComponentProps } from '../../Factors.types';
-declare const TextInput: ({ value, onChange, texts, textType, autocompleteText, factorType, opened, onDeactivate, onActivate, error, inputProps, getPopupContainerOverride, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
+declare const TextInput: ({ value, onChange, texts, textType, autocompleteText, factorType, opened, onDeactivate, onActivate, error, inputProps, getPopupContainerOverride, readOnly, factorValueExtraProps, }: FactorValueComponentProps) => React.JSX.Element;
 export default TextInput;

package/dist/FactorValue/Text/Text.js

@@ -1,7 +1,7 @@
 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 Autocomplete from '@synerise/ds-autocomplete';
-import { theme } from '@synerise/ds-core';
+import { useTheme } from '@synerise/ds-core';
 import Icon, { FullScreenM } from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
 import * as S from './Text.styles';
@@ -20,7 +20,8 @@ var TextInput = function TextInput(_ref) {
     inputProps = _ref.inputProps,
     getPopupContainerOverride = _ref.getPopupContainerOverride,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    factorValueExtraProps = _ref.factorValueExtraProps;
   var _useState = useState(false),
     openExpanseEditor = _useState[0],
     setOpenExpanseEditor = _useState[1];
@@ -33,6 +34,7 @@ var TextInput = function TextInput(_ref) {
   var _useState4 = useState(false),
     localError = _useState4[0],
     setLocalError = _useState4[1];
+  var theme = useTheme();
   useEffect(function () {
     if (inputRef != null && inputRef.current && opened) {
       inputRef.current.focus();
@@ -64,9 +66,14 @@ var TextInput = function TextInput(_ref) {
       return option.toLowerCase().includes(String(localValue).toLowerCase());
     }) || [];
   }, [localValue, autocompleteText]);
+  var _ref2 = (factorValueExtraProps == null ? void 0 : factorValueExtraProps.text) || {},
+    _ref2$autoCompletePro = _ref2.autoCompleteProps,
+    autoCompleteProps = _ref2$autoCompletePro === void 0 ? {} : _ref2$autoCompletePro,
+    _ref2$inputProps = _ref2.inputProps,
+    extraInputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps;
   var renderInput = function renderInput(typesOfInput, factorsType) {
     if (typesOfInput === 'autocomplete' && factorsType === 'text') {
-      return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, inputProps, {
+      return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, inputProps, autoCompleteProps, {
         placeholder: texts.valuePlaceholder,
         value: localValue,
         onChange: handleAutocomplete,
@@ -85,7 +92,7 @@ var TextInput = function TextInput(_ref) {
       }));
     }
     if (typesOfInput === 'default' && factorsType === 'text') {
-      return /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
+      return /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, extraInputProps, {
         handleInputRef: setInputRef,
         placeholder: texts.valuePlaceholder,
         value: localValue,
@@ -93,10 +100,11 @@ var TextInput = function TextInput(_ref) {
         onBlur: onDeactivate,
         onFocus: onActivate,
         error: localError || error,
-        readOnly: readOnly
+        readOnly: readOnly,
+        resetMargin: true
       })));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, extraInputProps, {
       handleInputRef: setInputRef,
       placeholder: texts.valuePlaceholder,
       icon1: /*#__PURE__*/React.createElement(S.IconWrapper, {
@@ -114,7 +122,8 @@ var TextInput = function TextInput(_ref) {
       onBlur: onDeactivate,
       onFocus: onActivate,
       error: localError || error,
-      readOnly: readOnly
+      readOnly: readOnly,
+      resetMargin: true
     }))), /*#__PURE__*/React.createElement(TextModal, {
       visible: openExpanseEditor,
       onCancel: function onCancel() {

package/dist/Factors.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type DefinedFactorTypes, type FactorsProps, type SelectedFactorType } from './Factors.types';
 export declare const FACTOR_TYPE_MAPPING: Record<DefinedFactorTypes, SelectedFactorType>;
-declare const Factors: ({ selectedFactorType, setSelectedFactorType, onChangeValue, onParamsClick, value, defaultFactorType, textType, unavailableFactorTypes, availableFactorTypes, parameters, autocompleteText, allowClear, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, onActivate, onDeactivate, getPopupContainerOverride, customFactorValueComponents, error, inputProps, arrayProps, readOnly, getMenuEntryProps, }: FactorsProps) => React.JSX.Element;
+declare const Factors: ({ selectedFactorType, setSelectedFactorType, onChangeValue, onParamsClick, value, defaultFactorType, textType, unavailableFactorTypes, availableFactorTypes, parameters, autocompleteText, allowClear, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, onActivate, onDeactivate, getPopupContainerOverride, customFactorValueComponents, error, inputProps, arrayProps, readOnly, factorValueExtraProps, getMenuEntryProps, }: FactorsProps) => React.JSX.Element;
 export default Factors;

package/dist/Factors.js

@@ -100,6 +100,7 @@ var Factors = function Factors(_ref) {
     inputProps = _ref.inputProps,
     arrayProps = _ref.arrayProps,
     readOnly = _ref.readOnly,
+    factorValueExtraProps = _ref.factorValueExtraProps,
     getMenuEntryProps = _ref.getMenuEntryProps;
   var allTexts = useTexts(texts);
   var factorType = useMemo(function () {
@@ -159,7 +160,8 @@ var Factors = function Factors(_ref) {
     error: error,
     allowClear: allowClear,
     readOnly: readOnly,
-    getMenuEntryProps: getMenuEntryProps
+    getMenuEntryProps: getMenuEntryProps,
+    factorValueExtraProps: factorValueExtraProps
   }));
 };
 export default Factors;

package/dist/Factors.types.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentType, ReactNode, ReactText } from 'react';
+import type { AutocompleteProps } from '@synerise/ds-autocomplete';
 import type { CollectorValue } from '@synerise/ds-collector';
 import type { Texts as DateRangeTexts } from '@synerise/ds-date-range-picker/dist/DateRangePicker.types';
 import type { DateFilter, RelativeUnits } from '@synerise/ds-date-range-picker/dist/date.types';
@@ -134,6 +135,17 @@ export type FactorsTexts = {
     };
 };
 export type FactorTypeMapping = Record<DefinedFactorTypes, Partial<SelectedFactorType>>;
+type InputPropKeys = 'icon1' | 'icon1Tooltip' | 'icon2' | 'icon2Tooltip';
+export type ExtraPropsMapping = {
+    text: {
+        inputProps?: Pick<InputProps, InputPropKeys>;
+        autoCompleteProps?: Partial<AutocompleteProps>;
+    };
+    dynamicKey: {
+        keyInputProps?: Pick<InputProps, InputPropKeys>;
+        valueInputProps?: Pick<InputProps, InputPropKeys>;
+    };
+};
 export type ArrayProps = {
     itemType?: ArrayItemType;
     limit?: number;
@@ -150,6 +162,7 @@ export type FactorsProps = {
     selectedFactorType: FactorType;
     defaultFactorType: FactorType;
     customFactorValueComponents?: Partial<FactorTypeMapping>;
+    factorValueExtraProps?: Partial<ExtraPropsMapping>;
     getPopupContainerOverride?: (trigger: HTMLElement | null) => HTMLElement;
     onActivate?: () => void;
     onDeactivate?: () => void;
@@ -199,11 +212,11 @@ export type FactorTypeSelectorProps = Pick<FactorsProps, 'unavailableFactorTypes
         [k in DefinedFactorTypes]: string;
     };
 };
-export type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'allowClear' | 'inputProps' | 'autoResize' | 'readOnly' | 'relativeDateProps' | 'arrayProps' | 'getMenuEntryProps'> & {
+export type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'allowClear' | 'inputProps' | 'autoResize' | 'readOnly' | 'relativeDateProps' | 'arrayProps' | 'getMenuEntryProps' | 'factorValueExtraProps'> & {
     texts: FactorsTexts;
     selectedFactor: SelectedFactorType;
 };
-export type FactorValueComponentProps = Pick<FactorsProps, 'value' | 'parameters' | 'allowClear' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'arrayProps' | 'getMenuEntryProps'> & {
+export type FactorValueComponentProps = Pick<FactorsProps, 'value' | 'parameters' | 'allowClear' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'arrayProps' | 'getMenuEntryProps' | 'factorValueExtraProps'> & {
     texts: FactorsTexts;
     onChange: (value: FactorValueType) => void;
     factorType: FactorType;
@@ -242,3 +255,4 @@ export type FormulaModalProps = {
     texts: FactorsTexts;
     formulaEditor?: ReactNode;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,31 +34,31 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.7",
-    "@synerise/ds-autocomplete": "^1.1.9",
-    "@synerise/ds-badge": "^1.0.13",
-    "@synerise/ds-button": "^1.4.2",
-    "@synerise/ds-button-group": "^1.1.6",
-    "@synerise/ds-collector": "^1.2.2",
-    "@synerise/ds-date-picker": "^1.1.11",
-    "@synerise/ds-date-range-picker": "^1.3.10",
-    "@synerise/ds-divider": "^1.0.13",
-    "@synerise/ds-dropdown": "^1.0.15",
+    "@synerise/ds-alert": "^1.1.8",
+    "@synerise/ds-autocomplete": "^1.2.1",
+    "@synerise/ds-badge": "^1.0.14",
+    "@synerise/ds-button": "^1.4.3",
+    "@synerise/ds-button-group": "^1.1.7",
+    "@synerise/ds-collector": "^1.3.1",
+    "@synerise/ds-date-picker": "^1.1.12",
+    "@synerise/ds-date-range-picker": "^1.3.12",
+    "@synerise/ds-divider": "^1.0.14",
+    "@synerise/ds-dropdown": "^1.0.16",
     "@synerise/ds-empty-states": "^1.0.12",
     "@synerise/ds-icon": "^1.5.4",
-    "@synerise/ds-information-card": "^1.0.18",
-    "@synerise/ds-inline-edit": "^1.0.17",
-    "@synerise/ds-input": "^1.3.2",
-    "@synerise/ds-input-number": "^1.2.3",
+    "@synerise/ds-information-card": "^1.0.20",
+    "@synerise/ds-inline-edit": "^1.0.18",
+    "@synerise/ds-input": "^1.3.3",
+    "@synerise/ds-input-number": "^1.2.4",
     "@synerise/ds-list-item": "^1.0.13",
-    "@synerise/ds-menu": "^1.0.14",
-    "@synerise/ds-modal": "^1.2.2",
-    "@synerise/ds-result": "^1.0.14",
+    "@synerise/ds-menu": "^1.0.15",
+    "@synerise/ds-modal": "^1.2.3",
+    "@synerise/ds-result": "^1.0.15",
     "@synerise/ds-scrollbar": "^1.1.2",
-    "@synerise/ds-search": "^1.2.2",
-    "@synerise/ds-select": "^1.1.8",
-    "@synerise/ds-skeleton": "^1.0.14",
-    "@synerise/ds-tabs": "^1.0.16",
+    "@synerise/ds-search": "^1.2.3",
+    "@synerise/ds-select": "^1.1.10",
+    "@synerise/ds-skeleton": "^1.0.15",
+    "@synerise/ds-tabs": "^1.0.17",
     "@synerise/ds-tag": "^1.1.12",
     "@synerise/ds-tooltip": "^1.1.12",
     "@synerise/ds-utils": "^1.3.1",
@@ -74,5 +74,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
+  "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
 }