cozy-ui 131.2.0 → 133.0.0-beta.1

package/transpiled/react/deprecated/IntentModal/IntentModal.js

@@ -1,126 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import once from 'lodash/once';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-var styles = {
-  "intentModal": "styles__intentModal___1NbfY",
-  "intentModal__cross": "styles__intentModal__cross___1ISTs"
-};
-import IntentIframe from "cozy-ui/transpiled/react/IntentIframe";
-import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
-import Modal from "cozy-ui/transpiled/react/deprecated/Modal";
-var logIntentModalDepecrated = createDepreciationLogger();
-/**
- * Render a modal for the specified intent.
- *
- * The modal for an intent takes the majority of the viewport.
- *
- * @deprecated Please use IntentIframe with Dialog instead
- */
-
-var IntentModal = /*#__PURE__*/function (_Component) {
-  _inherits(IntentModal, _Component);
-
-  var _super = _createSuper(IntentModal);
-
-  function IntentModal(props, context) {
-    var _this;
-
-    _classCallCheck(this, IntentModal);
-
-    _this = _super.call(this, props, context);
-
-    _defineProperty(_assertThisInitialized(_this), "hideCross", function () {
-      _this.setState({
-        closable: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "showCross", function () {
-      _this.setState({
-        closable: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "dismiss", once(function (evt) {
-      var dismissAction = _this.props.dismissAction;
-      dismissAction && dismissAction(evt);
-    }));
-
-    logIntentModalDepecrated('The IntentModal component has been deprecated and should be replaced by IntentIframe wrapped in Dialog');
-    _this.state = {
-      closable: true
-    };
-    return _this;
-  }
-
-  _createClass(IntentModal, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          action = _this$props.action,
-          doctype = _this$props.doctype,
-          options = _this$props.options,
-          onComplete = _this$props.onComplete,
-          onError = _this$props.onError,
-          create = _this$props.create;
-      var modalProps = Object.keys(Modal.propTypes).reduce(function (props, key) {
-        return _objectSpread(_objectSpread({}, props), {}, _defineProperty({}, key, _this2.props[key]));
-      }, {});
-      return /*#__PURE__*/React.createElement(Modal, _extends({}, modalProps, {
-        closable: this.state.closable,
-        key: "modal",
-        className: styles.intentModal,
-        closeBtnClassName: styles.intentModal__cross,
-        dismissAction: this.dismiss,
-        overflowHidden: true
-      }), /*#__PURE__*/React.createElement(IntentIframe, {
-        action: action,
-        create: create,
-        data: options,
-        onCancel: this.dismiss,
-        onError: onError,
-        onTerminate: onComplete,
-        type: doctype,
-        onHideCross: this.hideCross,
-        onShowCross: this.showCross
-      }));
-    }
-  }]);
-
-  return IntentModal;
-}(Component);
-
-IntentModal.propTypes = _objectSpread(_objectSpread({}, Modal.propTypes), {}, {
-  /** What should happen when the intent has completed */
-  onComplete: PropTypes.func.isRequired,
-
-  /** What should happen if an intent error occurs */
-  onError: PropTypes.func,
-
-  /** Action you want to execute */
-  action: PropTypes.string.isRequired,
-
-  /** Doctype on which you want to execute the action */
-  doctype: PropTypes.string.isRequired
-});
-IntentModal.defaultProps = _objectSpread({}, Modal.defaultProps);
-export default IntentModal;

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

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

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

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

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

@@ -1,25 +0,0 @@
-export default IntentOpener;
-/**
- * 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
- */
-declare function IntentOpener(props: any): JSX.Element;
-declare namespace IntentOpener {
-    namespace propTypes {
-        const children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        const onComplete: PropTypes.Requireable<(...args: any[]) => any>;
-        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        const action: PropTypes.Validator<string>;
-        const doctype: PropTypes.Validator<string>;
-        const into: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const tag: string;
-        const closable: boolean;
-    }
-}
-import PropTypes from "prop-types";

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";