cozy-ui-plus 1.1.0

package/dist/ContactsListModal/queries.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildContactsQuery = void 0;
+
+var _cozyClient = require("cozy-client");
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var defaultFetchPolicy = _cozyClient.fetchPolicies.olderThan(30 * 1000);
+
+var buildContactsQuery = function buildContactsQuery() {
+  return {
+    definition: function definition() {
+      return (0, _cozyClient.Q)(_contact.CONTACTS_DOCTYPE).limitBy(1000);
+    },
+    options: {
+      as: "".concat(_contact.CONTACTS_DOCTYPE),
+      fetchPolicy: defaultFetchPolicy
+    }
+  };
+};
+
+exports.buildContactsQuery = buildContactsQuery;

package/dist/ContactsListModal/withContactsListLocales.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withContactsListLocales = exports.locales = void 0;
+
+var _withLocales = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/withLocales"));
+
+var en = {
+  cancel: "Cancel",
+  save: "Save",
+  newContact: "New contact",
+  coordinates: "Coordinates",
+  givenName: "Firstname",
+  familyName: "Lastname",
+  addContact: "Add a contact",
+  searchContact: "Search a contact",
+  emptyContact: "No contact"
+};
+var fr = {
+  cancel: "Annuler",
+  save: "Enregistrer",
+  newContact: "Nouveau contact",
+  coordinates: "Coordonn\xE9es",
+  givenName: "Pr\xE9nom",
+  familyName: "Nom",
+  addContact: "Ajouter un contact",
+  searchContact: "Rechercher un contact",
+  emptyContact: "Aucun contact"
+};
+var locales = {
+  en: en,
+  fr: fr
+};
+exports.locales = locales;
+var withContactsListLocales = (0, _withLocales.default)(locales);
+exports.withContactsListLocales = withContactsListLocales;

package/dist/Dialogs/AuthenticationDialogs/index.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _PermissionDialog = _interopRequireDefault(require("cozy-ui/transpiled/react/CozyDialogs/PermissionDialog"));
+
+var _CozyAuthentification = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CozyAuthentification"));
+
+var _PasswordField = _interopRequireDefault(require("cozy-ui/transpiled/react/PasswordField"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _withSpecificDialogsLocales = _interopRequireDefault(require("./withSpecificDialogsLocales"));
+
+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; }
+
+/**
+ * Dialog used to authenticate a user in the cozy system.
+ * The authentication logic is implemented in the applications.
+ */
+var AuthentificationDialog = function AuthentificationDialog(_ref) {
+  var onClose = _ref.onClose,
+      onSubmit = _ref.onSubmit,
+      isLoading = _ref.isLoading,
+      isOIDC = _ref.isOIDC,
+      error = _ref.error,
+      resetRedirection = _ref.resetRedirection;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var client = (0, _cozyClient.useClient)();
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      password = _useState2[0],
+      setPassword = _useState2[1];
+
+  var handleSubmit = function handleSubmit(e) {
+    e.preventDefault();
+    onSubmit(password);
+  };
+
+  var onPasswordChange = function onPasswordChange(e) {
+    setPassword(e.currentTarget.value);
+  };
+
+  var passphraseResetUrl = (0, _react.useMemo)(function () {
+    var url = new URL('/auth/passphrase_reset', client.getStackClient().uri);
+
+    if (resetRedirection) {
+      url.searchParams.set('from', resetRedirection);
+    }
+
+    return url.href;
+  }, [client, resetRedirection]);
+  return /*#__PURE__*/_react.default.createElement(_PermissionDialog.default, {
+    open: true,
+    onClose: onClose,
+    title: t("authentification-dialog.".concat(isOIDC ? 'title-oidc' : 'title')),
+    icon: _CozyAuthentification.default,
+    content: /*#__PURE__*/_react.default.createElement("form", {
+      onSubmit: handleSubmit
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "body1",
+      className: "u-ta-center"
+    }, t('authentification-dialog.subtitle')), /*#__PURE__*/_react.default.createElement(_PasswordField.default, {
+      autoFocus: true,
+      disabled: isLoading,
+      value: password,
+      onChange: onPasswordChange,
+      className: "u-mv-1",
+      label: t("authentification-dialog.".concat(isOIDC ? 'label-oidc' : 'label')),
+      error: Boolean(error),
+      helperText: error && t("authentification-dialog.errors.".concat(error)),
+      fullWidth: true,
+      required: true
+    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "body1",
+      component: "a",
+      color: "primary",
+      href: passphraseResetUrl,
+      className: "u-link"
+    }, t('authentification-dialog.forgotten-password'))),
+    actions: /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      busy: isLoading,
+      disabled: isLoading || password.length === 0,
+      onClick: handleSubmit,
+      label: t('authentification-dialog.unlock'),
+      fullWidth: true
+    })
+  });
+};
+
+AuthentificationDialog.defaultProps = {
+  isOIDC: false
+};
+AuthentificationDialog.propTypes = {
+  /** A function call on clicking the close button */
+  onClose: _propTypes.default.func,
+
+  /** A function call on submitting the form with the password entered */
+  onSubmit: _propTypes.default.func,
+
+  /** Waiting status, e.g. processing of form submission */
+  isLoading: _propTypes.default.bool,
+
+  /** Show specific wording for OIDC */
+  isOIDC: _propTypes.default.bool,
+
+  /** Error key to display a message */
+  error: _propTypes.default.string,
+
+  /** Application slug where to redirect the user after a password reset */
+  resetRedirection: _propTypes.default.string
+};
+
+var _default = (0, _withSpecificDialogsLocales.default)(AuthentificationDialog);
+
+exports.default = _default;

