@synerise/ds-input-number 1.0.3 → 1.1.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.
 
+# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@1.0.4...@synerise/ds-input-number@1.1.0) (2025-04-16)
+
+
+### Features
+
+* **form-field:** add form-field component ([7f6b191](https://github.com/Synerise/synerise-design/commit/7f6b191132a3b0d694c21fb4d649f4deea6acb89))
+
+
+
+
+
+## [1.0.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@1.0.3...@synerise/ds-input-number@1.0.4) (2025-04-02)
+
+**Note:** Version bump only for package @synerise/ds-input-number
+
+
+
+
+
 ## [1.0.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@1.0.2...@synerise/ds-input-number@1.0.3) (2025-03-31)
 
 **Note:** Version bump only for package @synerise/ds-input-number

package/dist/InputNumber.js

@@ -1,10 +1,10 @@
 var _excluded = ["label", "description", "errorText", "raw", "error", "prefixel", "suffixel", "style", "tooltip", "tooltipConfig", "value", "defaultValue", "valueFormatOptions", "onChange"];
-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; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import '@synerise/ds-core/dist/js/style';
-import { Label } from '@synerise/ds-input';
+import FormField from '@synerise/ds-form-field';
 import { useDataFormat } from '@synerise/ds-data-format';
 import "./style/index.css";
 import * as S from './InputNumber.styles';
@@ -74,12 +74,7 @@ var InputNumber = function InputNumber(_ref) {
       }
     };
   });
-  return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(Label, {
-    id: id,
-    label: label,
-    tooltip: tooltip,
-    tooltipConfig: tooltipConfig
-  })), /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
+  var rawInput = /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
     prefixel: !!prefixel,
     suffixel: !!suffixel,
     style: style
@@ -95,6 +90,17 @@ var InputNumber = function InputNumber(_ref) {
     defaultValue: defaultValue,
     value: localValue,
     decimalSeparator: decimalDelimiter
-  })), !!suffixel && /*#__PURE__*/React.createElement(S.Suffixel, null, suffixel)), (showError || description) && !raw && /*#__PURE__*/React.createElement(S.ContentBelow, null, showError && /*#__PURE__*/React.createElement(S.ErrorText, null, errorText), description && /*#__PURE__*/React.createElement(S.Description, null, description)));
+  })), !!suffixel && /*#__PURE__*/React.createElement(S.Suffixel, null, suffixel));
+  if (raw) {
+    return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, rawInput);
+  }
+  return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, /*#__PURE__*/React.createElement(FormField, {
+    id: id,
+    label: label,
+    tooltip: tooltip,
+    tooltipConfig: tooltipConfig,
+    description: description,
+    errorText: errorText
+  }, rawInput));
 };
 export default InputNumber;

package/dist/InputNumber.styles.d.ts

@@ -5,10 +5,6 @@ export declare const InputNumberContainer: import("styled-components").StyledCom
 export declare const AntdInputNumber: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<InputNumberProps<number> & React.RefAttributes<HTMLInputElement>>, any, {
     error: boolean;
 } & ThemeProps, never>;
-export declare const ContentAbove: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentBelow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Prefixel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Suffixel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputNumberWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/InputNumber.styles.js

@@ -1,4 +1,4 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import BaseAntInputNumber from 'antd/lib/input-number';
@@ -6,7 +6,7 @@ export var InputNumberContainer = styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberContainer",
   componentId: "sc-abrul0-0"
 })(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;"]);
-var NumberOnlyBaseAntInputNumber = forwardRef(function (props, ref) {
+var NumberOnlyBaseAntInputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(BaseAntInputNumber, _extends({}, props, {
     ref: ref
   }));
@@ -19,41 +19,21 @@ export var AntdInputNumber = styled(NumberOnlyBaseAntInputNumber).withConfig({
 }, function (props) {
   return !!props.error && "\n      background: " + props.theme.palette['red-050'] + ";\n      border: 0;\n    ";
 });
-export var ContentAbove = styled.div.withConfig({
-  displayName: "InputNumberstyles__ContentAbove",
-  componentId: "sc-abrul0-2"
-})(["display:flex;justify-content:space-between;margin-bottom:8px;"]);
-export var Description = styled.div.withConfig({
-  displayName: "InputNumberstyles__Description",
-  componentId: "sc-abrul0-3"
-})(["color:", ";"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var ContentBelow = styled.div.withConfig({
-  displayName: "InputNumberstyles__ContentBelow",
-  componentId: "sc-abrul0-4"
-})(["margin-top:8px;"]);
-export var ErrorText = styled.div.withConfig({
-  displayName: "InputNumberstyles__ErrorText",
-  componentId: "sc-abrul0-5"
-})(["color:", ";margin-bottom:4px;"], function (props) {
-  return props.theme.palette['red-600'];
-});
 export var Prefixel = styled.div.withConfig({
   displayName: "InputNumberstyles__Prefixel",
-  componentId: "sc-abrul0-6"
+  componentId: "sc-abrul0-2"
 })(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], function (props) {
   return props.theme.palette['grey-300'];
 });
 export var Suffixel = styled.div.withConfig({
   displayName: "InputNumberstyles__Suffixel",
-  componentId: "sc-abrul0-7"
+  componentId: "sc-abrul0-3"
 })(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
   return props.theme.palette['grey-300'];
 });
 export var InputNumberWrapper = styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberWrapper",
-  componentId: "sc-abrul0-8"
+  componentId: "sc-abrul0-4"
 })(["display:flex;align-items:center;", ",", "{background:", ";display:flex;align-items:center;align-self:stretch;padding:0 12px;}", " ", ""], Prefixel, Suffixel, function (props) {
   return props.theme.palette['grey-050'];
 }, function (props) {

package/dist/InputNumber.types.d.ts

@@ -1,18 +1,13 @@
-import { ReactNode } from 'react';
-import { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number';
-import type { TooltipProps } from '@synerise/ds-tooltip';
-import { NumberToFormatOptions } from '@synerise/ds-data-format';
+import type { ReactNode } from 'react';
+import type { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number';
+import type { FormFieldCommonProps } from '@synerise/ds-form-field';
+import type { NumberToFormatOptions } from '@synerise/ds-data-format';
 export type InputNumberProps = AntdInputNumberProps<number> & {
-    errorText?: ReactNode;
-    label?: ReactNode;
     defaultValue?: number | null;
-    description?: ReactNode;
     error?: boolean;
     prefixel?: ReactNode;
     suffixel?: ReactNode;
     raw?: boolean;
-    tooltip?: string;
-    tooltipConfig?: TooltipProps;
     valueFormatOptions?: NumberToFormatOptions;
-};
+} & FormFieldCommonProps;
 export type Props = InputNumberProps;

package/dist/utils/inputNumber.utils.js

@@ -1,4 +1,4 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { MAXIMUM_FRACTION_DIGITS, MAXIMUM_NUMBER_DIGITS, NUMBER_DELIMITER } from '../constants/inputNumber.constants';
 
 // input case 1: not formatted number string (on input change)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-input-number",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Input-Number UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,8 +35,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-data-format": "^1.0.0",
-    "@synerise/ds-input": "^1.0.3",
-    "@synerise/ds-tooltip": "^1.1.2",
+    "@synerise/ds-form-field": "^1.1.0",
     "@synerise/ds-utils": "^1.0.1",
     "uuid": "^8.3.2"
   },
@@ -46,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5438445467b16dbc0c2ca97d969ae0e09b74131b"
+  "gitHead": "6735f9babfeef53122f54ca86cba5f581e8870d9"
 }