1 line
16 KiB
JSON
1 line
16 KiB
JSON
{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onClick\"];\nimport * as React from 'react';\nimport { unstable_useId as useId, useForkRef } from '@mui/material/utils';\nimport MenuList from '@mui/material/MenuList';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';\nimport { GridDensityTypes } from '../../models/gridDensity';\nimport { isHideMenuKey, isTabKey } from '../../utils/keyboardUtils';\nimport { useGridApiContext } from '../../hooks/utils/useGridApiContext';\nimport { useGridSelector } from '../../hooks/utils/useGridSelector';\nimport { GridMenu } from '../menu/GridMenu';\nimport { useGridRootProps } from '../../hooks/utils/useGridRootProps';\nimport { gridClasses } from '../../constants/gridClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridToolbarDensitySelector(props, ref) {\n var _rootProps$components;\n const {\n onClick\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n const apiRef = useGridApiContext();\n const rootProps = useGridRootProps();\n const densityValue = useGridSelector(apiRef, gridDensityValueSelector);\n const densityButtonId = useId();\n const densityMenuId = useId();\n const [open, setOpen] = React.useState(false);\n const buttonRef = React.useRef(null);\n const handleRef = useForkRef(ref, buttonRef);\n const densityOptions = [{\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityCompactIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityCompact'),\n value: GridDensityTypes.Compact\n }, {\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityStandardIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityStandard'),\n value: GridDensityTypes.Standard\n }, {\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityComfortableIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityComfortable'),\n value: GridDensityTypes.Comfortable\n }];\n const startIcon = React.useMemo(() => {\n switch (densityValue) {\n case GridDensityTypes.Compact:\n return /*#__PURE__*/_jsx(rootProps.components.DensityCompactIcon, {});\n case GridDensityTypes.Comfortable:\n return /*#__PURE__*/_jsx(rootProps.components.DensityComfortableIcon, {});\n default:\n return /*#__PURE__*/_jsx(rootProps.components.DensityStandardIcon, {});\n }\n }, [densityValue, rootProps]);\n const handleDensitySelectorOpen = event => {\n setOpen(prevOpen => !prevOpen);\n onClick == null ? void 0 : onClick(event);\n };\n const handleDensitySelectorClickAway = event => {\n var _buttonRef$current;\n if (buttonRef.current === event.target ||\n // if user clicked on the icon\n (_buttonRef$current = buttonRef.current) != null && _buttonRef$current.contains(event.target)) {\n return;\n }\n setOpen(false);\n };\n const handleDensityUpdate = newDensity => {\n apiRef.current.setDensity(newDensity);\n setOpen(false);\n };\n const handleListKeyDown = event => {\n if (isTabKey(event.key)) {\n event.preventDefault();\n }\n if (isHideMenuKey(event.key)) {\n setOpen(false);\n }\n }; // Disable the button if the corresponding is disabled\n\n if (rootProps.disableDensitySelector) {\n return null;\n }\n const densityElements = densityOptions.map((option, index) => /*#__PURE__*/_jsxs(MenuItem, {\n onClick: () => handleDensityUpdate(option.value),\n selected: option.value === densityValue,\n children: [/*#__PURE__*/_jsx(ListItemIcon, {\n children: option.icon\n }), option.label]\n }, index));\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(rootProps.components.BaseButton, _extends({\n ref: handleRef,\n size: \"small\",\n startIcon: startIcon,\n \"aria-label\": apiRef.current.getLocaleText('toolbarDensityLabel'),\n \"aria-expanded\": open ? 'true' : undefined,\n \"aria-haspopup\": \"menu\",\n \"aria-controls\": densityMenuId,\n id: densityButtonId\n }, other, {\n onClick: handleDensitySelectorOpen\n }, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.baseButton, {\n children: apiRef.current.getLocaleText('toolbarDensity')\n })), /*#__PURE__*/_jsx(GridMenu, {\n open: open,\n target: buttonRef.current,\n onClickAway: handleDensitySelectorClickAway,\n position: \"bottom-start\",\n children: /*#__PURE__*/_jsx(MenuList, {\n id: densityMenuId,\n className: gridClasses.menuList,\n \"aria-labelledby\": densityButtonId,\n onKeyDown: handleListKeyDown,\n autoFocusItem: open,\n children: densityElements\n })\n })]\n });\n});","map":{"version":3,"names":["_extends","_objectWithoutPropertiesLoose","_excluded","React","unstable_useId","useId","useForkRef","MenuList","MenuItem","ListItemIcon","gridDensityValueSelector","GridDensityTypes","isHideMenuKey","isTabKey","useGridApiContext","useGridSelector","GridMenu","useGridRootProps","gridClasses","jsx","_jsx","jsxs","_jsxs","GridToolbarDensitySelector","forwardRef","props","ref","_rootProps$components","onClick","other","apiRef","rootProps","densityValue","densityButtonId","densityMenuId","open","setOpen","useState","buttonRef","useRef","handleRef","densityOptions","icon","components","DensityCompactIcon","label","current","getLocaleText","value","Compact","DensityStandardIcon","Standard","DensityComfortableIcon","Comfortable","startIcon","useMemo","handleDensitySelectorOpen","event","prevOpen","handleDensitySelectorClickAway","_buttonRef$current","target","contains","handleDensityUpdate","newDensity","setDensity","handleListKeyDown","key","preventDefault","disableDensitySelector","densityElements","map","option","index","selected","children","Fragment","BaseButton","size","undefined","id","componentsProps","baseButton","onClickAway","position","className","menuList","onKeyDown","autoFocusItem"],"sources":["/home/gnx/Desktop/ETB/ETB-FrontEnd/node_modules/@mui/x-data-grid/components/toolbar/GridToolbarDensitySelector.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onClick\"];\nimport * as React from 'react';\nimport { unstable_useId as useId, useForkRef } from '@mui/material/utils';\nimport MenuList from '@mui/material/MenuList';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';\nimport { GridDensityTypes } from '../../models/gridDensity';\nimport { isHideMenuKey, isTabKey } from '../../utils/keyboardUtils';\nimport { useGridApiContext } from '../../hooks/utils/useGridApiContext';\nimport { useGridSelector } from '../../hooks/utils/useGridSelector';\nimport { GridMenu } from '../menu/GridMenu';\nimport { useGridRootProps } from '../../hooks/utils/useGridRootProps';\nimport { gridClasses } from '../../constants/gridClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridToolbarDensitySelector(props, ref) {\n var _rootProps$components;\n\n const {\n onClick\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const apiRef = useGridApiContext();\n const rootProps = useGridRootProps();\n const densityValue = useGridSelector(apiRef, gridDensityValueSelector);\n const densityButtonId = useId();\n const densityMenuId = useId();\n const [open, setOpen] = React.useState(false);\n const buttonRef = React.useRef(null);\n const handleRef = useForkRef(ref, buttonRef);\n const densityOptions = [{\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityCompactIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityCompact'),\n value: GridDensityTypes.Compact\n }, {\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityStandardIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityStandard'),\n value: GridDensityTypes.Standard\n }, {\n icon: /*#__PURE__*/_jsx(rootProps.components.DensityComfortableIcon, {}),\n label: apiRef.current.getLocaleText('toolbarDensityComfortable'),\n value: GridDensityTypes.Comfortable\n }];\n const startIcon = React.useMemo(() => {\n switch (densityValue) {\n case GridDensityTypes.Compact:\n return /*#__PURE__*/_jsx(rootProps.components.DensityCompactIcon, {});\n\n case GridDensityTypes.Comfortable:\n return /*#__PURE__*/_jsx(rootProps.components.DensityComfortableIcon, {});\n\n default:\n return /*#__PURE__*/_jsx(rootProps.components.DensityStandardIcon, {});\n }\n }, [densityValue, rootProps]);\n\n const handleDensitySelectorOpen = event => {\n setOpen(prevOpen => !prevOpen);\n onClick == null ? void 0 : onClick(event);\n };\n\n const handleDensitySelectorClickAway = event => {\n var _buttonRef$current;\n\n if (buttonRef.current === event.target || // if user clicked on the icon\n (_buttonRef$current = buttonRef.current) != null && _buttonRef$current.contains(event.target)) {\n return;\n }\n\n setOpen(false);\n };\n\n const handleDensityUpdate = newDensity => {\n apiRef.current.setDensity(newDensity);\n setOpen(false);\n };\n\n const handleListKeyDown = event => {\n if (isTabKey(event.key)) {\n event.preventDefault();\n }\n\n if (isHideMenuKey(event.key)) {\n setOpen(false);\n }\n }; // Disable the button if the corresponding is disabled\n\n\n if (rootProps.disableDensitySelector) {\n return null;\n }\n\n const densityElements = densityOptions.map((option, index) => /*#__PURE__*/_jsxs(MenuItem, {\n onClick: () => handleDensityUpdate(option.value),\n selected: option.value === densityValue,\n children: [/*#__PURE__*/_jsx(ListItemIcon, {\n children: option.icon\n }), option.label]\n }, index));\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(rootProps.components.BaseButton, _extends({\n ref: handleRef,\n size: \"small\",\n startIcon: startIcon,\n \"aria-label\": apiRef.current.getLocaleText('toolbarDensityLabel'),\n \"aria-expanded\": open ? 'true' : undefined,\n \"aria-haspopup\": \"menu\",\n \"aria-controls\": densityMenuId,\n id: densityButtonId\n }, other, {\n onClick: handleDensitySelectorOpen\n }, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.baseButton, {\n children: apiRef.current.getLocaleText('toolbarDensity')\n })), /*#__PURE__*/_jsx(GridMenu, {\n open: open,\n target: buttonRef.current,\n onClickAway: handleDensitySelectorClickAway,\n position: \"bottom-start\",\n children: /*#__PURE__*/_jsx(MenuList, {\n id: densityMenuId,\n className: gridClasses.menuList,\n \"aria-labelledby\": densityButtonId,\n onKeyDown: handleListKeyDown,\n autoFocusItem: open,\n children: densityElements\n })\n })]\n });\n});"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |