@reltio/components 1.4.2288 → 1.4.2289

package/CustomDateRangeEditor/CustomDateRangeEditor.d.ts

@@ -4,6 +4,7 @@ type Props = {
     values: DateValues;
     onChange: (values: DateValues) => void;
     onFocus?: () => void;
+    maxDate?: Date;
 };
-export declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => React.JSX.Element;
+export declare const CustomDateRangeEditor: ({ values, onChange, onFocus, maxDate }: Props) => React.JSX.Element;
 export {};

package/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -15,7 +15,7 @@ var formatValue = function (value, placeholder) {
         : "".concat(formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value));
 };
 export var CustomDateRangeEditor = function (_a) {
-    var values = _a.values, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? identity : _b;
+    var values = _a.values, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? identity : _b, maxDate = _a.maxDate;
     var placeholder = localeFormat;
     var inputRef = useRef(null);
     var _c = useState(false), open = _c[0], setOpen = _c[1];
@@ -50,5 +50,5 @@ export var CustomDateRangeEditor = function (_a) {
                 vertical: 'top',
                 horizontal: 'right'
             }, elevation: 2 },
-            React.createElement(DateRangePicker, { values: values, onApply: onApply, type: DataTypes.TYPE_ACTIVENESS_DATE }))));
+            React.createElement(DateRangePicker, { values: values, onApply: onApply, type: DataTypes.TYPE_ACTIVENESS_DATE, maxDate: maxDate }))));
 };

package/DateIntervalSelector/styles.js

@@ -17,6 +17,7 @@ export var useStyles = makeStyles({
         backgroundColor: 'rgba(0, 0, 0, 0.03)'
     },
     inputUnit: {
-        width: '100%'
+        width: '100%',
+        minWidth: 110
     }
 });

package/DateRangeSelector/DateRangeSelector.d.ts

@@ -4,6 +4,7 @@ type Props = {
     value: DateRangeFilter;
     dateRangeTypes?: DateRangeTypes[];
     onChange: (range: DateRangeFilter) => void;
+    maxDate?: Date;
 };
-export declare const DateRangeSelector: ({ value, onChange, dateRangeTypes }: Props) => React.JSX.Element;
+export declare const DateRangeSelector: ({ value, onChange, dateRangeTypes, maxDate }: Props) => React.JSX.Element;
 export {};

package/DateRangeSelector/DateRangeSelector.js

@@ -26,7 +26,7 @@ import { useStyles } from './styles';
 var emptyDates = [null, null];
 var emptyInterval = [null, 'minutes'];
 export var DateRangeSelector = function (_a) {
-    var value = _a.value, onChange = _a.onChange, dateRangeTypes = _a.dateRangeTypes;
+    var value = _a.value, onChange = _a.onChange, dateRangeTypes = _a.dateRangeTypes, maxDate = _a.maxDate;
     var styles = useStyles();
     var getInitPeriodByType = function (type) {
         if ((value === null || value === void 0 ? void 0 : value.type) === type) {
@@ -101,7 +101,7 @@ export var DateRangeSelector = function (_a) {
         {
             label: i18n.text('Date range'),
             type: DateRangeTypes.BETWEEN,
-            editor: (React.createElement(CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(DateRangeTypes.BETWEEN); } })),
+            editor: (React.createElement(CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(DateRangeTypes.BETWEEN); }, maxDate: maxDate })),
             className: styles.dateOption
         }
     ];

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.d.ts

@@ -4,6 +4,7 @@ type Props = {
     values: DateValues;
     onChange: (values: DateValues) => void;
     onFocus?: () => void;
+    maxDate?: Date;
 };
-export declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => React.JSX.Element;
+export declare const CustomDateRangeEditor: ({ values, onChange, onFocus, maxDate }: Props) => React.JSX.Element;
 export {};

package/cjs/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -44,7 +44,7 @@ var formatValue = function (value, placeholder) {
         : "".concat((0, mdm_sdk_1.formatDataTypeValue)({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value));
 };
 var CustomDateRangeEditor = function (_a) {
-    var values = _a.values, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? ramda_1.identity : _b;
+    var values = _a.values, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? ramda_1.identity : _b, maxDate = _a.maxDate;
     var placeholder = localeFormat;
     var inputRef = (0, react_1.useRef)(null);
     var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
@@ -79,6 +79,6 @@ var CustomDateRangeEditor = function (_a) {
                 vertical: 'top',
                 horizontal: 'right'
             }, elevation: 2 },
-            react_1.default.createElement(DateRangePicker_1.DateRangePicker, { values: values, onApply: onApply, type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE }))));
+            react_1.default.createElement(DateRangePicker_1.DateRangePicker, { values: values, onApply: onApply, type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE, maxDate: maxDate }))));
 };
 exports.CustomDateRangeEditor = CustomDateRangeEditor;

