@sis-cc/dotstatsuite-visions 10.25.0 → 10.26.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v10.25.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v10.26.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -6697,7 +6697,7 @@ function removeClassName(el
6697
6697
  /* 119 */
6698
6698
  /***/ (function(module) {
6699
6699
 
6700
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.25.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
6700
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.26.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
6701
6701
 
6702
6702
  /***/ }),
6703
6703
  /* 120 */
@@ -13187,25 +13187,25 @@ module.exports.DraggableCore = DraggableCore;
13187
13187
  /* 203 */
13188
13188
  /***/ (function(module, exports, __webpack_require__) {
13189
13189
 
13190
- module.exports = __webpack_require__.p + "single-selection.65ce95ea.png";
13190
+ module.exports = __webpack_require__.p + "single-selection.a729a6c8.png";
13191
13191
 
13192
13192
  /***/ }),
13193
13193
  /* 204 */
13194
13194
  /***/ (function(module, exports, __webpack_require__) {
13195
13195
 
13196
- module.exports = __webpack_require__.p + "children-selection.3e0401b6.png";
13196
+ module.exports = __webpack_require__.p + "children-selection.20d94242.png";
13197
13197
 
13198
13198
  /***/ }),
13199
13199
  /* 205 */
13200
13200
  /***/ (function(module, exports, __webpack_require__) {
13201
13201
 
13202
- module.exports = __webpack_require__.p + "branch-selection.34eb1bca.png";
13202
+ module.exports = __webpack_require__.p + "branch-selection.54dd3bc1.png";
13203
13203
 
13204
13204
  /***/ }),
13205
13205
  /* 206 */
13206
13206
  /***/ (function(module, exports, __webpack_require__) {
13207
13207
 
13208
- module.exports = __webpack_require__.p + "level-selection.03c76f56.png";
13208
+ module.exports = __webpack_require__.p + "level-selection.df116629.png";
13209
13209
 
13210
13210
  /***/ }),
13211
13211
  /* 207 */
@@ -72095,7 +72095,7 @@ var AdvancedFilterDialog_useStyles = styles_makeStyles(function (theme) {
72095
72095
  },
72096
72096
  selectionTitle: {
72097
72097
  fontSize: '12px',
72098
- fontFamily: 'Helvetica Neue',
72098
+ fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
72099
72099
  fontWeight: '500',
72100
72100
  color: theme.palette.grey['A700']
72101
72101
  },
@@ -72159,11 +72159,13 @@ var AdvancedFilterDialog_useStyles = styles_makeStyles(function (theme) {
72159
72159
  flexDirection: 'row-reverse',
72160
72160
  alignItems: 'center',
72161
72161
  '& p': {
72162
+ paddingLeft: '5px',
72162
72163
  fontSize: '12px',
72163
- fontFamily: 'Helvetica Neue',
72164
+ fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
72164
72165
  color: theme.palette.primary.main,
72165
72166
  fontWeight: '500',
72166
- lineHeight: 1.43
72167
+ lineHeight: 1.43,
72168
+ textAlign: 'left'
72167
72169
  },
72168
72170
  '& img': {
72169
72171
  width: 21,
@@ -72190,12 +72192,21 @@ var AdvancedFilterDialog_useStyles = styles_makeStyles(function (theme) {
72190
72192
  },
72191
72193
  tooltip: {
72192
72194
  backgroundColor: theme.palette.action.hover
72195
+ },
72196
+ subheader: {
72197
+ display: 'flex',
72198
+ flexDirection: 'column',
72199
+ alignItems: 'flex-start',
72200
+ justifyContent: 'space-between'
72201
+ },
72202
+ narrowHeader: {
72203
+ alignItems: 'flex-start'
72193
72204
  }
72194
72205
  };
72195
72206
  });
72196
72207
 
72197
72208
  var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(props) {
72198
- var _cx;
72209
+ var _cx, _cx2, _cx3, _cx4;
72199
72210
 
72200
72211
  var id = props.id,
72201
72212
  title = props.title,
@@ -72225,11 +72236,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72225
72236
  setSelection = _useState2[1];
72226
72237
 
72227
72238
  var classes = AdvancedFilterDialog_useStyles();
72228
-
72229
- var _useState3 = Object(react["useState"])(0),
72230
- height = _useState3[0],
72231
- setHeight = _useState3[1];
72232
-
72239
+ // const [height, setHeight] = useState(0);
72233
72240
  var getTotal = function getTotal(items, spotlightAcc) {
72234
72241
  var itemsIds = es_pluck('id', items);
72235
72242
  var total = pipe(es_uniq, es_length)(itemsIds);
@@ -72238,13 +72245,13 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72238
72245
  }
72239
72246
  return total;
72240
72247
  };
72241
- var measureRef = react_default.a.useCallback(function (node) {
72242
- if (node !== null) {
72243
- setHeight(node.getBoundingClientRect().height * 75 / 100);
72244
- }
72245
- });
72248
+ // const measureRef = React.useCallback(node => {
72249
+ // if (node !== null) {
72250
+ // setHeight((node.getBoundingClientRect().height * 75) / 100);
72251
+ // }
72252
+ // });
72246
72253
 
72247
- var listHeight = height - 170;
72254
+ // const listHeight = height - 170;
72248
72255
  var selectionItems = es_map(function (item) {
72249
72256
  return AdvancedFilterDialog_extends({}, item, {
72250
72257
  isSelected: es_has(item.id, selection) ? !item.isSelected : !!item.isSelected
@@ -72252,7 +72259,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72252
72259
  }, items);
72253
72260
  var indexedFilteredItems = es_indexBy(utils_getHierarchicalId, selectionItems);
72254
72261
 
72255
- var selectionOptions = [{
72262
+ var selectionOptions = [[{
72256
72263
  value: 'single',
72257
72264
  label: es_prop('singleSelection', labels),
72258
72265
  img: single_selection_default.a
@@ -72260,7 +72267,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72260
72267
  value: 'children',
72261
72268
  label: es_prop('childrenSelection', labels),
72262
72269
  img: children_selection_default.a
72263
- }, {
72270
+ }], [{
72264
72271
  value: 'branch',
72265
72272
  label: es_prop('branchSelection', labels),
72266
72273
  img: branch_selection_default.a
@@ -72268,7 +72275,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72268
72275
  value: 'level',
72269
72276
  label: es_prop('levelSelection', labels),
72270
72277
  img: level_selection_default.a
72271
- }];
72278
+ }]];
72272
72279
 
72273
72280
  var _allGroupedItems = pipe(es_map(function (item) {
72274
72281
  return AdvancedFilterDialog_extends({}, item, {
@@ -72323,7 +72330,6 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72323
72330
  var nextSelection = es_reduce(function (acc, id) {
72324
72331
  return es_has(id, acc) ? acc : es_assoc(id, id, acc);
72325
72332
  }, {}, allIds);
72326
- setSelectionMode('selectAll');
72327
72333
  setSelection(nextSelection);
72328
72334
  };
72329
72335
 
@@ -72333,99 +72339,118 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72333
72339
  var nextSelection = es_reduce(function (acc, id) {
72334
72340
  return es_has(id, acc) ? acc : es_assoc(id, id, acc);
72335
72341
  }, {}, ids);
72336
- setSelectionMode('deselectAll');
72337
72342
  setSelection(nextSelection);
72338
72343
  };
72339
-
72344
+ var mapIndexed = es_addIndex(es_map);
72340
72345
  return react_default.a.createElement(
72341
72346
  esm_Dialog_Dialog,
72342
72347
  {
72343
72348
  open: isOpen,
72344
72349
  PaperComponent: AdvancedFilterDialog_PaperComponent,
72345
72350
  'aria-labelledby': 'draggable-dialog-title',
72346
- onClose: onClose,
72347
- ref: measureRef,
72348
- 'aria-modal': true
72351
+ onClose: onClose
72352
+ // ref={measureRef}
72353
+ , 'aria-modal': true
72349
72354
  },
72350
72355
  react_default.a.createElement(
72351
72356
  esm_DialogTitle_DialogTitle,
72352
72357
  { style: { cursor: 'move' }, id: 'draggable-dialog-title' },
72353
72358
  react_default.a.createElement(
72354
72359
  'div',
72355
- { className: classes.header },
72356
- react_default.a.createElement(
72357
- 'div',
72358
- { className: classes.headerLabel, 'aria-label': title },
72359
- '\xA0',
72360
- title
72361
- ),
72360
+ { className: classnames_default()(classes.header, (_cx = {}, _cx[classes.narrowHeader] = isNarrow, _cx)) },
72362
72361
  react_default.a.createElement(
72363
72362
  'div',
72364
- { className: classes.selectModeContainer },
72363
+ { className: isNarrow ? classes.subheader : classes.header },
72365
72364
  react_default.a.createElement(
72366
72365
  'div',
72367
- { className: classes.hint },
72368
- react_default.a.createElement(
72369
- src_Tooltip_Tooltip,
72370
- {
72371
- variant: 'light',
72372
- title: react_default.a.createElement(
72373
- esm_Typography_Typography,
72374
- { variant: 'body2' },
72375
- es_prop('hint', labels)
72376
- ),
72377
- 'aria-label': es_prop('hint', labels),
72378
- tabIndex: 0
72379
- },
72380
- react_default.a.createElement(EmojiObjects_default.a, null)
72381
- ),
72382
- react_default.a.createElement(
72383
- esm_Typography_Typography,
72384
- {
72385
- className: classes.selectionTitle,
72386
- 'aria-label': es_prop('selectionMode', labels),
72387
- tabIndex: 0
72388
- },
72389
- es_prop('selectionMode', labels)
72390
- )
72366
+ { className: classes.headerLabel, 'aria-label': title },
72367
+ '\xA0',
72368
+ title
72391
72369
  ),
72392
- es_map(function (_ref) {
72393
- var value = _ref.value,
72394
- label = _ref.label,
72395
- img = _ref.img;
72396
- return react_default.a.createElement(
72397
- src_Tooltip_Tooltip,
72398
- {
72399
- key: value,
72400
- classes: { tooltip: classes.tooltip },
72401
- title: react_default.a.createElement('img', { style: { width: '72px', height: '90px' }, src: img, alt: value }),
72402
- tabIndex: -1
72403
- },
72370
+ react_default.a.createElement(
72371
+ 'div',
72372
+ { className: classnames_default()(classes.selectModeContainer, (_cx2 = {}, _cx2[classes.narrowHeader] = isNarrow, _cx2)) },
72373
+ react_default.a.createElement(
72374
+ 'div',
72375
+ { className: classes.hint },
72404
72376
  react_default.a.createElement(
72405
- src_Button_Button,
72377
+ src_Tooltip_Tooltip,
72406
72378
  {
72407
- className: classes.selectButton,
72408
- selected: value === selectionMode,
72409
- onClick: function onClick() {
72410
- setSelectionMode(value);
72411
- },
72412
- 'aria-pressed': value === selectionMode,
72413
- 'aria-label': label,
72414
- tabIndex: 0
72415
- },
72416
- react_default.a.createElement(
72417
- esm_Paper_Paper,
72418
- { className: classes.selectModeItem, key: value },
72419
- react_default.a.createElement(
72379
+ variant: 'light',
72380
+ title: react_default.a.createElement(
72420
72381
  esm_Typography_Typography,
72421
- null,
72422
- label
72382
+ { variant: 'body2' },
72383
+ es_prop('hint', labels)
72423
72384
  ),
72424
- !es_isNil(img) && es_is(String, img) && react_default.a.createElement('img', { src: img, alt: value })
72425
- )
72385
+ 'aria-label': es_prop('hint', labels),
72386
+ tabIndex: 0
72387
+ },
72388
+ react_default.a.createElement(EmojiObjects_default.a, null)
72389
+ ),
72390
+ react_default.a.createElement(
72391
+ esm_Typography_Typography,
72392
+ {
72393
+ className: classes.selectionTitle,
72394
+ 'aria-label': es_prop('selectionMode', labels),
72395
+ tabIndex: 0
72396
+ },
72397
+ es_prop('selectionMode', labels)
72426
72398
  )
72427
- );
72428
- }, selectionOptions)
72399
+ ),
72400
+ react_default.a.createElement(
72401
+ 'div',
72402
+ {
72403
+ className: classnames_default()(classes.selectModeContainer, (_cx3 = {}, _cx3[classes.narrowHeader] = isNarrow, _cx3))
72404
+ },
72405
+ mapIndexed(function (el, index) {
72406
+ return react_default.a.createElement(
72407
+ 'div',
72408
+ { key: index },
72409
+ es_map(function (_ref) {
72410
+ var value = _ref.value,
72411
+ label = _ref.label,
72412
+ img = _ref.img;
72413
+ return react_default.a.createElement(
72414
+ src_Tooltip_Tooltip,
72415
+ {
72416
+ key: value,
72417
+ classes: { tooltip: classes.tooltip },
72418
+ title: react_default.a.createElement('img', {
72419
+ style: { width: '72px', height: '90px' },
72420
+ src: img,
72421
+ alt: value
72422
+ }),
72423
+ tabIndex: -1
72424
+ },
72425
+ react_default.a.createElement(
72426
+ src_Button_Button,
72427
+ {
72428
+ className: classes.selectButton,
72429
+ selected: value === selectionMode,
72430
+ onClick: function onClick() {
72431
+ setSelectionMode(value);
72432
+ },
72433
+ 'aria-pressed': value === selectionMode,
72434
+ 'aria-label': label,
72435
+ tabIndex: 0
72436
+ },
72437
+ react_default.a.createElement(
72438
+ esm_Paper_Paper,
72439
+ { className: classes.selectModeItem, key: value },
72440
+ react_default.a.createElement(
72441
+ esm_Typography_Typography,
72442
+ null,
72443
+ label
72444
+ ),
72445
+ !es_isNil(img) && es_is(String, img) && react_default.a.createElement('img', { src: img, alt: value })
72446
+ )
72447
+ )
72448
+ );
72449
+ }, el)
72450
+ );
72451
+ }, selectionOptions)
72452
+ )
72453
+ )
72429
72454
  ),
72430
72455
  react_default.a.createElement(
72431
72456
  'div',
@@ -72450,7 +72475,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72450
72475
  { container: true },
72451
72476
  react_default.a.createElement(
72452
72477
  esm_Grid_Grid,
72453
- { item: true, xs: 12, className: classnames_default()(classes.topElements, (_cx = {}, _cx[classes.narrowTop] = isNarrow, _cx)) },
72478
+ { item: true, xs: 12, className: classnames_default()(classes.topElements, (_cx4 = {}, _cx4[classes.narrowTop] = isNarrow, _cx4)) },
72454
72479
  react_default.a.createElement(
72455
72480
  'div',
72456
72481
  { className: isNarrow ? classes.narrowSpotlight : classes.spotlight },
@@ -72465,26 +72490,34 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72465
72490
  ),
72466
72491
  react_default.a.createElement(
72467
72492
  'div',
72468
- null,
72469
- react_default.a.createElement(
72470
- src_Button_Button,
72471
- { onClick: collapseAll, color: 'primary' },
72472
- es_prop('colapseAll', labels)
72473
- ),
72493
+ { style: { display: 'flex', flexDirection: isNarrow ? 'column' : 'row' } },
72474
72494
  react_default.a.createElement(
72475
- src_Button_Button,
72476
- { style: { marginLeft: 10 }, onClick: expandAll, color: 'primary' },
72477
- es_prop('expandAll', labels)
72478
- ),
72479
- react_default.a.createElement(
72480
- src_Button_Button,
72481
- { onClick: selectAll, color: 'primary' },
72482
- es_prop('selectAll', labels)
72495
+ 'div',
72496
+ null,
72497
+ react_default.a.createElement(
72498
+ src_Button_Button,
72499
+ { onClick: collapseAll, color: 'primary' },
72500
+ es_prop('colapseAll', labels)
72501
+ ),
72502
+ react_default.a.createElement(
72503
+ src_Button_Button,
72504
+ { style: { marginLeft: 10 }, onClick: expandAll, color: 'primary' },
72505
+ es_prop('expandAll', labels)
72506
+ )
72483
72507
  ),
72484
72508
  react_default.a.createElement(
72485
- src_Button_Button,
72486
- { style: { marginLeft: 10 }, onClick: deselectAll, color: 'primary' },
72487
- es_prop('deselectAll', labels)
72509
+ 'div',
72510
+ null,
72511
+ react_default.a.createElement(
72512
+ src_Button_Button,
72513
+ { onClick: selectAll, color: 'primary' },
72514
+ es_prop('selectAll', labels)
72515
+ ),
72516
+ react_default.a.createElement(
72517
+ src_Button_Button,
72518
+ { style: { marginLeft: 10 }, onClick: deselectAll, color: 'primary' },
72519
+ es_prop('deselectAll', labels)
72520
+ )
72488
72521
  )
72489
72522
  ),
72490
72523
  react_default.a.createElement(esm_Divider_Divider, { className: classes.divider })
@@ -72500,7 +72533,7 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
72500
72533
  items: selectionItems,
72501
72534
  changeSelection: onChangeSelection,
72502
72535
  withExpandControl: true,
72503
- treeHeight: listHeight,
72536
+ treeHeight: 0,
72504
72537
  scopeGetter: scopeGetter,
72505
72538
  expandedIds: expandedIds
72506
72539
  }))