cozy-ui 131.0.1 → 131.1.0-beta.2

package/transpiled/react/DateMonthPicker/index.js

@@ -1,119 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import cx from 'classnames';
-import format from 'date-fns/format';
-import range from 'lodash/range';
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-var styles = {
-  "DateMonthPicker__YearControls": "styles__DateMonthPicker__YearControls___1DGlB",
-  "DateMonthPicker__YearButton": "styles__DateMonthPicker__YearButton___3zNDK",
-  "DateMonthPicker__MonthButton": "styles__DateMonthPicker__MonthButton___3I_Mm",
-  "DateMonthPicker__MonthButton--selected": "styles__DateMonthPicker__MonthButton--selected___40hCm",
-  "DateMonthPicker__Year": "styles__DateMonthPicker__Year___387bP",
-  "DateMonthPicker__MonthGrid": "styles__DateMonthPicker__MonthGrid___TCFg4"
-};
-import Icon from "cozy-ui/transpiled/react/Icon";
-import LeftIcon from "cozy-ui/transpiled/react/Icons/Left";
-import RightIcon from "cozy-ui/transpiled/react/Icons/Right";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var MonthButton = function MonthButton(_ref) {
-  var monthNum = _ref.monthNum,
-      onClick = _ref.onClick,
-      isSelected = _ref.isSelected;
-
-  var _useI18n = useI18n(),
-      f = _useI18n.f; // We do not care about year and day since we are creating the date
-  // only to be able to format it into a monthName
-
-
-  var d = new Date(2019, monthNum, 15);
-
-  var handleClick = function handleClick() {
-    onClick(monthNum);
-  };
-
-  return /*#__PURE__*/React.createElement("button", {
-    className: cx(styles.DateMonthPicker__MonthButton, isSelected ? styles['DateMonthPicker__MonthButton--selected'] : null),
-    onClick: handleClick
-  }, f(d, 'LLL'));
-};
-
-var useCounter = function useCounter(initialValue, min, max) {
-  var _useState = useState(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var increment = function increment() {
-    return setState(Math.min(state + 1, max));
-  };
-
-  var decrement = function decrement() {
-    return setState(Math.max(state - 1, min));
-  };
-
-  return [state, decrement, increment];
-};
-
-var DateMonthPicker = function DateMonthPicker(_ref2) {
-  var initialValue = _ref2.initialValue,
-      onSelect = _ref2.onSelect;
-
-  var _initialValue$split$m = initialValue.split('-').map(function (x) {
-    return parseInt(x, 10);
-  }),
-      _initialValue$split$m2 = _slicedToArray(_initialValue$split$m, 2),
-      initialYear = _initialValue$split$m2[0],
-      initialMonth = _initialValue$split$m2[1];
-
-  var _useCounter = useCounter(parseInt(initialYear, 10), 1990, Infinity),
-      _useCounter2 = _slicedToArray(_useCounter, 3),
-      year = _useCounter2[0],
-      decreaseYear = _useCounter2[1],
-      increaseYear = _useCounter2[2];
-
-  var handleClickMonth = function handleClickMonth(month) {
-    var d = new Date(year, month, 1);
-    onSelect(format(d, 'yyyy-LL-dd'));
-  };
-
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: styles.DateMonthPicker__YearControls
-  }, /*#__PURE__*/React.createElement("button", {
-    className: styles.DateMonthPicker__YearButton,
-    title: year - 1,
-    onClick: decreaseYear
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: LeftIcon
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.DateMonthPicker__Year)
-  }, year), /*#__PURE__*/React.createElement("button", {
-    className: styles.DateMonthPicker__YearButton,
-    title: year + 1,
-    onClick: increaseYear
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: RightIcon
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: styles.DateMonthPicker__MonthGrid
-  }, range(0, 12).map(function (i) {
-    return /*#__PURE__*/React.createElement(MonthButton, {
-      key: i,
-      isSelected: initialMonth - 1 === i && year == initialYear,
-      monthNum: i,
-      onClick: handleClickMonth
-    });
-  })));
-};
-
-var dateMonthProp = function dateMonthProp(props, propName, componentName) {
-  if (!/^[0-9]{4}-[0-9]{2}$/.test(props[propName])) {
-    return new Error('Invalid prop `' + propName + '` supplied to' + ' `' + componentName + '`. Should be in the form yyyy-LL.');
-  }
-};
-
-DateMonthPicker.propTypes = {
-  onSelect: PropTypes.func.isRequired,
-  initialValue: dateMonthProp
-};
-export default DateMonthPicker;

package/transpiled/react/DateMonthPicker/index.spec.d.ts

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

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

@@ -1,5 +0,0 @@
-export function makeFormat({ ampm, mode, lang }: {
-    ampm: any;
-    mode: any;
-    lang: any;
-}): "dd/LL/yyyy" | "LL/dd/yyyy" | "HH:mm" | "HH:mm a" | "dd/LL/yyyy HH:mm" | "LL/dd/yyyy HH:mm a" | "LL/dd/yyyy HH:mm" | "LL/dd/yyyy a";

package/transpiled/react/DatePicker/helpers.js

@@ -1,19 +0,0 @@
-export var makeFormat = function makeFormat(_ref) {
-  var ampm = _ref.ampm,
-      mode = _ref.mode,
-      lang = _ref.lang;
-
-  switch (mode) {
-    case 'date':
-      return lang === 'fr' ? 'dd/LL/yyyy' : 'LL/dd/yyyy';
-
-    case 'time':
-      return lang === 'fr' ? 'HH:mm' : ampm ? 'HH:mm a' : 'HH:mm';
-
-    case 'dateTime':
-      return lang === 'fr' ? 'dd/LL/yyyy HH:mm' : ampm ? 'LL/dd/yyyy HH:mm a' : 'LL/dd/yyyy HH:mm';
-
-    default:
-      return lang === 'fr' ? 'dd/LL/yyyy' : ampm ? 'LL/dd/yyyy a' : 'LL/dd/yyyy';
-  }
-};

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

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

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

@@ -1,2 +0,0 @@
-declare var _default: any;
-export default _default;

package/transpiled/react/DatePicker/index.js

