cozy-ui-plus 1.1.0

package/dist/Qualification/QualificationIcon/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _qualification = require("cozy-client/dist/models/document/qualification");
+
+var _Icon2 = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Bank = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bank"));
+
+var _BankCheck = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/BankCheck"));
+
+var _Benefit = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Benefit"));
+
+var _Bill = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bill"));
+
+var _Car = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Car"));
+
+var _Chess = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Chess"));
+
+var _Child = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Child"));
+
+var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
+
+var _Email = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Email"));
+
+var _Euro = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Euro"));
+
+var _Exchange = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Exchange"));
+
+var _Fitness = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Fitness"));
+
+var _Globe = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Globe"));
+
+var _Gouv = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Gouv"));
+
+var _Heart = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Heart"));
+
+var _Home = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Home"));
+
+var _Image = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Image"));
+
+var _Justice = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Justice"));
+
+var _Laudry = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Laudry"));
+
+var _Lightning = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Lightning"));
+
+var _Note = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Note"));
+
+var _People = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/People"));
+
+var _Plane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plane"));
+
+var _Remboursement = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Remboursement"));
+
+var _Restaurant = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Restaurant"));
+
+var _School = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/School"));
+
+var _Shop = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Shop"));
+
+var _Team = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Team"));
+
+var _Telecom = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Telecom"));
+
+var _Telephone = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Telephone"));
+
+var _Water = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Water"));
+
+var _Work = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Work"));
+
+var _excluded = ["theme", "qualification"];
+var IconByLabel = {
+  'bank-check': _BankCheck.default,
+  bank: _Bank.default,
+  benefit: _Benefit.default,
+  bill: _Bill.default,
+  car: _Car.default,
+  chess: _Chess.default,
+  child: _Child.default,
+  dots: _Dots.default,
+  email: _Email.default,
+  euro: _Euro.default,
+  exchange: _Exchange.default,
+  'file-type-note': _Note.default,
+  fitness: _Fitness.default,
+  globe: _Globe.default,
+  gouv: _Gouv.default,
+  heart: _Heart.default,
+  home: _Home.default,
+  image: _Image.default,
+  justice: _Justice.default,
+  laudry: _Laudry.default,
+  lightning: _Lightning.default,
+  people: _People.default,
+  plane: _Plane.default,
+  remboursement: _Remboursement.default,
+  restaurant: _Restaurant.default,
+  school: _School.default,
+  shop: _Shop.default,
+  team: _Team.default,
+  telecom: _Telecom.default,
+  telephone: _Telephone.default,
+  water: _Water.default,
+  work: _Work.default
+};
+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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _Icon = qualification ? IconByLabel[(0, _qualification.getIconByLabel)(qualification)] : theme ? IconByLabel[themeIconByLabel[theme]] : null;
+
+  return /*#__PURE__*/_react.default.createElement(_Icon2.default, (0, _extends2.default)({
+    icon: _Icon,
+    color: "#E049BF",
+    size: 16
+  }, props));
+};
+
+QualificationIcon.propTypes = {
+  /** The name of the qualification (isp\_invoice, family\_record\_book, etc.) */
+  qualification: _propTypes.default.string,
+
+  /** The name of the qualification theme (indentity, family, etc.) */
+  theme: _propTypes.default.string
+};
+var _default = QualificationIcon;
+exports.default = _default;

