@reltio/components 1.4.2173 → 1.4.2174

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/ProfileBand/styles.d.ts +1 -1
  2. package/SelectionPopup/SelectionPopup.js +6 -2
  3. package/SelectionPopup/SelectionPopup.module.css.js +1 -1
  4. package/cjs/ProfileBand/styles.d.ts +1 -1
  5. package/cjs/SelectionPopup/SelectionPopup.js +6 -2
  6. package/cjs/SelectionPopup/SelectionPopup.module.css.js +1 -1
  7. package/package.json +2 -2
package/ProfileBand/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "entityType" | "profileBand" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;
1
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "profileBand" | "entityType" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;
package/SelectionPopup/SelectionPopup.js CHANGED
@@ -26,8 +26,9 @@ import i18n from 'ui-i18n';
26
26
  import Popover from '@mui/material/Popover';
27
27
  import { InfoIcon } from '../InfoIcon';
28
28
  import { SearchInput } from '../SearchInput';
29
- import styles from './SelectionPopup.module.css';
29
+ import { useCssVariableStyles } from '../hooks/useCssVariableStyles/useCssVariableStyles';
30
30
  import { useTheme } from '@mui/styles';
31
+ import styles from './SelectionPopup.module.css';
31
32
  export var SelectionPopup = function (_a) {
32
33
  var _b;
33
34
  var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, inputPlaceholder = _a.inputPlaceholder, _c = _a.headerPlacement, headerPlacement = _c === void 0 ? 'top' : _c, containerWidth = _a.containerWidth, _d = _a.containerHeight, containerHeight = _d === void 0 ? 553 : _d, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _e = _a.anchorOrigin, anchorOrigin = _e === void 0 ? {
@@ -38,13 +39,16 @@ export var SelectionPopup = function (_a) {
38
39
  horizontal: 'right'
39
40
  } : _f, additionalInfo = _a.additionalInfo, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "inputPlaceholder", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin", "additionalInfo"]);
40
41
  var currentTheme = useTheme();
42
+ var variableStyles = useCssVariableStyles({
43
+ '--container-height': "".concat(containerHeight, "px")
44
+ });
41
45
  var header = (React.createElement(React.Fragment, null,
42
46
  !hideTitle && (React.createElement("div", { className: styles.header },
43
47
  title,
44
48
  additionalInfo && React.createElement(InfoIcon, { className: styles.infoIcon, tooltipTitle: additionalInfo }))),
45
49
  !hideSearchInput && (React.createElement(SearchInput, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: styles.searchInputContainer }, placeholder: inputPlaceholder || i18n.text('Search & add attributes'), height: 40 }))));
46
50
  return (React.createElement(Popover, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, "data-mui-color-scheme": (_b = currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.palette) === null || _b === void 0 ? void 0 : _b.mode }, otherProps),
47
- React.createElement("div", { className: classnames(styles.container, className), style: { width: containerWidth, height: containerHeight } },
51
+ React.createElement("div", { className: classnames(styles.container, className), style: __assign(__assign({}, variableStyles), { width: containerWidth }) },
48
52
  headerPlacement === 'top' && header,
49
53
  React.createElement("div", { className: styles.list }, children),
50
54
  headerPlacement === 'bottom' && header)));
package/SelectionPopup/SelectionPopup.module.css.js CHANGED
@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.SelectionPopup-container--TOJwk{display:flex;flex-direction:column;flex-grow:1}.SelectionPopup-header--Vwm7m{align-items:center;display:flex;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:24px;margin-bottom:12px;margin-left:16px;margin-top:16px}.SelectionPopup-infoIcon--vFSq9{color:var(--mui-palette-text-secondary);height:15px;margin-left:4px;width:15px}.SelectionPopup-searchInputContainer--FeSdp{flex-shrink:0;margin:0 16px 12px}.SelectionPopup-list--jlWo4{flex-grow:1;height:0;overflow:hidden;position:relative;width:100%}.SelectionPopup-list--jlWo4 ul{padding-bottom:0;padding-top:0}`;
6
+ style.innerHTML = `.SelectionPopup-container--TOJwk{display:flex;flex-direction:column;flex-grow:1;height:var(--container-height)}.SelectionPopup-header--Vwm7m{align-items:center;display:flex;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:24px;margin-bottom:12px;margin-left:16px;margin-top:16px}.SelectionPopup-infoIcon--vFSq9{color:var(--mui-palette-text-secondary);height:15px;margin-left:4px;width:15px}.SelectionPopup-searchInputContainer--FeSdp{flex-shrink:0;margin:0 16px 12px}.SelectionPopup-list--jlWo4{flex-grow:1;height:0;overflow:hidden;position:relative;width:100%}.SelectionPopup-list--jlWo4 ul{padding-bottom:0;padding-top:0}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  export default styles;
package/cjs/ProfileBand/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "entityType" | "profileBand" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;
1
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "profileBand" | "entityType" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;
package/cjs/SelectionPopup/SelectionPopup.js CHANGED
@@ -32,8 +32,9 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
32
32
  var Popover_1 = __importDefault(require("@mui/material/Popover"));
