cozy-ui 131.1.0-beta.9 → 131.2.0

package/transpiled/react/hooks/useEventListener.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { unRef } from "cozy-ui/transpiled/react/helpers/ref";
+
+var useEventListener = function useEventListener(element, event, cb) {
+  useEffect(function () {
+    var currentElement = unRef(element);
+
+    if (currentElement && event && cb) {
+      currentElement.addEventListener(event, cb);
+      return function () {
+        currentElement.removeEventListener(event, cb);
+      };
+    }
+  }, [event, cb, element]);
+};
+
+export default useEventListener;

package/transpiled/react/hooks/useEventListener.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+export default useMediaQuery;
+declare function useMediaQuery(args: any, options: any): boolean;

package/transpiled/react/hooks/useMediaQuery.js

@@ -0,0 +1,15 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import MuiuseMediaQuery from '@material-ui/core/useMediaQuery';
+
+var useMediaQuery = function useMediaQuery(args, options) {
+  return MuiuseMediaQuery(args, _objectSpread(_objectSpread({}, options), {}, {
+    noSsr: true
+  }));
+};
+
+export default useMediaQuery;

package/transpiled/react/hooks/usePeriodicRender.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Force a new render each `duration` ms
+ *
+ * @param {number} duration - in millisecond
+ * @returns {Date} last trigger date for a rerender
+ */
+export default function usePeriodicRender(duration: number): Date;

package/transpiled/react/hooks/usePeriodicRender.js

@@ -0,0 +1,27 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+/**
+ * Force a new render each `duration` ms
+ *
+ * @param {number} duration - in millisecond
+ * @returns {Date} last trigger date for a rerender
+ */
+
+export default function usePeriodicRender(duration) {
+  var _useState = useState(undefined),
+      _useState2 = _slicedToArray(_useState, 2),
+      lastExecuted = _useState2[0],
+      setLastExecuted = _useState2[1];
+
+  useEffect(function () {
+    if (duration) {
+      var interval = window.setInterval(function () {
+        setLastExecuted(new Date());
+      }, duration);
+      return function () {
+        window.clearInterval(interval);
+      };
+    }
+  }, [duration]);
+  return lastExecuted;
+}

package/transpiled/react/hooks/usePeriodicRender.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/hooks/useRealtime.d.ts

@@ -0,0 +1,2 @@
+export default useRealtime;
+declare function useRealtime(client: any, specs: any, deps: any): void;

package/transpiled/react/hooks/useRealtime.js

