cozy-ui 132.0.0 → 133.0.0-beta.1

package/transpiled/react/QualificationIcon/index.js

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "qualification"];
-import PropTypes from 'prop-types';
-import React from 'react';
-import { getIconByLabel } from 'cozy-client/dist/models/document/qualification';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import BankIcon from "cozy-ui/transpiled/react/Icons/Bank";
-import BankCheckIcon from "cozy-ui/transpiled/react/Icons/BankCheck";
-import BenefitIcon from "cozy-ui/transpiled/react/Icons/Benefit";
-import BillIcon from "cozy-ui/transpiled/react/Icons/Bill";
-import CarIcon from "cozy-ui/transpiled/react/Icons/Car";
-import ChessIcon from "cozy-ui/transpiled/react/Icons/Chess";
-import ChildIcon from "cozy-ui/transpiled/react/Icons/Child";
-import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
-import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
-import EuroIcon from "cozy-ui/transpiled/react/Icons/Euro";
-import ExchangeIcon from "cozy-ui/transpiled/react/Icons/Exchange";
-import FitnessIcon from "cozy-ui/transpiled/react/Icons/Fitness";
-import GlobeIcon from "cozy-ui/transpiled/react/Icons/Globe";
-import GouvIcon from "cozy-ui/transpiled/react/Icons/Gouv";
-import HeartIcon from "cozy-ui/transpiled/react/Icons/Heart";
-import HomeIcon from "cozy-ui/transpiled/react/Icons/Home";
-import ImageIcon from "cozy-ui/transpiled/react/Icons/Image";
-import JusticeIcon from "cozy-ui/transpiled/react/Icons/Justice";
-import LaudryIcon from "cozy-ui/transpiled/react/Icons/Laudry";
-import LightningIcon from "cozy-ui/transpiled/react/Icons/Lightning";
-import NoteIcon from "cozy-ui/transpiled/react/Icons/Note";
-import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
-import PlaneIcon from "cozy-ui/transpiled/react/Icons/Plane";
-import RemboursementIcon from "cozy-ui/transpiled/react/Icons/Remboursement";
-import RestaurantIcon from "cozy-ui/transpiled/react/Icons/Restaurant";
-import SchoolIcon from "cozy-ui/transpiled/react/Icons/School";
-import ShopIcon from "cozy-ui/transpiled/react/Icons/Shop";
-import TeamIcon from "cozy-ui/transpiled/react/Icons/Team";
-import TelecomIcon from "cozy-ui/transpiled/react/Icons/Telecom";
-import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
-import WaterIcon from "cozy-ui/transpiled/react/Icons/Water";
-import WorkIcon from "cozy-ui/transpiled/react/Icons/Work";
-var IconByLabel = {
-  'bank-check': BankCheckIcon,
-  bank: BankIcon,
-  benefit: BenefitIcon,
-  bill: BillIcon,
-  car: CarIcon,
-  chess: ChessIcon,
-  child: ChildIcon,
-  dots: DotsIcon,
-  email: EmailIcon,
-  euro: EuroIcon,
-  exchange: ExchangeIcon,
-  'file-type-note': NoteIcon,
-  fitness: FitnessIcon,
-  globe: GlobeIcon,
-  gouv: GouvIcon,
-  heart: HeartIcon,
-  home: HomeIcon,
-  image: ImageIcon,
-  justice: JusticeIcon,
-  laudry: LaudryIcon,
-  lightning: LightningIcon,
-  people: PeopleIcon,
-  plane: PlaneIcon,
-  remboursement: RemboursementIcon,
-  restaurant: RestaurantIcon,
-  school: SchoolIcon,
-  shop: ShopIcon,
-  team: TeamIcon,
-  telecom: TelecomIcon,
-  telephone: TelephoneIcon,
-  water: WaterIcon,
-  work: WorkIcon
-};
-var themeIconByLabel = {
-  identity: 'people',
-  family: 'team',
-  work_study: 'work',
-  health: 'heart',
-  home: 'home',
-  transport: 'car',
-  activity: 'chess',
-  finance: 'bank',
-  invoice: 'bill',
-  others: 'dots'
-};
-
-var QualificationIcon = function QualificationIcon(_ref) {
-  var theme = _ref.theme,
-      qualification = _ref.qualification,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _Icon = qualification ? IconByLabel[getIconByLabel(qualification)] : theme ? IconByLabel[themeIconByLabel[theme]] : null;
-
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    icon: _Icon,
-    color: "#E049BF",
-    size: 16
-  }, props));
-};
-
-QualificationIcon.propTypes = {
-  /** The name of the qualification (isp\_invoice, family\_record\_book, etc.) */
-  qualification: PropTypes.string,
-
-  /** The name of the qualification theme (indentity, family, etc.) */
-  theme: PropTypes.string
-};
-export default QualificationIcon;

