@synerise/ds-factors 1.3.1 → 1.4.0

package/dist/FactorValue/Parameter/ParameterDropdown.js

@@ -1,20 +1,20 @@
 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, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
-import Dropdown from '@synerise/ds-dropdown';
+import { theme } from '@synerise/ds-core';
 import Divider from '@synerise/ds-divider';
+import Dropdown from '@synerise/ds-dropdown';
 import Icon, { ArrowRightCircleM, SearchM } from '@synerise/ds-icon';
-import Tabs from '@synerise/ds-tabs';
-import { useSearchResults, getGroupName, focusWithArrowKeys, useOnClickOutside, getClosest } from '@synerise/ds-utils';
+import { itemSizes } from '@synerise/ds-list-item';
 import Result from '@synerise/ds-result';
-import { theme } from '@synerise/ds-core';
 import Scrollbar from '@synerise/ds-scrollbar';
-import { itemSizes } from '@synerise/ds-list-item';
+import Tabs from '@synerise/ds-tabs';
+import { focusWithArrowKeys, getClosest, getGroupName, useOnClickOutside, useSearchResults } from '@synerise/ds-utils';
+import { DROPDOWN_HEIGHT, ITEM_SIZE, LIST_STYLE, NO_GROUP_NAME, SEARCH_HEGIHT, SUBGROUP_HEADER_HEIGHT, TABS_HEIGHT } from './Parameter.constants';
 import * as S from './Parameter.style';
 import ParameterDropdownItem from './ParameterDropdownItem';
-import { groupItems } from './utils';
 import { useGroups } from './useGroups';
-import { DROPDOWN_HEIGHT, SEARCH_HEGIHT, TABS_HEIGHT, SUBGROUP_HEADER_HEIGHT, ITEM_SIZE, LIST_STYLE, NO_GROUP_NAME } from './Parameter.constants';
+import { groupItems } from './utils';
 var isListTitle = function isListTitle(element) {
   return element.title !== undefined;
 };
@@ -91,7 +91,6 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     var groupedItems = {};
     for (var i = 0; i < itemsNumber; i += 1) {
       var item = dropdownItems[i];
-      // @ts-ignore
       var groupName = item.groupName || NO_GROUP_NAME;
       var group = groupedItems[groupName] || [];
       group.push(item);
@@ -248,7 +247,9 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
   }, [searchQuery, activeGroup, activeTab]);
   var getItemSize = function getItemSize(index) {
     var item = currentItems && currentItems[index];
-    if (isListTitle(item)) return ITEM_SIZE.title;
+    if (isListTitle(item)) {
+      return ITEM_SIZE.title;
+    }
     return ITEM_SIZE[itemSizes.DEFAULT];
   };
   var hasTabs = tabs.length > 1;
@@ -265,7 +266,6 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     ref: overlayRef,
     onKeyDown: function onKeyDown(event) {
       setSearchInputFocus(false);
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
       searchQuery && focusWithArrowKeys(event, classNames.split(' ')[1], function () {
         setSearchInputFocus(true);
       });

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ParameterGroup, ParameterItem } from '../../Factors.types';
-import { DropdownItem } from './Parameter.types';
+import { type ParameterGroup, type ParameterItem } from '../../Factors.types';
+import { type DropdownItem } from './Parameter.types';
 declare const ParameterDropdownItem: <ItemType extends ParameterGroup | ParameterItem>({ item, clearSearch, searchQuery, hideDropdown, select, className, style, label, }: DropdownItem<ItemType>) => React.JSX.Element;
 export default ParameterDropdownItem;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ParameterItem, ParameterGroup } from '../../Factors.types';
