@dnb/eufemia 9.32.1 → 9.34.0

package/cjs/index.js

@@ -435,6 +435,12 @@ Object.defineProperty(exports, "Ul", {
     return _Ul.default;
   }
 });
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function get() {
+    return _Upload.default;
+  }
+});
 Object.defineProperty(exports, "VisuallyHidden", {
   enumerable: true,
   get: function get() {
@@ -587,6 +593,8 @@ var _ToggleButton = _interopRequireDefault(require("./components/toggle-button/T
 
 var _Tooltip = _interopRequireDefault(require("./components/tooltip/Tooltip"));
 
+var _Upload = _interopRequireDefault(require("./components/upload/Upload"));
+
 var _VisuallyHidden = _interopRequireDefault(require("./components/visually-hidden/VisuallyHidden"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/shared/Context.d.ts

@@ -20,6 +20,7 @@ import type { DrawerProps } from '../components/drawer/types';
 import type { DialogProps } from '../components/dialog/types';
 import type { TooltipProps } from '../components/tooltip/types';
 import type { SectionProps } from '../components/section/Section';
+import { UploadProps } from '../components/upload/types';
 import type { AnchorProps } from '../elements/Anchor';
 import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
 export declare type ContextProps = {
@@ -42,6 +43,7 @@ export declare type ContextProps = {
     Tooltip?: Partial<TooltipProps>;
     Section?: Partial<SectionProps>;
     ScrollView?: Partial<ScrollViewProps>;
+    Upload?: Partial<UploadProps>;
     NumberFormat?: Record<string, unknown>;
     Table?: Record<string, unknown>;
     HelpButton?: Record<string, unknown>;

package/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.32.1';
+          return '9.34.0';
         }
       }]);
 

package/cjs/shared/MediaQuery.d.ts

@@ -1,16 +1,18 @@
 import React from 'react';
+import { ContextProps } from './Context';
 import { onMediaQueryChange } from './MediaQueryUtils';
 import type { MediaQueryProps, MediaQueryState, MediaQueryListener } from './MediaQueryUtils';
 export type { MediaQueryProps };
 export { onMediaQueryChange };
 export default class MediaQuery extends React.PureComponent<MediaQueryProps, MediaQueryState> {
-    static contextType: React.Context<import("./Context").ContextProps>;
+    static contextType: React.Context<ContextProps>;
     listener: MediaQueryListener;
+    context: ContextProps;
     state: {
         match: any;
         mediaQueryList: any;
     };
-    constructor(props: any, context: any);
+    constructor(props: MediaQueryProps, context: ContextProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(props: any): void;

package/cjs/shared/MediaQuery.js

@@ -81,6 +81,8 @@ var MediaQuery = function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "listener", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "context", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       match: null,
       mediaQueryList: null

package/cjs/shared/MediaQueryUtils.d.ts

@@ -32,6 +32,10 @@ export declare type MediaQueryProperties = {
      * If set to true, no MediaQuery will be used.
      */
     disabled?: boolean;
+    /**
+     * If set to true, no Eufemia warning will be shown when window.matchMedia is undefined
+     */
+    dismissWarning?: boolean;
     /**
      * For debugging
      */
@@ -80,7 +84,7 @@ export declare const isMatchMediaSupported: () => boolean;
  * @property {boolean} log - print used query to console
  * @returns MediaQueryList type
  */
-export declare function makeMediaQueryList({ query, when, not, log, disabled, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
+export declare function makeMediaQueryList({ query, when, not, log, disabled, dismissWarning, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
 /**
  * Adds a listener to the window.matchMedia Browser API
  *
@@ -88,7 +92,7 @@ export declare function makeMediaQueryList({ query, when, not, log, disabled, }?
  * @param {function} callback callback function
  * @returns function to remove listeners when called
  */
-export declare function createMediaQueryListener(mediaQueryList: MediaQueryList, callback: (matches: boolean, event: any) => void): MediaQueryListener;
+export declare function createMediaQueryListener(mediaQueryList: MediaQueryList, callback: (matches: boolean, event: Partial<MediaQueryListEvent>) => void): MediaQueryListener;
 /**
  * Builds a valid media query we can use on window.matchMedia(...)
  *

package/cjs/shared/MediaQueryUtils.js

@@ -136,11 +136,18 @@ function makeMediaQueryList() {
       _ref2$log = _ref2.log,
       log = _ref2$log === void 0 ? false : _ref2$log,
       _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+      _ref2$dismissWarning = _ref2.dismissWarning,
+      dismissWarning = _ref2$dismissWarning === void 0 ? false : _ref2$dismissWarning;
 
   var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var isSupported = isMatchMediaSupported();
+
+  if (disabled || !isSupported) {
+    if (!dismissWarning && !isSupported) {
+      (0, _helpers.warn)('window.matchMedia is "undefined"');
+    }
 
-  if (disabled || !isMatchMediaSupported()) {
     return null;
   }
 
@@ -156,7 +163,7 @@ function makeMediaQueryList() {
   var mediaQueryList = window.matchMedia(mediaQueryString);
 
   if (log) {
-    console.log('MediaQuery:', mediaQueryString);
+    (0, _helpers.warn)('MediaQuery:', mediaQueryString);
   }
 
   return mediaQueryList;
@@ -164,7 +171,6 @@ function makeMediaQueryList() {
 
 function createMediaQueryListener(mediaQueryList, callback) {
   if (!mediaQueryList) {
-    (0, _componentHelper.warn)('Invalid MediaQueryList was given');
     return function () {
       return null;
     };

package/cjs/shared/component-helper.d.ts

@@ -41,7 +41,7 @@ export function slugify(s: any): string;
 export function matchAll(string: any, regex: any): any[];
 export function isChildOfElement(element: HTMLElement, target: HTMLElement, callback?: Function): HTMLElement | null;
 export function roundToNearest(num: any, target: any): any;
-export function isInsideScrollView(currentElement: any, returnElement?: boolean): boolean | Element;
+export function getClosestScrollViewElement(currentElement: any): Element;
 export function convertJsxToString(elements: any, separator?: any): any;
 import { getPreviousSibling } from "./helpers/getPreviousSibling";
 import { warn } from "./helpers";

package/cjs/shared/component-helper.js

@@ -51,6 +51,7 @@ Object.defineProperty(exports, "extendPropsWithContextInClassComponent", {
 });
 exports.filterProps = void 0;
 exports.findElementInChildren = findElementInChildren;
+exports.getClosestScrollViewElement = void 0;
 Object.defineProperty(exports, "getPreviousSibling", {
   enumerable: true,
   get: function get() {
@@ -58,7 +59,7 @@ Object.defineProperty(exports, "getPreviousSibling", {
   }
 });
 exports.getStatusState = getStatusState;
-exports.isInsideScrollView = exports.isChildOfElement = void 0;
+exports.isChildOfElement = void 0;
 exports.isTouchDevice = isTouchDevice;
 exports.processChildren = exports.matchAll = exports.makeUniqueId = exports.isTrue = void 0;
 Object.defineProperty(exports, "registerElement", {
@@ -794,18 +795,11 @@ var roundToNearest = function roundToNearest(num, target) {
 
 exports.roundToNearest = roundToNearest;
 
-var isInsideScrollView = function isInsideScrollView(currentElement) {
-  var returnElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var elem = (0, _getPreviousSibling.getPreviousSibling)('dnb-scroll-view', currentElement);
-
-  if (returnElement) {
-    return elem == window ? null : elem;
-  }
-
-  return elem == window ? false : Boolean(elem);
+var getClosestScrollViewElement = function getClosestScrollViewElement(currentElement) {
+  return (0, _getPreviousSibling.getPreviousSibling)('.dnb-scroll-view', currentElement);
 };
 
-exports.isInsideScrollView = isInsideScrollView;
+exports.getClosestScrollViewElement = getClosestScrollViewElement;
 
 var convertJsxToString = function convertJsxToString(elements) {
   var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;

package/cjs/shared/index.d.ts

@@ -3,4 +3,5 @@ import Context from "./Context";
 import Provider from "./Provider";
 import MediaQuery from "./MediaQuery";
 import useMediaQuery from "./useMediaQuery";
-export { Context, Provider, MediaQuery, useMediaQuery };
+import useMedia from "./useMedia";
+export { Context, Provider, MediaQuery, useMediaQuery, useMedia };

package/cjs/shared/index.js

@@ -13,7 +13,8 @@ var _exportNames = {
   Context: true,
   Provider: true,
   MediaQuery: true,
-  useMediaQuery: true
+  useMediaQuery: true,
+  useMedia: true
 };
 Object.defineProperty(exports, "Context", {
   enumerable: true,
@@ -33,6 +34,12 @@ Object.defineProperty(exports, "Provider", {
     return _Provider.default;
   }
 });
+Object.defineProperty(exports, "useMedia", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.default;
+  }
+});
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
   get: function get() {
@@ -48,6 +55,8 @@ var _MediaQuery = _interopRequireDefault(require("./MediaQuery"));
 
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
 
+var _useMedia = _interopRequireDefault(require("./useMedia"));
+
 var _SpacingHelper = require("./SpacingHelper");
 
 Object.keys(_SpacingHelper).forEach(function (key) {

package/cjs/shared/locales/en-GB.d.ts

@@ -122,6 +122,21 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Upload: {
+            title: string;
+            text: string;
+            fileTypeDescription: string;
+            fileSizeDescription: string;
+            fileAmountDescription: string;
+            fileSizeContent: string;
+            buttonText: string;
+            loadingText: string;
+            errorLargeFile: string;
+            errorAmountLimit: string;
+            errorUnsupportedFile: string;
+            deleteButton: string;
+            fileListAriaLabel: string;
+        };
     };
 };
 export default _default;

package/cjs/shared/locales/en-GB.js

@@ -127,6 +127,21 @@ var _default = {
     },
     Tag: {
       removeIconTitle: 'Remove'
+    },
+    Upload: {
+      title: 'Upload documents',
+      text: 'Drag & drop your files or choose files to upload.',
+      fileTypeDescription: 'Allowed formats:',
+      fileSizeDescription: 'Max. filesize:',
+      fileAmountDescription: 'Max. number of files:',
+      fileSizeContent: '%size MB',
+      buttonText: 'Choose files',
+      loadingText: 'Uploading',
+      errorLargeFile: 'The file you are trying to upload is too big, the maximum size supported is %size MB.',
+      errorAmountLimit: 'There is a limit to how many files you can upload (%amount).',
+      errorUnsupportedFile: 'The file you are trying to upload is not supported.',
+      deleteButton: 'Delete',
+      fileListAriaLabel: 'uploaded files'
     }
   }
 };

package/cjs/shared/locales/en-US.d.ts

@@ -123,6 +123,21 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Upload: {
+            title: string;
+            text: string;
+            fileTypeDescription: string;
+            fileSizeDescription: string;
+            fileAmountDescription: string;
+            fileSizeContent: string;
+            buttonText: string;
+            loadingText: string;
+            errorLargeFile: string;
+            errorAmountLimit: string;
+            errorUnsupportedFile: string;
+            deleteButton: string;
+            fileListAriaLabel: string;
+        };
     };
 };
 export default _default;

package/cjs/shared/locales/index.d.ts

@@ -122,6 +122,21 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Upload: {
+            title: string;
+            text: string;
+            fileTypeDescription: string;
+            fileSizeDescription: string;
+            fileAmountDescription: string;
+            fileSizeContent: string;
+            buttonText: string;
+            loadingText: string;
+            errorLargeFile: string;
+            errorAmountLimit: string;
+            errorUnsupportedFile: string;
+            deleteButton: string;
+            fileListAriaLabel: string;
+        };
     };
     'nb-NO': {
         TimelineItem: {
@@ -246,6 +261,21 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Upload: {
+            title: string;
+            text: string;
+            fileTypeDescription: string;
+            fileSizeDescription: string;
+            fileAmountDescription: string;
+            fileSizeContent: string;
+            buttonText: string;
+            loadingText: string;
+            errorLargeFile: string;
+            errorAmountLimit: string;
+            errorUnsupportedFile: string;
+            deleteButton: string;
+            fileListAriaLabel: string;
+        };
     };
 };
 export default _default;

package/cjs/shared/locales/nb-NO.d.ts

@@ -122,6 +122,21 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Upload: {
+            title: string;
+            text: string;
+            fileTypeDescription: string;
+            fileSizeDescription: string;
+            fileAmountDescription: string;
+            fileSizeContent: string;
+            buttonText: string;
+            loadingText: string;
+            errorLargeFile: string;
+            errorAmountLimit: string;
+            errorUnsupportedFile: string;
+            deleteButton: string;
+            fileListAriaLabel: string;
+        };
     };
 };
 export default _default;

package/cjs/shared/locales/nb-NO.js

@@ -127,6 +127,21 @@ var _default = {
     },
     Tag: {
       removeIconTitle: 'Fjern'
+    },
+    Upload: {
+      title: 'Last opp dokumenter',
+      text: 'Dra & slipp eller velg hvilke filer du vil laste opp.',
+      fileTypeDescription: 'Tillatte filformater:',
+      fileSizeDescription: 'Maks filstørrelse:',
+      fileAmountDescription: 'Maks antall filer:',
+      fileSizeContent: '%size MB',
+      buttonText: 'Velg filer',
+      loadingText: 'Laster opp',
+      errorLargeFile: 'Filen du prøver å laste opp er for stor, vi støtter ikke filer større enn %size MB.',
+      errorAmountLimit: 'Det er begrenset hvor mange filer du kan laste opp (%amount).',
+      errorUnsupportedFile: 'Filen du prøver å laste opp er ikke støttet.',
+      deleteButton: 'Slett',
+      fileListAriaLabel: 'opplastede filer'
     }
   }
 };

package/cjs/shared/types.d.ts

@@ -1,24 +1,7 @@
-/// <reference types="react" />
-import { GetTranslationProps } from './Context';
+import React from 'react';
+import type { GetTranslationProps } from './Context';
+export * from '../components/space/types';
 export declare type LocaleProps = GetTranslationProps;
-export declare type SpacingElementProps = {
-    top?: SpaceTypes;
-    right?: SpaceTypes;
-    bottom?: SpaceTypes;
-    left?: SpaceTypes;
-};
-/**
- * @deprecated Use SpacingElementProps instead
- */
-export declare type ISpacingElementProps = SpacingElementProps;
-export declare type SpacingProps = SpacingElementProps & {
-    space?: SpaceTypes | SpacingElementProps;
-};
-/**
- * @deprecated Use SpacingProps instead
- */
-export declare type ISpacingProps = SpacingProps;
-export declare type SpaceTypes = string | boolean | number;
 export declare type DataAttributeTypes = {
     /**
      * When using HTMLAttributes on object to define props,
@@ -32,4 +15,4 @@ export declare type DataAttributeTypes = {
      */
     'data-testid'?: string;
 };
-export declare type DynamicElement = keyof JSX.IntrinsicElements | React.FunctionComponent;
+export declare type DynamicElement<P = React.HTMLProps<HTMLElement>> = keyof JSX.IntrinsicElements | React.FunctionComponent<P>;

package/cjs/shared/types.js

@@ -1 +1,24 @@
-"use strict";
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _types = require("../components/space/types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});

package/cjs/shared/useMedia.d.ts

@@ -0,0 +1,25 @@
+import { MediaQueryCondition } from './MediaQueryUtils';
+export declare type UseMediaProps = {
+    /**
+     * If set to true, no MediaQuery will be used.
+     * Default: false
+     */
+    disabled?: boolean;
+    /**
+     * For debugging
+     */
+    log?: boolean;
+};
+export declare type UseMediaQueries = {
+    small: MediaQueryCondition;
+    medium: MediaQueryCondition;
+    large: MediaQueryCondition;
+};
+export declare const queries: UseMediaQueries;
+export declare type UseMediaResult = {
+    isSmall: boolean;
+    isMedium: boolean;
+    isLarge: boolean;
+    isSSR: boolean;
+};
+export default function useMedia(props?: UseMediaProps): UseMediaResult;

package/cjs/shared/useMedia.js

@@ -0,0 +1,185 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMedia;
+exports.queries = void 0;
+
+require("core-js/modules/es.array.reduce.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.entries.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.values.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Context = _interopRequireDefault(require("./Context"));
+
+var _MediaQueryUtils = require("./MediaQueryUtils");
+
+var _componentHelper = require("./component-helper");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var queries = {
+  small: {
+    min: 0,
+    max: 'small'
+  },
+  medium: {
+    min: 'small',
+    max: 'medium'
+  },
+  large: {
+    min: 'medium'
+  }
+};
+exports.queries = queries;
+
+function useMedia() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var disabled = props.disabled,
+      log = props.log;
+
+  var makeResult = function makeResult() {
+    return Object.entries(queries).reduce(function (acc, _ref) {
+      var _item$mediaQueryList;
+
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          when = _ref2[1];
+
+      var name = "is".concat((0, _componentHelper.toPascalCase)(key));
+
+      if (disabled) {
+        acc[name] = false;
+        return acc;
+      }
+
+      defaults.current[name] = false;
+      var item = runQuery({
+        name: name,
+        when: when
+      });
+      acc[name] = (item === null || item === void 0 ? void 0 : (_item$mediaQueryList = item.mediaQueryList) === null || _item$mediaQueryList === void 0 ? void 0 : _item$mediaQueryList.matches) || false;
+      refs.current[key] = item;
+      return acc;
+    }, {
+      isSSR: !(0, _MediaQueryUtils.isMatchMediaSupported)()
+    });
+  };
+
+  var runQuery = function runQuery(_ref3) {
+    var when = _ref3.when,
+        name = _ref3.name;
+
+    if (!(0, _MediaQueryUtils.isMatchMediaSupported)()) {
+      return;
+    }
+
+    var mediaQueryList = (0, _MediaQueryUtils.makeMediaQueryList)({
+      when: when,
+      disabled: disabled,
+      log: log,
+      dismissWarning: true
+    }, context.breakpoints);
+    var event = (0, _MediaQueryUtils.createMediaQueryListener)(mediaQueryList, function (match) {
+      if (!disabledRef.current && match) {
+        var state = _objectSpread(_objectSpread({}, defaults.current), {}, {
+          isSSR: result.isSSR
+        });
+
+        state[name] = match;
+        updateRerender(state);
+      }
+    });
+    return {
+      event: event,
+      mediaQueryList: mediaQueryList
+    };
+  };
+
+  _react.default.useEffect(function () {
+    if (disabledRef.current && !disabled) {
+      updateRerender(makeResult());
+    }
+
+    disabledRef.current = disabled;
+  }, [disabled]);
+
+  _react.default.useEffect(function () {
+    return removeListeners;
+  }, []);
+
+  var context = _react.default.useContext(_Context.default);
+
+  var refs = _react.default.useRef({});
+
+  var defaults = _react.default.useRef({});
+
+  var disabledRef = _react.default.useRef(disabled);
+
+  var _React$useState = _react.default.useState(makeResult),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      result = _React$useState2[0],
+      updateRerender = _React$useState2[1];
+
+  var removeListeners = function removeListeners() {
+    Object.values(refs.current).forEach(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.event) && item.event();
+    });
+  };
+
+  return result;
+}