@reltio/components 1.4.2287 → 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/ErrorPopup/ErrorPopup.d.ts

@@ -3,12 +3,17 @@ type AddError = (error: {
     title: string;
     message: string;
 }) => void;
+type Classes = {
+    errorBlock?: string;
+    errorMessage?: string;
+};
 type Props = {
     showErrorFromStore?: boolean;
+    classes?: Classes;
     [key: string]: unknown;
 };
 export declare const ErrorPopup: {
-    ({ showErrorFromStore, ...props }: Props): React.JSX.Element;
+    ({ showErrorFromStore, classes, ...props }: Props): React.JSX.Element;
     addError: AddError;
 };
 export {};

package/ErrorPopup/ErrorPopup.js

@@ -22,16 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useEffect } from 'react';
 import classnames from 'classnames';
-import { path } from 'ramda';
 import i18n from 'ui-i18n';
 import Portal from '@mui/material/Portal';
 import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
 import { useMdmAction, useMdmAutoCloseInterval, useMdmUiError } from '../contexts/MdmModuleContext';
-import { useStyles } from './styles';
+import styles from './ErrorPopup.module.css';
 var addError = RCErrorPopup.addError;
 export var ErrorPopup = function (_a) {
-    var showErrorFromStore = _a.showErrorFromStore, props = __rest(_a, ["showErrorFromStore"]);
-    var styles = useStyles();
+    var showErrorFromStore = _a.showErrorFromStore, classes = _a.classes, props = __rest(_a, ["showErrorFromStore", "classes"]);
     var errorSet = useMdmAction('errorSet');
     var autoCloseInterval = useMdmAutoCloseInterval();
     var uiError = useMdmUiError();
@@ -42,6 +40,9 @@ export var ErrorPopup = function (_a) {
         }
     }, [errorSet, uiError, showErrorFromStore]);
     return (React.createElement(Portal, { container: document.body },
-        React.createElement(RCErrorPopup, __assign({ classes: { errorBlock: classnames(styles.errorBlock, path(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
+        React.createElement(RCErrorPopup, __assign({ autoCloseInterval: autoCloseInterval }, props, { classes: {
+                errorBlock: classnames(styles.errorBlock, classes === null || classes === void 0 ? void 0 : classes.errorBlock),
+                errorMessage: classnames(styles.errorMessage, classes === null || classes === void 0 ? void 0 : classes.errorMessage)
+            } }))));
 };
 ErrorPopup.addError = addError;

package/ErrorPopup/ErrorPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"errorBlock":"ErrorPopup-errorBlock--c0C9V","errorMessage":"ErrorPopup-errorMessage--dKa8w"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorPopup-errorBlock--c0C9V{font-family:Roboto,Helvetica,Arial,sans-serif;left:0;margin:0 auto;max-width:1280px;min-height:58px;right:0;width:calc(100% - 64px);z-index:10000}.ErrorPopup-errorMessage--dKa8w{white-space:pre-line}`;
+    head.appendChild(style);
+}
+export default styles;

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/ErrorPopup/ErrorPopup.d.ts

@@ -3,12 +3,17 @@ type AddError = (error: {
     title: string;
     message: string;
 }) => void;
+type Classes = {
+    errorBlock?: string;
+    errorMessage?: string;
+};
 type Props = {
     showErrorFromStore?: boolean;
+    classes?: Classes;
     [key: string]: unknown;
 };
 export declare const ErrorPopup: {
-    ({ showErrorFromStore, ...props }: Props): React.JSX.Element;
+    ({ showErrorFromStore, classes, ...props }: Props): React.JSX.Element;
     addError: AddError;
 };
 export {};

package/cjs/ErrorPopup/ErrorPopup.js

@@ -51,16 +51,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorPopup = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Portal_1 = __importDefault(require("@mui/material/Portal"));
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var styles_1 = require("./styles");
+var ErrorPopup_module_css_1 = __importDefault(require("./ErrorPopup.module.css"));
 var addError = ErrorPopup_1.default.addError;
 var ErrorPopup = function (_a) {
-    var showErrorFromStore = _a.showErrorFromStore, props = __rest(_a, ["showErrorFromStore"]);
-    var styles = (0, styles_1.useStyles)();
+    var showErrorFromStore = _a.showErrorFromStore, classes = _a.classes, props = __rest(_a, ["showErrorFromStore", "classes"]);
     var errorSet = (0, MdmModuleContext_1.useMdmAction)('errorSet');
     var autoCloseInterval = (0, MdmModuleContext_1.useMdmAutoCloseInterval)();
     var uiError = (0, MdmModuleContext_1.useMdmUiError)();
@@ -71,7 +69,10 @@ var ErrorPopup = function (_a) {
         }
     }, [errorSet, uiError, showErrorFromStore]);
     return (react_1.default.createElement(Portal_1.default, { container: document.body },
-        react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: (0, classnames_1.default)(styles.errorBlock, (0, ramda_1.path)(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
+        react_1.default.createElement(ErrorPopup_1.default, __assign({ autoCloseInterval: autoCloseInterval }, props, { classes: {
+                errorBlock: (0, classnames_1.default)(ErrorPopup_module_css_1.default.errorBlock, classes === null || classes === void 0 ? void 0 : classes.errorBlock),
+                errorMessage: (0, classnames_1.default)(ErrorPopup_module_css_1.default.errorMessage, classes === null || classes === void 0 ? void 0 : classes.errorMessage)
+            } }))));
 };
 exports.ErrorPopup = ErrorPopup;
 exports.ErrorPopup.addError = addError;

package/cjs/ErrorPopup/ErrorPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"errorBlock":"ErrorPopup-errorBlock--c0C9V","errorMessage":"ErrorPopup-errorMessage--dKa8w"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ErrorPopup-errorBlock--c0C9V{font-family:Roboto,Helvetica,Arial,sans-serif;left:0;margin:0 auto;max-width:1280px;min-height:58px;right:0;width:calc(100% - 64px);z-index:10000}.ErrorPopup-errorMessage--dKa8w{white-space:pre-line}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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.2287",
+  "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",

package/ErrorPopup/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"errorBlock">;

package/ErrorPopup/styles.js

@@ -1,13 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    errorBlock: {
-        fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-        minHeight: '58px',
-        left: 0,
-        right: 0,
-        width: 'calc(100% - 64px)',
-        maxWidth: '1280px',
-        margin: '0 auto',
-        zIndex: 10000
-    }
-}); });

package/cjs/ErrorPopup/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"errorBlock">;

package/cjs/ErrorPopup/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    errorBlock: {
-        fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-        minHeight: '58px',
-        left: 0,
-        right: 0,
-        width: 'calc(100% - 64px)',
-        maxWidth: '1280px',
-        margin: '0 auto',
-        zIndex: 10000
-    }
-}); });