@synerise/ds-subtle-form 0.9.142 → 0.10.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.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@0.9.143...@synerise/ds-subtle-form@0.10.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
+## [0.9.143](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@0.9.142...@synerise/ds-subtle-form@0.9.143) (2025-01-21)
+
+**Note:** Version bump only for package @synerise/ds-subtle-form
+
+
+
+
+
 ## [0.9.142](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@0.9.141...@synerise/ds-subtle-form@0.9.142) (2025-01-15)
 
 **Note:** Version bump only for package @synerise/ds-subtle-form

package/dist/Elements/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SubtleDatePickerProps } from './DatePicker.types';
-declare const SubtleDatePicker: React.FC<SubtleDatePickerProps>;
+declare const SubtleDatePicker: ({ value, suffix, suffixTooltip, format: dateFormat, label, children, labelTooltip, placeholder, onApply, onClear, errorText, error, activeProp, onDropdownVisibleChange, disabled, ...rest }: SubtleDatePickerProps) => React.JSX.Element;
 export default SubtleDatePicker;

package/dist/Elements/DatePicker/DatePicker.js

@@ -1,12 +1,12 @@
 var _excluded = ["value", "suffix", "suffixTooltip", "format", "label", "children", "labelTooltip", "placeholder", "onApply", "onClear", "errorText", "error", "activeProp", "onDropdownVisibleChange", "disabled"];
 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 _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 from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Icon, { CalendarM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { theme } from '@synerise/ds-core';
 import { Label } from '@synerise/ds-input';
-import DatePicker from '@synerise/ds-date-picker/dist/DatePicker';
+import DatePicker from '@synerise/ds-date-picker';
 import format from '@synerise/ds-date-picker/dist/format';
 import * as S from '../../SubtleForm.styles';
 import { SelectContainer, ContentAbove, MaskedDatePlaceholder } from './DatePicker.styles';
@@ -28,36 +28,36 @@ var SubtleDatePicker = function SubtleDatePicker(_ref) {
     _onDropdownVisibleChange = _ref.onDropdownVisibleChange,
     disabled = _ref.disabled,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    active = _React$useState[0],
-    setActive = _React$useState[1];
-  var _React$useState2 = React.useState(false),
-    blurred = _React$useState2[0],
-    setBlurred = _React$useState2[1];
-  var containerRef = React.useRef(null);
+  var _useState = useState(false),
+    active = _useState[0],
+    setActive = _useState[1];
+  var _useState2 = useState(false),
+    blurred = _useState2[0],
+    setBlurred = _useState2[1];
+  var containerRef = useRef(null);
   var hasError = error || !!errorText;
   var showTime = rest.showTime;
-  var dateFormattingString = React.useMemo(function () {
+  var dateFormattingString = useMemo(function () {
     return getFormattingString(dateFormat, showTime);
   }, [dateFormat, showTime]);
-  var formatValue = React.useCallback(function (val) {
+  var formatValue = useCallback(function (val) {
     if (!val) return '';
     return format(val, dateFormattingString);
   }, [dateFormattingString]);
-  var getDisplayText = React.useCallback(function () {
+  var getDisplayText = useCallback(function () {
     return value && !!String(value).trim() ? formatValue(value) : placeholder;
   }, [value, placeholder, formatValue]);
-  React.useEffect(function () {
+  useEffect(function () {
     if (error) {
       setActive(false);
       setBlurred(true);
     }
   }, [error, errorText]);
-  var handleActivate = React.useCallback(function () {
+  var handleActivate = useCallback(function () {
     setActive(true);
     setBlurred(false);
   }, []);
-  var handleDeactivate = React.useCallback(function () {
+  var handleDeactivate = useCallback(function () {
     setActive(false);
     setBlurred(true);
   }, []);

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

@@ -1,7 +1,9 @@
-import { Props as DsDatePickerProps } from '@synerise/ds-date-picker/dist/DatePicker.types';
+import type { ReactNode } from 'react';
+import { DatePickerProps as DsDatePickerProps } from '@synerise/ds-date-picker';
 import { SubtleFieldProps } from '../../SubtleForm.types';
 export type SubtleDatePickerProps = {
     activeProp?: boolean;
     placeholder?: string;
+    children?: ReactNode;
     format?: string;
 } & SubtleFieldProps & DsDatePickerProps;

package/dist/Elements/Select/Select.js

@@ -1,10 +1,5 @@
 var _excluded = ["disabled", "value", "suffix", "suffixTooltip", "label", "children", "labelTooltip", "placeholder", "error", "errorText", "dropdownAlign"];
 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 from 'react';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
@@ -66,7 +61,7 @@ var SubtleSelect = function SubtleSelect(_ref) {
     errorText: errorText,
     error: error,
     defaultOpen: !hasError,
-    dropdownAlign: _objectSpread({
+    dropdownAlign: _extends({
       offset: [0, 8]
     }, dropdownAlign)
   }, rest), children) : /*#__PURE__*/React.createElement(S.Inactive, {
@@ -77,7 +72,7 @@ var SubtleSelect = function SubtleSelect(_ref) {
   }, /*#__PURE__*/React.createElement(S.MainContent, {
     className: "main-content",
     hasMargin: true
-  }, value && !!String(value).trim() ? value : placeholder), !active && !disabled && /*#__PURE__*/React.createElement(S.Suffix, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, value && !!String(value).trim() ? value : placeholder)), !active && !disabled && /*#__PURE__*/React.createElement(S.Suffix, {
     select: true
   }, /*#__PURE__*/React.createElement(Tooltip, {
     title: suffixTooltip

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

@@ -9,7 +9,7 @@ export type SubtleTextAreaProps = {
     placeholder?: string;
     autoSize?: TextareaAutosize;
     error?: boolean;
-    errorText?: string | React.ReactNode;
+    errorText?: React.ReactNode;
     textAreaProps?: TextAreaProps;
 } & SubtleFieldProps;
 export type TextareaAutosize = {

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-subtle-form",
-  "version": "0.9.142",
+  "version": "0.10.0",
   "description": "SubtleForm UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,19 +34,19 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-date-picker": "^0.13.8",
-    "@synerise/ds-icon": "^0.69.1",
-    "@synerise/ds-input": "^0.24.20",
-    "@synerise/ds-select": "^0.16.32",
-    "@synerise/ds-tooltip": "^0.14.54",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-date-picker": "^0.14.0",
+    "@synerise/ds-icon": "^0.71.0",
+    "@synerise/ds-input": "^0.25.0",
+    "@synerise/ds-select": "^0.17.0",
+    "@synerise/ds-tooltip": "^0.15.0",
+    "@synerise/ds-utils": "^0.32.0",
     "calculate-size": "^1.1.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "antd": "4.7.0",
-    "react": ">=16.9.0 <= 17.0.2",
-    "styled-components": "5.0.1"
+    "antd": "4.24.16",
+    "react": ">=16.9.0 <= 18.3.1",
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "f591d14d24d6a14aab76edcb60f04aaadec8336d"
+  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
 }