@@ -1,331 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "label", "clearable", "value", "placeholder", "onFocus", "onBlur", "onChange", "minDate", "minDateLabelError", "format", "cancelLabel", "clearLabel", "okLabel", "todayLabel", "showTodayButton", "helperText", "errorLabel", "inputVariant", "inputProps", "KeyboardButtonProps", "enableKeyboard", "mode", "ampm"];
-
-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; }
-
-import DateFnsUtils from '@date-io/date-fns';
-import { MuiPickersUtilsProvider, KeyboardDatePicker as MuiKeyboardDatePicker, KeyboardTimePicker as MuiKeyboardTimePicker, KeyboardDateTimePicker as MuiKeyboardDateTimePicker, DatePicker as MuiDatePicker, TimePicker as MuiTimePicker, DateTimePicker as MuiDateTimePicker } from '@material-ui/pickers';
-import cx from 'classnames';
-import formatFNS from 'date-fns/format';
-import isBefore from 'date-fns/isBefore';
-import LocaleEN from 'date-fns/locale/en-US';
-import LocaleFR from 'date-fns/locale/fr';
-import subDays from 'date-fns/subDays';
-import PropTypes from 'prop-types';
-import React, { forwardRef, useState } from 'react';
-import { makeFormat } from "cozy-ui/transpiled/react/DatePicker/helpers";
-import withOwnLocales from "cozy-ui/transpiled/react/DatePicker/locales/withOwnLocales";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var localesFNS = {
-  fr: LocaleFR,
-  en: LocaleEN
-};
-var useStyles = makeStyles(function () {
-  return {
-    overrides: {
-      width: '100%',
-      height: function height(isDesktop) {
-        return isDesktop ? '5rem' : 'inherit';
-      },
-      MuiOutlinedInput: {
-        '&:focused': {
-          notchedOutline: {
-            borderColor: 'var(--primaryColor)'
-          }
-        }
-      }
-    }
-  };
-});
-var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      label = _ref.label,
-      _ref$clearable = _ref.clearable,
-      clearable = _ref$clearable === void 0 ? false : _ref$clearable,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      placeholder = _ref.placeholder,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      minDate = _ref.minDate,
-      minDateLabelError = _ref.minDateLabelError,
-      format = _ref.format,
-      cancelLabel = _ref.cancelLabel,
-      clearLabel = _ref.clearLabel,
-      okLabel = _ref.okLabel,
-      todayLabel = _ref.todayLabel,
-      _ref$showTodayButton = _ref.showTodayButton,
-      showTodayButton = _ref$showTodayButton === void 0 ? false : _ref$showTodayButton,
-      helperText = _ref.helperText,
-      errorLabel = _ref.errorLabel,
-      _ref$inputVariant = _ref.inputVariant,
-      inputVariant = _ref$inputVariant === void 0 ? 'outlined' : _ref$inputVariant,
-      inputProps = _ref.inputProps,
-      KeyboardButtonProps = _ref.KeyboardButtonProps,
-      enableKeyboard = _ref.enableKeyboard,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'date' : _ref$mode,
-      ampm = _ref.ampm,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isFocused = _useState4[0],
-      setIsFocused = _useState4[1];
-
-  var _useBreakpoints = useBreakpoints(),
-      isDesktop = _useBreakpoints.isDesktop;
-
-  var classes = useStyles(isDesktop);
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t,
-      lang = _useI18n.lang;
-
-  var isError = !isFocused && Boolean(error);
-
-  var _helperText = isError ? error : helperText !== null && helperText !== void 0 ? helperText : null;
-
-  var _format = format || makeFormat({
-    ampm: ampm,
-    mode: mode,
-    lang: lang
-  });
-
-  var _ampm = ampm !== null && ampm !== void 0 ? ampm : !(mode === 'time' || mode === 'dateTime');
-
-  var _placeholder = placeholder !== null && placeholder !== void 0 ? placeholder : formatFNS(new Date(), _format);
-
-  var _clearLabel = clearLabel || t('clear');
-
-  var _todayLabel = todayLabel || t('today');
-
-  var _cancelLabel = cancelLabel || t('cancel');
-
-  var _okLabel = okLabel || t('ok');
-
-  var _minDateLabelError = minDateLabelError ? minDateLabelError : minDate ? t('minDateLabelError', {
-    date: formatFNS(minDate, _format)
-  }) : null;
-
-  var _KeyboardButtonProps = _objectSpread({
-    'aria-label': label
-  }, KeyboardButtonProps);
-
-  var _inputProps = _objectSpread({
-    inputMode: 'numeric'
-  }, inputProps);
-
-  var handleChange = function handleChange(val) {
-    if ((val === null || val === void 0 ? void 0 : val.toString()) !== 'Invalid Date') {
-      if (minDate && isBefore(val, subDays(minDate, 1))) {
-        setError(_minDateLabelError);
-        onChange(val, false);
-        return;
-      }
-
-      setError(null);
-      onChange(val, true);
-    } else if (val === '') {
-      setError(null);
-      onChange(null, true);
-    } else {
-      setError(errorLabel !== null && errorLabel !== void 0 ? errorLabel : t('invalidDate'));
-      onChange(val, false);
-    }
-  };
-
-  var handleBlur = function handleBlur() {
-    setIsFocused(false);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(false);
-  };
-
-  var handleFocus = function handleFocus() {
-    setIsFocused(true);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(true);
-  };
-
-  var DatePickerComponent;
-
-  switch (mode) {
-    case 'date':
-      DatePickerComponent = enableKeyboard ? MuiKeyboardDatePicker : MuiDatePicker;
-      break;
-
-    case 'time':
-      DatePickerComponent = enableKeyboard ? MuiKeyboardTimePicker : MuiTimePicker;
-      break;
-
-    case 'dateTime':
-      DatePickerComponent = enableKeyboard ? MuiKeyboardDateTimePicker : MuiDateTimePicker;
-      break;
-  }
-
-  return /*#__PURE__*/React.createElement(MuiPickersUtilsProvider, {
-    utils: DateFnsUtils,
-    locale: localesFNS[lang]
-  }, /*#__PURE__*/React.createElement(DatePickerComponent, _extends({
-    inputRef: ref,
-    label: label,
-    placeholder: _placeholder,
-    value: value,
-    helperText: _helperText,
-    className: cx(classes.overrides, className),
-    minDate: minDate,
-    ampm: _ampm,
-    format: _format,
-    onChange: handleChange,
-    error: isError,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    inputVariant: inputVariant,
-    inputProps: _inputProps,
-    KeyboardButtonProps: _KeyboardButtonProps // Modal start
-    ,
-    showTodayButton: showTodayButton,
-    todayLabel: _todayLabel,
-    clearable: clearable,
-    clearLabel: _clearLabel,
-    cancelLabel: _cancelLabel,
-    okLabel: _okLabel // Modal end
-
-  }, props)));
-});
-DatePicker.displayName = 'DatePicker';
-DatePicker.prototype = {
-  /*
-    Classname to override the input style
-  */
-  className: PropTypes.string,
-
-  /*
-    Label of the input
-  */
-  label: PropTypes.string,
-
-  /*
-    Value of th input. If set by default with a Date, isValidDate will be false if the value is empty (KeyboardDatePicker behavior)
-  */
-  value: PropTypes.string.isRequired,
-
-  /*
-    Placeholder of the input
-  */
-  placeholder: PropTypes.string,
-
-  /*
-    Function that returns the value of the input when it changes and if it is a valid Date
-  */
-  onChange: PropTypes.func.isRequired,
-
-  /*
-    Function that returns if the input is blured
-  */
-  onBlur: PropTypes.func,
-
-  /*
-    Function that returns if the input is focused
-  */
-  onFocus: PropTypes.func,
-
-  /*
-    Helper text to display when the input is in error
-  */
-  helperText: PropTypes.string,
-
-  /*
-    Min date selectable with the date picker (exclusive)
-  */
-  minDate: PropTypes.instanceOf(Date),
-
-  /*
-    Error message when the min date is not respected
-  */
-  minDateLabelError: PropTypes.string,
-
-  /*
-    Format of the date
-  */
-  format: PropTypes.string,
-
-  /*
-    Date picker cancellation label
-  */
-  cancelLabel: PropTypes.string,
-
-  /*
-  Show today button
-  */
-  showTodayButton: PropTypes.bool,
-
-  /*
-    Date picker today label
-  */
-  todayLabel: PropTypes.string,
-
-  /*
-    Date picker ok label
-  */
-  okLabel: PropTypes.string,
-
-  /*
-    Show the clear button
-  */
-  clearable: PropTypes.bool,
-
-  /*
-    Date picker clear label
-  */
-  clearLabel: PropTypes.string,
-
-  /*
-    Error message when the date is invalid
-  */
-  errorLabel: PropTypes.string,
-
-  /*
-    Variant of the input
-  */
-  inputVariant: PropTypes.string,
-
-  /*
-    Props to override the input
-  */
-  inputProps: PropTypes.object,
-
-  /*
-    Props to override the keyboard button
-  */
-  KeyboardButtonProps: PropTypes.object,
-
-  /*
-    Enable the keyboard date picker
-  */
-  enableKeyboard: PropTypes.bool,
-
-  /*
-    Mode of the date picker. Default is "date"
-  */
-  mode: PropTypes.oneOf(['date', 'time', 'dateTime']),
-
-  /*
-    Enable the AM/PM selector
-  */
-  ampm: PropTypes.bool
-};
-export default withOwnLocales( /*#__PURE__*/React.memo(DatePicker));

