@synerise/ds-factors 0.25.8 → 0.26.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.26.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.25.8...@synerise/ds-factors@0.26.0) (2024-10-15)
+
+
+### Features
+
+* **factors:** allowClear prop in dp, drp and factors ([68e13d8](https://github.com/Synerise/synerise-design/commit/68e13d8e947c2c394ca2aab9f8cafe06e63f78b2))
+
+
+
+
+
 ## [0.25.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.25.7...@synerise/ds-factors@0.25.8) (2024-10-14)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorValue/Date/Date.js

@@ -10,6 +10,7 @@ var DateInput = function DateInput(_ref) {
       onDeactivate = _ref.onDeactivate,
       onActivate = _ref.onActivate,
       error = _ref.error,
+      allowClear = _ref.allowClear,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       getPopupContainerOverride = _ref.getPopupContainerOverride;
@@ -50,6 +51,7 @@ var DateInput = function DateInput(_ref) {
     texts: texts.datePicker,
     error: error,
     readOnly: readOnly,
+    allowClear: allowClear,
     inputProps: {
       autoResize: {
         minWidth: '123px'

package/dist/FactorValue/DateRange/DateRange.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { InputProps } from '../../Factors.types';
-declare const DateRangeInput: ({ getPopupContainerOverride, value, onChange, error, texts, onDeactivate, readOnly, }: InputProps) => React.JSX.Element;
+declare const DateRangeInput: ({ getPopupContainerOverride, value, onChange, error, texts, onDeactivate, allowClear, readOnly, }: InputProps) => React.JSX.Element;
 export default DateRangeInput;

package/dist/FactorValue/DateRange/DateRange.js

@@ -10,6 +10,7 @@ var DateRangeInput = function DateRangeInput(_ref) {
       error = _ref.error,
       texts = _ref.texts,
       onDeactivate = _ref.onDeactivate,
+      allowClear = _ref.allowClear,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var intl = useIntl();
@@ -41,7 +42,8 @@ var DateRangeInput = function DateRangeInput(_ref) {
     filterValueSelectionModes: ['Range'],
     rangePickerInputProps: {
       readOnly: readOnly,
-      error: error
+      error: error,
+      allowClear: allowClear
     },
     readOnly: readOnly
   });

package/dist/FactorValue/FactorValue.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { FactorValueProps } from '../Factors.types';
-declare const FactorValue: React.FC<FactorValueProps>;
+declare const FactorValue: ({ selectedFactorType, value, onChangeValue, onParamsClick, selectedFactor, textType, parameters, autocompleteText, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, allowClear, readOnly, getMenuEntryProps, }: FactorValueProps) => React.JSX.Element;
 export default FactorValue;

package/dist/FactorValue/FactorValue.js

@@ -23,6 +23,7 @@ var FactorValue = function FactorValue(_ref) {
       onDeactivate = _ref.onDeactivate,
       error = _ref.error,
       inputProps = _ref.inputProps,
+      allowClear = _ref.allowClear,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       getMenuEntryProps = _ref.getMenuEntryProps;
@@ -49,10 +50,11 @@ var FactorValue = function FactorValue(_ref) {
       onActivate: onActivate,
       onDeactivate: onDeactivate,
       error: error,
+      allowClear: allowClear,
       readOnly: readOnly,
       getMenuEntryProps: getMenuEntryProps
     });
-  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, readOnly, getMenuEntryProps]);
+  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     inputType: selectedFactorType,
     inputTextType: textType,

package/dist/Factors.d.ts

@@ -44,8 +44,8 @@ export declare const factorTypes: {
     dateRange: {
         icon: React.JSX.Element;
         name: string;
-        input: ({ getPopupContainerOverride, value, onChange, error, texts, onDeactivate, readOnly, }: import("./Factors.types").InputProps) => React.JSX.Element;
+        input: ({ getPopupContainerOverride, value, onChange, error, texts, onDeactivate, allowClear, readOnly, }: import("./Factors.types").InputProps) => React.JSX.Element;
     };
 };
-declare const Factors: React.FC<FactorsProps>;
+declare const Factors: ({ selectedFactorType, setSelectedFactorType, onChangeValue, onParamsClick, value, defaultFactorType, textType, unavailableFactorTypes, availableFactorTypes, parameters, autocompleteText, allowClear, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, onActivate, onDeactivate, getPopupContainerOverride, error, inputProps, readOnly, getMenuEntryProps, }: FactorsProps) => React.JSX.Element;
 export default Factors;

package/dist/Factors.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { BookM, Calendar2M, DynamicKeyM, FormulaM, HashM, ListM, ShowM, TextM } from '@synerise/ds-icon';
 import * as S from './style/Factors.style';
@@ -82,6 +82,8 @@ var Factors = function Factors(_ref) {
       availableFactorTypes = _ref.availableFactorTypes,
       parameters = _ref.parameters,
       autocompleteText = _ref.autocompleteText,
+      _ref$allowClear = _ref.allowClear,
+      allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
       _ref$withoutTypeSelec = _ref.withoutTypeSelector,
       withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
       texts = _ref.texts,
@@ -101,7 +103,7 @@ var Factors = function Factors(_ref) {
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
 
-  var text = React.useMemo(function () {
+  var text = useMemo(function () {
     return _objectSpread({
       dateRangePicker: {
         after: formatMessage({
@@ -441,10 +443,10 @@ var Factors = function Factors(_ref) {
       }
     }, texts);
   }, [texts, formatMessage]);
-  var factorType = React.useMemo(function () {
+  var factorType = useMemo(function () {
     return selectedFactorType || defaultFactorType;
   }, [selectedFactorType, defaultFactorType]);
-  var selectedFactor = React.useMemo(function () {
+  var selectedFactor = useMemo(function () {
     return factorTypes[factorType];
   }, [factorType]);
   return /*#__PURE__*/React.createElement(S.Group, {
@@ -481,6 +483,7 @@ var Factors = function Factors(_ref) {
     onActivate: onActivate,
     onDeactivate: onDeactivate,
     error: error,
+    allowClear: allowClear,
     readOnly: readOnly,
     getMenuEntryProps: getMenuEntryProps
   }));

package/dist/Factors.types.d.ts

@@ -117,6 +117,7 @@ export type FactorsProps = {
     formulaEditor?: ReactNode;
     texts?: Partial<FactorsTexts>;
     opened?: boolean;
+    allowClear?: boolean;
     loading?: boolean;
     preventAutoloadData?: boolean;
     withCustomFactor?: ReactNode;
@@ -131,11 +132,11 @@ export type FactorTypeSelectorProps = Pick<FactorsProps, 'unavailableFactorTypes
         [k in DefinedFactorTypes]: string;
     };
 };
-export type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'getMenuEntryProps'> & {
+export type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'allowClear' | 'inputProps' | 'autoResize' | 'readOnly' | 'getMenuEntryProps'> & {
     texts: FactorsTexts;
     selectedFactor: SelectedFactorType;
 };
-export type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'getMenuEntryProps'> & {
+export type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'allowClear' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error' | 'inputProps' | 'autoResize' | 'readOnly' | 'getMenuEntryProps'> & {
     texts: FactorsTexts;
     onChange: (value: FactorValueType) => void;
     factorType: FactorType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.25.8",
+  "version": "0.26.0",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -37,11 +37,11 @@
     "@synerise/ds-autocomplete": "^0.8.22",
     "@synerise/ds-badge": "^0.8.13",
     "@synerise/ds-button": "^0.21.13",
-    "@synerise/ds-date-picker": "^0.11.20",
-    "@synerise/ds-date-range-picker": "^0.29.17",
+    "@synerise/ds-date-picker": "^0.12.0",
+    "@synerise/ds-date-range-picker": "^0.30.0",
     "@synerise/ds-dropdown": "^0.18.18",
     "@synerise/ds-icon": "^0.65.8",
-    "@synerise/ds-information-card": "^0.5.13",
+    "@synerise/ds-information-card": "^0.5.14",
     "@synerise/ds-inline-edit": "^0.8.14",
     "@synerise/ds-input": "^0.24.8",
     "@synerise/ds-input-number": "^0.10.9",
@@ -65,5 +65,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "39c906a3f4d8ec9442e5780c6e6a387584eabce1"
+  "gitHead": "88659351b21092e720c1300df7f84bd0ea020f2b"
 }