package/cjs/DateIntervalSelector/styles.js

@@ -20,6 +20,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         backgroundColor: 'rgba(0, 0, 0, 0.03)'
     },
     inputUnit: {
-        width: '100%'
+        width: '100%',
+        minWidth: 110
     }
 });

package/cjs/DateRangeSelector/DateRangeSelector.d.ts

@@ -4,6 +4,7 @@ type Props = {
     value: DateRangeFilter;
     dateRangeTypes?: DateRangeTypes[];
     onChange: (range: DateRangeFilter) => void;
+    maxDate?: Date;
 };
-export declare const DateRangeSelector: ({ value, onChange, dateRangeTypes }: Props) => React.JSX.Element;
+export declare const DateRangeSelector: ({ value, onChange, dateRangeTypes, maxDate }: Props) => React.JSX.Element;
 export {};

package/cjs/DateRangeSelector/DateRangeSelector.js

@@ -55,7 +55,7 @@ var styles_1 = require("./styles");
 var emptyDates = [null, null];
 var emptyInterval = [null, 'minutes'];
 var DateRangeSelector = function (_a) {
-    var value = _a.value, onChange = _a.onChange, dateRangeTypes = _a.dateRangeTypes;
+    var value = _a.value, onChange = _a.onChange, dateRangeTypes = _a.dateRangeTypes, maxDate = _a.maxDate;
     var styles = (0, styles_1.useStyles)();
     var getInitPeriodByType = function (type) {
         if ((value === null || value === void 0 ? void 0 : value.type) === type) {
@@ -130,7 +130,7 @@ var DateRangeSelector = function (_a) {
         {
             label: ui_i18n_1.default.text('Date range'),
             type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            editor: (react_1.default.createElement(CustomDateRangeEditor_1.CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.BETWEEN); } })),
+            editor: (react_1.default.createElement(CustomDateRangeEditor_1.CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.BETWEEN); }, maxDate: maxDate })),
             className: styles.dateOption
         }
     ];

package/cjs/hooks/useTenantOptionalParameters/useTenantOptionalParameters.d.ts

@@ -3,4 +3,5 @@ import { RequestStates } from '../../types';
 export declare const useTenantOptionalParameters: (tenant?: string, apiPath?: string) => {
     optionalParameters: TenantOptionalParameters;
     requestState: RequestStates;
+    reload: () => void;
 };

package/cjs/hooks/useTenantOptionalParameters/useTenantOptionalParameters.js

@@ -32,13 +32,14 @@ var useTenantOptionalParameters = function (tenant, apiPath) {
             setOptionalParameters(null);
             setRequestState(types_1.RequestStates.ERROR);
         });
-    }, [apiPath, tenant]);
+    }, [apiPath, tenant, safePromise]);
     (0, react_1.useEffect)(function () {
         loadOptionalParameters();
     }, [loadOptionalParameters]);
     return (0, react_1.useMemo)(function () { return ({
         optionalParameters: optionalParameters,
-        requestState: requestState
-    }); }, [optionalParameters, requestState]);
+        requestState: requestState,
+        reload: loadOptionalParameters
+    }); }, [optionalParameters, requestState, loadOptionalParameters]);
 };
 exports.useTenantOptionalParameters = useTenantOptionalParameters;

package/hooks/useTenantOptionalParameters/useTenantOptionalParameters.d.ts

@@ -3,4 +3,5 @@ import { RequestStates } from '../../types';
 export declare const useTenantOptionalParameters: (tenant?: string, apiPath?: string) => {
     optionalParameters: TenantOptionalParameters;
     requestState: RequestStates;
+    reload: () => void;
 };

package/hooks/useTenantOptionalParameters/useTenantOptionalParameters.js

@@ -29,12 +29,13 @@ export var useTenantOptionalParameters = function (tenant, apiPath) {
             setOptionalParameters(null);
             setRequestState(RequestStates.ERROR);
         });
-    }, [apiPath, tenant]);
+    }, [apiPath, tenant, safePromise]);
     useEffect(function () {
         loadOptionalParameters();
     }, [loadOptionalParameters]);
     return useMemo(function () { return ({
         optionalParameters: optionalParameters,
-        requestState: requestState
-    }); }, [optionalParameters, requestState]);
+        requestState: requestState,
+        reload: loadOptionalParameters
+    }); }, [optionalParameters, requestState, loadOptionalParameters]);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2288",
+  "version": "1.4.2289",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2059",
+    "@reltio/mdm-sdk": "^1.4.2060",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",