cozy-ui 132.0.0 → 133.0.0-beta.1

package/transpiled/react/deprecated/IntentOpener/IntentOpener.js

@@ -1,105 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["options", "action", "doctype", "children", "closable", "create", "tag", "into", "onComplete", "onDismiss"];
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
-import IntentModal from "cozy-ui/transpiled/react/deprecated/IntentModal";
-var logIntentOpenerDepecrated = createDepreciationLogger();
-/**
- * Wrapper that adds an `onClick` handler to its children that opens a modal
- * for the specified intent.
- *
- * The modal for an intent takes the majority of the viewport.
- *
- * @deprecated Please use IntentDialogOpener instead
- */
-
-var IntentOpener = function IntentOpener(props) {
-  logIntentOpenerDepecrated('The IntentOpener component has been deprecated and should be replaced by IntentDialogOpener.');
-
-  var options = props.options,
-      action = props.action,
-      doctype = props.doctype,
-      children = props.children,
-      closable = props.closable,
-      create = props.create,
-      tag = props.tag,
-      into = props.into,
-      onComplete = props.onComplete,
-      onDismiss = props.onDismiss,
-      modalProps = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalOpened = _useState2[0],
-      setModalOpened = _useState2[1];
-
-  var openModal = function openModal() {
-    return setModalOpened(true);
-  };
-
-  var closeModal = function closeModal() {
-    return setModalOpened(false);
-  };
-
-  var handleComplete = function handleComplete(result) {
-    closeModal();
-    onComplete && onComplete(result);
-  };
-
-  var handleDismiss = function handleDismiss() {
-    closeModal();
-    onDismiss && onDismiss();
-  };
-
-  var Tag = tag; // React needs uppercase element names
-
-  var elements = [/*#__PURE__*/React.cloneElement(children, {
-    key: 'opener',
-    onClick: openModal
-  })];
-
-  if (modalOpened) {
-    elements.push( /*#__PURE__*/React.createElement(IntentModal, _extends({
-      key: "intent-modal",
-      closable: closable,
-      overflowHidden: true,
-      dismissAction: handleDismiss,
-      action: action,
-      doctype: doctype,
-      options: options,
-      onComplete: handleComplete,
-      create: create,
-      into: into
-    }, modalProps)));
-  }
-
-  return /*#__PURE__*/React.createElement(Tag, null, elements);
-};
-
-IntentOpener.propTypes = {
-  /** Element on which the onClick handler will be added */
-  children: PropTypes.element.isRequired,
-
-  /** What should happen when the intent has completed */
-  onComplete: PropTypes.func,
-
-  /** What should happen when the modal is dimissed */
-  onDismiss: PropTypes.func,
-
-  /** Action you want to execute */
-  action: PropTypes.string.isRequired,
-
-  /** Doctype on which you want to execute the action */
-  doctype: PropTypes.string.isRequired,
-
-  /** Where the modal should be rendered in the DOM */
-  into: PropTypes.string
-};
-IntentOpener.defaultProps = {
-  tag: 'span',
-  closable: true
-};
-export default IntentOpener;

package/transpiled/react/deprecated/IntentOpener/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./IntentOpener";

package/transpiled/react/deprecated/IntentOpener/index.js

@@ -1 +0,0 @@
-export { default } from './IntentOpener';

package/transpiled/react/deprecated/QuotaAlert/index.d.ts

@@ -1,7 +0,0 @@
-export default QuotaAlert;
-/**
- * @deprecated This component is depreacated, please use [QuotaPaywall](#/Paywall) instead.
- */
-declare function QuotaAlert({ onClose }: {
-    onClose: any;
-}): JSX.Element;

package/transpiled/react/deprecated/QuotaAlert/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { QuotaPaywall } from "cozy-ui/transpiled/react/Paywall";
-import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
-var logDeprecatedComponent = createDepreciationLogger();
-/**
- * @deprecated This component is depreacated, please use [QuotaPaywall](#/Paywall) instead.
- */
-
-var QuotaAlert = function QuotaAlert(_ref) {
-  var onClose = _ref.onClose;
-  logDeprecatedComponent('QuotaAlert is now exported from the cozy-ui as QuotaPaywall. Please import the component from "cozy-ui/transpiled/react/Paywall"');
-  return /*#__PURE__*/React.createElement(QuotaPaywall, {
-    onClose: onClose
-  });
-};
-
-export default QuotaAlert;

package/transpiled/react/helpers/acceptedTypes.d.ts

@@ -1,3 +0,0 @@
-export function getCompliantTypes(types: string): string[];
-export function isValidFile(item: object, validTypes: string[]): boolean;
-export function isValidFolder(item: object, validTypes: string[]): boolean;

package/transpiled/react/helpers/acceptedTypes.js

