@synerise/ds-factors 0.27.2 → 0.27.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.27.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.27.2...@synerise/ds-factors@0.27.3) (2024-11-22)
+
+
+### Bug Fixes
+
+* **factors:** fixed date factor value change handler ([5e9a3aa](https://github.com/Synerise/synerise-design/commit/5e9a3aae9ad285f39c2785006ec4528169c99f65))
+
+
+
+
+
 ## [0.27.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.27.1...@synerise/ds-factors@0.27.2) (2024-11-21)
 
 

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -7,24 +7,21 @@ import { theme } from '@synerise/ds-core';
 import * as S from './FactorTypeSelector.styles';
 import { ALL_FACTOR_TYPES } from '../Factors.types';
 import { factorTypes } from '../Factors';
-
 var FactorTypeSelector = function FactorTypeSelector(_ref) {
   var selectedFactorType = _ref.selectedFactorType,
-      setSelectedFactorType = _ref.setSelectedFactorType,
-      unavailableFactorTypes = _ref.unavailableFactorTypes,
-      availableFactorTypes = _ref.availableFactorTypes,
-      selectedFactor = _ref.selectedFactor,
-      texts = _ref.texts,
-      readOnly = _ref.readOnly;
+    setSelectedFactorType = _ref.setSelectedFactorType,
+    unavailableFactorTypes = _ref.unavailableFactorTypes,
+    availableFactorTypes = _ref.availableFactorTypes,
+    selectedFactor = _ref.selectedFactor,
+    texts = _ref.texts,
+    readOnly = _ref.readOnly;
   var typesList = useMemo(function () {
     var list = availableFactorTypes || ALL_FACTOR_TYPES;
-
     if (unavailableFactorTypes !== undefined) {
       list = [].concat(list).filter(function (type) {
         return unavailableFactorTypes.indexOf(type) < 0;
       });
     }
-
     return list.map(function (type) {
       return /*#__PURE__*/React.createElement(ListItem, {
         className: "ds-factor-type",
@@ -60,5 +57,4 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
     disabled: readOnly
   }, trigger));
 };
-
 export default FactorTypeSelector;

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

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

package/dist/FactorValue/Date/Date.js

@@ -1,37 +1,34 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { getPopupContainer } from '@synerise/ds-utils';
 import DatePicker from '@synerise/ds-date-picker';
-
 var DateInput = function DateInput(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      texts = _ref.texts,
-      opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate,
-      onActivate = _ref.onActivate,
-      error = _ref.error,
-      allowClear = _ref.allowClear,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      getPopupContainerOverride = _ref.getPopupContainerOverride;
-
+    onChange = _ref.onChange,
+    texts = _ref.texts,
+    opened = _ref.opened,
+    onDeactivate = _ref.onDeactivate,
+    onActivate = _ref.onActivate,
+    error = _ref.error,
+    allowClear = _ref.allowClear,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    getPopupContainerOverride = _ref.getPopupContainerOverride;
   var _useState = useState(value),
-      localValue = _useState[0],
-      setLocalValue = _useState[1];
-
+    localValue = _useState[0],
+    setLocalValue = _useState[1];
   useEffect(function () {
     setLocalValue(value);
   }, [value]);
-  var changeHandler = React.useCallback(function (date) {
+  var changeHandler = useCallback(function (date) {
     onChange(date);
   }, [onChange]);
   var localValueAsDate = useMemo(function () {
     return localValue ? new Date(String(localValue)) : undefined;
   }, [localValue]);
-  var handleClear = React.useCallback(function () {
+  var handleClear = useCallback(function () {
     onChange(undefined);
   }, [onChange]);
-  var handleVisibleChange = React.useCallback(function (visible) {
+  var handleVisibleChange = useCallback(function (visible) {
     if (!visible) {
       onDeactivate && onDeactivate();
       onChange(localValueAsDate);
@@ -41,9 +38,6 @@ var DateInput = function DateInput(_ref) {
   }, [localValueAsDate, onActivate, onChange, onDeactivate]);
   return /*#__PURE__*/React.createElement(DatePicker, {
     onClear: handleClear,
-    onValueChange: function onValueChange(date) {
-      return setLocalValue(date == null ? void 0 : date.toDateString());
-    },
     onApply: changeHandler,
     value: localValueAsDate,
     showTime: true,
@@ -64,5 +58,4 @@ var DateInput = function DateInput(_ref) {
     }
   });
 };
-
 export default DateInput;

package/dist/FactorValue/DateRange/DateRange.js

@@ -2,17 +2,16 @@ import React, { useCallback } from 'react';
 import DateRangePicker from '@synerise/ds-date-range-picker';
 import { getPopupContainer } from '@synerise/ds-utils';
 import { useIntl } from 'react-intl';
-
 var DateRangeInput = function DateRangeInput(_ref) {
   var getPopupContainerOverride = _ref.getPopupContainerOverride,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      error = _ref.error,
-      texts = _ref.texts,
-      onDeactivate = _ref.onDeactivate,
-      allowClear = _ref.allowClear,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+    value = _ref.value,
+    onChange = _ref.onChange,
+    error = _ref.error,
+    texts = _ref.texts,
+    onDeactivate = _ref.onDeactivate,
+    allowClear = _ref.allowClear,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var intl = useIntl();
   var changeHandler = useCallback(function (date) {
     onChange(date);
@@ -48,5 +47,4 @@ var DateRangeInput = function DateRangeInput(_ref) {
     readOnly: readOnly
   });
 };
-
 export default DateRangeInput;

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -1,60 +1,47 @@
 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 from 'react';
 import { RawInput } from '@synerise/ds-input';
 import { debounce } from 'lodash';
 import * as S from './DynamicKey.style';
-
 var DynamicKey = function DynamicKey(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-      withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-      texts = _ref.texts,
-      opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate,
-      error = _ref.error,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-
+    onChange = _ref.onChange,
+    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
+    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
+    texts = _ref.texts,
+    opened = _ref.opened,
+    onDeactivate = _ref.onDeactivate,
+    error = _ref.error,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var _React$useState = React.useState({
-    key: value.key,
-    value: value.value
-  }),
-      localValue = _React$useState[0],
-      setLocalValue = _React$useState[1];
-
+      key: value.key,
+      value: value.value
+    }),
+    localValue = _React$useState[0],
+    setLocalValue = _React$useState[1];
   var _React$useState2 = React.useState(false),
-      localError = _React$useState2[0],
-      setLocalError = _React$useState2[1];
-
+    localError = _React$useState2[0],
+    setLocalError = _React$useState2[1];
   var onChangeRef = React.useRef(onChange);
   var debouncedOnChange = React.useRef(debounce(function (inputValue) {
     onChangeRef.current && onChangeRef.current(inputValue);
   }, 300)).current;
-
   var handleChange = function handleChange(event) {
     var newValue = _objectSpread({}, value);
-
     newValue[event.target.name] = event.target.value;
     setLocalValue(newValue);
     debouncedOnChange(newValue);
-
     if (!event.target.value.length) {
       setLocalError(true);
     } else {
       setLocalError(false);
     }
   };
-
   React.useEffect(function () {
     onChangeRef.current = onChange;
   }, [localValue, onChange]);
@@ -88,5 +75,4 @@ var DynamicKey = function DynamicKey(_ref) {
     withoutTypeSelector: withoutTypeSelector
   }, trigger);
 };
-
 export default DynamicKey;

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

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var DynamicKey = styled.div.withConfig({
   displayName: "DynamicKeystyle__DynamicKey",
   componentId: "sc-43cup-0"

package/dist/FactorValue/FactorValue.js

@@ -1,32 +1,31 @@
 import React from 'react';
 import * as S from './FactorValue.style';
-
 var FactorValue = function FactorValue(_ref) {
   var selectedFactorType = _ref.selectedFactorType,
-      value = _ref.value,
-      onChangeValue = _ref.onChangeValue,
-      onParamsClick = _ref.onParamsClick,
-      selectedFactor = _ref.selectedFactor,
-      textType = _ref.textType,
-      parameters = _ref.parameters,
-      autocompleteText = _ref.autocompleteText,
-      _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-      withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-      texts = _ref.texts,
-      formulaEditor = _ref.formulaEditor,
-      opened = _ref.opened,
-      loading = _ref.loading,
-      factorKey = _ref.factorKey,
-      preventAutoloadData = _ref.preventAutoloadData,
-      getPopupContainerOverride = _ref.getPopupContainerOverride,
-      onActivate = _ref.onActivate,
-      onDeactivate = _ref.onDeactivate,
-      error = _ref.error,
-      inputProps = _ref.inputProps,
-      allowClear = _ref.allowClear,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      getMenuEntryProps = _ref.getMenuEntryProps;
+    value = _ref.value,
+    onChangeValue = _ref.onChangeValue,
+    onParamsClick = _ref.onParamsClick,
+    selectedFactor = _ref.selectedFactor,
+    textType = _ref.textType,
+    parameters = _ref.parameters,
+    autocompleteText = _ref.autocompleteText,
+    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
+    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
+    texts = _ref.texts,
+    formulaEditor = _ref.formulaEditor,
+    opened = _ref.opened,
+    loading = _ref.loading,
+    factorKey = _ref.factorKey,
+    preventAutoloadData = _ref.preventAutoloadData,
+    getPopupContainerOverride = _ref.getPopupContainerOverride,
+    onActivate = _ref.onActivate,
+    onDeactivate = _ref.onDeactivate,
+    error = _ref.error,
+    inputProps = _ref.inputProps,
+    allowClear = _ref.allowClear,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    getMenuEntryProps = _ref.getMenuEntryProps;
   var inputType = React.useMemo(function () {
     var InputComponent = selectedFactor.input;
     return /*#__PURE__*/React.createElement(InputComponent, {
@@ -61,5 +60,4 @@ var FactorValue = function FactorValue(_ref) {
     withoutTypeSelector: withoutTypeSelector
   }, inputType);
 };
-
 export default FactorValue;

package/dist/FactorValue/FactorValue.style.js

@@ -4,30 +4,26 @@ var DEFAULT_WIDTH = {
   'text-autocomplete': '147px',
   'text-default': '147px',
   'text-expansible': '123px'
-}; // eslint-disable-next-line import/prefer-default-export
-
+};
+// eslint-disable-next-line import/prefer-default-export
 export var FactorInput = styled.div.withConfig({
   displayName: "FactorValuestyle__FactorInput",
   componentId: "sc-17jtnx3-0"
 })(["&&{", ";", "{width:auto;}.ds-autocomplete{display:flex;> *{min-width:0;flex-grow:1;}.ant-select{width:100%;}.ant-select-selection-placeholder{padding:0;}.ant-select-selector{border-radius:", ";}}.ant-dropdown-trigger{input{border-radius:", ";}}}"], function (props) {
   var inputType = props.inputType,
-      _props$inputTextType = props.inputTextType,
-      inputTextType = _props$inputTextType === void 0 ? 'default' : _props$inputTextType;
-
+    _props$inputTextType = props.inputTextType,
+    inputTextType = _props$inputTextType === void 0 ? 'default' : _props$inputTextType;
   if (inputType) {
     if (inputType === 'array') {
       return css(["&&&{min-width:173px;input{min-width:123px;}}"]);
     }
-
     if (inputType === 'dateRange') {
       return css(["&&&{min-width:173px;}"]);
     }
-
     if (inputType === 'text' && DEFAULT_WIDTH[inputType + "-" + inputTextType]) {
       return css(["&&&{input{min-width:", ";}}"], DEFAULT_WIDTH[inputType + "-" + inputTextType]);
     }
   }
-
   return false;
 }, Container, function (props) {
   return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';

package/dist/FactorValue/Formula/Formula.js

@@ -4,27 +4,23 @@ import Icon, { EditS } from '@synerise/ds-icon';
 import Badge from '@synerise/ds-badge';
 import FormulaModal from './FormulaModal';
 import * as S from './Formula.styles';
-
 var FormulaInput = function FormulaInput(_ref) {
   var value = _ref.value,
-      error = _ref.error,
-      onChange = _ref.onChange,
-      _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-      withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-      texts = _ref.texts,
-      formulaEditor = _ref.formulaEditor,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-
+    error = _ref.error,
+    onChange = _ref.onChange,
+    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
+    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
+    texts = _ref.texts,
+    formulaEditor = _ref.formulaEditor,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var _useState = useState(false),
-      openFormulaModal = _useState[0],
-      setOpenFormulaModal = _useState[1];
-
+    openFormulaModal = _useState[0],
+    setOpenFormulaModal = _useState[1];
   var triggerMode = useMemo(function () {
     if (value) {
       return readOnly ? 'label-icon' : 'two-icons';
     }
-
     return readOnly ? 'simple' : 'label-icon';
   }, [value, readOnly]);
   var activeIcon = useMemo(function () {
@@ -65,5 +61,4 @@ var FormulaInput = function FormulaInput(_ref) {
     formulaEditor: formulaEditor
   }));
 };
-
 export default FormulaInput;

package/dist/FactorValue/Formula/Formula.styles.js

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var FormulaButton = styled.div.withConfig({
   displayName: "Formulastyles__FormulaButton",
   componentId: "bixbni-0"

package/dist/FactorValue/Formula/FormulaModal.js

@@ -1,19 +1,16 @@
 import React from 'react';
 import ModalProxy from '@synerise/ds-modal';
 import InlineEdit from '@synerise/ds-inline-edit';
-
 var FormulaModal = function FormulaModal(_ref) {
   var value = _ref.value,
-      onApply = _ref.onApply,
-      onCancel = _ref.onCancel,
-      visible = _ref.visible,
-      texts = _ref.texts,
-      formulaEditor = _ref.formulaEditor;
-
+    onApply = _ref.onApply,
+    onCancel = _ref.onCancel,
+    visible = _ref.visible,
+    texts = _ref.texts,
+    formulaEditor = _ref.formulaEditor;
   var _React$useState = React.useState((value == null ? void 0 : value.name) || texts.formula.defaultName),
-      formulaName = _React$useState[0],
-      setFormulaName = _React$useState[1];
-
+    formulaName = _React$useState[0],
+    setFormulaName = _React$useState[1];
   var handleOk = React.useCallback(function () {
     onApply({
       name: formulaName,
@@ -47,5 +44,4 @@ var FormulaModal = function FormulaModal(_ref) {
     cancelText: texts.modalCancel
   }, formulaEditor);
 };
-
 export default FormulaModal;

package/dist/FactorValue/Number/NumberInput.js

@@ -1,21 +1,18 @@
 import React, { useEffect, useRef, useState } from 'react';
 import InputNumber from '@synerise/ds-input-number';
 import { debounce } from 'lodash';
-
 var NumberInput = function NumberInput(_ref) {
   var error = _ref.error,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      texts = _ref.texts,
-      opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-
+    value = _ref.value,
+    onChange = _ref.onChange,
+    texts = _ref.texts,
+    opened = _ref.opened,
+    onDeactivate = _ref.onDeactivate,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var _useState = useState(value),
-      localValue = _useState[0],
-      setLocalValue = _useState[1];
-
+    localValue = _useState[0],
+    setLocalValue = _useState[1];
   var onChangeRef = useRef(onChange);
   useEffect(function () {
     onChangeRef.current = onChange;
@@ -31,12 +28,10 @@ var NumberInput = function NumberInput(_ref) {
       debouncedOnChange.cancel();
     };
   }, [debouncedOnChange]);
-
   var handleChange = function handleChange(val) {
     setLocalValue(val);
     debouncedOnChange(val);
   };
-
   return /*#__PURE__*/React.createElement(InputNumber, {
     error: error,
     autoFocus: opened,
@@ -47,5 +42,4 @@ var NumberInput = function NumberInput(_ref) {
     readOnly: readOnly
   });
 };
-
 export default NumberInput;

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

@@ -1,5 +1,4 @@
 var _ITEM_SIZE;
-
 import { itemSizes } from '@synerise/ds-list-item';
 export var LIST_STYLE = {
   overflowX: 'unset',