@synerise/ds-factors 0.27.11 → 0.28.0

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.
 
+# [0.28.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.27.12...@synerise/ds-factors@0.28.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
+## [0.27.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.27.11...@synerise/ds-factors@0.27.12) (2025-01-21)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
 ## [0.27.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.27.10...@synerise/ds-factors@0.27.11) (2025-01-15)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { CheckS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
@@ -15,6 +15,9 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
     selectedFactor = _ref.selectedFactor,
     texts = _ref.texts,
     readOnly = _ref.readOnly;
+  var _useState = useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
   var typesList = useMemo(function () {
     var list = availableFactorTypes || ALL_FACTOR_TYPES;
     if (unavailableFactorTypes !== undefined) {
@@ -34,7 +37,8 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
           color: theme.palette['green-600']
         }) : '',
         onClick: function onClick() {
-          return setSelectedFactorType(type);
+          setSelectedFactorType(type);
+          setDropdownOpen(false);
         }
       }, texts[type]);
     });
@@ -52,7 +56,11 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
     title: texts[selectedFactorType],
     trigger: ['hover']
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(S.FactorTypeList, null, typesList),
+    open: dropdownOpen,
+    onOpenChange: setDropdownOpen,
+    dropdownRender: function dropdownRender() {
+      return /*#__PURE__*/React.createElement(S.FactorTypeList, null, typesList);
+    },
     trigger: ['click'],
     disabled: readOnly
   }, trigger));

package/dist/FactorTypeSelector/FactorTypeSelector.styles.js