@@ -1,42 +0,0 @@
-import mimeTypes from 'mime-types';
-import { models } from 'cozy-client';
-var _models$file = models.file,
-    isDirectory = _models$file.isDirectory,
-    isFile = _models$file.isFile;
-/**
- * @param {string} types - Types we wish to accept ("folder" and/or "extensions/mime" of file), separated by commas
- * @returns {string[]} All the valid types, if the parameter is undefined or if no type is valid, return an empty array
- */
-
-export var getCompliantTypes = function getCompliantTypes(types) {
-  if (types) {
-    return types.replaceAll(' ', '').split(',').filter(function (type) {
-      return type !== 'folder' ? !!mimeTypes.contentType(type) : true;
-    });
-  }
-
-  return [];
-};
-/**
- * Check if Item is a file with accepted extension/mime
- *
- * @param {object} item - file or folder
- * @param {string[]} validTypes - List of accepted types
- * @returns {boolean}
- */
-
-export var isValidFile = function isValidFile(item, validTypes) {
-  var fileTypesAccepted = validTypes.includes(".".concat(item.name.split('.').pop())) || validTypes.includes(item.mime);
-  return isFile(item) && (fileTypesAccepted || validTypes.length === 0);
-};
-/**
- * Check if Item is a folder with accepted type
- *
- * @param {object} item - file or folder
- * @param {string[]} validTypes - List of accepted types
- * @returns {boolean}
- */
-
-export var isValidFolder = function isValidFolder(item, validTypes) {
-  return isDirectory(item) && validTypes.includes("folder");
-};

package/transpiled/react/helpers/acceptedTypes.spec.d.ts

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

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

@@ -1,29 +0,0 @@
-/**
- * Manages the client errors and allows to display them
- *
- * Returns a `ClientErrors` React component that takes care
- * of how to display cozy-client errors (probably displaying a modal)
- *
- * Only Quota Errors are managed for now.
- *
- * @example
- * ```
- * const App = () => {
- *   const { ClientErrors } = useClientErrors()
- *
- *   return <Layout>
- *      <h1>My app</h1>
- *      <ClientErrors />
- *   </Layout>
- * }
- * ```
- *
- * @param {object} [props] - Props
- * @param {boolean} [props.handleExceptions] - should cozy-client directly handle errors before forwarding them to the caller?
- * @returns {{ClientErrors: Function}} React component
- */
-export default function useClientErrors({ handleExceptions }?: {
-    handleExceptions?: boolean | undefined;
-} | undefined): {
-    ClientErrors: Function;
-};

package/transpiled/react/hooks/useClientErrors.js

