@synerise/ds-factors 1.4.5 → 1.5.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.5.0...@synerise/ds-factors@1.5.1) (2025-08-14)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+# [1.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.5...@synerise/ds-factors@1.5.0) (2025-07-24)
+
+
+### Features
+
+* add uncontrolledComponent prop in factors ([1b40c36](https://github.com/Synerise/synerise-design/commit/1b40c36f8348b730bc8df924c039e4cb6be4c6b8))
+
+
+
+
+
 ## [1.4.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.4...@synerise/ds-factors@1.4.5) (2025-07-24)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorValue/Date/Date.d.ts

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

package/dist/FactorValue/Date/Date.js

@@ -12,13 +12,16 @@ var DateInput = function DateInput(_ref) {
     allowClear = _ref.allowClear,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    getPopupContainerOverride = _ref.getPopupContainerOverride;
+    getPopupContainerOverride = _ref.getPopupContainerOverride,
+    uncontrolledComponent = _ref.uncontrolledComponent;
   var _useState = useState(value),
     localValue = _useState[0],
     setLocalValue = _useState[1];
   useEffect(function () {
-    setLocalValue(value);
-  }, [value]);
+    if (!uncontrolledComponent) {
+      setLocalValue(value);
+    }
+  }, [value, uncontrolledComponent]);
   var changeHandler = useCallback(function (date) {
     onChange(date);
   }, [onChange]);

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, factorValueExtraProps, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
+declare const DynamicKey: ({ value, onChange, withoutTypeSelector, texts, opened, onDeactivate, error, factorValueExtraProps, readOnly, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default DynamicKey;

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -12,10 +12,13 @@ var DynamicKey = function DynamicKey(_ref) {
     error = _ref.error,
     factorValueExtraProps = _ref.factorValueExtraProps,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var _useState = useState({
-      key: value.key,
-      value: value.value
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    uncontrolledComponent = _ref.uncontrolledComponent;
+  var _useState = useState(function () {
+      return {
+        key: value.key,
+        value: value.value
+      };
     }),
     localValue = _useState[0],
     setLocalValue = _useState[1];
@@ -34,11 +37,13 @@ var DynamicKey = function DynamicKey(_ref) {
     }
   };
   useEffect(function () {
-    setLocalValue({
-      key: value.key,
-      value: value.value
-    });
-  }, [value]);
+    if (!uncontrolledComponent) {
+      setLocalValue({
+        key: value.key,
+        value: value.value
+      });
+    }
+  }, [value, uncontrolledComponent]);
   var _ref2 = (factorValueExtraProps == null ? void 0 : factorValueExtraProps.dynamicKey) || {},
     _ref2$keyInputProps = _ref2.keyInputProps,
     keyInputProps = _ref2$keyInputProps === void 0 ? {} : _ref2$keyInputProps,

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, factorValueExtraProps, }: 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, uncontrolledComponent, }: FactorValueProps) => React.JSX.Element;
 export default FactorValue;

package/dist/FactorValue/FactorValue.js

@@ -29,7 +29,8 @@ var FactorValue = function FactorValue(_ref) {
     getMenuEntryProps = _ref.getMenuEntryProps,
     relativeDateProps = _ref.relativeDateProps,
     arrayProps = _ref.arrayProps,
-    factorValueExtraProps = _ref.factorValueExtraProps;
+    factorValueExtraProps = _ref.factorValueExtraProps,
+    uncontrolledComponent = _ref.uncontrolledComponent;
   var inputType = React.useMemo(function () {
     if (!selectedFactor) {
       return undefined;
@@ -62,8 +63,10 @@ var FactorValue = function FactorValue(_ref) {
       getMenuEntryProps: getMenuEntryProps,
       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, factorValueExtraProps]);
+    }, relativeDateProps, {
+      uncontrolledComponent: uncontrolledComponent
+    }));
+  }, [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, uncontrolledComponent]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     inputType: selectedFactorType,
     inputTextType: textType,

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

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

package/dist/FactorValue/Number/NumberInput.js

