@synerise/ds-format-picker 0.5.11 → 0.5.13

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.5.12...@synerise/ds-format-picker@0.5.13) (2024-10-28)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
+## [0.5.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.5.11...@synerise/ds-format-picker@0.5.12) (2024-10-23)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
 ## [0.5.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.5.10...@synerise/ds-format-picker@0.5.11) (2024-10-14)
 
 **Note:** Version bump only for package @synerise/ds-format-picker

package/dist/FomartPicker.types.d.ts

@@ -42,4 +42,5 @@ export type FormatPickerProps = {
     currenciesConfig?: CurrencyConfig[];
     buttonType?: string;
     disabled?: boolean;
+    maxFixedLength?: number;
 };

package/dist/FormatPicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { FormatPickerProps } from './FomartPicker.types';
-declare const FormatPicker: ({ onUseSeparatorChange, onFixedLengthChange, onDataFormatChange, onCurrencyChange, onCompactNumbersChange, onSetDefault, onFormattedValueChange, value, format, text, currenciesConfig, buttonType, disabled, }: FormatPickerProps) => React.JSX.Element;
+declare const FormatPicker: ({ onUseSeparatorChange, onFixedLengthChange, onDataFormatChange, onCurrencyChange, onCompactNumbersChange, onSetDefault, onFormattedValueChange, value, format, text, currenciesConfig, buttonType, disabled, maxFixedLength, }: FormatPickerProps) => React.JSX.Element;
 export default FormatPicker;

package/dist/FormatPicker.js

@@ -26,7 +26,8 @@ var FormatPicker = function FormatPicker(_ref) {
       currenciesConfig = _ref.currenciesConfig,
       _ref$buttonType = _ref.buttonType,
       buttonType = _ref$buttonType === void 0 ? 'tertiary' : _ref$buttonType,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      maxFixedLength = _ref.maxFixedLength;
   var intl = useIntl();
 
   var _useDataFormat = useDataFormat(),
@@ -127,7 +128,8 @@ var FormatPicker = function FormatPicker(_ref) {
       text: texts,
       currenciesConfig: currenciesConfig,
       disabled: disabled,
-      getFormattedValue: getFormattedValue
+      getFormattedValue: getFormattedValue,
+      maxFixedLength: maxFixedLength
     }),
     placement: "topCenter"
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/FormatSettings/FormatSettings.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { FormatSettingsProps } from './FormatSettings.types';
-declare const FormatSettings: ({ onCompactNumbersChange, onCurrencyChange, onDataFormatChange, onFixedLengthChange, onUseSeparatorChange, onSetDefault, getFormattedValue, format, text, currenciesConfig, disabled, }: FormatSettingsProps) => React.JSX.Element;
+declare const FormatSettings: ({ onCompactNumbersChange, onCurrencyChange, onDataFormatChange, onFixedLengthChange, onUseSeparatorChange, onSetDefault, getFormattedValue, format, text, currenciesConfig, disabled, maxFixedLength, }: FormatSettingsProps) => React.JSX.Element;
 export default FormatSettings;

package/dist/FormatSettings/FormatSettings.js

@@ -51,7 +51,8 @@ var FormatSettings = function FormatSettings(_ref) {
       text = _ref.text,
       _ref$currenciesConfig = _ref.currenciesConfig,
       currenciesConfig = _ref$currenciesConfig === void 0 ? DEFAULT_CURRENCIES_CONFIG : _ref$currenciesConfig,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      maxFixedLength = _ref.maxFixedLength;
   var intl = useIntl();
   var handleDecreaseFixedLength = useCallback(function () {
     if (format.fixedLength > 0) {
@@ -61,8 +62,10 @@ var FormatSettings = function FormatSettings(_ref) {
     }
   }, [onFixedLengthChange, format]);
   var handleIncreaseFixedLength = useCallback(function () {
-    onFixedLengthChange(format.fixedLength + 1);
-  }, [onFixedLengthChange, format]);
+    if (maxFixedLength === undefined || maxFixedLength > format.fixedLength) {
+      onFixedLengthChange(format.fixedLength + 1);
+    }
+  }, [onFixedLengthChange, format, maxFixedLength]);
   var selectedCurrency = useMemo(function () {
     return currenciesConfig.find(function (currency) {
       return currency.currency === format.currency;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-format-picker",
-  "version": "0.5.11",
+  "version": "0.5.13",
   "description": "FormatPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,17 +34,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.13",
-    "@synerise/ds-button-group": "^0.7.17",
-    "@synerise/ds-checkbox": "^0.12.11",
+    "@synerise/ds-button": "^0.21.15",
+    "@synerise/ds-button-group": "^0.7.19",
+    "@synerise/ds-checkbox": "^0.12.13",
     "@synerise/ds-data-format": "^0.5.4",
-    "@synerise/ds-dropdown": "^0.18.18",
-    "@synerise/ds-icon": "^0.65.8",
-    "@synerise/ds-list-item": "^0.4.13",
-    "@synerise/ds-radio": "^0.12.7",
-    "@synerise/ds-tooltip": "^0.14.43",
-    "@synerise/ds-typography": "^0.16.0",
-    "@synerise/ds-utils": "^0.30.0",
+    "@synerise/ds-dropdown": "^0.18.20",
+    "@synerise/ds-icon": "^0.66.1",
+    "@synerise/ds-list-item": "^0.4.15",
+    "@synerise/ds-radio": "^0.12.9",
+    "@synerise/ds-tooltip": "^0.14.45",
+    "@synerise/ds-typography": "^0.16.2",
+    "@synerise/ds-utils": "^0.30.1",
     "react-intl": "3.12.0"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "39c906a3f4d8ec9442e5780c6e6a387584eabce1"
+  "gitHead": "fbadaa2299668c527b52ecc66d61fc2165528bff"
 }