@synerise/ds-factors 0.22.17 → 0.22.19

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.22.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.22.18...@synerise/ds-factors@0.22.19) (2024-05-10)
+
+
+### Bug Fixes
+
+* **date-picker:** added autoResize handling ([f3a759c](https://github.com/Synerise/synerise-design/commit/f3a759c2b40664cc2d225cb4eaaefcbbf70321fe))
+
+
+
+
+
+## [0.22.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.22.17...@synerise/ds-factors@0.22.18) (2024-05-08)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
 ## [0.22.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.22.16...@synerise/ds-factors@0.22.17) (2024-05-08)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorValue/Date/Date.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { getPopupContainer } from '@synerise/ds-utils';
-import DatePicker from '@synerise/ds-date-picker/dist/DatePicker';
+import DatePicker from '@synerise/ds-date-picker';
 
 var DateInput = function DateInput(_ref) {
   var value = _ref.value,
@@ -53,6 +53,11 @@ var DateInput = function DateInput(_ref) {
     disabledSeconds: [],
     error: error,
     readOnly: readOnly,
+    inputProps: {
+      autoResize: {
+        minWidth: '123px'
+      }
+    },
     dropdownProps: {
       visible: opened,
       getPopupContainer: getPopupContainerOverride || getPopupContainer,

package/dist/FactorValue/FactorValue.style.js

@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { Container } from '@synerise/ds-date-picker/dist/Elements/PickerInput/PickerInput.styles';
 var DEFAULT_WIDTH = {
   'text-autocomplete': '147px',
   'text-default': '147px',
@@ -8,7 +9,7 @@ var DEFAULT_WIDTH = {
 export var FactorInput = styled.div.withConfig({
   displayName: "FactorValuestyle__FactorInput",
   componentId: "sc-17jtnx3-0"
-})(["&&{", ";.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) {
+})(["&&{", ";", "{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;
@@ -18,10 +19,6 @@ export var FactorInput = styled.div.withConfig({
       return css(["&&&{min-width:173px;input{min-width:123px;}}"]);
     }
 
-    if (inputType === 'date') {
-      return css(["&&&{width:173px;.ant-input{width:173px;}}"]);
-    }
-
     if (inputType === 'dateRange') {
       return css(["&&&{min-width:173px;}"]);
     }
@@ -32,7 +29,7 @@ export var FactorInput = styled.div.withConfig({
   }
 
   return false;
-}, function (props) {
+}, Container, function (props) {
   return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';
 }, function (props) {
   return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.22.17",
+  "version": "0.22.19",
   "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.7.8",
-    "@synerise/ds-badge": "^0.6.57",
-    "@synerise/ds-button": "^0.19.7",
-    "@synerise/ds-date-picker": "^0.10.46",
-    "@synerise/ds-date-range-picker": "^0.27.17",
-    "@synerise/ds-dropdown": "^0.17.107",
-    "@synerise/ds-icon": "^0.60.7",
-    "@synerise/ds-information-card": "^0.4.1",
-    "@synerise/ds-inline-edit": "^0.7.3",
-    "@synerise/ds-input": "^0.21.0",
-    "@synerise/ds-input-number": "^0.9.14",
-    "@synerise/ds-menu": "^0.18.20",
-    "@synerise/ds-modal": "^0.17.26",
-    "@synerise/ds-result": "^0.6.52",
-    "@synerise/ds-scrollbar": "^0.10.2",
-    "@synerise/ds-skeleton": "^0.5.6",
-    "@synerise/ds-tabs": "^0.13.108",
-    "@synerise/ds-tooltip": "^0.14.25",
-    "@synerise/ds-utils": "^0.26.3",
+    "@synerise/ds-autocomplete": "^0.7.10",
+    "@synerise/ds-badge": "^0.6.59",
+    "@synerise/ds-button": "^0.19.9",
+    "@synerise/ds-date-picker": "^0.10.48",
+    "@synerise/ds-date-range-picker": "^0.27.19",
+    "@synerise/ds-dropdown": "^0.17.109",
+    "@synerise/ds-icon": "^0.60.9",
+    "@synerise/ds-information-card": "^0.4.3",
+    "@synerise/ds-inline-edit": "^0.7.5",
+    "@synerise/ds-input": "^0.21.2",
+    "@synerise/ds-input-number": "^0.9.16",
+    "@synerise/ds-menu": "^0.18.22",
+    "@synerise/ds-modal": "^0.17.28",
+    "@synerise/ds-result": "^0.6.54",
+    "@synerise/ds-scrollbar": "^0.10.4",
+    "@synerise/ds-skeleton": "^0.5.8",
+    "@synerise/ds-tabs": "^0.13.110",
+    "@synerise/ds-tooltip": "^0.14.27",
+    "@synerise/ds-utils": "^0.26.5",
     "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": "700312e731dcbedacd206fd1d3389e5725c80d24"
+  "gitHead": "dea3898f262a7c333c6fd8ef806036ed4368bde7"
 }