package/transpiled/react/DatePicker/locales/withOwnLocales.d.ts

@@ -1,12 +0,0 @@
-export namespace locales {
-    export { en };
-    export { fr };
-    export { ru };
-    export { vi };
-}
-declare var _default: Component;
-export default _default;
-import en from "./en.json";
-import fr from "./fr.json";
-import ru from "./ru.json";
-import vi from "./vi.json";

package/transpiled/react/DatePicker/locales/withOwnLocales.js

@@ -1,40 +0,0 @@
-var en = {
-  cancel: "Cancel",
-  clear: "Clear",
-  invalidDate: "Invalid date",
-  ok: "Ok",
-  today: "Today",
-  minDateLabelError: "Date should not be before minimal date (%{date})"
-};
-var fr = {
-  cancel: "Annuler",
-  clear: "Supprimer",
-  invalidDate: "Date invalide",
-  ok: "Ok",
-  today: "Aujourd'hui",
-  minDateLabelError: "La date ne doit pas \xEAtre ant\xE9rieure \xE0 la date minimale (%{date})"
-};
-var ru = {
-  cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
-  clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
-  invalidDate: "\u041D\u0435\u0432\u0435\u0440\u043D\u0430\u044F \u0434\u0430\u0442\u0430",
-  ok: "\u041E\u041A",
-  today: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F",
-  minDateLabelError: "\u0414\u0430\u0442\u0430 \u043D\u0435 \u0434\u043E\u043B\u0436\u043D\u0430 \u0431\u044B\u0442\u044C \u0440\u0430\u043D\u044C\u0448\u0435 \u043C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0439 \u0434\u0430\u0442\u044B (%{date})"
-};
-var vi = {
-  cancel: "H\u1EE7y",
-  clear: "X\xF3a",
-  invalidDate: "Ng\xE0y kh\xF4ng h\u1EE3p l\u1EC7",
-  ok: "Ok",
-  today: "H\xF4m nay",
-  minDateLabelError: "Ng\xE0y kh\xF4ng \u0111\u01B0\u1EE3c tr\u01B0\u1EDBc ng\xE0y t\u1ED1i thi\u1EC3u (%{date})"
-};
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
-export var locales = {
-  en: en,
-  fr: fr,
-  ru: ru,
-  vi: vi
-};
-export default withOnlyLocales(locales);