33
33
  var InfoIcon_1 = require("../InfoIcon");
34
34
  var SearchInput_1 = require("../SearchInput");
35
- var SelectionPopup_module_css_1 = __importDefault(require("./SelectionPopup.module.css"));
35
+ var useCssVariableStyles_1 = require("../hooks/useCssVariableStyles/useCssVariableStyles");
36
36
  var styles_1 = require("@mui/styles");
37
+ var SelectionPopup_module_css_1 = __importDefault(require("./SelectionPopup.module.css"));
37
38
  var SelectionPopup = function (_a) {
38
39
  var _b;
39
40
  var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, inputPlaceholder = _a.inputPlaceholder, _c = _a.headerPlacement, headerPlacement = _c === void 0 ? 'top' : _c, containerWidth = _a.containerWidth, _d = _a.containerHeight, containerHeight = _d === void 0 ? 553 : _d, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _e = _a.anchorOrigin, anchorOrigin = _e === void 0 ? {
@@ -44,13 +45,16 @@ var SelectionPopup = function (_a) {
44
45
  horizontal: 'right'
45
46
  } : _f, additionalInfo = _a.additionalInfo, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "inputPlaceholder", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin", "additionalInfo"]);
46
47
  var currentTheme = (0, styles_1.useTheme)();
48
+ var variableStyles = (0, useCssVariableStyles_1.useCssVariableStyles)({
49
+ '--container-height': "".concat(containerHeight, "px")
50
+ });
47
51
  var header = (react_1.default.createElement(react_1.default.Fragment, null,
48
52
  !hideTitle && (react_1.default.createElement("div", { className: SelectionPopup_module_css_1.default.header },
49
53
  title,
50
54
  additionalInfo && react_1.default.createElement(InfoIcon_1.InfoIcon, { className: SelectionPopup_module_css_1.default.infoIcon, tooltipTitle: additionalInfo }))),
51
55
  !hideSearchInput && (react_1.default.createElement(SearchInput_1.SearchInput, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: SelectionPopup_module_css_1.default.searchInputContainer }, placeholder: inputPlaceholder || ui_i18n_1.default.text('Search & add attributes'), height: 40 }))));
52
56
  return (react_1.default.createElement(Popover_1.default, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, "data-mui-color-scheme": (_b = currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.palette) === null || _b === void 0 ? void 0 : _b.mode }, otherProps),
53
- react_1.default.createElement("div", { className: (0, classnames_1.default)(SelectionPopup_module_css_1.default.container, className), style: { width: containerWidth, height: containerHeight } },
57
+ react_1.default.createElement("div", { className: (0, classnames_1.default)(SelectionPopup_module_css_1.default.container, className), style: __assign(__assign({}, variableStyles), { width: containerWidth }) },
54
58
  headerPlacement === 'top' && header,
55
59
  react_1.default.createElement("div", { className: SelectionPopup_module_css_1.default.list }, children),
56
60
  headerPlacement === 'bottom' && header)));
package/cjs/SelectionPopup/SelectionPopup.module.css.js CHANGED
@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.SelectionPopup-container--TOJwk{display:flex;flex-direction:column;flex-grow:1}.SelectionPopup-header--Vwm7m{align-items:center;display:flex;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:24px;margin-bottom:12px;margin-left:16px;margin-top:16px}.SelectionPopup-infoIcon--vFSq9{color:var(--mui-palette-text-secondary);height:15px;margin-left:4px;width:15px}.SelectionPopup-searchInputContainer--FeSdp{flex-shrink:0;margin:0 16px 12px}.SelectionPopup-list--jlWo4{flex-grow:1;height:0;overflow:hidden;position:relative;width:100%}.SelectionPopup-list--jlWo4 ul{padding-bottom:0;padding-top:0}`;
6
+ style.innerHTML = `.SelectionPopup-container--TOJwk{display:flex;flex-direction:column;flex-grow:1;height:var(--container-height)}.SelectionPopup-header--Vwm7m{align-items:center;display:flex;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:24px;margin-bottom:12px;margin-left:16px;margin-top:16px}.SelectionPopup-infoIcon--vFSq9{color:var(--mui-palette-text-secondary);height:15px;margin-left:4px;width:15px}.SelectionPopup-searchInputContainer--FeSdp{flex-shrink:0;margin:0 16px 12px}.SelectionPopup-list--jlWo4{flex-grow:1;height:0;overflow:hidden;position:relative;width:100%}.SelectionPopup-list--jlWo4 ul{padding-bottom:0;padding-top:0}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.2173",
3
+ "version": "1.4.2174",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./index.js",
@@ -11,7 +11,7 @@
11
11
  "@fluentui/react-context-selector": "^9.1.26",
12
12
  "@googlemaps/markerclusterer": "^2.5.3",
13
13
  "@react-sigma/core": "3.4.0",
14
- "@reltio/mdm-sdk": "^1.4.1985",
14
+ "@reltio/mdm-sdk": "^1.4.1986",
15
15
  "@vis.gl/react-google-maps": "^1.3.0",
16
16
  "d3-cloud": "^1.2.5",
17
17
  "d3-geo": "^2.0.1",