@@ -0,0 +1,108 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useEffect } from 'react';
+
+var useRealtime = function useRealtime(client, specs, deps) {
+  if (!client.plugins || !client.plugins.realtime) {
+    console.error('[useRealtime] The provided CozyClient instance does not have a RealtimePlugin registered');
+    return;
+  }
+
+  var subscribeRealtime = function subscribeRealtime() {
+    Object.entries(specs).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          doctype = _ref2[0],
+          events = _ref2[1];
+
+      Object.entries(events).forEach( /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
+          var _ref5, event, callback;
+
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _ref5 = _slicedToArray(_ref3, 2), event = _ref5[0], callback = _ref5[1];
+                  _context.prev = 1;
+                  _context.next = 4;
+                  return client.plugins.realtime.subscribe(event, doctype, callback);
+
+                case 4:
+                  _context.next = 10;
+                  break;
+
+                case 6:
+                  _context.prev = 6;
+                  _context.t0 = _context["catch"](1);
+                  console.error(_context.t0);
+                  console.error("[useRealtime] Impossible to subscribe to ".concat(event, " event on ").concat(doctype, ". Does your app have the required permissions on this doctype?"));
+
+                case 10:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee, null, [[1, 6]]);
+        }));
+
+        return function (_x) {
+          return _ref4.apply(this, arguments);
+        };
+      }());
+    });
+  };
+
+  var unsubscribeRealtime = function unsubscribeRealtime() {
+    Object.entries(specs).forEach(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+          doctype = _ref7[0],
+          events = _ref7[1];
+
+      Object.entries(events).forEach( /*#__PURE__*/function () {
+        var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref8) {
+          var _ref10, event, callback;
+
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _ref10 = _slicedToArray(_ref8, 2), event = _ref10[0], callback = _ref10[1];
+                  _context2.prev = 1;
+                  _context2.next = 4;
+                  return client.plugins.realtime.unsubscribe(event, doctype, callback);
+
+                case 4:
+                  _context2.next = 10;
+                  break;
+
+                case 6:
+                  _context2.prev = 6;
+                  _context2.t0 = _context2["catch"](1);
+                  console.error(_context2.t0);
+                  console.error("[useRealtime] Impossible to unsubscribe from ".concat(event, " event on ").concat(doctype, ". Does your app have the required permissions on this doctype?"));
+
+                case 10:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2, null, [[1, 6]]);
+        }));
+
+        return function (_x2) {
+          return _ref9.apply(this, arguments);
+        };
+      }());
+    });
+  }; // TODO: why is there a conditional hook here?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+
+
+  useEffect(function () {
+    subscribeRealtime();
+    return unsubscribeRealtime; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+
+export default useRealtime;

package/transpiled/react/hooks/useRealtime.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/hooks/useScroll.d.ts

@@ -0,0 +1,14 @@
+export default useScroll;
+/**
+ * Get scrollTop & scrollLeft from scroll event
+ * @param {HTMLElement|React.RefObject} element - Element or Ref to listen scroll event
+ * @param {Object} options
+ * @param {number} options.delay - Delay in ms before calling the callback
+ * @returns {{ scrollTop: number, scrollLeft: number}} - Scroll state
+ */
+declare function useScroll(element: HTMLElement | import("react").RefObject<any>, { delay }?: {
+    delay: number;
+}): {
+    scrollTop: number;
+    scrollLeft: number;
+};

package/transpiled/react/hooks/useScroll.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import debounce from 'lodash/debounce';
+import { useState } from 'react';
+import useEventListener from "cozy-ui/transpiled/react/hooks/useEventListener";
+import { unRef } from "cozy-ui/transpiled/react/helpers/ref";
+/**
+ * Get scrollTop & scrollLeft from scroll event
+ * @param {HTMLElement|React.RefObject} element - Element or Ref to listen scroll event
+ * @param {Object} options
+ * @param {number} options.delay - Delay in ms before calling the callback
+ * @returns {{ scrollTop: number, scrollLeft: number}} - Scroll state
+ */
+
+var useScroll = function useScroll(element) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 250 : _ref$delay;
+
+  var _useState = useState({
+    scrollTop: 0,
+    scrollLeft: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      scroll = _useState2[0],
+      setScroll = _useState2[1];
+
+  var handleScroll = debounce(function () {
+    var mainElement = unRef(element);
+
+    if (mainElement === window) {
+      setScroll({
+        scrollTop: window.scrollY,
+        scrollLeft: window.scrollX
+      });
+    } else {
+      setScroll({
+        scrollTop: mainElement.scrollTop,
+        scrollLeft: mainElement.scrollLeft
+      });
+    }
+  }, delay); // For Desktop
+
+  useEventListener(element, 'scroll', handleScroll); // For Mobile
+
+  useEventListener(element, 'touchmove', handleScroll);
+  return scroll;
+};
+
+export default useScroll;

package/transpiled/react/hooks/useScroll.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/transpiled/react/hooks/useSetFlagshipUi/helpers.d.ts

@@ -0,0 +1,17 @@
+export function addFlagshipElements(): void;
+export function removeFlagshipElements(): void;
+/**
+ * Whether we are in cozy-ui documentation (Rsg is for ReactStyleGuide)
+ * @returns {boolean}
+ */
+export const isRsg: boolean;
+/**
+ * Overrides flagship metadata
+ * See https://github.com/cozy/cozy-libs/blob/master/packages/cozy-device-helper/src/flagship.ts#L13
+ */
+export const getFlagshipMetadata: (() => {
+    immersive: boolean;
+    statusBarHeight: number;
+    navbarHeight: number;
+}) | (() => import("cozy-device-helper/dist/flagship").FlagshipMetadata);
+export function setRsgFlagshipElements({ topBackground, topOverlay, topTheme, bottomBackground, bottomOverlay, bottomTheme }?: undefined | Partial<FlagshipUI>): void;

package/transpiled/react/hooks/useSetFlagshipUi/helpers.js

@@ -0,0 +1,143 @@
+// eslint-disable-next-line no-unused-vars
+import { getFlagshipMetadata as getFlagshipMetadataFromDeviceHelper } from 'cozy-device-helper';
+/**
+ * The goal of this method is to simulate the immersive mode of the flagship app.
+ * So we add the flagship-app class to the body and we set css variables:
+ * If the "contained" mode is activated, it simulates an classic app behavior
+ * If the "immersive" mode is activated, it simulates a fullscreen app like Home
+ */
+
+export var addFlagshipElements = function addFlagshipElements() {
+  var root = document.getElementsByTagName('body')[0];
+  root.style.setProperty('--flagship-top-height', '40px');
+  root.style.setProperty('--flagship-top-bgcolor', 'white'); // used only for cozy-ui docs
+
+  root.style.setProperty('--flagship-top-overlay', 'transparent'); // used only for cozy-ui docs
+
+  root.style.setProperty('--flagship-top-color', 'black'); // used only for cozy-ui docs
+
+  root.style.setProperty('--flagship-bottom-height', '40px');
+  root.style.setProperty('--flagship-bottom-bgcolor', 'white'); // used only for cozy-ui docs
+
+  root.style.setProperty('--flagship-bottom-overlay', 'transparent'); // used only for cozy-ui docs
+
+  root.style.setProperty('--flagship-bottom-color', 'black'); // used only for cozy-ui docs
+
+  root.classList.add('flagship-app'); // create status bar
+
+  var statusBarDiv = document.createElement('div');
+  statusBarDiv.setAttribute('id', 'flagshipStatusBar');
+  statusBarDiv.style.cssText = 'position:fixed;top:0;height:var(--flagship-top-height);z-index:10000000;color:var(--flagship-top-color);background-color:var(--flagship-top-bgcolor);width:100%;display:flex;align-items:center;justify-content:center'; // create status bar overlay
+
+  var statusBarOverlay = document.createElement('div');
+  statusBarOverlay.setAttribute('id', 'flagshipStatusBarOverlay');
+  statusBarOverlay.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--flagship-top-overlay)';
+  statusBarDiv.appendChild(statusBarOverlay); // create status bar text
+
+  var statusBarText = document.createElement('div');
+  statusBarText.setAttribute('id', 'flagshipStatusBarText');
+  statusBarText.innerText = 'Flagship Top Status Bar with clock';
+  statusBarDiv.appendChild(statusBarText); // create nav bar
+
+  var navBarDiv = document.createElement('div');
+  navBarDiv.setAttribute('id', 'flagshipNavBar');
+  navBarDiv.style.cssText = 'position:fixed;bottom:0;height:var(--flagship-bottom-height);z-index:10000000;color:var(--flagship-bottom-color);background-color:var(--flagship-bottom-bgcolor);width:100%;display:flex;align-items:center;justify-content:center'; // create nav bar overlay
+
+  var navBarOverlay = document.createElement('div');
+  navBarOverlay.setAttribute('id', 'flagshipNavBarOverlay');
+  navBarOverlay.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--flagship-bottom-overlay)';
+  navBarDiv.appendChild(navBarOverlay); // create nav bar text
+
+  var navBarText = document.createElement('div');
+  navBarText.setAttribute('id', 'flagshipNavBarText');
+  navBarText.innerText = 'Flagship Nav Bar';
+  navBarDiv.appendChild(navBarText); // add status and nav bar and its content into the DOM
+
+  var currentDiv = document.getElementById('rsg-root');
+  document.body.insertBefore(statusBarDiv, currentDiv);
+  document.body.insertBefore(navBarDiv, currentDiv);
+};
+/**
+ * Remove fake DOM element that simulates native Status and Nav bar
+ */
+
+export var removeFlagshipElements = function removeFlagshipElements() {
+  var _document$getElementB, _document$getElementB2;
+
+  var root = document.getElementsByTagName('body')[0];
+  root.style.removeProperty('--flagship-top-height');
+  root.style.removeProperty('--flagship-top-bgcolor');
+  root.style.removeProperty('--flagship-top-overlay');
+  root.style.removeProperty('--flagship-top-color');
+  root.style.removeProperty('--flagship-bottom-height');
+  root.style.removeProperty('--flagship-bottom-bgcolor');
+  root.style.removeProperty('--flagship-bottom-overlay');
+  root.style.removeProperty('--flagship-bottom-color');
+  root.classList.remove('flagship-app');
+  (_document$getElementB = document.getElementById('flagshipStatusBar')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+  (_document$getElementB2 = document.getElementById('flagshipNavBar')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.remove();
+};
+/**
+ * Whether we are in cozy-ui documentation (Rsg is for ReactStyleGuide)
+ * @returns {boolean}
+ */
+
+export var isRsg = !!document.getElementById('rsg-root');
+/**
+ * Overrides flagship metadata
+ * See https://github.com/cozy/cozy-libs/blob/master/packages/cozy-device-helper/src/flagship.ts#L13
+ */
+
+export var getFlagshipMetadata = isRsg || process.env.NODE_ENV === 'test' ? function () {
+  var _JSON$parse;
+
+  var isFlagshipAppContained = ((_JSON$parse = JSON.parse(localStorage.getItem('flagship-app'))) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.contained) === 'on';
+  return {
+    immersive: isFlagshipAppContained ? false : true,
+    statusBarHeight: isFlagshipAppContained ? 0 : 40,
+    navbarHeight: isFlagshipAppContained ? 0 : 40
+  };
+} : getFlagshipMetadataFromDeviceHelper;
+/**
+ * Set the css values for Status and Nav bar inside cozy-ui documentation
+ * see https://github.com/cozy/cozy-libs/blob/master/packages/cozy-intent/src/api/models/applications.ts#L33
+ * @param {undefined | Partial<FlagshipUI>} param0
+ * @returns
+ */
+
+export var setRsgFlagshipElements = function setRsgFlagshipElements() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      topBackground = _ref.topBackground,
+      topOverlay = _ref.topOverlay,
+      topTheme = _ref.topTheme,
+      bottomBackground = _ref.bottomBackground,
+      bottomOverlay = _ref.bottomOverlay,
+      bottomTheme = _ref.bottomTheme;
+
+  if (!isRsg) return;
+  var root = document.getElementsByTagName('body')[0];
+
+  if (topBackground) {
+    root.style.setProperty('--flagship-top-bgcolor', topBackground);
+  }
+
+  if (topOverlay) {
+    root.style.setProperty('--flagship-top-overlay', topOverlay);
+  }
+
+  if (topTheme) {
+    root.style.setProperty('--flagship-top-color', topTheme === 'dark' ? 'black' : 'white');
+  }
+
+  if (bottomBackground) {
+    root.style.setProperty('--flagship-bottom-bgcolor', bottomBackground);
+  }
+
+  if (bottomOverlay) {
+    root.style.setProperty('--flagship-bottom-overlay', bottomOverlay);
+  }
+
+  if (bottomTheme) {
+    root.style.setProperty('--flagship-bottom-color', bottomTheme === 'dark' ? 'black' : 'white');
+  }
+};

package/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI.d.ts

@@ -0,0 +1,12 @@
+import { FlagshipUI as IntentInterface } from 'cozy-intent/dist/api/models/applications';
+import { WebviewService } from 'cozy-intent/dist/api/services/WebviewService';
+export declare enum ThemeColor {
+    Dark = "dark",
+    Light = "light"
+}
+export interface FlagshipUI extends Omit<IntentInterface, 'topTheme' | 'bottomTheme'> {
+    topTheme: ThemeColor;
+    bottomTheme: ThemeColor;
+}
+export declare const parseArg: (webviewIntent?: void | WebviewService | undefined, arg?: FlagshipUI | undefined, caller?: string | undefined) => void;
+export declare const useSetFlagshipUI: (onMount: FlagshipUI, onUnmount?: FlagshipUI | undefined, caller?: string | undefined) => void;

package/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI.js

@@ -0,0 +1,36 @@
+import identity from 'lodash/identity';
+import isEmpty from 'lodash/isEmpty';
+import isObject from 'lodash/isObject';
+import pickBy from 'lodash/pickBy';
+import { useEffect } from 'react';
+import { useWebviewIntent } from 'cozy-intent';
+import { setRsgFlagshipElements } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/helpers";
+export var ThemeColor;
+
+(function (ThemeColor) {
+  ThemeColor["Dark"] = "dark";
+  ThemeColor["Light"] = "light";
+})(ThemeColor || (ThemeColor = {}));
+
+export var parseArg = function parseArg(webviewIntent, arg, caller) {
+  var sanitized = isObject(arg) ? pickBy(arg, identity) : undefined;
+  var validUI = !isEmpty(sanitized) && sanitized;
+  setRsgFlagshipElements(sanitized);
+  if (!webviewIntent) return;
+  validUI && void webviewIntent.call('setFlagshipUI', validUI, caller);
+};
+export var useSetFlagshipUI = function useSetFlagshipUI(onMount, onUnmount, caller) {
+  var webviewIntent = useWebviewIntent();
+  useEffect(function () {
+    parseArg(webviewIntent, onMount, "".concat(caller || 'unknown', " (onMount)"));
+    return function () {
+      return parseArg(webviewIntent, onUnmount, "".concat(caller || 'unknown', " (onUnmount)"));
+    };
+    /**
+     * We don't want to listen to onMount/onUnmount arguments
+     * It will create far too many unwanted calls
+     * We only care about webviewIntent presence,
+     * which should be undefined on first call (not guaranteed)
+     */
+  }, [webviewIntent]); // eslint-disable-line react-hooks/exhaustive-deps
+};

package/transpiled/react/index.d.ts

@@ -0,0 +1,114 @@
+export { default as Alerter } from "./deprecated/Alerter";
+export { default as Badge } from "./Badge";
+export { default as ButtonClient } from "./deprecated/PushClientButton";
+export { default as Banner } from "./Banner";
+export { default as ButtonAction } from "./deprecated/ButtonAction";
+export { default as BottomDrawer } from "./deprecated/BottomDrawer";
+export { default as BarButton } from "./BarButton";
+export { default as Icon } from "./Icon";
+export { default as Sprite } from "./Icon/Sprite";
+export { default as Sidebar } from "./Sidebar";
+export { default as ListItemText } from "./ListItemText";
+export { default as SelectionBar } from "./SelectionBar";
+export { default as IntentIframe } from "./IntentIframe";
+export { default as IntentDialogOpener } from "./IntentDialogOpener";
+export { default as Spinner } from "./Spinner";
+export { default as Accordion } from "./Accordion";
+export { default as AccordionSummary } from "./AccordionSummary";
+export { default as AccordionDetails } from "./AccordionDetails";
+export { default as Breadcrumbs } from "./Breadcrumbs";
+export { default as Toggle } from "./Toggle";
+export { default as withBreakpoints } from "./helpers/withBreakpoints";
+export { default as useBreakpoints } from "./providers/Breakpoints";
+export { default as useBrowserOffline } from "./hooks/useBrowserOffline";
+export { default as MidEllipsis } from "./MidEllipsis";
+export { default as ActionsMenu } from "./ActionsMenu";
+export { default as Overlay } from "./deprecated/Overlay";
+export { default as Label } from "./Label";
+export { default as Checkbox } from "./Checkbox";
+export { default as Radio } from "./deprecated/Radio";
+export { default as Textarea } from "./Textarea";
+export { default as Field } from "./Field";
+export { default as Avatar } from "./Avatar";
+export { default as IntentHeader } from "./IntentHeader";
+export { default as Panel } from "./Panel";
+export { default as Chip } from "./deprecated/Chip";
+export { default as Empty } from "./Empty";
+export { default as Circle } from "./Circle";
+export { default as Counter } from "./Counter";
+export { default as Infos } from "./deprecated/Infos";
+export { default as InfosCarrousel } from "./deprecated/InfosCarrousel";
+export { default as InputGroup } from "./InputGroup";
+export { default as AppIcon } from "./AppIcon";
+export { default as AppTitle } from "./AppTitle";
+export { default as Filename } from "./Filename";
+export { default as FilePath } from "./FilePath";
+export { default as FilePathLink } from "./FilePathLink";
+export { default as FileInput } from "./FileInput";
+export { default as Card } from "./Card";
+export { default as InlineCard } from "./deprecated/InlineCard";
+export { default as Stack } from "./Stack";
+export { default as PercentageLine } from "./deprecated/PercentageLine";
+export { default as Popup } from "./Popup";
+export { default as IconStack } from "./IconStack";
+export { default as QuotaAlert } from "./deprecated/QuotaAlert";
+export { default as DateMonthPicker } from "./DateMonthPicker";
+export { default as ContactsList } from "./ContactsList";
+export { default as ContactsListModal } from "./ContactsListModal";
+export { default as BarContextProvider } from "./BarContextProvider";
+export { default as BarTitle } from "./BarTitle";
+export { default as UploadQueue } from "./UploadQueue";
+export { default as CozyTheme } from "./providers/CozyTheme";
+export { default as Paper } from "./Paper";
+export { default as ProgressionBanner } from "./ProgressionBanner";
+export { default as SquareAppIcon } from "./SquareAppIcon";
+export { default as FileImageLoader } from "./FileImageLoader";
+export { default as Radios } from "./Radios";
+export { default as FilePicker } from "./FilePicker";
+export { default as Chips } from "./Chips";
+export { default as PieChart } from "./PieChart";
+export { default as DropdownText } from "./DropdownText";
+export { default as CircleButton } from "./CircleButton";
+export { default as Alert } from "./Alert";
+export { default as AlertTitle } from "./AlertTitle";
+export { default as PointerAlert } from "./PointerAlert";
+export { default as Tabs } from "./Tabs";
+export { default as Tab } from "./Tab";
+export { default as CircularChart } from "./CircularChart";
+export { default as Skeleton } from "./Skeleton";
+export { default as InputAdornment } from "./InputAdornment";
+export { default as InputBase } from "./InputBase";
+export { default as SearchBar } from "./SearchBar";
+export { default as Thumbnail } from "./Thumbnail";
+export { default as ButtonBase } from "./ButtonBase";
+export { default as QualificationGrid } from "./QualificationGrid";
+export { default as QualificationItem } from "./QualificationItem";
+export { default as QualificationIcon } from "./QualificationIcon";
+export { default as QualificationModal } from "./QualificationModal";
+export { default as Timeline } from "./Timeline";
+export { default as TimelineConnector } from "./TimelineConnector";
+export { default as TimelineContent } from "./TimelineContent";
+export { default as TimelineDot } from "./TimelineDot";
+export { default as TimelineItem } from "./TimelineItem";
+export { default as TimelineOppositeContent } from "./TimelineOppositeContent";
+export { default as TimelineSeparator } from "./TimelineSeparator";
+export { default as Modal } from "./Modal";
+export { default as ActionsBar } from "./ActionsBar";
+export { default as Markdown } from "./Markdown";
+export { default as DatePicker } from "./DatePicker";
+export { Button, ButtonLink } from "./deprecated/Button";
+export { default as I18n, translate, useI18n } from "./providers/I18n";
+export { default as Nav, NavItem, NavIcon, NavText, NavDesktopLimiter, NavLink, genNavLink } from "./Nav";
+export { Media, Img, Bd } from "./deprecated/Media";
+export { Layout, Main, Content } from "./Layout";
+export { default as ActionMenu, ActionMenuItem, ActionMenuHeader, ActionMenuRadio } from "./deprecated/ActionMenu";
+export { default as SelectBox, SelectBoxWithFixedOptions } from "./SelectBox";
+export { PageFooter, PageContent, PageLayout } from "./Page";
+export { OnlyOfficePaywall, PasswordSharingPaywall } from "./Paywall";
+export { default as ViewStack, ModalStack, useViewStack, ViewStackContext } from "./deprecated/ViewStack";
+export { default as NestedSelect, NestedSelectModal } from "./NestedSelect";
+export { default as ExperimentalDialog, ExperimentalDialogActions, ExperimentalDialogTitle } from "./Labs/ExperimentalDialog";
+export { default as Fab, ExtendableFab } from "./Fab";
+export { default as BottomSheet, BottomSheetItem, BottomSheetHeader } from "./BottomSheet";
+export { default as AlertProvider, useAlert } from "./providers/Alert";
+export { ListSkeleton, ListItemSkeleton } from "./Skeletons";