cozy-ui 132.0.0 → 133.0.0-beta.1

package/transpiled/react/index.js

@@ -13,8 +13,6 @@ export { default as Sidebar } from './Sidebar';
 export { default as Nav, NavItem, NavIcon, NavText, NavDesktopLimiter, NavLink, genNavLink } from './Nav';
 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';
@@ -34,7 +32,6 @@ 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';
@@ -46,7 +43,6 @@ 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';
@@ -60,25 +56,18 @@ 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 { OnlyOfficePaywall, PasswordSharingPaywall } from './Paywall';
 export { default as ViewStack, ModalStack, useViewStack, ViewStackContext } from './deprecated/ViewStack';
 export { default as DateMonthPicker } from './DateMonthPicker';
 export { default as NestedSelect, NestedSelectModal } from './NestedSelect';
-export { default as ContactsList } from './ContactsList';
-export { default as ContactsListModal } from './ContactsListModal';
 export { default as ExperimentalDialog, ExperimentalDialogActions, ExperimentalDialogTitle } from './Labs/ExperimentalDialog';
 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 Fab, ExtendableFab } from './Fab';
-export { default as SquareAppIcon } from './SquareAppIcon';
-export { default as FileImageLoader } from './FileImageLoader';
 export { default as Radios } from './Radios';
 export { default as BottomSheet, BottomSheetItem, BottomSheetHeader } from './BottomSheet';
-export { default as FilePicker } from './FilePicker';
 export { default as Chips } from './Chips';
 export { default as PieChart } from './PieChart';
 export { default as DropdownText } from './DropdownText';
@@ -95,10 +84,6 @@ 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';

package/transpiled/react/providers/CozyTheme/index.d.ts

@@ -7,23 +7,24 @@ export function useCozyTheme(): {
 };
 export default CozyTheme;
 import React from "react";