@@ -1,167 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import filter from 'lodash/filter';
-import React, { useCallback, useState, useEffect } from 'react';
-import { useClient } from 'cozy-client';
-import { FetchError } from 'cozy-stack-client';
-import QuotaAlert from "cozy-ui/transpiled/react/deprecated/QuotaAlert";
-/**
- * Rendering functions for client fetch errors by status code
- *
- * @private
- * @type {object}
- */
-
-var byHttpStatus = {
-  413: QuotaError // <QuotaError />
-
-};
-/**
- * Display for a quota error from the client
- *
- * @see QuotaAlert
- * @private
- * @param {object} props - Props
- * @param {Function} props.dismiss - remove the error from the stack to display
- * @returns {React.ReactElement}
- */
-
-function QuotaError(_ref) {
-  var dismiss = _ref.dismiss;
-  return /*#__PURE__*/React.createElement(QuotaAlert, {
-    onClose: dismiss
-  });
-}
-/**
- * Returns the handler for an error
- *
- * @param {import("../types").ClientError} error - The error
- * @returns {Function|null} React Component
- */
-
-
-function getErrorComponent(error) {
-  if (error instanceof Response || error instanceof FetchError) {
-    var status = error.status || '';
-    return byHttpStatus[status] || null;
-  }
-
-  return null;
-}
-/**
- * Renders a stack of errors
- *
- * @private
- * @see ClientErrors
- * @param {import("../types").ClientError[]} errorStack - array of errors/exceptions
- * @param {Function} setErrorStack - mutates the array of errors
- * @returns {Array<React.ReactElement>} React rendering
- */
-
-
-function renderErrors(errorStack, setErrorStack) {
-  var errors = errorStack.map(function (error, key) {
-    var Component = getErrorComponent(error);
-
-    if (Component) {
-      var dismiss = function dismiss() {
-        return setErrorStack(function (stack) {
-          return filter(stack, function (e) {
-            return e !== error;
-          });
-        });
-      };
-
-      return /*#__PURE__*/React.createElement(Component, {
-        key: key,
-        error: error,
-        dismiss: dismiss
-      });
-    } else {
-      return null;
-    }
-  });
-  return errors;
-}
-/**
- * Manages the client errors and allows to display them
- *
- * Returns a `ClientErrors` React component that takes care
- * of how to display cozy-client errors (probably displaying a modal)
- *
- * Only Quota Errors are managed for now.
- *
- * @example
- * ```
- * const App = () => {
- *   const { ClientErrors } = useClientErrors()
- *
- *   return <Layout>
- *      <h1>My app</h1>
- *      <ClientErrors />
- *   </Layout>
- * }
- * ```
- *
- * @param {object} [props] - Props
- * @param {boolean} [props.handleExceptions] - should cozy-client directly handle errors before forwarding them to the caller?
- * @returns {{ClientErrors: Function}} React component
- */
-
-
-export default function useClientErrors() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref2$handleException = _ref2.handleExceptions,
-      handleExceptions = _ref2$handleException === void 0 ? true : _ref2$handleException;
-
-  var client = useClient();
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      errorStack = _useState2[0],
-      setErrorStack = _useState2[1];
-  /**
-   * Handle client errors, add them to the error stack
-   *
-   * @param {import("../types").ClientError} error -
-   * @returns {boolean} true if the error was manager, false otherwise
-   */
-
-
-  var handleError = useCallback(function (error) {
-    // `isErrorManaged` is there to avoid the same error to be added twice
-    // once the error has been added once, the `isErrorManaged`is set to true
-    // and any future push is ignored
-    if (error.isErrorManaged) return false;
-    var isManageable = !!getErrorComponent(error);
-
-    if (isManageable) {
-      error.isErrorManaged = true;
-      setErrorStack(function (stack) {
-        return stack.concat(error);
-      });
-      return true;
-    } else {
-      error.isErrorManaged = false;
-      return false;
-    }
-  }, [setErrorStack]);
-  useEffect(function () {
-    if (handleExceptions) {
-      client.on('error', handleError);
-      return function () {
-        return client.removeListener('error', handleError);
-      };
-    } else {
-      return undefined;
-    }
-  }, [client, handleError, handleExceptions]); // @ts-ignore
-
-  var ClientErrors = useCallback(function () {
-    return renderErrors(errorStack, setErrorStack);
-  }, [errorStack, setErrorStack]); // @ts-ignore
-
-  ClientErrors.displayName = 'ClientErrors';
-  return {
-    ClientErrors: ClientErrors
-  };
-}

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

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

package/transpiled/react/proptypes.d.ts

@@ -1,18 +0,0 @@
-export const AppDoctype: PropTypes.Requireable<PropTypes.InferProps<{
-    name: PropTypes.Requireable<string>;
-    slug: PropTypes.Requireable<string>;
-    developer: PropTypes.Requireable<object>;
-    links: PropTypes.Requireable<PropTypes.InferProps<{
-        icon: PropTypes.Requireable<string>;
-    }>>;
-    latest_version: PropTypes.Requireable<PropTypes.InferProps<{
-        version: PropTypes.Requireable<string>;
-    }>>;
-}>>;
-export const FileDoctype: PropTypes.Requireable<PropTypes.InferProps<{
-    _id: PropTypes.Requireable<string>;
-    class: PropTypes.Requireable<string>;
-    mime: PropTypes.Requireable<string>;
-    name: PropTypes.Requireable<string>;
-}>>;
-import PropTypes from "prop-types";

package/transpiled/react/proptypes.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-export var AppDoctype = PropTypes.shape({
-  name: PropTypes.string,
-  slug: PropTypes.string,
-  developer: PropTypes.object,
-  links: PropTypes.shape({
-    icon: PropTypes.string
-  }),
-  latest_version: PropTypes.shape({
-    version: PropTypes.string
-  })
-});
-export var FileDoctype = PropTypes.shape({
-  _id: PropTypes.string,
-  class: PropTypes.string,
-  mime: PropTypes.string,
-  name: PropTypes.string
-});

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

