@synerise/ds-date-picker 0.10.46 → 0.10.48

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

package/dist/DatePicker.js

@@ -1,4 +1,4 @@
-var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger"];
+var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps"];
 
 function _extends() { _extends = Object.assign || 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); }
 
@@ -32,6 +32,7 @@ var DatePicker = function DatePicker(_ref) {
       hideNow = _ref.hideNow,
       readOnly = _ref.readOnly,
       renderTrigger = _ref.renderTrigger,
+      inputProps = _ref.inputProps,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(autoFocus || false),
@@ -63,7 +64,7 @@ var DatePicker = function DatePicker(_ref) {
     setSelectedDate(undefined);
     onClear && onClear();
   }, [onClear]);
-  var trigger = (renderTrigger == null ? void 0 : renderTrigger()) || /*#__PURE__*/React.createElement(PickerInput, {
+  var trigger = (renderTrigger == null ? void 0 : renderTrigger()) || /*#__PURE__*/React.createElement(PickerInput, _extends({}, inputProps, {
     disabled: disabled,
     autoFocus: !disabled && autoFocus,
     value: selectedDate,
@@ -82,7 +83,7 @@ var DatePicker = function DatePicker(_ref) {
     error: error,
     errorText: errorText,
     readOnly: readOnly
-  });
+  }));
   return readOnly ? trigger : /*#__PURE__*/React.createElement(Dropdown, _extends({
     overlay: /*#__PURE__*/React.createElement(S.OverlayContainer, {
       ref: ref

package/dist/DatePicker.types.d.ts

@@ -1,7 +1,8 @@
-import * as React from 'react';
-import { IntlShape } from 'react-intl';
-import { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
-import { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { ReactNode, ReactElement } from 'react';
+import type { IntlShape } from 'react-intl';
+import type { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
+import type { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { InputProps } from '@synerise/ds-input';
 export type Props = {
     autoFocus?: boolean;
     disabled?: boolean;
@@ -21,18 +22,19 @@ export type Props = {
     onDropdownVisibleChange?: (visible: boolean) => void;
     onValueChange?: (date?: Date) => void;
     error?: boolean;
-    errorText?: string | React.ReactNode;
+    errorText?: ReactNode;
     popoverPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
-    prefixel?: React.ReactNode | string;
-    suffixel?: React.ReactNode | string;
+    prefixel?: ReactNode;
+    suffixel?: ReactNode;
     showTime?: boolean;
     texts: Texts;
-    renderTrigger?: () => React.ReactElement;
+    renderTrigger?: () => ReactElement;
     value?: Date;
     useStartOfDay?: boolean;
     useEndOfDay?: boolean;
     hideNow?: boolean;
     readOnly?: boolean;
+    inputProps?: Pick<InputProps, 'autoResize'>;
 };
 export type State = {
     mode: string;
@@ -52,8 +54,8 @@ export type Modifier = {
     disabled: boolean;
 };
 export type Texts = {
-    apply: string | React.ReactNode;
-    now: string | React.ReactNode;
+    apply: ReactNode;
+    now: ReactNode;
     inputPlaceholder?: string;
-    clearTooltip?: string | React.ReactNode;
+    clearTooltip?: ReactNode;
 };

package/dist/Elements/PickerInput/PickerInput.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-import { Props } from './PickerInput.types';
-declare const PickerInput: React.FC<Props>;
+import { PickerInputProps } from './PickerInput.types';
+declare const PickerInput: ({ autoFocus, size, disabled, readOnly, value, format: dateFormat, valueFormatOptions, onChange, showTime, style, placeholder, onClear, onClick, clearTooltip, highlight, error, errorText, prefixel, suffixel, ...rest }: PickerInputProps) => JSX.Element;
 export default PickerInput;

package/dist/Elements/PickerInput/PickerInput.styles.js

@@ -20,7 +20,9 @@ var activeStyle = function activeStyle(props) {
 export var Input = styled(DSInput).withConfig({
   displayName: "PickerInputstyles__Input",
   componentId: "sc-168pcz5-2"
-})(["&{.ant-input{min-width:150px;", "}}"], function (props) {
+})(["&{.ant-input{", ";", "}}"], function (props) {
+  return !props.autoResize && 'min-width: 150px';
+}, function (props) {
   return !!props.active && activeStyle(props);
 });
 export var PickerInputWrapper = styled.div.withConfig({

package/dist/Elements/PickerInput/PickerInput.types.d.ts

@@ -1,8 +1,11 @@
-import * as React from 'react';
-import { DateToFormatOptions } from '@synerise/ds-data-format';
-export type Props = {
+import type { ReactNode, CSSProperties } from 'react';
+import { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { Props as DatePickerProps } from '../../DatePicker.types';
+type InputProps = DatePickerProps['inputProps'];
+export type Props = InputProps & {
     autoFocus?: boolean;
-    size?: 'large' | 'default' | 'small';
+    size?: SizeType;
     /**
      * @deprecated use `valueFormatOptions` instead
      */
@@ -12,16 +15,18 @@ export type Props = {
     allowClear?: boolean;
     value?: Date | string;
     onChange?: (dateValue: Date | undefined | null, stringifiedDate: string) => void;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     placeholder?: string;
     disabled?: boolean;
     readOnly?: boolean;
     onClick?: () => void;
     onClear?: () => void;
-    clearTooltip?: string | React.ReactNode;
+    clearTooltip?: ReactNode;
     highlight?: boolean;
     error?: boolean;
-    errorText?: string | React.ReactNode;
-    prefixel?: React.ReactNode | string;
-    suffixel?: React.ReactNode | string;
+    errorText?: ReactNode;
+    prefixel?: ReactNode;
+    suffixel?: ReactNode;
 };
+export type PickerInputProps = Props;
+export {};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default } from './DatePicker';
 export { default as RawDatePicker } from './RawDatePicker/RawDatePicker';
 export { default as DatePicker } from './DatePicker';
 export { default as MonthPicker } from './Elements/MonthPicker/MonthPicker';

package/dist/index.js

@@ -1,3 +1,4 @@
+export { default } from './DatePicker';
 export { default as RawDatePicker } from './RawDatePicker/RawDatePicker';
 export { default as DatePicker } from './DatePicker';
 export { default as MonthPicker } from './Elements/MonthPicker/MonthPicker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.10.46",
+  "version": "0.10.48",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,14 +34,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.19.7",
-    "@synerise/ds-data-format": "^0.4.8",
-    "@synerise/ds-dropdown": "^0.17.107",
-    "@synerise/ds-icon": "^0.60.7",
-    "@synerise/ds-input": "^0.21.0",
-    "@synerise/ds-time-picker": "^0.10.5",
-    "@synerise/ds-tooltip": "^0.14.25",
-    "@synerise/ds-utils": "^0.26.3",
+    "@synerise/ds-button": "^0.19.9",
+    "@synerise/ds-data-format": "^0.4.9",
+    "@synerise/ds-dropdown": "^0.17.109",
+    "@synerise/ds-icon": "^0.60.9",
+    "@synerise/ds-input": "^0.21.2",
+    "@synerise/ds-time-picker": "^0.10.7",
+    "@synerise/ds-tooltip": "^0.14.27",
+    "@synerise/ds-utils": "^0.26.5",
     "classnames": "2.3.2",
     "date-fns": "2.16.1",
     "lodash": "^4.17.20",
@@ -55,5 +55,5 @@
     "react": ">=16.9.0 < 17.0.0",
     "styled-components": "5.0.1"
   },
-  "gitHead": "700312e731dcbedacd206fd1d3389e5725c80d24"
+  "gitHead": "dea3898f262a7c333c6fd8ef806036ed4368bde7"
 }