-declare function CozyTheme({ ignoreCozySettings, ...props }: {
-    [x: string]: any;
-    ignoreCozySettings: any;
+declare function CozyTheme({ variant, className, ignoreItself, settingsThemeType, children }: {
+    variant: any;
+    className: any;
+    ignoreItself: any;
+    settingsThemeType: any;
+    children: any;
 }): JSX.Element;
 declare namespace CozyTheme {
     namespace propTypes {
         const variant: PropTypes.Requireable<string>;
         const ignoreItself: PropTypes.Requireable<boolean>;
-        const ignoreCozySettings: PropTypes.Requireable<boolean>;
+        const settingsThemeType: PropTypes.Requireable<string>;
         const className: PropTypes.Requireable<string>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
     namespace defaultProps {
         const variant_1: string;
         export { variant_1 as variant };
-        const ignoreCozySettings_1: boolean;
-        export { ignoreCozySettings_1 as ignoreCozySettings };
         const ignoreItself_1: boolean;
         export { ignoreItself_1 as ignoreItself };
     }

package/transpiled/react/providers/CozyTheme/index.js

@@ -1,11 +1,10 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["ignoreCozySettings"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { createContext, useContext } from 'react';
 import log from 'cozy-logger';
-import CozyThemeWithQuery from "cozy-ui/transpiled/react/providers/CozyTheme/CozyThemeWithQuery";
-import DumbCozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme/DumbCozyTheme";
-import { isRsg } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/helpers";
+import MuiCozyTheme from "cozy-ui/transpiled/react/MuiCozyTheme";
+import useMediaQuery from "cozy-ui/transpiled/react/hooks/useMediaQuery";
 export var CozyThemeContext = /*#__PURE__*/createContext();
 /**
  * @returns {{ type: 'light'|'dark', variant: 'normal'|'inverted', isLight: boolean, name: 'Twake'|'Cozy' }}
@@ -27,11 +26,33 @@ export var useCozyTheme = function useCozyTheme() {
 };
 
 var CozyTheme = function CozyTheme(_ref) {
-  var ignoreCozySettings = _ref.ignoreCozySettings,
-      props = _objectWithoutProperties(_ref, _excluded);
+  var _cx;
 
-  var Comp = ignoreCozySettings || process.env.NODE_ENV === 'test' || isRsg ? DumbCozyTheme : CozyThemeWithQuery;
-  return /*#__PURE__*/React.createElement(Comp, props);
+  var variant = _ref.variant,
+      className = _ref.className,
+      ignoreItself = _ref.ignoreItself,
+      settingsThemeType = _ref.settingsThemeType,
+      children = _ref.children;
+  var uiThemeType = localStorage.getItem('ui-theme-type'); // use only for cozy-ui documentation and argos screenshots
+
+  var uiThemeVariant = localStorage.getItem('ui-theme-variant'); // use only for cozy-ui documentation and argos screenshots
+
+  var deviceThemeType = useMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light';
+  var filteredSettingsThemeType = ['light', 'dark'].includes(settingsThemeType) ? settingsThemeType : undefined;
+  var selfThemeType = uiThemeType || filteredSettingsThemeType || deviceThemeType;
+  var selfThemeVariant = uiThemeVariant || variant;
+  return /*#__PURE__*/React.createElement(CozyThemeContext.Provider, {
+    value: {
+      type: selfThemeType,
+      variant: selfThemeVariant,
+      isLight: selfThemeType === 'light'
+    }
+  }, /*#__PURE__*/React.createElement(MuiCozyTheme, {
+    type: selfThemeType,
+    variant: selfThemeVariant
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(className, (_cx = {}, _defineProperty(_cx, "TwakeTheme--".concat(selfThemeType, "-").concat(selfThemeVariant), Boolean(selfThemeVariant)), _defineProperty(_cx, 'u-dc', ignoreItself), _cx))
+  }, children)));
 };
 
 CozyTheme.propTypes = {
@@ -40,14 +61,13 @@ CozyTheme.propTypes = {
   /** Causes this element's children to appear as if they were direct children of the element's parent, ignoring the element itself. */
   ignoreItself: PropTypes.bool,
 
-  /** Bypasses the request that retrieves the app's settings in order to define the theme type */
-  ignoreCozySettings: PropTypes.bool,
+  /** Theme type from io.cozy.settings.instance */
+  settingsThemeType: PropTypes.oneOf(['light', 'dark', 'auto']),
   className: PropTypes.string,
   children: PropTypes.node
 };
 CozyTheme.defaultProps = {
   variant: 'normal',
-  ignoreCozySettings: false,
   ignoreItself: true
 };
 export default CozyTheme;

package/transpiled/react/providers/DemoProvider.d.ts

@@ -1,6 +1,5 @@
 export default DemoProvider;
-declare function DemoProvider({ client, variant, dictRequire, children }: {
-    client: any;
+declare function DemoProvider({ variant, dictRequire, children }: {
     variant: any;
     dictRequire: any;
     children: any;

package/transpiled/react/providers/DemoProvider.js

@@ -1,32 +1,11 @@
 import React from 'react';
-import { CozyProvider } from 'cozy-client';
 import { BreakpointsProvider } from "cozy-ui/transpiled/react/providers/Breakpoints";
 import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
 import AlertProvider from "cozy-ui/transpiled/react/providers/Alert";
 import I18n from "cozy-ui/transpiled/react/providers/I18n";
-var defaultClient = {
-  plugins: {
-    realtime: {
-      subscribe: function subscribe() {},
-      unsubscribe: function unsubscribe() {},
-      unsubscribeAll: function unsubscribeAll() {}
-    }
-  },
-  getStackClient: function getStackClient() {
-    return {
-      uri: 'https://cozy.io/'
-    };
-  },
-  getInstanceOptions: function getInstanceOptions() {
-    return {
-      subdomain: ''
-    };
-  }
-};
 
 var DemoProvider = function DemoProvider(_ref) {
-  var client = _ref.client,
-      variant = _ref.variant,
+  var variant = _ref.variant,
       dictRequire = _ref.dictRequire,
       children = _ref.children;
   var lang = localStorage.getItem('lang') || 'en';
@@ -35,14 +14,12 @@ var DemoProvider = function DemoProvider(_ref) {
     return {};
   };
 
-  return /*#__PURE__*/React.createElement(CozyProvider, {
-    client: client || defaultClient
-  }, /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(AlertProvider, null, /*#__PURE__*/React.createElement(I18n, {
+  return /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(AlertProvider, null, /*#__PURE__*/React.createElement(I18n, {
     lang: lang,
     dictRequire: _dictRequire
   }, /*#__PURE__*/React.createElement(CozyTheme, {
     variant: variant
-  }, children)))));
+  }, children))));
 };
 
 export default DemoProvider;