@sis-cc/dotstatsuite-visions 12.26.1 → 12.26.2

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.
@@ -69,7 +69,7 @@ var TabPanel = function TabPanel(props) {
69
69
  id: 'vertical-tabpanel-' + item.index,
70
70
  'aria-labelledby': 'vertical-tab-' + item.index,
71
71
  className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
72
- style: styles
72
+ style: { width: R.prop('width', styles) }
73
73
  }, other),
74
74
  open && React.createElement(
75
75
  Box,
@@ -275,8 +275,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
275
275
 
276
276
  var isHidden = open && isNarrow;
277
277
  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
278
+ var isApplyButtonShown = open && !isNarrow;
278
279
  useEffect(function () {
279
- if (open && !isNarrow) {
280
+ if (isApplyButtonShown) {
280
281
  document.body.style.overflow = 'hidden';
281
282
  } else {
282
283
  document.body.style.overflow = '';
@@ -289,7 +290,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
289
290
  return React.createElement(
290
291
  'div',
291
292
  { style: { display: 'flex', flexDirection: 'row' } },
292
- open && !isNarrow && React.createElement(Box, {
293
+ isApplyButtonShown && React.createElement(Box, {
293
294
  onClick: function onClick() {
294
295
  return handleClose();
295
296
  },
@@ -308,8 +309,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
308
309
  orientation: 'vertical',
309
310
  variant: 'scrollable',
310
311
  TabIndicatorProps: { style: { transition: 'none' } },
311
- scrollButtons: false,
312
- disableScrollButtons: true,
312
+ scrollButtons: isApplyButtonShown,
313
313
  value: false,
314
314
  onChange: handleChange,
315
315
  'aria-label': 'filters',
@@ -317,11 +317,10 @@ var DynamicDrawer = function DynamicDrawer(props) {
317
317
  sx: {
318
318
  display: isHidden ? 'none' : 'flex',
319
319
  width: '100%',
320
- height: '100%',
320
+ height: isApplyButtonShown ? R.prop('height', styles) : '100%',
321
321
  borderRight: 1,
322
322
  borderColor: 'divider',
323
- zIndex: 1000,
324
- overflow: 'auto'
323
+ zIndex: 1000
325
324
  }
326
325
  },
327
326
  R.map(function (item) {
@@ -359,7 +358,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
359
358
  disableFocusRipple: true
360
359
  });
361
360
  })(list),
362
- open && !isNarrow && React.createElement(
361
+ isApplyButtonShown && React.createElement(
363
362
  Button,
364
363
  {
365
364
  sx: { float: 'bottom', margin: '10px' },
@@ -108,7 +108,7 @@ var TabPanel = function TabPanel(props) {
108
108
  id: 'vertical-tabpanel-' + item.index,
109
109
  'aria-labelledby': 'vertical-tab-' + item.index,
110
110
  className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
111
- style: styles
111
+ style: { width: R.prop('width', styles) }
112
112
  }, other),
113
113
  open && _react2.default.createElement(
114
114
  _Box2.default,
@@ -314,8 +314,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
314
314
 
315
315
  var isHidden = open && isNarrow;
316
316
  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
317
+ var isApplyButtonShown = open && !isNarrow;
317
318
  (0, _react.useEffect)(function () {
318
- if (open && !isNarrow) {
319
+ if (isApplyButtonShown) {
319
320
  document.body.style.overflow = 'hidden';
320
321
  } else {
321
322
  document.body.style.overflow = '';
@@ -328,7 +329,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
328
329
  return _react2.default.createElement(
329
330
  'div',
330
331
  { style: { display: 'flex', flexDirection: 'row' } },
331
- open && !isNarrow && _react2.default.createElement(_Box2.default, {
332
+ isApplyButtonShown && _react2.default.createElement(_Box2.default, {
332
333
  onClick: function onClick() {
333
334
  return handleClose();
334
335
  },
@@ -347,8 +348,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
347
348
  orientation: 'vertical',
348
349
  variant: 'scrollable',
349
350
  TabIndicatorProps: { style: { transition: 'none' } },
350
- scrollButtons: false,
351
- disableScrollButtons: true,
351
+ scrollButtons: isApplyButtonShown,
352
352
  value: false,
353
353
  onChange: handleChange,
354
354
  'aria-label': 'filters',
@@ -356,11 +356,10 @@ var DynamicDrawer = function DynamicDrawer(props) {
356
356
  sx: {
357
357
  display: isHidden ? 'none' : 'flex',
358
358
  width: '100%',
359
- height: '100%',
359
+ height: isApplyButtonShown ? R.prop('height', styles) : '100%',
360
360
  borderRight: 1,
361
361
  borderColor: 'divider',
362
- zIndex: 1000,
363
- overflow: 'auto'
362
+ zIndex: 1000
364
363
  }
365
364
  },
366
365
  R.map(function (item) {
@@ -398,7 +397,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
398
397
  disableFocusRipple: true
399
398
  });
400
399
  })(list),
401
- open && !isNarrow && _react2.default.createElement(
400
+ isApplyButtonShown && _react2.default.createElement(
402
401
  _.Button,
403
402
  {
404
403
  sx: { float: 'bottom', margin: '10px' },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.26.1",
3
+ "version": "12.26.2",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v12.26.1 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.26.2 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -2195,7 +2195,7 @@ var emotion_memoize_esm = __webpack_require__(51);
2195
2195
 
2196
2196
 
2197
2197
  // eslint-disable-next-line no-undef
2198
- var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
2198
+ var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
2199
2199
 
2200
2200
  var isPropValid = /* #__PURE__ */Object(emotion_memoize_esm["a" /* default */])(function (prop) {
2201
2201
  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
@@ -8855,7 +8855,7 @@ if (true) {
8855
8855
  /* 154 */
8856
8856
  /***/ (function(module) {
8857
8857
 
8858
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.26.1","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":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","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","@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","cross-env":"^7.0.3","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","install-peers-cli":"^2.2.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-a11y":"^1.1.0","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"}};
8858
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.26.2","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":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","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","@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","cross-env":"^7.0.3","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","install-peers-cli":"^2.2.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-a11y":"^1.1.0","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"}};
8859
8859
 
8860
8860
  /***/ }),
8861
8861
  /* 155 */
@@ -13312,9 +13312,8 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
13312
13312
  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
13313
13313
  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
13314
13314
  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
13315
- REACT_PROFILER_TYPE = Symbol.for("react.profiler");
13316
- Symbol.for("react.provider");
13317
- var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
13315
+ REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
13316
+ REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
13318
13317
  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
13319
13318
  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
13320
13319
  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
@@ -60996,7 +60995,7 @@ var DynamicDrawer_TabPanel = function TabPanel(props) {
60996
60995
  id: 'vertical-tabpanel-' + item.index,
60997
60996
  'aria-labelledby': 'vertical-tab-' + item.index,
60998
60997
  className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
60999
- style: styles
60998
+ style: { width: es_prop('width', styles) }
61000
60999
  }, other),
61001
61000
  open && react_default.a.createElement(
61002
61001
  material_Box_Box,
@@ -61202,8 +61201,9 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
61202
61201
 
61203
61202
  var isHidden = open && isNarrow;
61204
61203
  var isNotHiddenButton = (!es_isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
61204
+ var isApplyButtonShown = open && !isNarrow;
61205
61205
  Object(react["useEffect"])(function () {
61206
- if (open && !isNarrow) {
61206
+ if (isApplyButtonShown) {
61207
61207
  document.body.style.overflow = 'hidden';
61208
61208
  } else {
61209
61209
  document.body.style.overflow = '';
@@ -61216,7 +61216,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
61216
61216
  return react_default.a.createElement(
61217
61217
  'div',
61218
61218
  { style: { display: 'flex', flexDirection: 'row' } },
61219
- open && !isNarrow && react_default.a.createElement(material_Box_Box, {
61219
+ isApplyButtonShown && react_default.a.createElement(material_Box_Box, {
61220
61220
  onClick: function onClick() {
61221
61221
  return handleClose();
61222
61222
  },
@@ -61235,8 +61235,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
61235
61235
  orientation: 'vertical',
61236
61236
  variant: 'scrollable',
61237
61237
  TabIndicatorProps: { style: { transition: 'none' } },
61238
- scrollButtons: false,
61239
- disableScrollButtons: true,
61238
+ scrollButtons: isApplyButtonShown,
61240
61239
  value: false,
61241
61240
  onChange: handleChange,
61242
61241
  'aria-label': 'filters',
@@ -61244,11 +61243,10 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
61244
61243
  sx: {
61245
61244
  display: isHidden ? 'none' : 'flex',
61246
61245
  width: '100%',
61247
- height: '100%',
61246
+ height: isApplyButtonShown ? es_prop('height', styles) : '100%',
61248
61247
  borderRight: 1,
61249
61248
  borderColor: 'divider',
61250
- zIndex: 1000,
61251
- overflow: 'auto'
61249
+ zIndex: 1000
61252
61250
  }
61253
61251
  },
61254
61252
  es_map(function (item) {
@@ -61286,7 +61284,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
61286
61284
  disableFocusRipple: true
61287
61285
  });
61288
61286
  })(list),
61289
- open && !isNarrow && react_default.a.createElement(
61287
+ isApplyButtonShown && react_default.a.createElement(
61290
61288
  src_Button_Button,
61291
61289
  {
61292
61290
  sx: { float: 'bottom', margin: '10px' },