package/dist/Qualification/QualificationItem/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ButtonBase = _interopRequireDefault(require("cozy-ui/transpiled/react/ButtonBase"));
+
+var _Icon = _interopRequireWildcard(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconStack = _interopRequireDefault(require("cozy-ui/transpiled/react/IconStack"));
+
+var _FileDuotone = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileDuotone"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _excluded = ["icon", "label", "isSelected", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _styles.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 = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var styles = useStyles({
+    isSelected: isSelected
+  });
+  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, (0, _extends2.default)({}, props, {
+    className: styles.item,
+    onClick: onClick
+  }), /*#__PURE__*/_react.default.createElement(_IconStack.default, {
+    className: "u-mb-half",
+    foreground: icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: icon,
+      color: isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
+    }),
+    background: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _FileDuotone.default,
+      size: "32",
+      color: isSelected ? 'var(--primaryColor)' : 'var(--secondaryTextColor)'
+    })
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "caption"
+  }, label));
+};
+
+QualificationItem.propTypes = {
+  icon: _propTypes.default.oneOfType([_propTypes.default.node, _Icon.iconPropType]),
+  label: _propTypes.default.string,
+  isSelected: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+var _default = QualificationItem;
+exports.default = _default;

package/dist/Qualification/QualificationModal/helpers.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchOptionsFn = exports.makeSearchOptions = exports.makeOptions = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _documentTypeData = require("cozy-client/dist/models/document/documentTypeData");
+
+var _documentTypeDataHelpers = require("cozy-client/dist/models/document/documentTypeDataHelpers");
+
+var _locales = require("cozy-client/dist/models/document/locales");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Note = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Note"));
+
+var _QualificationIcon = _interopRequireDefault(require("../QualificationIcon"));
+
+var makeOptions = function makeOptions(lang) {
+  var qualifT = (0, _locales.getBoundT)(lang);
+  return {
+    children: [{
+      id: 'none',
+      title: qualifT('Scan.themes.none'),
+      icon: /*#__PURE__*/_react.default.createElement(_QualificationIcon.default, null)
+    }].concat((0, _toConsumableArray2.default)(_documentTypeData.themesList.map(function (theme) {
+      return {
+        id: theme.id,
+        title: qualifT("Scan.themes.".concat(theme.label)),
+        icon: /*#__PURE__*/_react.default.createElement(_QualificationIcon.default, {
+          theme: theme.label
+        }),
+        children: theme.items.map(function (item) {
+          return {
+            id: item.label,
+            item: item,
+            title: qualifT("Scan.items.".concat(item.label)),
+            icon: (0, _documentTypeDataHelpers.isQualificationNote)(item) ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+              icon: _Note.default,
+              color: "#E049BF",
+              size: 16
+            }) : /*#__PURE__*/_react.default.createElement(_QualificationIcon.default, {
+              qualification: item.label
+            })
+          };
+        })
+      };
+    })))
+  };
+};
+
+exports.makeOptions = makeOptions;
+
+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());
+  });
+};
+
+exports.searchOptionsFn = searchOptionsFn;
+
+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);
+    }
+  };
+};
+
+exports.makeSearchOptions = makeSearchOptions;

package/dist/Qualification/QualificationModal/index.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _qualification = require("cozy-client/dist/models/document/qualification");
+
+var _NestedSelectResponsive = _interopRequireDefault(require("cozy-ui/transpiled/react/NestedSelect/NestedSelectResponsive"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var QualificationModal = function QualificationModal(_ref) {
+  var _file$metadata, _file$metadata$qualif;
+
+  var file = _ref.file,
+      title = _ref.title,
+      noDataLabel = _ref.noDataLabel,
+      onClose = _ref.onClose;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+  var client = (0, _cozyClient.useClient)();
+
+  var _useI18n = (0, _I18n.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 = (0, _react.useMemo)(function () {
+    return (0, _helpers.makeOptions)(lang);
+  }, [lang]);
+  var searchOptions = (0, _react.useMemo)(function () {
+    return (0, _helpers.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 (0, _qualification.isSupportedQualification)(qualificationLabel) ? qualificationLabel === (item === null || item === void 0 ? void 0 : item.label) : id === 'none';
+  };
+
+  var handleClick = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
+      var id, item, fileCollection, removeQualification;
+      return _regenerator.default.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.default.createElement(_NestedSelectResponsive.default, {
+    options: options,
+    noDivider: true,
+    document: file,
+    isSelected: isSelected,
+    searchOptions: searchOptions,
+    onSelect: handleClick,
+    onClose: onClose
+  });
+};
+
+QualificationModal.propTypes = {
+  file: _propTypes.default.object,
+  title: _propTypes.default.string,
+  noDataLabel: _propTypes.default.string,
+  onClose: _propTypes.default.func
+};
+var _default = QualificationModal;
+exports.default = _default;

package/dist/Qualification/QualificationModal/locales/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 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"
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/ShortcutTile/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShortcutTile = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Tile = require("cozy-ui/transpiled/react/Tile");
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _helpers = require("cozy-ui/transpiled/react/legacy/Avatar/helpers");
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var styles = {
+  "AppTile-icon": "styles__AppTile-icon___33KQ3",
+  "AppTile-icon--default": "styles__AppTile-icon--default___2wl2V",
+  "AppTile-icon-maintenance": "styles__AppTile-icon-maintenance___1aQmb",
+  "AppTile-container-maintenance": "styles__AppTile-container-maintenance___KL5F7"
+};
+var useStyles = (0, _styles.makeStyles)({
+  letter: {
+    color: 'white',
+    margin: 'auto'
+  },
+  letterWrapper: {
+    backgroundColor: function backgroundColor(_ref) {
+      var name = _ref.name;
+      return (0, _helpers.nameToColor)(name);
+    }
+  }
+});
+
+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.default.createElement(_Tile.TileIcon, null, /*#__PURE__*/_react.default.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.default.createElement(_Tile.TileIcon, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.letterWrapper
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.letter,
+    variant: "h2",
+    align: "center"
+  }, file.name[0].toUpperCase())));
+};
+
+exports.ShortcutTile = ShortcutTile;