@@ -3,7 +3,7 @@ import Button from '@synerise/ds-button';
 export var FactorTypeList = styled.div.withConfig({
   displayName: "FactorTypeSelectorstyles__FactorTypeList",
   componentId: "sc-15cv997-0"
-})(["padding:8px;background:", ";.ds-factor-type{padding:0;}"], function (props) {
+})(["padding:8px;background:", ";"], function (props) {
   return props.theme.palette.white;
 });
 export var TriggerButton = styled(Button).withConfig({

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { RawInput } from '@synerise/ds-input';
 import { debounce } from 'lodash';
@@ -32,7 +28,7 @@ var DynamicKey = function DynamicKey(_ref) {
     onChangeRef.current && onChangeRef.current(inputValue);
   }, 300)).current;
   var handleChange = function handleChange(event) {
-    var newValue = _objectSpread({}, value);
+    var newValue = _extends({}, value);
     newValue[event.target.name] = event.target.value;
     setLocalValue(newValue);
     debouncedOnChange(newValue);

package/dist/FactorValue/FactorValue.js

@@ -27,6 +27,9 @@ var FactorValue = function FactorValue(_ref) {
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     getMenuEntryProps = _ref.getMenuEntryProps;
   var inputType = React.useMemo(function () {
+    if (!selectedFactor) {
+      return undefined;
+    }
     var InputComponent = selectedFactor.input;
     return /*#__PURE__*/React.createElement(InputComponent, {
       key: factorKey + "-" + selectedFactor.name,
@@ -53,7 +56,7 @@ var FactorValue = function FactorValue(_ref) {
       readOnly: readOnly,
       getMenuEntryProps: getMenuEntryProps
     });
-  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps]);
+  }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     inputType: selectedFactorType,
     inputTextType: textType,

package/dist/FactorValue/Parameter/Parameter.js

@@ -1,10 +1,5 @@
 var _excluded = ["buttonIcon", "buttonLabel", "selectedButtonColored", "dropdownDimensionsConfig"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useMemo, useState, useEffect } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
@@ -38,7 +33,7 @@ var ParameterInput = function ParameterInput(_ref) {
     selectedButtonColored = parameters.selectedButtonColored,
     dropdownDimensionsConfig = parameters.dropdownDimensionsConfig,
     restParameters = _objectWithoutPropertiesLoose(parameters, _excluded);
-  var dimensionsConfig = _objectSpread({
+  var dimensionsConfig = _extends({
     defaultHeight: DROPDOWN_HEIGHT,
     lowerHeight: DROPDOWN_HEIGHT_BELOW_THRESHOLD,
     threshold: DROPDOWN_HEIGHT_THRESHOLD
@@ -111,7 +106,7 @@ var ParameterInput = function ParameterInput(_ref) {
     asDropdownMenu: true,
     showTextTooltip: true,
     asInfoCardContainer: true,
-    dataSource: [_objectSpread({
+    dataSource: [_extends({
       text: triggerButton,
       hoverTooltipProps: {
         popupPlacement: 'top',

package/dist/FactorValue/Parameter/ParameterDropdown.js

@@ -1,9 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { v4 as uuid } from 'uuid';
 import Dropdown from '@synerise/ds-dropdown';
@@ -204,12 +199,12 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     }
     if ((recentItems || []).length > 0) {
       var recentItemsWithGroup = (recentItems || []).map(function (item) {
-        return _objectSpread({}, item, {
+        return _extends({}, item, {
           groupName: texts.parameter.recentItemsGroupName
         });
       });
       var itemsWithAllGroup = (items || []).map(function (item) {
-        return _objectSpread({}, item, {
+        return _extends({}, item, {
           groupName: texts.parameter.allItemsGroupName
         });
       });

package/dist/FactorValue/Parameter/useGroups.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { useMemo } from 'react';
 var itemIsParameterGroup = function itemIsParameterGroup(item) {
   return Boolean(item);
@@ -39,11 +35,11 @@ export var useGroups = function useGroups(items, groups, renderEmptyGroups) {
           case 0:
             return undefined;
           case 1:
-            return _objectSpread({}, filteredSubGroups[0], {
+            return _extends({}, filteredSubGroups[0], {
               icon: undefined
             });
           default:
-            return _objectSpread({}, group, {
+            return _extends({}, group, {
               subGroups: filteredSubGroups
             });
         }

package/dist/FactorValue/Text/Text.js

@@ -48,7 +48,7 @@ var TextInput = function TextInput(_ref) {
   var debouncedOnChange = useRef(debounce(function (inputValue) {
     onChangeRef.current && onChangeRef.current(inputValue);
   }, 300)).current;
-  React.useEffect(function () {
+  useEffect(function () {
     return function () {
       debouncedOnChange.cancel();
     };

package/dist/Factors.js

@@ -104,7 +104,7 @@ var Factors = function Factors(_ref) {
     compact: true,
     withoutTypeSelector: withoutTypeSelector,
     className: "ds-factors ds-factors-" + factorType
-  }, !withoutTypeSelector && setSelectedFactorType && /*#__PURE__*/React.createElement(FactorTypeSelector, {
+  }, selectedFactor && !withoutTypeSelector && setSelectedFactorType && /*#__PURE__*/React.createElement(FactorTypeSelector, {
     texts: allTexts.factorTypes,
     selectedFactorType: factorType,
     setSelectedFactorType: setSelectedFactorType,

package/dist/Factors.types.d.ts

@@ -45,7 +45,7 @@ export type ParameterItem = {
     disabled?: boolean;
     excludeFromSearchResults?: boolean;
 };
-export type FactorValueType = string | number | Date | undefined | DynamicKeyValueType | FormulaValueType | ParameterValueType | Partial<DateFilter>;
+export type FactorValueType = string | number | null | Date | undefined | DynamicKeyValueType | FormulaValueType | ParameterValueType | Partial<DateFilter>;
 export type SelectedFactorType = {
     name: string;
     icon: ReactNode;

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.27.11",
+  "version": "0.28.0",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,36 +34,36 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-autocomplete": "^0.8.34",
-    "@synerise/ds-badge": "^0.8.24",
-    "@synerise/ds-button": "^0.22.2",
-    "@synerise/ds-date-picker": "^0.13.8",
-    "@synerise/ds-date-range-picker": "^0.31.10",
-    "@synerise/ds-dropdown": "^0.18.30",
-    "@synerise/ds-icon": "^0.69.1",
-    "@synerise/ds-information-card": "^0.7.6",
-    "@synerise/ds-inline-edit": "^0.9.7",
-    "@synerise/ds-input": "^0.24.20",
-    "@synerise/ds-input-number": "^0.10.21",
-    "@synerise/ds-list-item": "^0.6.2",
-    "@synerise/ds-menu": "^0.20.11",
-    "@synerise/ds-modal": "^0.17.56",
-    "@synerise/ds-result": "^0.7.19",
-    "@synerise/ds-scrollbar": "^0.11.23",
-    "@synerise/ds-skeleton": "^0.6.23",
-    "@synerise/ds-tabs": "^0.17.13",
-    "@synerise/ds-tooltip": "^0.14.54",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-autocomplete": "^0.9.0",
+    "@synerise/ds-badge": "^0.9.0",
+    "@synerise/ds-button": "^0.23.0",
+    "@synerise/ds-date-picker": "^0.14.0",
+    "@synerise/ds-date-range-picker": "^0.32.0",
+    "@synerise/ds-dropdown": "^0.19.0",
+    "@synerise/ds-icon": "^0.71.0",
+    "@synerise/ds-information-card": "^0.8.0",
+    "@synerise/ds-inline-edit": "^0.10.0",
+    "@synerise/ds-input": "^0.25.0",
+    "@synerise/ds-input-number": "^0.11.0",
+    "@synerise/ds-list-item": "^0.7.0",
+    "@synerise/ds-menu": "^0.21.0",
+    "@synerise/ds-modal": "^0.18.0",
+    "@synerise/ds-result": "^0.8.0",
+    "@synerise/ds-scrollbar": "^0.12.0",
+    "@synerise/ds-skeleton": "^0.7.0",
+    "@synerise/ds-tabs": "^0.18.0",
+    "@synerise/ds-tooltip": "^0.15.0",
+    "@synerise/ds-utils": "^0.32.0",
     "lodash": "^4.17.21",
     "react-window": "1.8.5",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "antd": "4.7.0",
-    "react": ">=16.9.0 <= 17.0.2",
+    "antd": "4.24.16",
+    "react": ">=16.9.0 <= 18.3.1",
     "react-intl": ">=3.12.0 <= 6.8",
-    "styled-components": "5.0.1"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "f591d14d24d6a14aab76edcb60f04aaadec8336d"
+  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
 }