package/transpiled/react/QualificationItem/index.d.ts

@@ -1,17 +0,0 @@
-export default QualificationItem;
-declare function QualificationItem({ icon, label, isSelected, onClick, ...props }: {
-    [x: string]: any;
-    icon: any;
-    label: any;
-    isSelected: any;
-    onClick: any;
-}): JSX.Element;
-declare namespace QualificationItem {
-    namespace propTypes {
-        const icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const label: PropTypes.Requireable<string>;
-        const isSelected: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/QualificationItem/index.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["icon", "label", "isSelected", "onClick"];
-import PropTypes from 'prop-types';
-import React from 'react';
-import ButtonBase from "cozy-ui/transpiled/react/ButtonBase";
-import Icon, { iconPropType } from "cozy-ui/transpiled/react/Icon";
-import IconStack from "cozy-ui/transpiled/react/IconStack";
-import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var useStyles = makeStyles({
-  item: {
-    display: 'flex',
-    flexDirection: 'column',
-    width: '100%',
-    height: 84,
-    marginBottom: 8,
-    borderRadius: 4,
-    borderColor: function borderColor(_ref) {
-      var isSelected = _ref.isSelected;
-      return isSelected ? 'var(--primaryColor)' : 'var(--borderMainColor)';
-    },
-    border: '1px solid'
-  }
-});
-
-var QualificationItem = function QualificationItem(_ref2) {
-  var icon = _ref2.icon,
-      label = _ref2.label,
-      isSelected = _ref2.isSelected,
-      onClick = _ref2.onClick,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var styles = useStyles({
-    isSelected: isSelected
-  });
-  return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, props, {
-    className: styles.item,
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement(IconStack, {
-    className: "u-mb-half",
-    foreground: icon && /*#__PURE__*/React.createElement(Icon, {
-      icon: icon,
-      color: isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
-    }),
-    background: /*#__PURE__*/React.createElement(Icon, {
-      icon: FileDuotoneIcon,
-      size: "32",
-      color: isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
-    })
-  }), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption"
-  }, label));
-};
-
-QualificationItem.propTypes = {
-  icon: PropTypes.oneOfType([PropTypes.node, iconPropType]),
-  label: PropTypes.string,
-  isSelected: PropTypes.bool,
-  onClick: PropTypes.func
-};
-export default QualificationItem;

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

@@ -1,14 +0,0 @@
-export function makeOptions(lang: any): {
-    children: any[];
-};
-export function searchOptionsFn(options: any, value: any): any;
-export function makeSearchOptions({ options, title, noDataLabel, t }: {
-    options: any;
-    title: any;
-    noDataLabel: any;
-    t: any;
-}): {
-    placeholderSearch: any;
-    noDataLabel: any;
-    onSearch: (value: any) => any;
-};

package/transpiled/react/QualificationModal/helpers.js

@@ -1,70 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from 'react';
-import { themesList } from 'cozy-client/dist/models/document/documentTypeData';
-import { isQualificationNote } from 'cozy-client/dist/models/document/documentTypeDataHelpers';
-import { getBoundT } from 'cozy-client/dist/models/document/locales';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import NoteIcon from "cozy-ui/transpiled/react/Icons/Note";
-import QualificationIcon from "cozy-ui/transpiled/react/QualificationIcon";
-export var makeOptions = function makeOptions(lang) {
-  var qualifT = getBoundT(lang);
-  return {
-    children: [{
-      id: 'none',
-      title: qualifT('Scan.themes.none'),
-      icon: /*#__PURE__*/React.createElement(QualificationIcon, null)
-    }].concat(_toConsumableArray(themesList.map(function (theme) {
-      return {
-        id: theme.id,
-        title: qualifT("Scan.themes.".concat(theme.label)),
-        icon: /*#__PURE__*/React.createElement(QualificationIcon, {
-          theme: theme.label
-        }),
-        children: theme.items.map(function (item) {
-          return {
-            id: item.label,
-            item: item,
-            title: qualifT("Scan.items.".concat(item.label)),
-            icon: isQualificationNote(item) ? /*#__PURE__*/React.createElement(Icon, {
-              icon: NoteIcon,
-              color: "#E049BF",
-              size: 16
-            }) : /*#__PURE__*/React.createElement(QualificationIcon, {
-              qualification: item.label
-            })
-          };
-        })
-      };
-    })))
-  };
-};
-export var searchOptionsFn = function searchOptionsFn(options, value) {
-  if (!value) return options.children;
-  var deepOptions = options.children.flatMap(function (child) {
-    return child.children;
-  }).reduce(function (acc, curr) {
-    if (!!curr && !acc.some(function (el) {
-      return el.id === curr.id;
-    })) {
-      acc.push(curr);
-    }
-
-    return acc;
-  }, []);
-  return deepOptions.filter(function (deepOption) {
-    return deepOption.title.toLowerCase().includes(value.toLowerCase());
-  });
-};
-export var makeSearchOptions = function makeSearchOptions(_ref) {
-  var options = _ref.options,
-      title = _ref.title,
-      noDataLabel = _ref.noDataLabel,
-      t = _ref.t;
-  return {
-    placeholderSearch: title || t('QualificationModal.title'),
-    noDataLabel: noDataLabel || t('QualificationModal.noDataLabel'),
-    onSearch: function onSearch(value) {
-      return searchOptionsFn(options, value);
-    }
-  };
-};

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

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

