@synerise/ds-factors 0.20.8 → 0.20.9

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.20.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.20.8...@synerise/ds-factors@0.20.9) (2023-10-19)
+
+
+### Bug Fixes
+
+* **factors:** fixes visibility of DatePicker ([a3a3232](https://github.com/Synerise/synerise-design/commit/a3a32323ecdf51e0281fa953455963ac46144dc6))
+* **input:** fixes styles of input group ([4f56031](https://github.com/Synerise/synerise-design/commit/4f56031a456905e84299b572fc9a11336eace9a9))
+
+
+
+
+
 ## [0.20.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.20.7...@synerise/ds-factors@0.20.8) (2023-10-18)
 
 

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { InputProps } from '../../Factors.types';
 declare const DateInput: React.FC<InputProps>;
 export default DateInput;

package/dist/FactorValue/Date/Date.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import DatePicker from '@synerise/ds-date-picker/dist/DatePicker';
 
 var DateInput = function DateInput(_ref) {
@@ -7,38 +7,54 @@ var DateInput = function DateInput(_ref) {
       texts = _ref.texts,
       opened = _ref.opened,
       onDeactivate = _ref.onDeactivate,
+      onActivate = _ref.onActivate,
       error = _ref.error,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+
+  var _useState = useState(value),
+      localValue = _useState[0],
+      setLocalValue = _useState[1];
+
+  useEffect(function () {
+    setLocalValue(value);
+  }, [value]);
   var changeHandler = React.useCallback(function (date) {
     onChange(date);
   }, [onChange]);
+  var localValueAsDate = useMemo(function () {
+    return localValue ? new Date(String(localValue)) : undefined;
+  }, [localValue]);
   var handleClear = React.useCallback(function () {
     onChange(undefined);
   }, [onChange]);
   var handleVisibleChange = React.useCallback(function (visible) {
     if (!visible) {
       onDeactivate && onDeactivate();
+      onChange(localValueAsDate);
+    } else {
+      onActivate && onActivate();
     }
-  }, [onDeactivate]);
-  React.useEffect(function () {
-    onDeactivate && onDeactivate();
-  }, [onDeactivate]);
+  }, [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,
-    onValueChange: changeHandler,
-    value: value ? new Date(String(value)) : undefined,
+    value: localValueAsDate,
     showTime: true,
     useStartOfDay: true,
     texts: texts.datePicker,
     disabledHours: [],
     disabledMinutes: [],
     disabledSeconds: [],
-    autoFocus: opened,
-    onDropdownVisibleChange: handleVisibleChange,
     error: error,
-    readOnly: readOnly
+    readOnly: readOnly,
+    dropdownProps: {
+      visible: opened,
+      onVisibleChange: handleVisibleChange
+    }
   });
 };
 

package/dist/style/Factors.style.js

@@ -6,6 +6,6 @@ import { FactorInput } from '../FactorValue/FactorValue.style'; // eslint-disabl
 export var Group = styled(InputGroup).withConfig({
   displayName: "Factorsstyle__Group",
   componentId: "sc-1kkuis0-0"
-})(["&&.ds-factors{display:flex;", "{margin:0;}", "{width:auto;> *{border-radius:", ";}}}"], OuterWrapper, FactorInput, function (props) {
+})(["&&&{display:flex;", "{margin:0;}", "{width:auto;> *{border-radius:", ";}}}"], OuterWrapper, FactorInput, function (props) {
   return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.20.8",
+  "version": "0.20.9",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,25 +33,25 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-autocomplete": "^0.5.5",
-    "@synerise/ds-badge": "^0.6.40",
-    "@synerise/ds-button": "^0.18.5",
-    "@synerise/ds-date-picker": "^0.10.22",
-    "@synerise/ds-date-range-picker": "^0.25.1",
-    "@synerise/ds-dropdown": "^0.17.84",
-    "@synerise/ds-icon": "^0.58.5",
-    "@synerise/ds-information-card": "^0.3.43",
-    "@synerise/ds-inline-edit": "^0.6.84",
-    "@synerise/ds-input": "^0.19.5",
-    "@synerise/ds-input-number": "^0.8.27",
-    "@synerise/ds-loader": "^0.2.47",
-    "@synerise/ds-menu": "^0.18.2",
-    "@synerise/ds-modal": "^0.17.8",
-    "@synerise/ds-result": "^0.6.34",
-    "@synerise/ds-scrollbar": "^0.6.10",
-    "@synerise/ds-tabs": "^0.13.82",
-    "@synerise/ds-tooltip": "^0.14.7",
-    "@synerise/ds-utils": "^0.24.19",
+    "@synerise/ds-autocomplete": "^0.5.6",
+    "@synerise/ds-badge": "^0.6.41",
+    "@synerise/ds-button": "^0.18.6",
+    "@synerise/ds-date-picker": "^0.10.23",
+    "@synerise/ds-date-range-picker": "^0.25.2",
+    "@synerise/ds-dropdown": "^0.17.85",
+    "@synerise/ds-icon": "^0.58.6",
+    "@synerise/ds-information-card": "^0.3.44",
+    "@synerise/ds-inline-edit": "^0.6.85",
+    "@synerise/ds-input": "^0.19.6",
+    "@synerise/ds-input-number": "^0.8.28",
+    "@synerise/ds-loader": "^0.2.48",
+    "@synerise/ds-menu": "^0.18.3",
+    "@synerise/ds-modal": "^0.17.9",
+    "@synerise/ds-result": "^0.6.35",
+    "@synerise/ds-scrollbar": "^0.6.11",
+    "@synerise/ds-tabs": "^0.13.83",
+    "@synerise/ds-tooltip": "^0.14.8",
+    "@synerise/ds-utils": "^0.24.20",
     "lodash": "^4.17.19",
     "react-intl": "3.12.0",
     "react-window": "1.8.5",
@@ -67,5 +67,5 @@
     "@testing-library/react": "10.0.1",
     "@testing-library/user-event": "^10.3.1"
   },
-  "gitHead": "1b2696001dd88b4c11413977e38b541b0c78733d"
+  "gitHead": "0f860580d5e53dd24a5474aaead7c6d89f8674da"
 }