package/transpiled/react/Dialog/DialogActions.d.ts

@@ -1,2 +0,0 @@
-export default DialogActions;
-import DialogActions from "@material-ui/core/DialogActions";

package/transpiled/react/Dialog/DialogActions.js

@@ -1,2 +0,0 @@
-import DialogActions from '@material-ui/core/DialogActions';
-export default DialogActions;

package/transpiled/react/Dialog/DialogContent.d.ts

@@ -1,2 +0,0 @@
-export default DialogContent;
-import DialogContent from "@material-ui/core/DialogContent";

package/transpiled/react/Dialog/DialogContent.js

@@ -1,2 +0,0 @@
-import DialogContent from '@material-ui/core/DialogContent';
-export default DialogContent;

package/transpiled/react/Dialog/DialogContentText.d.ts

@@ -1,2 +0,0 @@
-export default DialogContentText;
-import DialogContentText from "@material-ui/core/DialogContentText";

package/transpiled/react/Dialog/DialogContentText.js

@@ -1,2 +0,0 @@
-import DialogContentText from '@material-ui/core/DialogContentText';
-export default DialogContentText;

package/transpiled/react/Dialog/DialogEffects.d.ts

@@ -1,36 +0,0 @@
-import { Theme } from '@material-ui/core';
-import { FlagshipUI } from '../hooks/useSetFlagshipUi/useSetFlagshipUI';
-interface DialogEffectsOptions {
-    cozybar?: Element | null;
-    fullscreen?: boolean;
-    immersive?: boolean;
-    sidebar?: HTMLElement | Element | null;
-    rootModal?: HTMLElement | Element | null;
-    theme: Theme;
-    isLight?: boolean;
-}
-export declare enum DOMStrings {
-    BackgroundDefault = "default",
-    BackgroundPaper = "paper",
-    CozyBarBackground = "background-color",
-    CozyBarClass = ".coz-bar-wrapper",
-    CozyBarPrimaryClass = "coz-theme-primary",
-    DialogClass = ".MuiPaper-root",
-    OverlayActive = "rgba(0, 0, 0, 0.5)",
-    OverlayTransparent = "transparent",
-    RootModalColor = "color",
-    SidebarID = "sidebar"
-}
-export declare const makeOnMount: ({ cozybar, fullscreen, sidebar, rootModal, theme }: DialogEffectsOptions) => FlagshipUI;
-export declare const makeOnUnmount: ({ rootModal, theme, immersive, sidebar, cozybar, isLight }: DialogEffectsOptions) => FlagshipUI;
-/**
- * Custom version of useSetFlagshipUi() that is aware of the Dialog component.
- *
- * The difference here is that we send messages to the Native app when a props change.
- * In the original version, we send the mount message as soon as the component is rendered.
- *
- * Dialog can be rendered but hidden, so we need to wait for the open prop to be true
- */
-export declare const useDialogSetFlagshipUI: (open: boolean, onMount: FlagshipUI, onUnmount?: FlagshipUI | undefined, caller?: string | undefined) => void;
-export declare const useDialogEffects: (open: boolean, fullscreen?: boolean | undefined) => void;
-export {};