package/transpiled/react/QualificationModal/index.d.ts

@@ -1,16 +0,0 @@
-export default QualificationModal;
-declare function QualificationModal({ file, title, noDataLabel, onClose }: {
-    file: any;
-    title: any;
-    noDataLabel: any;
-    onClose: any;
-}): JSX.Element;
-declare namespace QualificationModal {
-    namespace propTypes {
-        const file: PropTypes.Requireable<object>;
-        const title: PropTypes.Requireable<string>;
-        const noDataLabel: PropTypes.Requireable<string>;
-        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/QualificationModal/index.js

@@ -1,98 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import PropTypes from 'prop-types';
-import React, { useMemo } from 'react';
-import { useClient } from 'cozy-client';
-import { isSupportedQualification } from 'cozy-client/dist/models/document/qualification';
-import { makeOptions, makeSearchOptions } from "cozy-ui/transpiled/react/QualificationModal/helpers";
-import { locales } from "cozy-ui/transpiled/react/QualificationModal/locales";
-import NestedSelectResponsive from "cozy-ui/transpiled/react/NestedSelect/NestedSelectResponsive";
-import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var QualificationModal = function QualificationModal(_ref) {
-  var _file$metadata, _file$metadata$qualif;
-
-  var file = _ref.file,
-      title = _ref.title,
-      noDataLabel = _ref.noDataLabel,
-      onClose = _ref.onClose;
-  useExtendI18n(locales);
-  var client = useClient();
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t,
-      lang = _useI18n.lang;
-
-  var qualificationLabel = (_file$metadata = file.metadata) === null || _file$metadata === void 0 ? void 0 : (_file$metadata$qualif = _file$metadata.qualification) === null || _file$metadata$qualif === void 0 ? void 0 : _file$metadata$qualif.label;
-  var options = useMemo(function () {
-    return makeOptions(lang);
-  }, [lang]);
-  var searchOptions = useMemo(function () {
-    return makeSearchOptions({
-      options: options,
-      title: title,
-      noDataLabel: noDataLabel,
-      t: t
-    });
-  }, [options, title, noDataLabel, t]);
-
-  var isSelected = function isSelected(_ref2) {
-    var id = _ref2.id,
-        item = _ref2.item;
-    return isSupportedQualification(qualificationLabel) ? qualificationLabel === (item === null || item === void 0 ? void 0 : item.label) : id === 'none';
-  };
-
-  var handleClick = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-      var id, item, fileCollection, removeQualification;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              id = _ref3.id, item = _ref3.item;
-              fileCollection = client.collection('io.cozy.files');
-              removeQualification = qualificationLabel && id === 'none';
-              /*
-                In the case where we remove the qualification it's necessary to define the attribute to `null` and not `undefined`, with `undefined` the stack does not return the attribute and today the Redux store is not updated for a missing attribute.
-                As a result, the UI is not updated and continues to display the qualification on the document, even though it has been deleted in CouchDB.
-              */
-
-              _context.next = 5;
-              return fileCollection.updateMetadataAttribute(file._id, {
-                qualification: removeQualification ? null : item
-              });
-
-            case 5:
-              onClose();
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function handleClick(_x) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement(NestedSelectResponsive, {
-    options: options,
-    noDivider: true,
-    document: file,
-    isSelected: isSelected,
-    searchOptions: searchOptions,
-    onSelect: handleClick,
-    onClose: onClose
-  });
-};
-
-QualificationModal.propTypes = {
-  file: PropTypes.object,
-  title: PropTypes.string,
-  noDataLabel: PropTypes.string,
-  onClose: PropTypes.func
-};
-export default QualificationModal;

package/transpiled/react/QualificationModal/locales/index.d.ts

@@ -1,10 +0,0 @@
-export namespace locales {
-    export { en };
-    export { fr };
-    export { ru };
-    export { vi };
-}
-import en from "./en.json";
-import fr from "./fr.json";
-import ru from "./ru.json";
-import vi from "./vi.json";

package/transpiled/react/QualificationModal/locales/index.js

@@ -1,30 +0,0 @@
-var en = {
-  QualificationModal: {
-    title: "Document type",
-    noDataLabel: "No result"
-  }
-};
-var fr = {
-  QualificationModal: {
-    title: "Type de document",
-    noDataLabel: "Aucun r\xE9sultat"
-  }
-};
-var ru = {
-  QualificationModal: {
-    title: "\u0422\u0438\u043F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430",
-    noDataLabel: "\u041D\u0435\u0442 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432"
-  }
-};
-var vi = {
-  QualificationModal: {
-    title: "Lo\u1EA1i t\xE0i li\u1EC7u",
-    noDataLabel: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3"
-  }
-};
-export var locales = {
-  en: en,
-  fr: fr,
-  ru: ru,
-  vi: vi
-};

package/transpiled/react/ShortcutTile/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { IOCozyFile } from 'cozy-client/types/types';
-interface ShortcutTileProps {
-    file: Partial<IOCozyFile> & {
-        name: string;
-        attributes?: {
-            metadata?: {
-                icon?: string;
-                iconMimeType?: string;
-            };
-        };
-    };
-}
-export declare const ShortcutTile: ({ file }: ShortcutTileProps) => JSX.Element;
-export {};

package/transpiled/react/ShortcutTile/index.js

@@ -1,51 +0,0 @@
-import React from 'react';
-var styles = {
-  "AppTile-icon": "styles__AppTile-icon___1f0c0",
-  "AppTile-icon--default": "styles__AppTile-icon--default___1tjiF",
-  "AppTile-icon-maintenance": "styles__AppTile-icon-maintenance___2VOvO",
-  "AppTile-container-maintenance": "styles__AppTile-container-maintenance___u1a1M"
-};
-import { nameToColor } from "cozy-ui/transpiled/react/legacy/Avatar/helpers";
-import { TileIcon } from "cozy-ui/transpiled/react/Tile";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var useStyles = makeStyles({
-  letter: {
-    color: 'white',
-    margin: 'auto'
-  },
-  letterWrapper: {
-    backgroundColor: function backgroundColor(_ref) {
-      var name = _ref.name;
-      return nameToColor(name);
-    }
-  }
-});
-export var ShortcutTile = function ShortcutTile(_ref2) {
-  var _file$attributes, _file$attributes$meta, _file$attributes2, _file$attributes2$met;
-
-  var file = _ref2.file;
-  var classes = useStyles({
-    name: file.name
-  });
-  var icon = (_file$attributes = file.attributes) === null || _file$attributes === void 0 ? void 0 : (_file$attributes$meta = _file$attributes.metadata) === null || _file$attributes$meta === void 0 ? void 0 : _file$attributes$meta.icon;
-  var iconMimeType = (_file$attributes2 = file.attributes) === null || _file$attributes2 === void 0 ? void 0 : (_file$attributes2$met = _file$attributes2.metadata) === null || _file$attributes2$met === void 0 ? void 0 : _file$attributes2$met.iconMimeType;
-
-  if (icon) {
-    return /*#__PURE__*/React.createElement(TileIcon, null, /*#__PURE__*/React.createElement("img", {
-      className: styles['AppTile-icon'],
-      src: iconMimeType ? "data:".concat(iconMimeType, ";base64,").concat(icon) : "data:image/svg+xml;base64,".concat(window.btoa(icon)),
-      width: 48,
-      height: 48,
-      alt: file.name
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(TileIcon, null, /*#__PURE__*/React.createElement("div", {
-    className: classes.letterWrapper
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: classes.letter,
-    variant: "h2",
-    align: "center"
-  }, file.name[0].toUpperCase())));
-};

package/transpiled/react/SquareAppIcon/SquareAppIcon.spec.d.ts

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

package/transpiled/react/SquareAppIcon/index.d.ts

@@ -1,26 +0,0 @@
-export function SquareAppIcon({ display, name, variant, IconContent, description, hideShortcutBadge, ...appIconProps }: {
-    [x: string]: any;
-    display: any;
-    name: any;
-    variant: any;
-    IconContent: any;
-    description: any;
-    hideShortcutBadge?: boolean | undefined;
-}): JSX.Element;
-export namespace SquareAppIcon {
-    namespace propTypes {
-        const display: PropTypes.Requireable<string>;
-        const description: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const variant: PropTypes.Requireable<string>;
-        const IconContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    namespace defaultProps {
-        const display_1: string;
-        export { display_1 as display };
-        const variant_1: string;
-        export { variant_1 as variant };
-    }
-}
-export default SquareAppIcon;
-import PropTypes from "prop-types";