{"ast":null,"code":"import PropTypes from 'prop-types';\nimport { exactProp } from '@material-ui/utils';\nimport withWidth, { isWidthDown, isWidthUp } from '../withWidth';\nimport useTheme from '../styles/useTheme';\n/**\n * @ignore - internal component.\n */\n\nfunction HiddenJs(props) {\n  var children = props.children,\n      only = props.only,\n      width = props.width;\n  var theme = useTheme();\n  var visible = true; // `only` check is faster to get out sooner if used.\n\n  if (only) {\n    if (Array.isArray(only)) {\n      for (var i = 0; i < only.length; i += 1) {\n        var breakpoint = only[i];\n\n        if (width === breakpoint) {\n          visible = false;\n          break;\n        }\n      }\n    } else if (only && width === only) {\n      visible = false;\n    }\n  } // Allow `only` to be combined with other props. If already hidden, no need to check others.\n\n\n  if (visible) {\n    // determine visibility based on the smallest size up\n    for (var _i = 0; _i < theme.breakpoints.keys.length; _i += 1) {\n      var _breakpoint = theme.breakpoints.keys[_i];\n      var breakpointUp = props[\"\".concat(_breakpoint, \"Up\")];\n      var breakpointDown = props[\"\".concat(_breakpoint, \"Down\")];\n\n      if (breakpointUp && isWidthUp(_breakpoint, width) || breakpointDown && isWidthDown(_breakpoint, width)) {\n        visible = false;\n        break;\n      }\n    }\n  }\n\n  if (!visible) {\n    return null;\n  }\n\n  return children;\n}\n\nHiddenJs.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * Specify which implementation to use.  'js' is the default, 'css' works better for\n   * server-side rendering.\n   */\n  implementation: PropTypes.oneOf(['js', 'css']),\n\n  /**\n   * You can use this prop when choosing the `js` implementation with server-side rendering.\n   *\n   * As `window.innerWidth` is unavailable on the server,\n   * we default to rendering an empty component during the first mount.\n   * You might want to use an heuristic to approximate\n   * the screen width of the client browser screen width.\n   *\n   * For instance, you could be using the user-agent or the client-hints.\n   * https://caniuse.com/#search=client%20hint\n   */\n  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  lgDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  lgUp: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  mdDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  mdUp: PropTypes.bool,\n\n  /**\n   * Hide the given breakpoint(s).\n   */\n  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  smDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  smUp: PropTypes.bool,\n\n  /**\n   * @ignore\n   * width prop provided by withWidth decorator.\n   */\n  width: PropTypes.string.isRequired,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  xlDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  xlUp: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  xsDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  xsUp: PropTypes.bool\n};\n\nif (process.env.NODE_ENV !== 'production') {\n  HiddenJs.propTypes = exactProp(HiddenJs.propTypes);\n}\n\nexport default withWidth()(HiddenJs);","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/@material-ui/core/esm/Hidden/HiddenJs.js"],"names":["PropTypes","exactProp","withWidth","isWidthDown","isWidthUp","useTheme","HiddenJs","props","children","only","width","theme","visible","Array","isArray","i","length","breakpoint","_i","breakpoints","keys","_breakpoint","breakpointUp","concat","breakpointDown","propTypes","node","className","string","implementation","oneOf","initialWidth","lgDown","bool","lgUp","mdDown","mdUp","oneOfType","arrayOf","smDown","smUp","isRequired","xlDown","xlUp","xsDown","xsUp","process","env","NODE_ENV"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { exactProp } from '@material-ui/utils';\nimport withWidth, { isWidthDown, isWidthUp } from '../withWidth';\nimport useTheme from '../styles/useTheme';\n/**\n * @ignore - internal component.\n */\n\nfunction HiddenJs(props) {\n  var children = props.children,\n      only = props.only,\n      width = props.width;\n  var theme = useTheme();\n  var visible = true; // `only` check is faster to get out sooner if used.\n\n  if (only) {\n    if (Array.isArray(only)) {\n      for (var i = 0; i < only.length; i += 1) {\n        var breakpoint = only[i];\n\n        if (width === breakpoint) {\n          visible = false;\n          break;\n        }\n      }\n    } else if (only && width === only) {\n      visible = false;\n    }\n  } // Allow `only` to be combined with other props. If already hidden, no need to check others.\n\n\n  if (visible) {\n    // determine visibility based on the smallest size up\n    for (var _i = 0; _i < theme.breakpoints.keys.length; _i += 1) {\n      var _breakpoint = theme.breakpoints.keys[_i];\n      var breakpointUp = props[\"\".concat(_breakpoint, \"Up\")];\n      var breakpointDown = props[\"\".concat(_breakpoint, \"Down\")];\n\n      if (breakpointUp && isWidthUp(_breakpoint, width) || breakpointDown && isWidthDown(_breakpoint, width)) {\n        visible = false;\n        break;\n      }\n    }\n  }\n\n  if (!visible) {\n    return null;\n  }\n\n  return children;\n}\n\nHiddenJs.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n\n  /**\n   * Specify which implementation to use.  'js' is the default, 'css' works better for\n   * server-side rendering.\n   */\n  implementation: PropTypes.oneOf(['js', 'css']),\n\n  /**\n   * You can use this prop when choosing the `js` implementation with server-side rendering.\n   *\n   * As `window.innerWidth` is unavailable on the server,\n   * we default to rendering an empty component during the first mount.\n   * You might want to use an heuristic to approximate\n   * the screen width of the client browser screen width.\n   *\n   * For instance, you could be using the user-agent or the client-hints.\n   * https://caniuse.com/#search=client%20hint\n   */\n  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  lgDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  lgUp: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  mdDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  mdUp: PropTypes.bool,\n\n  /**\n   * Hide the given breakpoint(s).\n   */\n  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  smDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  smUp: PropTypes.bool,\n\n  /**\n   * @ignore\n   * width prop provided by withWidth decorator.\n   */\n  width: PropTypes.string.isRequired,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  xlDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  xlUp: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and down will be hidden.\n   */\n  xsDown: PropTypes.bool,\n\n  /**\n   * If `true`, screens this size and up will be hidden.\n   */\n  xsUp: PropTypes.bool\n};\n\nif (process.env.NODE_ENV !== 'production') {\n  HiddenJs.propTypes = exactProp(HiddenJs.propTypes);\n}\n\nexport default withWidth()(HiddenJs);"]},"metadata":{},"sourceType":"module"}