@@ -1,2 +0,0 @@
-export default CozyThemeWithQuery;
-declare function CozyThemeWithQuery(props: any): JSX.Element | null;

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

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["data"];
-import React from 'react';
-import { useQuery, isQueryLoading, hasQueryBeenLoaded } from 'cozy-client';
-import DumbCozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme/DumbCozyTheme";
-import { buildSettingsInstanceQuery } from "cozy-ui/transpiled/react/providers/CozyTheme/queries";
-
-var CozyThemeWithQuery = function CozyThemeWithQuery(props) {
-  var instanceQuery = buildSettingsInstanceQuery();
-
-  var _useQuery = useQuery(instanceQuery.definition, instanceQuery.options),
-      instance = _useQuery.data,
-      instanceQueryLeft = _objectWithoutProperties(_useQuery, _excluded);
-
-  if (isQueryLoading(instanceQueryLeft) && !hasQueryBeenLoaded(instanceQueryLeft)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(DumbCozyTheme, _extends({}, props, {
-    settingsThemeType: instance === null || instance === void 0 ? void 0 : instance.colorScheme
-  }));
-};
-
-export default CozyThemeWithQuery;

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

@@ -1,18 +0,0 @@
-export default DumbCozyTheme;
-declare function DumbCozyTheme({ variant, className, ignoreItself, settingsThemeType, children }: {
-    variant: any;
-    className: any;
-    ignoreItself: any;
-    settingsThemeType: any;
-    children: any;
-}): JSX.Element;
-declare namespace DumbCozyTheme {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const ignoreItself: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-        const settingsThemeType: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from "prop-types";

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

@@ -1,50 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { CozyThemeContext } from "cozy-ui/transpiled/react/providers/CozyTheme/index";
-import MuiCozyTheme from "cozy-ui/transpiled/react/MuiCozyTheme";
-import useMediaQuery from "cozy-ui/transpiled/react/hooks/useMediaQuery";
-
-var DumbCozyTheme = function DumbCozyTheme(_ref) {
-  var _cx;
-
-  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)));
-};
-
-DumbCozyTheme.propTypes = {
-  variant: PropTypes.oneOf(['normal', 'inverted']),
-
-  /** 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,
-  className: PropTypes.string,
-
-  /** Theme type from io.cozy.settings.instance */
-  settingsThemeType: PropTypes.oneOf(['light', 'dark', 'auto']),
-  children: PropTypes.node
-};
-export default DumbCozyTheme;

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

@@ -1,8 +0,0 @@
-export function buildSettingsInstanceQuery(): {
-    definition: import("cozy-client").QueryDefinition;
-    options: {
-        as: string;
-        fetchPolicy: Function;
-        singleDocData: boolean;
-    };
-};

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

@@ -1,13 +0,0 @@
-import { Q, fetchPolicies } from 'cozy-client';
-var SETTINGS_DOCTYPE = 'io.cozy.settings';
-var defaultFetchPolicy = fetchPolicies.olderThan(5 * 60 * 1000);
-export var buildSettingsInstanceQuery = function buildSettingsInstanceQuery() {
-  return {
-    definition: Q(SETTINGS_DOCTYPE).getById('io.cozy.settings.instance'),
-    options: {
-      as: "".concat(SETTINGS_DOCTYPE, "/io.cozy.settings.instance"),
-      fetchPolicy: defaultFetchPolicy,
-      singleDocData: true
-    }
-  };
-};

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

@@ -1,9 +0,0 @@
-export const IntentContext: React.Context<any>;
-export function useIntent(): any;
-export default IntentProvider;
-import React from "react";
-declare function IntentProvider({ intentId, componentsProps, children }: {
-    intentId: any;
-    componentsProps: any;
-    children: any;
-}): JSX.Element;

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

@@ -1,104 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect, useMemo, useState, createContext, useContext } from 'react';
-import { useClient } from 'cozy-client';
-import Backdrop from 'cozy-ui/transpiled/react/Backdrop';
-import Spinner from 'cozy-ui/transpiled/react/Spinner';
-export var IntentContext = /*#__PURE__*/createContext();
-export var useIntent = function useIntent() {
-  var context = useContext(IntentContext);
-
-  if (!context) {
-    throw new Error('useIntent must be used within a IntentProvider');
-  }
-
-  return context;
-};
-
-var IntentProvider = function IntentProvider(_ref) {
-  var intentId = _ref.intentId,
-      componentsProps = _ref.componentsProps,
-      children = _ref.children;
-  var client = useClient();
-
-  var _useState = useState({
-    service: null,
-    intent: null,
-    data: null
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var value = useMemo(function () {
-    return {
-      service: state.service,
-      intent: state.intent,
-      data: state.data
-    };
-  }, [state]);
-  useEffect(function () {
-    var startService = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var service, intent, data;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return client.intents.createService(intentId, window);
-
-              case 3:
-                service = _context.sent;
-                intent = service.getIntent();
-                data = service.getData();
-                setState({
-                  service: service,
-                  intent: intent,
-                  data: data
-                });
-                _context.next = 12;
-                break;
-
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](0);
-                service.throw(_context.t0);
-
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 9]]);
-      }));
-
-      return function startService() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    if (!state.service) {
-      startService();
-    }
-  }, [client, intentId, state.service]);
-
-  if (!state.service) {
-    return /*#__PURE__*/React.createElement(Backdrop, _extends({
-      open: true
-    }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.backdrop), /*#__PURE__*/React.createElement(Spinner, _extends({
-      className: "u-m-0",
-      size: "xxlarge",
-      middle: true
-    }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.spinner)));
-  }
-
-  return /*#__PURE__*/React.createElement(IntentContext.Provider, {
-    value: value
-  }, children);
-};
-
-export default IntentProvider;