package/dist/Field/index.js

@@ -0,0 +1,297 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FieldContainer = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Label = _interopRequireDefault(require("cozy-ui/transpiled/react/Label"));
+
+var _SelectBox = _interopRequireDefault(require("cozy-ui/transpiled/react/SelectBox"));
+
+var _Textarea = _interopRequireDefault(require("cozy-ui/transpiled/react/Textarea"));
+
+var _Input = _interopRequireDefault(require("cozy-ui/transpiled/react/legacy/Input"));
+
+var _ContactPicker = _interopRequireDefault(require("../ContactPicker"));
+
+var _excluded = ["hideLabel", "showLabel", "fullwidth", "secondaryComponent", "inputRef"],
+    _excluded2 = ["className", "variant"];
+
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var labelStyles = {
+  "c-label": "styles__c-label___24c92",
+  "is-error": "styles__is-error___1gUPb",
+  "c-label--block": "styles__c-label--block___1Zska"
+};
+var styles = {
+  "o-field": "styles__o-field___2B6P3",
+  "o-field--inline": "styles__o-field--inline___3D2bq",
+  "o-field-input": "styles__o-field-input___1nDVQ",
+  "o-side": "styles__o-side___Pf8h0",
+  "o-field-input-action": "styles__o-field-input-action___3pU38",
+  "o-side-fullwidth": "styles__o-side-fullwidth___ztued"
+};
+
+/**
+ * PropTypes to pass to Input but not to other components, like SelectBox
+ * for example
+ */
+var inputSpecificPropTypes = {
+  autoCapitalize: _propTypes.default.string,
+  autoComplete: _propTypes.default.string,
+  onKeyUp: _propTypes.default.func
+};
+
+var InputPassword = function InputPassword(_ref) {
+  var hideLabel = _ref.hideLabel,
+      showLabel = _ref.showLabel,
+      fullwidth = _ref.fullwidth,
+      secondaryComponent = _ref.secondaryComponent,
+      inputRef = _ref.inputRef,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var toggleVisibility = function toggleVisibility() {
+    setVisible(function (visible) {
+      return !visible;
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles['o-field-input']
+  }, !secondaryComponent && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(labelStyles['c-label'], styles['o-field-input-action'], (0, _defineProperty2.default)({}, styles['o-side-fullwidth'], fullwidth)),
+    onClick: toggleVisibility
+  }, visible ? hideLabel : showLabel), secondaryComponent && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(styles['o-field-input-action'], (0, _defineProperty2.default)({}, styles['o-side-fullwidth'], fullwidth)),
+    onClick: toggleVisibility
+  }, secondaryComponent({
+    visible: visible
+  })), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, restProps, {
+    ref: inputRef,
+    fullwidth: fullwidth,
+    type: visible ? 'text' : 'password'
+  })));
+};
+
+InputPassword.propTypes = _objectSpread(_objectSpread({}, _Input.default.propTypes), {}, {
+  hideLabel: _propTypes.default.string,
+  showLabel: _propTypes.default.string
+});
+InputPassword.defaultProps = _objectSpread({}, _Input.default.defaultProps);
+
+var FieldContainer = function FieldContainer(props) {
+  var className = props.className,
+      variant = props.variant,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(styles['o-field'], (0, _defineProperty2.default)({}, styles['o-field--inline'], variant === 'inline'), className)
+  }, rest));
+};
+
+exports.FieldContainer = FieldContainer;
+
+var Field = function Field(props) {
+  var autoCapitalize = props.autoCapitalize,
+      autoComplete = props.autoComplete,
+      className = props.className,
+      disabled = props.disabled,
+      fieldProps = props.fieldProps,
+      labelProps = props.labelProps,
+      fullwidth = props.fullwidth,
+      label = props.label,
+      id = props.id,
+      inputRef = props.inputRef,
+      name = props.name,
+      type = props.type,
+      value = props.value,
+      placeholder = props.placeholder,
+      error = props.error,
+      onChange = props.onChange,
+      onKeyUp = props.onKeyUp,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      readOnly = props.readOnly,
+      secondaryLabels = props.secondaryLabels,
+      secondaryComponent = props.secondaryComponent,
+      side = props.side,
+      size = props.size,
+      variant = props.variant;
+
+  var controlledProps = _objectSpread(_objectSpread({}, value !== undefined ? {
+    value: value
+  } : {}), onChange ? {
+    onChange: onChange
+  } : {});
+
+  var inputType = function inputType(type) {
+    switch (type) {
+      case 'select':
+        return /*#__PURE__*/_react.default.createElement(_SelectBox.default, (0, _extends2.default)({}, _omit.default.apply(void 0, [props].concat((0, _toConsumableArray2.default)(Object.keys(inputSpecificPropTypes)))), {
+          // If value prop is falsy, the SelectBox never displays any selected
+          // option. Only passing `undefined` make the SelectBox work
+          // properly.
+          value: props.value || undefined
+        }));
+
+      case 'textarea':
+        return /*#__PURE__*/_react.default.createElement(_Textarea.default, (0, _extends2.default)({
+          autoCapitalize: autoCapitalize,
+          disabled: disabled,
+          id: id,
+          name: name,
+          placeholder: placeholder,
+          error: error,
+          onKeyUp: onKeyUp,
+          onFocus: onFocus,
+          onBlur: onBlur,
+          readOnly: readOnly
+        }, controlledProps));
+
+      case 'password':
+        return /*#__PURE__*/_react.default.createElement(InputPassword, (0, _extends2.default)({
+          autoCapitalize: autoCapitalize,
+          autoComplete: autoComplete,
+          disabled: disabled,
+          fullwidth: fullwidth,
+          id: id,
+          inputRef: inputRef,
+          name: name,
+          type: type,
+          placeholder: placeholder,
+          error: error
+        }, controlledProps, {
+          onKeyUp: onKeyUp,
+          onFocus: onFocus,
+          onBlur: onBlur,
+          readOnly: readOnly,
+          size: size
+        }, fieldProps, secondaryLabels, {
+          secondaryComponent: secondaryComponent
+        }));
+
+      case 'contact':
+        return /*#__PURE__*/_react.default.createElement(_ContactPicker.default, {
+          placeholder: placeholder,
+          onChange: onChange,
+          selectedContact: value
+        });
+
+      case 'date':
+      case 'email':
+      case 'url':
+      case 'text':
+      case 'number':
+        return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
+          autoCapitalize: autoCapitalize,
+          autoComplete: autoComplete,
+          disabled: disabled,
+          fullwidth: fullwidth,
+          id: id,
+          ref: inputRef,
+          name: name,
+          type: type,
+          placeholder: placeholder,
+          error: error
+        }, controlledProps, {
+          onKeyUp: onKeyUp,
+          onFocus: onFocus,
+          onBlur: onBlur,
+          readOnly: readOnly,
+          size: size
+        }, fieldProps));
+
+      default:
+        throw new Error("".concat(type, " is not a valid type. Type must be ").concat(allowedTypes.join(', ')));
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(FieldContainer, {
+    className: className,
+    variant: variant
+  }, /*#__PURE__*/_react.default.createElement(_Label.default, (0, _extends2.default)({
+    htmlFor: id
+  }, labelProps), label), side && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(styles['o-side'], labelStyles['c-label'], (0, _defineProperty2.default)({}, styles['o-side-fullwidth'], fullwidth))
+  }, side), inputType(type));
+};
+
+var allowedTypes = ['date', 'email', 'password', 'select', 'textarea', 'text', 'url', 'number', 'contact'];
+Field.propTypes = _objectSpread(_objectSpread({}, inputSpecificPropTypes), {}, {
+  disabled: _propTypes.default.bool,
+  labelProps: _propTypes.default.object,
+  fieldProps: _propTypes.default.object,
+  fullwidth: _propTypes.default.bool,
+  label: _propTypes.default.node.isRequired,
+  id: _propTypes.default.string,
+  name: _propTypes.default.string,
+  type: _propTypes.default.oneOf(allowedTypes),
+  // value should be an object for type=select and string for others
+  value: function value(props, propName, componentName) {
+    // not a required props
+    if (typeof props[propName] === 'undefined') return;
+
+    if (props.type === 'select' && typeof props[propName] !== 'object') {
+      return new Error('Invalid prop `' + propName + '` supplied to' + ' `' + componentName + '`. Expected an object for a Field value with type=select.');
+    } else if (props.type !== 'select' && typeof props[propName] !== 'string') {
+      return new Error('Invalid prop `' + propName + '` supplied to' + ' `' + componentName + '`. Expected value to be a string.');
+    }
+  },
+  placeholder: _propTypes.default.string,
+  error: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  onKeyUp: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  side: _propTypes.default.node,
+  size: _propTypes.default.oneOf(['tiny', 'medium', 'large']),
+  secondaryLabels: _propTypes.default.object,
+  secondaryComponent: _propTypes.default.func
+});
+Field.defaultProps = {
+  fieldProps: {},
+  labelProps: {},
+  fullwidth: false,
+  label: '',
+  id: '',
+  type: 'text',
+  value: undefined,
+  placeholder: '',
+  error: false,
+  size: 'large',
+  secondaryLabels: {}
+};
+var _default = Field;
+exports.default = _default;

package/dist/FileImageLoader/checkImageSource.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkImageSource = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+/**
+ * @param {string} src - Image source
+ * @returns {Promise<void>}
+ */
+var checkImageSource = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src) {
+    var TTL, timeout, img, cleanImageLoader;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            TTL = 10000;
+            timeout = null;
+            img = null;
+
+            cleanImageLoader = function cleanImageLoader() {
+              clearTimeout(timeout);
+              img.onload = img.onerror = null;
+              img.src = '';
+              img = null;
+            };
+
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              img = new Image();
+              img.onload = resolve;
+              img.onerror = reject;
+              img.src = src;
+              timeout = setTimeout(function () {
+                return reject(new Error('Loading image took too long'));
+              }, TTL);
+            }).then(function () {
+              return cleanImageLoader();
+            }));
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function checkImageSource(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.checkImageSource = checkImageSource;