+import { type ParameterGroup, type ParameterItem } from '../../Factors.types';
 export declare const useGroups: (items?: ParameterItem[], groups?: ParameterGroup[], renderEmptyGroups?: boolean) => {
     visibleGroups: ParameterGroup[] | undefined;
     tabs: {

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

@@ -1,4 +1,4 @@
-import type { ParameterGroup } from '../../Factors.types';
-import { DropdownItem } from './Parameter.types';
-import { DividerItem, TitleItem } from './ParameterDropdown';
+import { type ParameterGroup } from 'Factors.types';
+import { type DropdownItem } from './Parameter.types';
+import { type DividerItem, type TitleItem } from './ParameterDropdown';
 export declare const groupItems: (dropdownItems: DropdownItem<ParameterGroup>[], activeGroup: ParameterGroup | undefined) => (DropdownItem<ParameterGroup> | TitleItem | DividerItem)[];

package/dist/FactorValue/RelativeDate/RelativeDate.const.d.ts

@@ -1,4 +1,4 @@
-import { RelativeDateUnit, RelativeTimeRelation } from '../../Factors.types';
+import { type RelativeDateUnit, type RelativeTimeRelation } from '../../Factors.types';
 export declare const INTERVALS: RelativeDateUnit[];
 export declare const BEFORE: RelativeTimeRelation;
 export declare const AFTER: RelativeTimeRelation;

package/dist/FactorValue/RelativeDate/RelativeDate.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const RelativeDateInput: ({ value, onChange, texts: allTexts, opened, onDeactivate, onActivate, error, allowClear, readOnly, triggerValueFormatter, getPopupContainerOverride, availableUnits, }: FactorValueComponentProps) => React.JSX.Element;
 export default RelativeDateInput;

package/dist/FactorValue/RelativeDate/RelativeDate.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTheme } from '@synerise/ds-core';
-import { getPopupContainer } from '@synerise/ds-utils';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { AngleDownS, Close3S } from '@synerise/ds-icon';
+import { getPopupContainer } from '@synerise/ds-utils';
+import { defaultTriggerModifier } from './RelativeDate.utils';
 import { RelativeDateDropdown } from './RelativeDateDropdown';
 import * as S from './RelativeDateDropdown.styles';
-import { defaultTriggerModifier } from './RelativeDate.utils';
 var RelativeDateInput = function RelativeDateInput(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -59,10 +59,12 @@ var RelativeDateInput = function RelativeDateInput(_ref) {
     return triggerValueFormatter ? triggerValueFormatter(localValue) : defaultTriggerModifier(localValue, texts);
   }, [texts, localValue, triggerValueFormatter]);
   var icon = useMemo(function () {
-    if (!localValue || !allowClear) return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(AngleDownS, null),
-      onClick: handleOpen
-    });
+    if (!localValue || !allowClear) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(AngleDownS, null),
+        onClick: handleOpen
+      });
+    }
     return /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(S.ChevronIcon, {
       onClick: handleOpen,
       component: /*#__PURE__*/React.createElement(AngleDownS, null)

package/dist/FactorValue/RelativeDate/RelativeDateDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RelativeDateFactorTexts, RelativeDateUnit, RelativeDateValueType } from '../../Factors.types';
+import { type RelativeDateFactorTexts, type RelativeDateUnit, type RelativeDateValueType } from '../../Factors.types';
 type RelativeDateDropdownProps = {
     value?: RelativeDateValueType;
     texts: RelativeDateFactorTexts;

package/dist/FactorValue/RelativeDate/RelativeDateDropdown.js

@@ -1,11 +1,11 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import Button from '@synerise/ds-button';
 import { InputGroup } from '@synerise/ds-input';
-import Select from '@synerise/ds-select/dist/Select';
 import InputNumber from '@synerise/ds-input-number';
+import Select from '@synerise/ds-select/dist/Select';
 import { AFTER, BEFORE, DEFAULT_VALUE, INTERVALS, TIME_RELATIONS } from './RelativeDate.const';
-import * as S from './RelativeDateDropdown.styles';
 import { getTranslation } from './RelativeDate.utils';
+import * as S from './RelativeDateDropdown.styles';
 var getRelationForModifier = function getRelationForModifier(value) {
   return value < 0 ? BEFORE : AFTER;
 };

package/dist/FactorValue/RelativeDate/RelativeDateDropdown.styles.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import Icon from '@synerise/ds-icon';
-import { InputNumberWrapper } from '@synerise/ds-input-number/dist/InputNumber.styles';
 import Dropdown from '@synerise/ds-dropdown';
+import Icon from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
+import { InputNumberWrapper } from '@synerise/ds-input-number/dist/InputNumber.styles';
 export var RelativeDateDropdownWrapper = styled(Dropdown.Wrapper).withConfig({
   displayName: "RelativeDateDropdownstyles__RelativeDateDropdownWrapper",
   componentId: "sc-1xn8l81-0"

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
-declare const TextInput: ({ value, onChange, texts, textType, autocompleteText, factorType, opened, onDeactivate, onActivate, error, inputProps, getPopupContainerOverride, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
+import { type FactorValueComponentProps } from '../../Factors.types';
+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,8 +1,8 @@
 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 Icon, { FullScreenM } from '@synerise/ds-icon';
-import { theme } from '@synerise/ds-core';
 import Autocomplete from '@synerise/ds-autocomplete';
+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';
 import TextModal from './TextModal';
@@ -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/FactorValue/Text/Text.styles.js

@@ -1,6 +1,4 @@
 import styled from 'styled-components';
-
-// eslint-disable-next-line import/prefer-default-export
 export var IconWrapper = styled.span.withConfig({
   displayName: "Textstyles__IconWrapper",
   componentId: "sc-rjr8p0-0"

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TextModalProps } from '../../Factors.types';
+import { type TextModalProps } from '../../Factors.types';
 declare const TextModal: React.FC<TextModalProps>;
 export default TextModal;

package/dist/FactorValue/Text/TextModal.js

@@ -1,13 +1,14 @@
 import React from 'react';
-import ModalProxy from '@synerise/ds-modal';
 import Textarea from '@synerise/ds-input/dist/Textarea/Textarea';
+import ModalProxy from '@synerise/ds-modal';
 var TextModal = function TextModal(_ref) {
   var value = _ref.value,
     onApply = _ref.onApply,
     onCancel = _ref.onCancel,
     visible = _ref.visible,
     texts = _ref.texts;
-  var _React$useState = React.useState('' || value),
+  // const [expandValue, setExpandValue] = React.useState('' || value); // TESTME
+  var _React$useState = React.useState(value),
     expandValue = _React$useState[0],
     setExpandValue = _React$useState[1];
   React.useEffect(function () {

package/dist/Factors.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefinedFactorTypes, FactorsProps, SelectedFactorType } from './Factors.types';
+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

@@ -2,19 +2,19 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React, { useMemo } from 'react';
 import { BookM, Calendar2M, CalendarSwitchM, DynamicKeyM, FormulaM, HashM, ListM, ShowM, TextM } from '@synerise/ds-icon';
 import { NOOP } from '@synerise/ds-utils';
-import * as S from './style/Factors.style';
 import FactorTypeSelector from './FactorTypeSelector/FactorTypeSelector';
-import FactorValue from './FactorValue/FactorValue';
-import DynamicKey from './FactorValue/DynamicKey/DynamicKey';
+import { Array } from './FactorValue/Array/Array';
 import DateInput from './FactorValue/Date/Date';
+import DateRangeInput from './FactorValue/DateRange/DateRange';
+import DynamicKey from './FactorValue/DynamicKey/DynamicKey';
+import FactorValue from './FactorValue/FactorValue';
 import FormulaInput from './FactorValue/Formula/Formula';
-import TextInput from './FactorValue/Text/Text';
-import ParameterInput from './FactorValue/Parameter/Parameter';
 import NumberInput from './FactorValue/Number/NumberInput';
-import DateRangeInput from './FactorValue/DateRange/DateRange';
+import ParameterInput from './FactorValue/Parameter/Parameter';
 import RelativeDateInput from './FactorValue/RelativeDate/RelativeDate';
+import TextInput from './FactorValue/Text/Text';
 import { useTexts } from './hooks/useTexts';
-import { Array } from './FactorValue/Array/Array';
+import * as S from './style/Factors.style';
 export var FACTOR_TYPE_MAPPING = {
   text: {
     icon: /*#__PURE__*/React.createElement(TextM, null),
@@ -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 () {
@@ -114,7 +115,6 @@ var Factors = function Factors(_ref) {
     }).reduce(function (result, _ref3) {
       var type = _ref3[0],
         factorTypeData = _ref3[1];
-      // eslint-disable-next-line no-param-reassign
       result[type] = factorTypeData;
       return result;
     }, {});
@@ -160,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,16 +1,17 @@
-import type { ReactText, ReactNode, ComponentType } from 'react';
+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';
-import type { DateRangePickerTexts as DateRangeTexts } from '@synerise/ds-date-range-picker';
-import type { MenuItemProps } from '@synerise/ds-menu';
-import type { AutoResizeProp, InputProps } from '@synerise/ds-input';
 import type { InformationCardProps } from '@synerise/ds-information-card';
+import type { AutoResizeProp, InputProps } from '@synerise/ds-input';
 import type { ListItemProps } from '@synerise/ds-list-item';
-import type { LiteralStringUnion, DeepPartial } from '@synerise/ds-utils';
+import type { MenuItemProps } from '@synerise/ds-menu';
+import type { DeepPartial, LiteralStringUnion } from '@synerise/ds-utils';
 import type { ArrayValueElement } from './FactorValue/Array/Array.types';
 export declare const ALL_FACTOR_TYPES: readonly ["text", "number", "parameter", "contextParameter", "dynamicKey", "formula", "array", "date", "relativeDate", "dateRange"];
-export type FactorType = LiteralStringUnion<typeof ALL_FACTOR_TYPES[number]>;
-export type DefinedFactorTypes = typeof ALL_FACTOR_TYPES[number];
+export type FactorType = LiteralStringUnion<(typeof ALL_FACTOR_TYPES)[number]>;
+export type DefinedFactorTypes = (typeof ALL_FACTOR_TYPES)[number];
 export type RelativeDateUnit = Exclude<RelativeUnits, 'SINCE'>;
 export type RelativeTimeRelation = 'BEFORE' | 'AFTER';
 export type RelativeDateValueType = {
@@ -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/dist/hooks/useTexts.d.ts

@@ -1,3 +1,3 @@
-import type { DeepPartial } from '@synerise/ds-utils';
+import { type DeepPartial } from '@synerise/ds-utils';
 import type { FactorsTexts } from '../Factors.types';
 export declare const useTexts: (defaultTexts?: DeepPartial<FactorsTexts>) => FactorsTexts;

package/dist/hooks/useTexts.js

@@ -1,6 +1,6 @@
+import { merge } from 'lodash';
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { merge } from 'lodash';
 import { utils as dateRangePickerUtils } from '@synerise/ds-date-range-picker';
 export var useTexts = function useTexts(defaultTexts) {
   var intl = useIntl();

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { default, FACTOR_TYPE_MAPPING as factorTypes } from './Factors';
-export { ALL_FACTOR_TYPES } from './Factors.types';
-export type { FactorType, DefinedFactorTypes, FactorsProps, FactorsTexts, ParameterValueType, ParameterItem, ParameterGroup, FactorValueComponentProps, 
+export { ALL_FACTOR_TYPES, type FactorType, type DefinedFactorTypes, type FactorsProps, type FactorsTexts, type ParameterValueType, type ParameterItem, type ParameterGroup, type FactorValueComponentProps, 
 /**
  * @deprecated, use FactorValueComponentProps type instead
  */
-FactorValueComponentProps as InputProps, FactorValueType, FactorValueProps, DynamicKeyValueType, FormulaValueType, FactorTypeSelectorProps, FormulaModalProps, TextModalProps, ParameterDropdownProps, SelectedFactorType, } from './Factors.types';
+type FactorValueComponentProps as InputProps, type FactorValueType, type FactorValueProps, type DynamicKeyValueType, type FormulaValueType, type FactorTypeSelectorProps, type FormulaModalProps, type TextModalProps, type ParameterDropdownProps, type SelectedFactorType, } from './Factors.types';

package/dist/index.js

@@ -1,2 +1,6 @@
 export { default, FACTOR_TYPE_MAPPING as factorTypes } from './Factors';
-export { ALL_FACTOR_TYPES } from './Factors.types';
+export { ALL_FACTOR_TYPES
+
+/**
+ * @deprecated, use FactorValueComponentProps type instead
+ */ } from './Factors.types';

package/dist/style/Factors.style.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { InputGroup } from '@synerise/ds-input';
 import { OuterWrapper } from '@synerise/ds-input/dist/Input.styles';
-import { InputGroupWrapper, InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
+import { InputGroupItem, InputGroupWrapper } from '@synerise/ds-input/dist/InputGroup.styles';
 import { FactorInput } from '../FactorValue/FactorValue.style';
 export var Group = styled(InputGroup).withConfig({
   displayName: "Factorsstyle__Group",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,34 +34,34 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.6",
-    "@synerise/ds-autocomplete": "^1.1.8",
-    "@synerise/ds-badge": "^1.0.12",
-    "@synerise/ds-button": "^1.4.1",
-    "@synerise/ds-button-group": "^1.1.5",
-    "@synerise/ds-collector": "^1.2.1",
-    "@synerise/ds-date-picker": "^1.1.10",
-    "@synerise/ds-date-range-picker": "^1.3.9",
-    "@synerise/ds-divider": "^1.0.12",
-    "@synerise/ds-dropdown": "^1.0.14",
-    "@synerise/ds-empty-states": "^1.0.11",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-information-card": "^1.0.17",
-    "@synerise/ds-inline-edit": "^1.0.16",
-    "@synerise/ds-input": "^1.3.1",
-    "@synerise/ds-input-number": "^1.2.2",
-    "@synerise/ds-list-item": "^1.0.12",
-    "@synerise/ds-menu": "^1.0.13",
-    "@synerise/ds-modal": "^1.2.1",
-    "@synerise/ds-result": "^1.0.13",
-    "@synerise/ds-scrollbar": "^1.1.1",
-    "@synerise/ds-search": "^1.2.1",
-    "@synerise/ds-select": "^1.1.7",
-    "@synerise/ds-skeleton": "^1.0.13",
-    "@synerise/ds-tabs": "^1.0.15",
-    "@synerise/ds-tag": "^1.1.11",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-alert": "^1.1.7",
+    "@synerise/ds-autocomplete": "^1.2.0",
+    "@synerise/ds-badge": "^1.0.13",
+    "@synerise/ds-button": "^1.4.2",
+    "@synerise/ds-button-group": "^1.1.6",
+    "@synerise/ds-collector": "^1.3.0",
+    "@synerise/ds-date-picker": "^1.1.11",
+    "@synerise/ds-date-range-picker": "^1.3.11",
+    "@synerise/ds-divider": "^1.0.13",
+    "@synerise/ds-dropdown": "^1.0.15",
+    "@synerise/ds-empty-states": "^1.0.12",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-information-card": "^1.0.19",
+    "@synerise/ds-inline-edit": "^1.0.17",
+    "@synerise/ds-input": "^1.3.2",
+    "@synerise/ds-input-number": "^1.2.3",
+    "@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-scrollbar": "^1.1.2",
+    "@synerise/ds-search": "^1.2.2",
+    "@synerise/ds-select": "^1.1.9",
+    "@synerise/ds-skeleton": "^1.0.14",
+    "@synerise/ds-tabs": "^1.0.16",
+    "@synerise/ds-tag": "^1.1.12",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-utils": "^1.3.1",
     "copy-to-clipboard": "^3.3.3",
     "lodash": "^4.17.21",
     "react-window": "^1.8.5",
@@ -74,5 +74,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "2161bdb04f3db0f79b7d0465ce6b41121f1543ef"
 }