@@ -8,13 +8,18 @@ var NumberInput = function NumberInput(_ref) {
     opened = _ref.opened,
     onDeactivate = _ref.onDeactivate,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var _useState = useState(value),
+    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 () {
-    setLocalValue(value);
-  }, [value]);
+    if (!uncontrolledComponent) {
+      setLocalValue(value);
+    }
+  }, [value, uncontrolledComponent]);
   var handleChange = function handleChange(val) {
     setLocalValue(val);
     onChange(val);

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

@@ -1,4 +1,4 @@
 import React from 'react';
 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;
+declare const RelativeDateInput: ({ value, onChange, texts: allTexts, opened, onDeactivate, onActivate, error, allowClear, readOnly, triggerValueFormatter, getPopupContainerOverride, availableUnits, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default RelativeDateInput;

package/dist/FactorValue/RelativeDate/RelativeDate.js

@@ -19,18 +19,23 @@ var RelativeDateInput = function RelativeDateInput(_ref) {
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     triggerValueFormatter = _ref.triggerValueFormatter,
     getPopupContainerOverride = _ref.getPopupContainerOverride,
-    availableUnits = _ref.availableUnits;
+    availableUnits = _ref.availableUnits,
+    uncontrolledComponent = _ref.uncontrolledComponent;
   var _useState = useState(opened),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
-  var _useState2 = useState(value),
+  var _useState2 = useState(function () {
+      return value;
+    }),
     localValue = _useState2[0],
     setLocalValue = _useState2[1];
   var theme = useTheme();
   var texts = allTexts.relativeDate;
   useEffect(function () {
-    setLocalValue(value);
-  }, [value]);
+    if (!uncontrolledComponent) {
+      setLocalValue(value);
+    }
+  }, [value, uncontrolledComponent]);
   var handleOpenChange = useCallback(function (open) {
     if (!open) {
       onDeactivate && onDeactivate();

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, factorValueExtraProps, }: FactorValueComponentProps) => React.JSX.Element;
+declare const TextInput: ({ value, onChange, texts, textType, autocompleteText, factorType, opened, onDeactivate, onActivate, error, inputProps, getPopupContainerOverride, readOnly, factorValueExtraProps, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default TextInput;

package/dist/FactorValue/Text/Text.js

@@ -21,14 +21,17 @@ var TextInput = function TextInput(_ref) {
     getPopupContainerOverride = _ref.getPopupContainerOverride,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    factorValueExtraProps = _ref.factorValueExtraProps;
+    factorValueExtraProps = _ref.factorValueExtraProps,
+    uncontrolledComponent = _ref.uncontrolledComponent;
   var _useState = useState(false),
     openExpanseEditor = _useState[0],
     setOpenExpanseEditor = _useState[1];
   var _useState2 = useState(),
     inputRef = _useState2[0],
     setInputRef = _useState2[1];
-  var _useState3 = useState(value),
+  var _useState3 = useState(function () {
+      return value;
+    }),
     localValue = _useState3[0],
     setLocalValue = _useState3[1];
   var _useState4 = useState(false),
@@ -59,8 +62,10 @@ var TextInput = function TextInput(_ref) {
     onChange(val);
   }, [onChange]);
   useEffect(function () {
-    setLocalValue(value);
-  }, [value]);
+    if (!uncontrolledComponent) {
+      setLocalValue(value);
+    }
+  }, [value, uncontrolledComponent]);
   var autocompleteOptions = useMemo(function () {
     return autocompleteText && autocompleteText.options.filter(function (option) {
       return option.toLowerCase().includes(String(localValue).toLowerCase());

package/dist/Factors.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { type DefinedFactorTypes, type FactorsProps, type SelectedFactorType } from './Factors.types';
 export declare const DEFAULT_FACTOR_TYPE: DefinedFactorTypes;
 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, factorValueExtraProps, 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, uncontrolledComponent, }: FactorsProps) => React.JSX.Element;
 export default Factors;

package/dist/Factors.js

@@ -105,7 +105,9 @@ var Factors = function Factors(_ref) {
     arrayProps = _ref.arrayProps,
     readOnly = _ref.readOnly,
     factorValueExtraProps = _ref.factorValueExtraProps,
-    getMenuEntryProps = _ref.getMenuEntryProps;
+    getMenuEntryProps = _ref.getMenuEntryProps,
+    _ref$uncontrolledComp = _ref.uncontrolledComponent,
+    uncontrolledComponent = _ref$uncontrolledComp === void 0 ? false : _ref$uncontrolledComp;
   var allTexts = useTexts(texts);
   var factorType = useMemo(function () {
     return selectedFactorType || defaultFactorType;
@@ -166,7 +168,8 @@ var Factors = function Factors(_ref) {
     allowClear: allowClear,
     readOnly: readOnly,
     getMenuEntryProps: getMenuEntryProps,
-    factorValueExtraProps: factorValueExtraProps
+    factorValueExtraProps: factorValueExtraProps,
+    uncontrolledComponent: uncontrolledComponent
   }));
 };
 export default Factors;

package/dist/Factors.types.d.ts

@@ -197,6 +197,7 @@ export type FactorsProps = {
     inputProps?: Partial<Omit<InputProps, 'handleInputRef' | 'defaultOpen' | 'placeholder' | 'value' | 'onChange' | 'onBlur' | 'error' | 'getPopupContainer' | 'readOnly' | 'allowClear'>>;
     readOnly?: boolean;
     getMenuEntryProps?: (arg?: ParameterValueType) => MenuItemProps;
+    uncontrolledComponent?: boolean;
 };
 export type FactorTypeSelectorProps = Pick<FactorsProps, 'unavailableFactorTypes' | 'availableFactorTypes' | 'selectedFactorType' | 'readOnly'> & {
     setSelectedFactorType: (factor: FactorType) => void;
@@ -206,11 +207,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' | 'factorValueExtraProps'> & {
+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' | 'uncontrolledComponent'> & {
     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' | 'factorValueExtraProps'> & {
+export type FactorValueComponentProps = Pick<FactorsProps, 'value' | 'parameters' | 'allowClear' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'arrayProps' | 'getMenuEntryProps' | 'factorValueExtraProps' | 'uncontrolledComponent'> & {
     texts: FactorsTexts;
     onChange: (value: FactorValueType) => void;
     factorType: FactorType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "1.4.5",
+  "version": "1.5.1",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,33 +34,33 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.11",
-    "@synerise/ds-autocomplete": "^1.2.4",
-    "@synerise/ds-badge": "^1.0.17",
-    "@synerise/ds-button": "^1.4.6",
-    "@synerise/ds-button-group": "^1.1.10",
-    "@synerise/ds-collector": "^1.3.5",
-    "@synerise/ds-date-picker": "^1.2.2",
-    "@synerise/ds-date-range-picker": "^1.3.16",
-    "@synerise/ds-divider": "^1.0.17",
-    "@synerise/ds-dropdown": "^1.0.19",
-    "@synerise/ds-empty-states": "^1.0.15",
-    "@synerise/ds-icon": "^1.6.2",
-    "@synerise/ds-information-card": "^1.0.23",
-    "@synerise/ds-inline-edit": "^1.0.22",
-    "@synerise/ds-input": "^1.3.6",
-    "@synerise/ds-input-number": "^1.2.7",
-    "@synerise/ds-list-item": "^1.0.17",
-    "@synerise/ds-menu": "^1.0.18",
-    "@synerise/ds-modal": "^1.2.6",
-    "@synerise/ds-result": "^1.0.18",
-    "@synerise/ds-scrollbar": "^1.1.5",
-    "@synerise/ds-search": "^1.2.6",
-    "@synerise/ds-select": "^1.1.13",
-    "@synerise/ds-skeleton": "^1.0.18",
-    "@synerise/ds-tabs": "^1.0.20",
-    "@synerise/ds-tag": "^1.1.15",
-    "@synerise/ds-tooltip": "^1.1.15",
+    "@synerise/ds-alert": "^1.1.12",
+    "@synerise/ds-autocomplete": "^1.2.5",
+    "@synerise/ds-badge": "^1.0.18",
+    "@synerise/ds-button": "^1.4.7",
+    "@synerise/ds-button-group": "^1.1.11",
+    "@synerise/ds-collector": "^1.3.6",
+    "@synerise/ds-date-picker": "^1.2.3",
+    "@synerise/ds-date-range-picker": "^1.3.18",
+    "@synerise/ds-divider": "^1.0.18",
+    "@synerise/ds-dropdown": "^1.0.20",
+    "@synerise/ds-empty-states": "^1.0.16",
+    "@synerise/ds-icon": "^1.7.0",
+    "@synerise/ds-information-card": "^1.0.24",
+    "@synerise/ds-inline-edit": "^1.0.23",
+    "@synerise/ds-input": "^1.3.7",
+    "@synerise/ds-input-number": "^1.2.8",
+    "@synerise/ds-list-item": "^1.0.18",
+    "@synerise/ds-menu": "^1.0.19",
+    "@synerise/ds-modal": "^1.2.7",
+    "@synerise/ds-result": "^1.0.20",
+    "@synerise/ds-scrollbar": "^1.1.6",
+    "@synerise/ds-search": "^1.2.7",
+    "@synerise/ds-select": "^1.1.14",
+    "@synerise/ds-skeleton": "^1.0.19",
+    "@synerise/ds-tabs": "^1.0.21",
+    "@synerise/ds-tag": "^1.1.16",
+    "@synerise/ds-tooltip": "^1.1.16",
     "@synerise/ds-utils": "^1.4.0",
     "copy-to-clipboard": "^3.3.3",
     "lodash": "^4.17.21",
@@ -74,5 +74,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
+  "gitHead": "408d73cc145b6c8c61f3e70dce05badf3ad1ffde"
 }