matsuri-ui 9.7.2-alpha.0

package/dist/cjs/DateField/DateField.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateField = exports.DATE_FORMAT = void 0;
+
+var _CalendarUI = require("../CalendarUI");
+
+var _FormControl = require("../FormControl");
+
+var _FormHelperText = require("../FormHelperText");
+
+var _InputBase = require("../InputBase");
+
+var _InputLabel = require("../InputLabel");
+
+var _Paper = require("../Paper");
+
+var _Popper = require("../Popper");
+
+var _react = require("@emotion/react");
+
+var _useDitectInputTouched = require("../TextField/useDitectInputTouched");
+
+var _hooks = require("../hooks");
+
+var _theme = require("../theme");
+
+var _useValidation = require("../TextField/useValidation");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const today = (0, _dayjs.default)();
+const todayEvent = {
+  start: today,
+  end: today,
+  type: "today",
+  props: {
+    variant: "outlined",
+    color: "primary",
+    disableAnimation: true
+  }
+};
+const DATE_FORMAT = "YYYY-MM-DD";
+exports.DATE_FORMAT = DATE_FORMAT;
+
+/**
+ * ## 入力値のフォーマットについて
+ *
+ * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。
+ * `dayjs`では次のようにしてフォーマットできます。
+ *
+ * ```tsx
+ * dayjs().format("YYYY-MM-DD")
+ *```
+ */
+const DateField = ({
+  className,
+  style,
+  label,
+  onChange,
+  validationMessages,
+  customValidations,
+  value: propsValue,
+  disablePortal = true,
+  defaultValue,
+  min,
+  max,
+  readOnly,
+  disabled,
+  bottomGutter,
+  helperText,
+  invalid,
+  ...props
+}) => {
+  const [anchorEl, setAnchorEl] = (0, _react2.useState)(null);
+  const ref = (0, _react2.useRef)(null);
+  const [value, setValue] = (0, _react2.useState)((0, _dayjs.default)(propsValue || defaultValue || undefined).format("YYYY-MM-DD"));
+  const validation = (0, _useValidation.useValidation)({
+    ref,
+    validationMessages,
+    customValidations,
+    value
+  });
+  /**
+   * Popper
+   */
+
+  const [open, setOpen] = (0, _react2.useState)(false);
+  const handleClick = (0, _react2.useCallback)(() => {
+    setOpen(true);
+  }, []);
+  const containerRef = (0, _react2.useRef)(null);
+  (0, _hooks.useOnClickOutside)(containerRef, (0, _react2.useCallback)(() => {
+    setOpen(false);
+  }, []));
+  /**
+   * CalendarUI
+   */
+
+  const selectedDate = (0, _react2.useMemo)(() => value || defaultValue, [defaultValue, value]);
+  const selectedEventDay = (0, _react2.useMemo)(() => {
+    if (selectedDate === undefined) return undefined;
+    return [todayEvent, {
+      start: selectedDate,
+      end: selectedDate,
+      type: "selected",
+      props: {
+        variant: "filled",
+        color: "primary",
+        disableAnimation: true
+      }
+    }];
+  }, [selectedDate]);
+  /**
+   * Handling
+   */
+
+  const handleChange = (0, _react2.useCallback)(event => {
+    const nextValue = (0, _dayjs.default)(event.currentTarget.value).format("YYYY-MM-DD");
+    setValue(nextValue);
+
+    if (onChange) {
+      onChange(nextValue, event);
+    }
+  }, [onChange]);
+  const daysProps = (0, _react2.useMemo)(() => {
+    const handleClickDay = event => {
+      const nextValue = (0, _dayjs.default)(event.currentTarget.dataset.eventDate).format("YYYY-MM-DD");
+      setValue(nextValue);
+      setOpen(false);
+
+      if (onChange) {
+        onChange(nextValue);
+      }
+    };
+
+    return {
+      onClick: handleClickDay
+    };
+  }, [onChange]);
+  const handleRef = (0, _react2.useCallback)(node => {
+    setAnchorEl(node); //@ts-ignore
+
+    ref.current = node;
+  }, []);
+  /**
+   * External Update Value
+   */
+
+  (0, _react2.useEffect)(() => {
+    if (propsValue) {
+      setValue(propsValue);
+    }
+  }, [propsValue]);
+  const [touched, additionalProps] = (0, _useDitectInputTouched.useDitectInputTouched)();
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)(_FormControl.FormControl, {
+    style: style,
+    className: className
+  }, (0, _react.jsx)(_InputLabel.InputLabel, {
+    "aria-disabled": disabled,
+    required: props.required
+  }, label), (0, _react.jsx)(_InputBase.InputBase, _extends({
+    onChange: handleChange,
+    ref: handleRef,
+    type: "date",
+    readOnly: readOnly
+  }, props, {
+    disabled: disabled,
+    onClick: readOnly ? undefined : handleClick,
+    value: value,
+    min: min,
+    "data-invalid": !validation.valid,
+    max: max
+  }, additionalProps)), touched && validation.message ? (0, _react.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: !validation.valid
+  }, validation.message) : (0, _react.jsx)(_FormHelperText.FormHelperText, {
+    bottomGutter: bottomGutter,
+    invalid: invalid
+  }, typeof helperText === "function" ? helperText({
+    value
+  }) : helperText), selectedDate !== "Invalid Date" && (0, _react.jsx)(_Popper.Popper, {
+    disablePortal: disablePortal,
+    anchorEl: anchorEl,
+    open: open,
+    placement: "bottom-start",
+    options: {
+      modifiers: [{
+        name: "preventOverflow",
+        options: {
+          padding: -21
+        }
+      }, {
+        name: "flip",
+        enabled: false
+      }]
+    }
+  }, (0, _react.jsx)(_Paper.Paper, {
+    ref: containerRef,
+    css: /*#__PURE__*/(0, _react.css)("padding:1em;margin-top:", theme.spacing, "px;margin-bottom:", theme.spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DateField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTmdDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENhbGVuZGFyRXZlbnQgfSBmcm9tIFwiLi4vQ2FsZW5kYXJcIlxuaW1wb3J0IHsgQ2FsZW5kYXJVSSB9IGZyb20gXCIuLi9DYWxlbmRhclVJXCJcbmltcG9ydCB7IEZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCJcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSBcIi4uL0Zvcm1Db250cm9sXCJcbmltcG9ydCB7IEZvcm1IZWxwZXJUZXh0LCBJbnB1dEJvdHRvbUd1dHRlclByb3BzIH0gZnJvbSBcIi4uL0Zvcm1IZWxwZXJUZXh0XCJcbmltcG9ydCB7IElucHV0QmFzZSwgSW5wdXRCYXNlUHJvcHMgfSBmcm9tIFwiLi4vSW5wdXRCYXNlXCJcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiXG5pbXBvcnQgeyBQYXBlciB9IGZyb20gXCIuLi9QYXBlclwiXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzIH0gZnJvbSBcIi4uL1BvcHBlclwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlRGl0ZWN0SW5wdXRUb3VjaGVkIH0gZnJvbSBcIi4uL1RleHRGaWVsZC91c2VEaXRlY3RJbnB1dFRvdWNoZWRcIlxuaW1wb3J0IHsgdXNlT25DbGlja091dHNpZGUgfSBmcm9tIFwiLi4vaG9va3NcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IHsgdXNlVmFsaWRhdGlvbiB9IGZyb20gXCIuLi9UZXh0RmllbGQvdXNlVmFsaWRhdGlvblwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgZGF5anMgZnJvbSBcImRheWpzXCJcblxuY29uc3QgdG9kYXkgPSBkYXlqcygpXG5jb25zdCB0b2RheUV2ZW50OiBDYWxlbmRhckV2ZW50ID0ge1xuICAgIHN0YXJ0OiB0b2RheSxcbiAgICBlbmQ6IHRvZGF5LFxuICAgIHR5cGU6IFwidG9kYXlcIixcbiAgICBwcm9wczoge1xuICAgICAgICB2YXJpYW50OiBcIm91dGxpbmVkXCIsXG4gICAgICAgIGNvbG9yOiBcInByaW1hcnlcIixcbiAgICAgICAgZGlzYWJsZUFuaW1hdGlvbjogdHJ1ZVxuICAgIH1cbn1cblxuZXhwb3J0IGNvbnN0IERBVEVfRk9STUFUID0gXCJZWVlZLU1NLUREXCJcblxuZXhwb3J0IGludGVyZmFjZSBEYXRlRmllbGRQcm9wc1xuICAgIGV4dGVuZHMgRmllbGRQcm9wczxzdHJpbmc+LFxuICAgICAgICBPbWl0PElucHV0QmFzZVByb3BzLCBcImRlZmF1bHRWYWx1ZVwiIHwgXCJ2YWx1ZVwiIHwgXCJvbkNoYW5nZVwiPixcbiAgICAgICAgUGljazxQb3BwZXJQcm9wcywgXCJkaXNhYmxlUG9ydGFsXCI+LFxuICAgICAgICBJbnB1dEJvdHRvbUd1dHRlclByb3BzIHtcbiAgICB0eXBlPzogbmV2ZXJcbn1cblxuLyoqXG4gKiAjIyDlhaXlipvlgKTjga7jg5Xjgqnjg7zjg57jg4Pjg4jjgavjgaTjgYTjgaZcbiAqXG4gKiDlhaXlipvlgKTjga7jg5Xjgqnjg7zjg57jg4Pjg4jjga9gWVlZWS1NTS1ERGDjgavpmZDlrprjgZXjgozjgb7jgZnjgILjg5Xjgqnjg7zjg57jg4Pjg4jjgZnjgovjga7jgYzpnaLlgJLjgarloLTlkIjjga9gZGF5anNg44KS5o6o5aWo44GX44G+44GZ44CCXG4gKiBgZGF5anNg44Gn44Gv5qyh44Gu44KI44GG44Gr44GX44Gm44OV44Kp44O844Oe44OD44OI44Gn44GN44G+44GZ44CCXG4gKlxuICogYGBgdHN4XG4gKiBkYXlqcygpLmZvcm1hdChcIllZWVktTU0tRERcIilcbiAqYGBgXG4gKi9cbmV4cG9ydCBjb25zdCBEYXRlRmllbGQgPSAoe1xuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZSxcbiAgICBsYWJlbCxcbiAgICBvbkNoYW5nZSxcbiAgICB2YWxpZGF0aW9uTWVzc2FnZXMsXG4gICAgY3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgdmFsdWU6IHByb3BzVmFsdWUsXG4gICAgZGlzYWJsZVBvcnRhbCA9IHRydWUsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIG1pbixcbiAgICBtYXgsXG4gICAgcmVhZE9ubHksXG4gICAgZGlzYWJsZWQsXG4gICAgYm90dG9tR3V0dGVyLFxuICAgIGhlbHBlclRleHQsXG4gICAgaW52YWxpZCxcbiAgICAuLi5wcm9wc1xufTogRGF0ZUZpZWxkUHJvcHMpID0+IHtcbiAgICBjb25zdCBbYW5jaG9yRWwsIHNldEFuY2hvckVsXSA9IHVzZVN0YXRlPG51bGwgfCBIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUoZGF5anMocHJvcHNWYWx1ZSB8fCBkZWZhdWx0VmFsdWUgfHwgdW5kZWZpbmVkKS5mb3JtYXQoXCJZWVlZLU1NLUREXCIpKVxuICAgIGNvbnN0IHZhbGlkYXRpb24gPSB1c2VWYWxpZGF0aW9uPHN0cmluZz4oe1xuICAgICAgICByZWYsXG4gICAgICAgIHZhbGlkYXRpb25NZXNzYWdlcyxcbiAgICAgICAgY3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgICAgIHZhbHVlXG4gICAgfSlcblxuICAgIC8qKlxuICAgICAqIFBvcHBlclxuICAgICAqL1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzZXRPcGVuKHRydWUpXG4gICAgfSwgW10pXG4gICAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpXG4gICAgdXNlT25DbGlja091dHNpZGUoXG4gICAgICAgIGNvbnRhaW5lclJlZixcbiAgICAgICAgdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSlcbiAgICAgICAgfSwgW10pXG4gICAgKVxuXG4gICAgLyoqXG4gICAgICogQ2FsZW5kYXJVSVxuICAgICAqL1xuICAgIGNvbnN0IHNlbGVjdGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4gdmFsdWUgfHwgZGVmYXVsdFZhbHVlLCBbZGVmYXVsdFZhbHVlLCB2YWx1ZV0pXG4gICAgY29uc3Qgc2VsZWN0ZWRFdmVudERheTogQ2FsZW5kYXJFdmVudFtdIHwgdW5kZWZpbmVkID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmIChzZWxlY3RlZERhdGUgPT09IHVuZGVmaW5lZCkgcmV0dXJuIHVuZGVmaW5lZFxuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdG9kYXlFdmVudCxcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBzdGFydDogc2VsZWN0ZWREYXRlLFxuICAgICAgICAgICAgICAgIGVuZDogc2VsZWN0ZWREYXRlLFxuICAgICAgICAgICAgICAgIHR5cGU6IFwic2VsZWN0ZWRcIixcbiAgICAgICAgICAgICAgICBwcm9wczoge1xuICAgICAgICAgICAgICAgICAgICB2YXJpYW50OiBcImZpbGxlZFwiLFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogXCJwcmltYXJ5XCIsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVBbmltYXRpb246IHRydWVcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIF1cbiAgICB9LCBbc2VsZWN0ZWREYXRlXSlcbiAgICAvKipcbiAgICAgKiBIYW5kbGluZ1xuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBkYXlqcyhldmVudC5jdXJyZW50VGFyZ2V0LnZhbHVlKS5mb3JtYXQoXCJZWVlZLU1NLUREXCIpXG4gICAgICAgICAgICBzZXRWYWx1ZShuZXh0VmFsdWUpXG4gICAgICAgICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgICBvbkNoYW5nZShuZXh0VmFsdWUsIGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VdXG4gICAgKVxuXG4gICAgY29uc3QgZGF5c1Byb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrRGF5ID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxEaXZFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmV4dFZhbHVlID0gZGF5anMoZXZlbnQuY3VycmVudFRhcmdldC5kYXRhc2V0LmV2ZW50RGF0ZSkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKVxuICAgICAgICAgICAgc2V0VmFsdWUobmV4dFZhbHVlKVxuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSlcbiAgICAgICAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKG5leHRWYWx1ZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2tEYXlcbiAgICAgICAgfVxuICAgIH0sIFtvbkNoYW5nZV0pXG5cbiAgICBjb25zdCBoYW5kbGVSZWYgPSB1c2VDYWxsYmFjaygobm9kZTogSFRNTElucHV0RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgICAgc2V0QW5jaG9yRWwobm9kZSlcbiAgICAgICAgLy9AdHMtaWdub3JlXG4gICAgICAgIHJlZi5jdXJyZW50ID0gbm9kZVxuICAgIH0sIFtdKVxuXG4gICAgLyoqXG4gICAgICogRXh0ZXJuYWwgVXBkYXRlIFZhbHVlXG4gICAgICovXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHByb3BzVmFsdWUpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpXG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHNWYWx1ZV0pXG5cbiAgICBjb25zdCBbdG91Y2hlZCwgYWRkaXRpb25hbFByb3BzXSA9IHVzZURpdGVjdElucHV0VG91Y2hlZCgpXG5cbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGb3JtQ29udHJvbCBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxJbnB1dExhYmVsIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfSByZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9PlxuICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIDwvSW5wdXRMYWJlbD5cbiAgICAgICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJkYXRlXCJcbiAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtyZWFkT25seSA/IHVuZGVmaW5lZCA6IGhhbmRsZUNsaWNrfVxuICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICAgICAgICBkYXRhLWludmFsaWQ9eyF2YWxpZGF0aW9uLnZhbGlkfVxuICAgICAgICAgICAgICAgIG1heD17bWF4fVxuICAgICAgICAgICAgICAgIHsuLi5hZGRpdGlvbmFsUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3RvdWNoZWQgJiYgdmFsaWRhdGlvbi5tZXNzYWdlID8gKFxuICAgICAgICAgICAgICAgIDxGb3JtSGVscGVyVGV4dCBib3R0b21HdXR0ZXI9e2JvdHRvbUd1dHRlcn0gaW52YWxpZD17IXZhbGlkYXRpb24udmFsaWR9PlxuICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5tZXNzYWdlfVxuICAgICAgICAgICAgICAgIDwvRm9ybUhlbHBlclRleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxGb3JtSGVscGVyVGV4dCBib3R0b21HdXR0ZXI9e2JvdHRvbUd1dHRlcn0gaW52YWxpZD17aW52YWxpZH0+XG4gICAgICAgICAgICAgICAgICAgIHt0eXBlb2YgaGVscGVyVGV4dCA9PT0gXCJmdW5jdGlvblwiID8gaGVscGVyVGV4dCh7IHZhbHVlIH0pIDogaGVscGVyVGV4dH1cbiAgICAgICAgICAgICAgICA8L0Zvcm1IZWxwZXJUZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtzZWxlY3RlZERhdGUgIT09IFwiSW52YWxpZCBEYXRlXCIgJiYgKFxuICAgICAgICAgICAgICAgIDxQb3BwZXJcbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZVBvcnRhbD17ZGlzYWJsZVBvcnRhbH1cbiAgICAgICAgICAgICAgICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgICAgICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tc3RhcnRcIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb25zPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICBtb2RpZmllcnM6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IFwicHJldmVudE92ZXJmbG93XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IC0yMVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IFwiZmxpcFwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbmFibGVkOiBmYWxzZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxQYXBlclxuICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAxZW07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nfXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZyAqIDJ9cHg7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2FsZW5kYXJVSVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heD17bWF4fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0ZT17c2VsZWN0ZWREYXRlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50cz17c2VsZWN0ZWRFdmVudERheX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXlzUHJvcHM9e2RheXNQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvUGFwZXI+XG4gICAgICAgICAgICAgICAgPC9Qb3BwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0Zvcm1Db250cm9sPlxuICAgIClcbn1cbiJdfQ== */")
+  }, (0, _react.jsx)(_CalendarUI.CalendarUI, {
+    min: min,
+    max: max,
+    size: "small",
+    date: selectedDate,
+    events: selectedEventDay,
+    daysProps: daysProps
+  }))));
+};
+
+exports.DateField = DateField;
+//# sourceMappingURL=DateField.js.map

package/dist/cjs/DateField/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DateField/DateField.tsx"],"names":["today","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","DateField","className","style","label","onChange","validationMessages","customValidations","value","propsValue","disablePortal","defaultValue","min","max","readOnly","disabled","bottomGutter","helperText","invalid","anchorEl","setAnchorEl","ref","setValue","undefined","format","validation","open","setOpen","handleClick","containerRef","selectedDate","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","current","touched","additionalProps","theme","required","valid","message","modifiers","name","options","padding","enabled","css","spacing"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG,qBAAd;AACA,MAAMC,UAAyB,GAAG;AAC9BC,EAAAA,KAAK,EAAEF,KADuB;AAE9BG,EAAAA,GAAG,EAAEH,KAFyB;AAG9BI,EAAAA,IAAI,EAAE,OAHwB;AAI9BC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE,UADN;AAEHC,IAAAA,KAAK,EAAE,SAFJ;AAGHC,IAAAA,gBAAgB,EAAE;AAHf;AAJuB,CAAlC;AAWO,MAAMC,WAAW,GAAG,YAApB;;;AAUP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,GAAG,CAAC;AACtBC,EAAAA,SADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,KAHsB;AAItBC,EAAAA,QAJsB;AAKtBC,EAAAA,kBALsB;AAMtBC,EAAAA,iBANsB;AAOtBC,EAAAA,KAAK,EAAEC,UAPe;AAQtBC,EAAAA,aAAa,GAAG,IARM;AAStBC,EAAAA,YATsB;AAUtBC,EAAAA,GAVsB;AAWtBC,EAAAA,GAXsB;AAYtBC,EAAAA,QAZsB;AAatBC,EAAAA,QAbsB;AActBC,EAAAA,YAdsB;AAetBC,EAAAA,UAfsB;AAgBtBC,EAAAA,OAhBsB;AAiBtB,KAAGtB;AAjBmB,CAAD,KAkBH;AAClB,QAAM,CAACuB,QAAD,EAAWC,WAAX,IAA0B,sBAAkC,IAAlC,CAAhC;AACA,QAAMC,GAAG,GAAG,oBAAyB,IAAzB,CAAZ;AACA,QAAM,CAACb,KAAD,EAAQc,QAAR,IAAoB,sBAAS,oBAAMb,UAAU,IAAIE,YAAd,IAA8BY,SAApC,EAA+CC,MAA/C,CAAsD,YAAtD,CAAT,CAA1B;AACA,QAAMC,UAAU,GAAG,kCAAsB;AACrCJ,IAAAA,GADqC;AAErCf,IAAAA,kBAFqC;AAGrCC,IAAAA,iBAHqC;AAIrCC,IAAAA;AAJqC,GAAtB,CAAnB;AAOA;AACJ;AACA;;AACI,QAAM,CAACkB,IAAD,EAAOC,OAAP,IAAkB,sBAAS,KAAT,CAAxB;AACA,QAAMC,WAAW,GAAG,yBAAY,MAAM;AAClCD,IAAAA,OAAO,CAAC,IAAD,CAAP;AACH,GAFmB,EAEjB,EAFiB,CAApB;AAGA,QAAME,YAAY,GAAG,oBAAO,IAAP,CAArB;AACA,gCACIA,YADJ,EAEI,yBAAY,MAAM;AACdF,IAAAA,OAAO,CAAC,KAAD,CAAP;AACH,GAFD,EAEG,EAFH,CAFJ;AAOA;AACJ;AACA;;AACI,QAAMG,YAAY,GAAG,qBAAQ,MAAMtB,KAAK,IAAIG,YAAvB,EAAqC,CAACA,YAAD,EAAeH,KAAf,CAArC,CAArB;AACA,QAAMuB,gBAA6C,GAAG,qBAAQ,MAAM;AAChE,QAAID,YAAY,KAAKP,SAArB,EAAgC,OAAOA,SAAP;AAChC,WAAO,CACH/B,UADG,EAEH;AACIC,MAAAA,KAAK,EAAEqC,YADX;AAEIpC,MAAAA,GAAG,EAAEoC,YAFT;AAGInC,MAAAA,IAAI,EAAE,UAHV;AAIIC,MAAAA,KAAK,EAAE;AACHC,QAAAA,OAAO,EAAE,QADN;AAEHC,QAAAA,KAAK,EAAE,SAFJ;AAGHC,QAAAA,gBAAgB,EAAE;AAHf;AAJX,KAFG,CAAP;AAaH,GAfqD,EAenD,CAAC+B,YAAD,CAfmD,CAAtD;AAgBA;AACJ;AACA;;AACI,QAAME,YAAY,GAAG,yBAChBC,KAAD,IAAgD;AAC5C,UAAMC,SAAS,GAAG,oBAAMD,KAAK,CAACE,aAAN,CAAoB3B,KAA1B,EAAiCgB,MAAjC,CAAwC,YAAxC,CAAlB;AACAF,IAAAA,QAAQ,CAACY,SAAD,CAAR;;AACA,QAAI7B,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAAC6B,SAAD,EAAYD,KAAZ,CAAR;AACH;AACJ,GAPgB,EAQjB,CAAC5B,QAAD,CARiB,CAArB;AAWA,QAAM+B,SAAS,GAAG,qBAAQ,MAAM;AAC5B,UAAMC,cAAc,GAAIJ,KAAD,IAAyD;AAC5E,YAAMC,SAAS,GAAG,oBAAMD,KAAK,CAACE,aAAN,CAAoBG,OAApB,CAA4BC,SAAlC,EAA6Cf,MAA7C,CAAoD,YAApD,CAAlB;AACAF,MAAAA,QAAQ,CAACY,SAAD,CAAR;AACAP,MAAAA,OAAO,CAAC,KAAD,CAAP;;AACA,UAAItB,QAAJ,EAAc;AACVA,QAAAA,QAAQ,CAAC6B,SAAD,CAAR;AACH;AACJ,KAPD;;AAQA,WAAO;AACHM,MAAAA,OAAO,EAAEH;AADN,KAAP;AAGH,GAZiB,EAYf,CAAChC,QAAD,CAZe,CAAlB;AAcA,QAAMoC,SAAS,GAAG,yBAAaC,IAAD,IAAmC;AAC7DtB,IAAAA,WAAW,CAACsB,IAAD,CAAX,CAD6D,CAE7D;;AACArB,IAAAA,GAAG,CAACsB,OAAJ,GAAcD,IAAd;AACH,GAJiB,EAIf,EAJe,CAAlB;AAMA;AACJ;AACA;;AACI,yBAAU,MAAM;AACZ,QAAIjC,UAAJ,EAAgB;AACZa,MAAAA,QAAQ,CAACb,UAAD,CAAR;AACH;AACJ,GAJD,EAIG,CAACA,UAAD,CAJH;AAMA,QAAM,CAACmC,OAAD,EAAUC,eAAV,IAA6B,mDAAnC;AAEA,QAAMC,KAAK,GAAG,sBAAd;AAEA,SACI,gBAAC,wBAAD;AAAa,IAAA,KAAK,EAAE3C,KAApB;AAA2B,IAAA,SAAS,EAAED;AAAtC,KACI,gBAAC,sBAAD;AAAY,qBAAea,QAA3B;AAAqC,IAAA,QAAQ,EAAEnB,KAAK,CAACmD;AAArD,KACK3C,KADL,CADJ,EAII,gBAAC,oBAAD;AACI,IAAA,QAAQ,EAAE4B,YADd;AAEI,IAAA,GAAG,EAAES,SAFT;AAGI,IAAA,IAAI,EAAC,MAHT;AAII,IAAA,QAAQ,EAAE3B;AAJd,KAKQlB,KALR;AAMI,IAAA,QAAQ,EAAEmB,QANd;AAOI,IAAA,OAAO,EAAED,QAAQ,GAAGS,SAAH,GAAeK,WAPpC;AAQI,IAAA,KAAK,EAAEpB,KARX;AASI,IAAA,GAAG,EAAEI,GATT;AAUI,oBAAc,CAACa,UAAU,CAACuB,KAV9B;AAWI,IAAA,GAAG,EAAEnC;AAXT,KAYQgC,eAZR,EAJJ,EAkBKD,OAAO,IAAInB,UAAU,CAACwB,OAAtB,GACG,gBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEjC,YAA9B;AAA4C,IAAA,OAAO,EAAE,CAACS,UAAU,CAACuB;AAAjE,KACKvB,UAAU,CAACwB,OADhB,CADH,GAKG,gBAAC,8BAAD;AAAgB,IAAA,YAAY,EAAEjC,YAA9B;AAA4C,IAAA,OAAO,EAAEE;AAArD,KACK,OAAOD,UAAP,KAAsB,UAAtB,GAAmCA,UAAU,CAAC;AAAET,IAAAA;AAAF,GAAD,CAA7C,GAA2DS,UADhE,CAvBR,EA2BKa,YAAY,KAAK,cAAjB,IACG,gBAAC,cAAD;AACI,IAAA,aAAa,EAAEpB,aADnB;AAEI,IAAA,QAAQ,EAAES,QAFd;AAGI,IAAA,IAAI,EAAEO,IAHV;AAII,IAAA,SAAS,EAAC,cAJd;AAKI,IAAA,OAAO,EAAE;AACLwB,MAAAA,SAAS,EAAE,CACP;AACIC,QAAAA,IAAI,EAAE,iBADV;AAEIC,QAAAA,OAAO,EAAE;AACLC,UAAAA,OAAO,EAAE,CAAC;AADL;AAFb,OADO,EAOP;AACIF,QAAAA,IAAI,EAAE,MADV;AAEIG,QAAAA,OAAO,EAAE;AAFb,OAPO;AADN;AALb,KAoBI,gBAAC,YAAD;AACI,IAAA,GAAG,EAAEzB,YADT;AAEI,IAAA,GAAG,mBAAE0B,UAAF,6BAEeT,KAAK,CAACU,OAFrB,uBAGkBV,KAAK,CAACU,OAAN,GAAgB,CAHlC;AAFP,KAQI,gBAAC,sBAAD;AACI,IAAA,GAAG,EAAE5C,GADT;AAEI,IAAA,GAAG,EAAEC,GAFT;AAGI,IAAA,IAAI,EAAC,OAHT;AAII,IAAA,IAAI,EAAEiB,YAJV;AAKI,IAAA,MAAM,EAAEC,gBALZ;AAMI,IAAA,SAAS,EAAEK;AANf,IARJ,CApBJ,CA5BR,CADJ;AAsEH,CArLM","sourcesContent":["import { CalendarEvent } from \"../Calendar\"\nimport { CalendarUI } from \"../CalendarUI\"\nimport { FieldProps } from \"../TextField\"\nimport { FormControl } from \"../FormControl\"\nimport { FormHelperText, InputBottomGutterProps } from \"../FormHelperText\"\nimport { InputBase, InputBaseProps } from \"../InputBase\"\nimport { InputLabel } from \"../InputLabel\"\nimport { Paper } from \"../Paper\"\nimport { Popper, PopperProps } from \"../Popper\"\nimport { css } from \"@emotion/react\"\nimport { useDitectInputTouched } from \"../TextField/useDitectInputTouched\"\nimport { useOnClickOutside } from \"../hooks\"\nimport { useTheme } from \"../theme\"\nimport { useValidation } from \"../TextField/useValidation\"\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport dayjs from \"dayjs\"\n\nconst today = dayjs()\nconst todayEvent: CalendarEvent = {\n    start: today,\n    end: today,\n    type: \"today\",\n    props: {\n        variant: \"outlined\",\n        color: \"primary\",\n        disableAnimation: true\n    }\n}\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\"\n\nexport interface DateFieldProps\n    extends FieldProps<string>,\n        Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n        Pick<PopperProps, \"disablePortal\">,\n        InputBottomGutterProps {\n    type?: never\n}\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = ({\n    className,\n    style,\n    label,\n    onChange,\n    validationMessages,\n    customValidations,\n    value: propsValue,\n    disablePortal = true,\n    defaultValue,\n    min,\n    max,\n    readOnly,\n    disabled,\n    bottomGutter,\n    helperText,\n    invalid,\n    ...props\n}: DateFieldProps) => {\n    const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null)\n    const ref = useRef<HTMLInputElement>(null)\n    const [value, setValue] = useState(dayjs(propsValue || defaultValue || undefined).format(\"YYYY-MM-DD\"))\n    const validation = useValidation<string>({\n        ref,\n        validationMessages,\n        customValidations,\n        value\n    })\n\n    /**\n     * Popper\n     */\n    const [open, setOpen] = useState(false)\n    const handleClick = useCallback(() => {\n        setOpen(true)\n    }, [])\n    const containerRef = useRef(null)\n    useOnClickOutside(\n        containerRef,\n        useCallback(() => {\n            setOpen(false)\n        }, [])\n    )\n\n    /**\n     * CalendarUI\n     */\n    const selectedDate = useMemo(() => value || defaultValue, [defaultValue, value])\n    const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n        if (selectedDate === undefined) return undefined\n        return [\n            todayEvent,\n            {\n                start: selectedDate,\n                end: selectedDate,\n                type: \"selected\",\n                props: {\n                    variant: \"filled\",\n                    color: \"primary\",\n                    disableAnimation: true\n                }\n            }\n        ]\n    }, [selectedDate])\n    /**\n     * Handling\n     */\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const nextValue = dayjs(event.currentTarget.value).format(\"YYYY-MM-DD\")\n            setValue(nextValue)\n            if (onChange) {\n                onChange(nextValue, event)\n            }\n        },\n        [onChange]\n    )\n\n    const daysProps = useMemo(() => {\n        const handleClickDay = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n            const nextValue = dayjs(event.currentTarget.dataset.eventDate).format(\"YYYY-MM-DD\")\n            setValue(nextValue)\n            setOpen(false)\n            if (onChange) {\n                onChange(nextValue)\n            }\n        }\n        return {\n            onClick: handleClickDay\n        }\n    }, [onChange])\n\n    const handleRef = useCallback((node: HTMLInputElement | null) => {\n        setAnchorEl(node)\n        //@ts-ignore\n        ref.current = node\n    }, [])\n\n    /**\n     * External Update Value\n     */\n    useEffect(() => {\n        if (propsValue) {\n            setValue(propsValue)\n        }\n    }, [propsValue])\n\n    const [touched, additionalProps] = useDitectInputTouched()\n\n    const theme = useTheme()\n\n    return (\n        <FormControl style={style} className={className}>\n            <InputLabel aria-disabled={disabled} required={props.required}>\n                {label}\n            </InputLabel>\n            <InputBase\n                onChange={handleChange}\n                ref={handleRef}\n                type=\"date\"\n                readOnly={readOnly}\n                {...props}\n                disabled={disabled}\n                onClick={readOnly ? undefined : handleClick}\n                value={value}\n                min={min}\n                data-invalid={!validation.valid}\n                max={max}\n                {...additionalProps}\n            />\n            {touched && validation.message ? (\n                <FormHelperText bottomGutter={bottomGutter} invalid={!validation.valid}>\n                    {validation.message}\n                </FormHelperText>\n            ) : (\n                <FormHelperText bottomGutter={bottomGutter} invalid={invalid}>\n                    {typeof helperText === \"function\" ? helperText({ value }) : helperText}\n                </FormHelperText>\n            )}\n            {selectedDate !== \"Invalid Date\" && (\n                <Popper\n                    disablePortal={disablePortal}\n                    anchorEl={anchorEl}\n                    open={open}\n                    placement=\"bottom-start\"\n                    options={{\n                        modifiers: [\n                            {\n                                name: \"preventOverflow\",\n                                options: {\n                                    padding: -21\n                                }\n                            },\n                            {\n                                name: \"flip\",\n                                enabled: false\n                            }\n                        ]\n                    }}\n                >\n                    <Paper\n                        ref={containerRef}\n                        css={css`\n                            padding: 1em;\n                            margin-top: ${theme.spacing}px;\n                            margin-bottom: ${theme.spacing * 2}px;\n                        `}\n                    >\n                        <CalendarUI\n                            min={min}\n                            max={max}\n                            size=\"small\"\n                            date={selectedDate}\n                            events={selectedEventDay}\n                            daysProps={daysProps}\n                        />\n                    </Paper>\n                </Popper>\n            )}\n        </FormControl>\n    )\n}\n"],"file":"DateField.js"}

package/dist/cjs/DateField/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _DateField = require("./DateField");
+
+Object.keys(_DateField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateField[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/DateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DateField/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./DateField\"\n"],"file":"index.js"}

package/dist/cjs/DropArea/DropArea.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropArea = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const DefaultComponent = ({
+  accepted,
+  ...props
+}) => {
+  const {
+    palette,
+    transitions
+  } = (0, _theme.useTheme)();
+  return (0, _react.jsx)("div", _extends({}, props, {
+    css: /*#__PURE__*/(0, _react.css)("box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:", palette.background.paper, ";border:2px dashed ", palette.gray[300], ";border-radius:4px;", (accepted === undefined || accepted) && /*#__PURE__*/(0, _react.css)("transition:border-color ", transitions.duration.shorter, " ", transitions.easing.easeIn, ";&[data-dropzone-status=\"dragover\"]{background-color:", palette.intentions.primary.light, ";border-color:", palette.intentions.primary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRHJvcEFyZWEvRHJvcEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNDb21wb25lbnRQcm9wcywgRmFrZUFzQ29tcG9uZW50IH0gZnJvbSBcIi4uL0FzQ29tcG9uZW50UHJvcHNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmNvbnN0IERlZmF1bHRDb21wb25lbnQ6IFJlYWN0LkZDPFxuICAgIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiAmIHtcbiAgICAgICAgYWNjZXB0ZWQ/OiBib29sZWFuXG4gICAgfVxuPiA9ICh7IGFjY2VwdGVkLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgeyBwYWxldHRlLCB0cmFuc2l0aW9ucyB9ID0gdXNlVGhlbWUoKVxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLnBhcGVyfTtcbiAgICAgICAgICAgICAgICBib3JkZXI6IDJweCBkYXNoZWQgJHtwYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgICAgICAgICAgJHsoYWNjZXB0ZWQgPT09IHVuZGVmaW5lZCB8fCBhY2NlcHRlZCkgJiZcbiAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9ICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAgICAgICAgICZbZGF0YS1kcm9wem9uZS1zdGF0dXM9XCJkcmFnb3ZlclwiXSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmludGVudGlvbnMucHJpbWFyeS5tYWlufTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgIClcbn1cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICAgIG9uRHJvcDogKGZpbGVzOiBGaWxlW10pID0+IHZvaWRcbiAgICBvbkRyYWdFbnRlcj86IG5ldmVyXG4gICAgb25EcmFnTGVhdmU/OiBuZXZlclxuICAgIG9uRHJhZ092ZXI/OiBuZXZlclxuICAgIGFjY2VwdD86IFJlZ0V4cFxufVxuXG5leHBvcnQgdHlwZSBEcm9wQXJlYVByb3BzPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4gPSBBc0NvbXBvbmVudFByb3BzPEUsIEJhc2VEcm9wQXJlYVByb3BzPlxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAgIDxFIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGU+KHsgb25Ecm9wLCBhcywgYWNjZXB0LCAuLi5wcm9wcyB9OiBEcm9wQXJlYVByb3BzPEU+LCByZWY6IFJlYWN0LlJlZjxFbGVtZW50PikgPT4ge1xuICAgICAgICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgIH0sIFtdKVxuICAgICAgICBjb25zdCBoYW5kbGVEcm9wID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgICAgICAgICAgICBpZiAoZS5kYXRhVHJhbnNmZXIgJiYgZS5kYXRhVHJhbnNmZXIuZmlsZXMgJiYgZS5kYXRhVHJhbnNmZXIuZmlsZXMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgICAgICBvbkRyb3AoXG4gICAgICAgICAgICAgICAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLmZpbHRlcigoZmlsZSkgPT4gYWNjZXB0Py50ZXN0KGZpbGUudHlwZSkpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBBcnJheS5mcm9tKGUuZGF0YVRyYW5zZmVyLmZpbGVzKVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIGUuZGF0YVRyYW5zZmVyLmNsZWFyRGF0YSgpXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1c1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFthY2NlcHQsIG9uRHJvcF1cbiAgICAgICAgKVxuICAgICAgICBjb25zdCBDb21wb25lbnQ6IFJlYWN0LkVsZW1lbnRUeXBlID0gYXMgfHwgRGVmYXVsdENvbXBvbmVudFxuICAgICAgICBjb25zdCBbc3RhdHVzLCBzZXRTdGF0dXNdID0gdXNlU3RhdGUoXCJcIilcbiAgICAgICAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSlcbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGhhbmRsZXIgPSAoZXZlbnQ6IERyYWdFdmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldEFjY2VwdGVkKGV2ZW50LmRhdGFUcmFuc2Zlcj8udHlwZXMuaW5jbHVkZXMoXCJGaWxlc1wiKSA/PyBmYWxzZSlcbiAgICAgICAgICAgICAgICBzZXRTdGF0dXMoZXZlbnQudHlwZSlcbiAgICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpXG4gICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcilcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcilcbiAgICAgICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcilcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcilcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ2xlYXZlXCIsIGhhbmRsZXIpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtdKVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIGRhdGEtZHJvcHpvbmUtc3RhdHVzPXtzdGF0dXN9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIGFjY2VwdGVkPXthY2NlcHRlZH1cbiAgICAgICAgICAgICAgICBvbkRyYWdFbnRlcj17aGFuZGxlQ2FuY2VsfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17aGFuZGxlQ2FuY2VsfVxuICAgICAgICAgICAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIClcbiAgICB9XG4pIGFzIEZha2VBc0NvbXBvbmVudDx0eXBlb2YgRGVmYXVsdENvbXBvbmVudCwgQmFzZURyb3BBcmVhUHJvcHM+XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc0NvbXBvbmVudFByb3BzLCBGYWtlQXNDb21wb25lbnQgfSBmcm9tIFwiLi4vQXNDb21wb25lbnRQcm9wc1wiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuY29uc3QgRGVmYXVsdENvbXBvbmVudDogUmVhY3QuRkM8XG4gICAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+ICYge1xuICAgICAgICBhY2NlcHRlZD86IGJvb2xlYW5cbiAgICB9XG4+ID0gKHsgYWNjZXB0ZWQsIC4uLnByb3BzIH0pID0+IHtcbiAgICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG5cbiAgICAgICAgICAgICAgICAkeyhhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlcn0gJHt0cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUlufTtcbiAgICAgICAgICAgICAgICAgICAgJltkYXRhLWRyb3B6b25lLXN0YXR1cz1cImRyYWdvdmVyXCJdIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubGlnaHR9O1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgKVxufVxuZXhwb3J0IGludGVyZmFjZSBCYXNlRHJvcEFyZWFQcm9wcyB7XG4gICAgb25Ecm9wOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZFxuICAgIG9uRHJhZ0VudGVyPzogbmV2ZXJcbiAgICBvbkRyYWdMZWF2ZT86IG5ldmVyXG4gICAgb25EcmFnT3Zlcj86IG5ldmVyXG4gICAgYWNjZXB0PzogUmVnRXhwXG59XG5cbmV4cG9ydCB0eXBlIERyb3BBcmVhUHJvcHM8RSBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IEFzQ29tcG9uZW50UHJvcHM8RSwgQmFzZURyb3BBcmVhUHJvcHM+XG5cbmV4cG9ydCBjb25zdCBEcm9wQXJlYSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gICAgPEUgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZT4oeyBvbkRyb3AsIGFzLCBhY2NlcHQsIC4uLnByb3BzIH06IERyb3BBcmVhUHJvcHM8RT4sIHJlZjogUmVhY3QuUmVmPEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNhbmNlbCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgICAgfSwgW10pXG4gICAgICAgIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgICAgICAgIGlmIChlLmRhdGFUcmFuc2ZlciAmJiBlLmRhdGFUcmFuc2Zlci5maWxlcyAmJiBlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uRHJvcChcbiAgICAgICAgICAgICAgICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PiBhY2NlcHQ/LnRlc3QoZmlsZS50eXBlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgZS5kYXRhVHJhbnNmZXIuY2xlYXJEYXRhKClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyb3BBcmVhU3RhdHVzXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2FjY2VwdCwgb25Ecm9wXVxuICAgICAgICApXG4gICAgICAgIGNvbnN0IENvbXBvbmVudDogUmVhY3QuRWxlbWVudFR5cGUgPSBhcyB8fCBEZWZhdWx0Q29tcG9uZW50XG4gICAgICAgIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKVxuICAgICAgICBjb25zdCBbYWNjZXB0ZWQsIHNldEFjY2VwdGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKVxuICAgICAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0QWNjZXB0ZWQoZXZlbnQuZGF0YVRyYW5zZmVyPy50eXBlcy5pbmNsdWRlcyhcIkZpbGVzXCIpID8/IGZhbHNlKVxuICAgICAgICAgICAgICAgIHNldFN0YXR1cyhldmVudC50eXBlKVxuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcilcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnb3ZlclwiLCBoYW5kbGVyKVxuICAgICAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKVxuICAgICAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBoYW5kbGVyKVxuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcmFnb3ZlclwiLCBoYW5kbGVyKVxuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcilcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgW10pXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29tcG9uZW50XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgZGF0YS1kcm9wem9uZS1zdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0VudGVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e2hhbmRsZUNhbmNlbH1cbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICAgICAgICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKVxuICAgIH1cbikgYXMgRmFrZUFzQ29tcG9uZW50PHR5cGVvZiBEZWZhdWx0Q29tcG9uZW50LCBCYXNlRHJvcEFyZWFQcm9wcz5cbiJdfQ== */")
+  }));
+};
+
+const DropArea = /*#__PURE__*/_react2.default.forwardRef(({
+  onDrop,
+  as,
+  accept,
+  ...props
+}, ref) => {
+  const handleCancel = (0, _react2.useCallback)(e => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = (0, _react2.useCallback)(e => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      onDrop(accept ? Array.from(e.dataTransfer.files).filter(file => accept === null || accept === void 0 ? void 0 : accept.test(file.type)) : Array.from(e.dataTransfer.files));
+      e.dataTransfer.clearData();
+    }
+
+    delete e.currentTarget.dataset.dropAreaStatus;
+  }, [accept, onDrop]);
+  const Component = as || DefaultComponent;
+  const [status, setStatus] = (0, _react2.useState)("");
+  const [accepted, setAccepted] = (0, _react2.useState)(false);
+  (0, _react2.useEffect)(() => {
+    const handler = event => {
+      var _event$dataTransfer;
+
+      setAccepted(((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.types.includes("Files")) ?? false);
+      setStatus(event.type);
+      event.preventDefault();
+      event.stopPropagation();
+    };
+
+    document.addEventListener("drop", handler);
+    document.addEventListener("dragover", handler);
+    document.addEventListener("dragleave", handler);
+    return () => {
+      document.removeEventListener("drop", handler);
+      document.removeEventListener("dragover", handler);
+      document.removeEventListener("dragleave", handler);
+    };
+  }, []);
+  return (0, _react.jsx)(Component, _extends({
+    ref: ref,
+    "data-dropzone-status": status
+  }, props, {
+    accepted: accepted,
+    onDragEnter: handleCancel,
+    onDragLeave: handleCancel,
+    onDragOver: handleCancel,
+    onDrop: handleDrop
+  }));
+});
+
+exports.DropArea = DropArea;
+//# sourceMappingURL=DropArea.js.map

package/dist/cjs/DropArea/DropArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DropArea/DropArea.tsx"],"names":["DefaultComponent","accepted","props","palette","transitions","css","background","paper","gray","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","React","forwardRef","onDrop","as","accept","ref","handleCancel","e","preventDefault","stopPropagation","handleDrop","dataTransfer","files","length","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","Component","status","setStatus","setAccepted","handler","event","types","includes","document","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["import { AsComponentProps, FakeAsComponent } from \"../AsComponentProps\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React, { useCallback, useEffect, useState } from \"react\"\n\nconst DefaultComponent: React.FC<\n    React.HTMLAttributes<HTMLElement> & {\n        accepted?: boolean\n    }\n> = ({ accepted, ...props }) => {\n    const { palette, transitions } = useTheme()\n    return (\n        <div\n            {...props}\n            css={css`\n                box-sizing: border-box;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: ${palette.background.paper};\n                border: 2px dashed ${palette.gray[300]};\n                border-radius: 4px;\n\n                ${(accepted === undefined || accepted) &&\n                css`\n                    transition: border-color ${transitions.duration.shorter} ${transitions.easing.easeIn};\n                    &[data-dropzone-status=\"dragover\"] {\n                        background-color: ${palette.intentions.primary.light};\n                        border-color: ${palette.intentions.primary.main};\n                    }\n                `}\n            `}\n        />\n    )\n}\nexport interface BaseDropAreaProps {\n    onDrop: (files: File[]) => void\n    onDragEnter?: never\n    onDragLeave?: never\n    onDragOver?: never\n    accept?: RegExp\n}\n\nexport type DropAreaProps<E extends React.ElementType> = AsComponentProps<E, BaseDropAreaProps>\n\nexport const DropArea = React.forwardRef(\n    <E extends React.ElementType>({ onDrop, as, accept, ...props }: DropAreaProps<E>, ref: React.Ref<Element>) => {\n        const handleCancel = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n            e.preventDefault()\n            e.stopPropagation()\n        }, [])\n        const handleDrop = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault()\n                e.stopPropagation()\n                if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n                    onDrop(\n                        accept\n                            ? Array.from(e.dataTransfer.files).filter((file) => accept?.test(file.type))\n                            : Array.from(e.dataTransfer.files)\n                    )\n                    e.dataTransfer.clearData()\n                }\n                delete e.currentTarget.dataset.dropAreaStatus\n            },\n            [accept, onDrop]\n        )\n        const Component: React.ElementType = as || DefaultComponent\n        const [status, setStatus] = useState(\"\")\n        const [accepted, setAccepted] = useState<boolean>(false)\n        useEffect(() => {\n            const handler = (event: DragEvent) => {\n                setAccepted(event.dataTransfer?.types.includes(\"Files\") ?? false)\n                setStatus(event.type)\n                event.preventDefault()\n                event.stopPropagation()\n            }\n            document.addEventListener(\"drop\", handler)\n            document.addEventListener(\"dragover\", handler)\n            document.addEventListener(\"dragleave\", handler)\n            return () => {\n                document.removeEventListener(\"drop\", handler)\n                document.removeEventListener(\"dragover\", handler)\n                document.removeEventListener(\"dragleave\", handler)\n            }\n        }, [])\n        return (\n            <Component\n                ref={ref}\n                data-dropzone-status={status}\n                {...props}\n                accepted={accepted}\n                onDragEnter={handleCancel}\n                onDragLeave={handleCancel}\n                onDragOver={handleCancel}\n                onDrop={handleDrop}\n            />\n        )\n    }\n) as FakeAsComponent<typeof DefaultComponent, BaseDropAreaProps>\n"],"file":"DropArea.js"}

package/dist/cjs/DropArea/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _DropArea = require("./DropArea");
+
+Object.keys(_DropArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DropArea[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/DropArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DropArea/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./DropArea\"\n"],"file":"index.js"}

package/dist/cjs/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundary = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class ErrorBoundary extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true
+    };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    const {
+      onError
+    } = this.props;
+
+    if (onError) {
+      onError({
+        error,
+        errorInfo
+      });
+    }
+
+    this.setState({
+      error,
+      errorInfo
+    });
+  }
+
+  render() {
+    const {
+      fallback: Fallback
+    } = this.props;
+
+    if (this.state.hasError) {
+      return typeof Fallback === "function" ? (0, _react2.jsx)(Fallback, {
+        error: this.state.error,
+        errorInfo: this.state.errorInfo
+      }) : Fallback || null;
+    }
+
+    return this.props.children;
+  }
+
+}
+
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/cjs/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":["ErrorBoundary","React","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","onError","setState","render","fallback","Fallback","children"],"mappings":";;;;;;;AAAA;;;;;;AAyBO,MAAMA,aAAN,SAA4BC,eAAMC,SAAlC,CAAoF;AACvFC,EAAAA,WAAW,CAACC,KAAD,EAA4B;AACnC,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAa;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAb;AACH;;AAC8B,SAAxBC,wBAAwB,CAACC,KAAD,EAAe;AAC1C,WAAO;AAAEF,MAAAA,QAAQ,EAAE;AAAZ,KAAP;AACH;;AACDG,EAAAA,iBAAiB,CAACD,KAAD,EAAeE,SAAf,EAAqC;AAClD,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKP,KAAzB;;AACA,QAAIO,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAAC;AAAEH,QAAAA,KAAF;AAASE,QAAAA;AAAT,OAAD,CAAP;AACH;;AACD,SAAKE,QAAL,CAAc;AACVJ,MAAAA,KADU;AAEVE,MAAAA;AAFU,KAAd;AAIH;;AACDG,EAAAA,MAAM,GAAG;AACL,UAAM;AAAEC,MAAAA,QAAQ,EAAEC;AAAZ,QAAyB,KAAKX,KAApC;;AACA,QAAI,KAAKC,KAAL,CAAWC,QAAf,EAAyB;AACrB,aAAO,OAAOS,QAAP,KAAoB,UAApB,GACH,iBAAC,QAAD;AAAU,QAAA,KAAK,EAAE,KAAKV,KAAL,CAAWG,KAA5B;AAAmC,QAAA,SAAS,EAAE,KAAKH,KAAL,CAAWK;AAAzD,QADG,GAGHK,QAAQ,IAAI,IAHhB;AAKH;;AACD,WAAO,KAAKX,KAAL,CAAWY,QAAlB;AACH;;AA5BsF","sourcesContent":["import React, { ErrorInfo } from \"react\"\n\nexport interface ErrorBoundaryHandleArguments {\n    error: Error\n    errorInfo: ErrorInfo\n}\nexport interface ErrorBoundaryHandleError {\n    (args: ErrorBoundaryHandleArguments): void\n}\nexport interface ErrorBoundaryProps {\n    children?: React.ReactNode\n    onError?: ErrorBoundaryHandleError\n    fallback?: React.ReactNode | ((props: ErrorBoundaryHandleArguments) => React.ReactNode)\n}\nexport type ErrorBoundaryState =\n    | {\n          hasError: true\n          error: Error\n          errorInfo: ErrorInfo\n      }\n    | {\n          hasError?: false\n          error?: undefined\n          errorInfo?: undefined\n      }\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    constructor(props: ErrorBoundaryProps) {\n        super(props)\n        this.state = { hasError: false }\n    }\n    static getDerivedStateFromError(error: Error) {\n        return { hasError: true }\n    }\n    componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n        const { onError } = this.props\n        if (onError) {\n            onError({ error, errorInfo })\n        }\n        this.setState({\n            error,\n            errorInfo\n        })\n    }\n    render() {\n        const { fallback: Fallback } = this.props\n        if (this.state.hasError) {\n            return typeof Fallback === \"function\" ? (\n                <Fallback error={this.state.error} errorInfo={this.state.errorInfo} />\n            ) : (\n                Fallback || null\n            )\n        }\n        return this.props.children\n    }\n}\n"],"file":"ErrorBoundary.js"}

package/dist/cjs/ErrorBoundary/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ErrorBoundary = require("./ErrorBoundary");
+
+Object.keys(_ErrorBoundary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ErrorBoundary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ErrorBoundary[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/ErrorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ErrorBoundary/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ErrorBoundary\"\n"],"file":"index.js"}

package/dist/cjs/ErrorBoundaryAlert/ErrorBoundaryAlert.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundaryAlert = void 0;
+
+var _ErrorBoundary = require("../ErrorBoundary");
+
+var _react = require("@emotion/react");
+
+var _Alert = require("../Alert");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "tfincz",
+  styles: "max-height:200px;padding:8px 0px;overflow:scroll;font-size:12px"
+} : {
+  name: "16qaowy-ErrorInfoComponentStack",
+  styles: "max-height:200px;padding:8px 0px;overflow:scroll;font-size:12px;label:ErrorInfoComponentStack;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FcnJvckJvdW5kYXJ5QWxlcnQvRXJyb3JCb3VuZGFyeUFsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Vycm9yQm91bmRhcnlBbGVydC9FcnJvckJvdW5kYXJ5QWxlcnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXJyb3JCb3VuZGFyeSwgRXJyb3JCb3VuZGFyeUhhbmRsZUVycm9yLCBFcnJvckJvdW5kYXJ5UHJvcHMgfSBmcm9tIFwiLi4vRXJyb3JCb3VuZGFyeVwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlQWxlcnQgfSBmcm9tIFwiLi4vQWxlcnRcIlxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiXG5cbmNvbnN0IEVycm9ySW5mb0NvbXBvbmVudFN0YWNrOiBSZWFjdC5GQyA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiAyMDBweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiA4cHggMHB4O1xuICAgICAgICAgICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXJyb3JCb3VuZGFyeUFsZXJ0UHJvcHMgZXh0ZW5kcyBFcnJvckJvdW5kYXJ5UHJvcHMge31cblxuZXhwb3J0IGNvbnN0IEVycm9yQm91bmRhcnlBbGVydDogUmVhY3QuRkM8RXJyb3JCb3VuZGFyeUFsZXJ0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIG9uRXJyb3IsIGZhbGxiYWNrIH0pID0+IHtcbiAgICBjb25zdCB7IGFkZEFsZXJ0IH0gPSB1c2VBbGVydCgpXG4gICAgY29uc3QgaGFuZGxlRXJyb3I6IEVycm9yQm91bmRhcnlIYW5kbGVFcnJvciA9ICh7IGVycm9yLCBlcnJvckluZm8gfSkgPT4ge1xuICAgICAgICBpZiAob25FcnJvcikge1xuICAgICAgICAgICAgb25FcnJvcih7IGVycm9yLCBlcnJvckluZm8gfSlcbiAgICAgICAgfVxuICAgICAgICBhZGRBbGVydChcbiAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICA8c3Ryb25nPntlcnJvci5uYW1lfTwvc3Ryb25nPjoge2Vycm9yLm1lc3NhZ2V9XG4gICAgICAgICAgICAgICAge3Byb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIiA/IChcbiAgICAgICAgICAgICAgICAgICAgPEVycm9ySW5mb0NvbXBvbmVudFN0YWNrPntlcnJvckluZm8uY29tcG9uZW50U3RhY2t9PC9FcnJvckluZm9Db21wb25lbnRTdGFjaz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+LFxuICAgICAgICAgICAgeyBzZXZlcml0eTogXCJlcnJvclwiIH1cbiAgICAgICAgKVxuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgICA8RXJyb3JCb3VuZGFyeSBvbkVycm9yPXtoYW5kbGVFcnJvcn0gZmFsbGJhY2s9e2ZhbGxiYWNrfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9FcnJvckJvdW5kYXJ5PlxuICAgIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const ErrorInfoComponentStack = ({
+  children
+}) => {
+  return (0, _react.jsx)("div", {
+    css: _ref
+  }, children);
+};
+
+const ErrorBoundaryAlert = ({
+  children,
+  onError,
+  fallback
+}) => {
+  const {
+    addAlert
+  } = (0, _Alert.useAlert)();
+
+  const handleError = ({
+    error,
+    errorInfo
+  }) => {
+    if (onError) {
+      onError({
+        error,
+        errorInfo
+      });
+    }
+
+    addAlert((0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("strong", null, error.name), ": ", error.message, process.env.NODE_ENV !== "production" ? (0, _react.jsx)(ErrorInfoComponentStack, null, errorInfo.componentStack) : null), {
+      severity: "error"
+    });
+  };
+
+  return (0, _react.jsx)(_ErrorBoundary.ErrorBoundary, {
+    onError: handleError,
+    fallback: fallback
+  }, children);
+};
+
+exports.ErrorBoundaryAlert = ErrorBoundaryAlert;
+//# sourceMappingURL=ErrorBoundaryAlert.js.map

package/dist/cjs/ErrorBoundaryAlert/ErrorBoundaryAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ErrorBoundaryAlert/ErrorBoundaryAlert.tsx"],"names":["ErrorInfoComponentStack","children","ErrorBoundaryAlert","onError","fallback","addAlert","handleError","error","errorInfo","name","message","process","env","NODE_ENV","componentStack","severity"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,MAAMA,uBAAiC,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACxD,SACI;AACI,IAAA,GAAG;AADP,KAQKA,QARL,CADJ;AAYH,CAbD;;AAiBO,MAAMC,kBAAqD,GAAG,CAAC;AAAED,EAAAA,QAAF;AAAYE,EAAAA,OAAZ;AAAqBC,EAAAA;AAArB,CAAD,KAAqC;AACtG,QAAM;AAAEC,IAAAA;AAAF,MAAe,sBAArB;;AACA,QAAMC,WAAqC,GAAG,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAD,KAA0B;AACpE,QAAIL,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAAC;AAAEI,QAAAA,KAAF;AAASC,QAAAA;AAAT,OAAD,CAAP;AACH;;AACDH,IAAAA,QAAQ,CACJ,gBAAC,eAAD,CAAO,QAAP,QACI,gCAASE,KAAK,CAACE,IAAf,CADJ,QACoCF,KAAK,CAACG,OAD1C,EAEKC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACG,gBAAC,uBAAD,QAA0BL,SAAS,CAACM,cAApC,CADH,GAEG,IAJR,CADI,EAOJ;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAPI,CAAR;AASH,GAbD;;AAcA,SACI,gBAAC,4BAAD;AAAe,IAAA,OAAO,EAAET,WAAxB;AAAqC,IAAA,QAAQ,EAAEF;AAA/C,KACKH,QADL,CADJ;AAKH,CArBM","sourcesContent":["import { ErrorBoundary, ErrorBoundaryHandleError, ErrorBoundaryProps } from \"../ErrorBoundary\"\nimport { css } from \"@emotion/react\"\nimport { useAlert } from \"../Alert\"\nimport React from \"react\"\n\nconst ErrorInfoComponentStack: React.FC = ({ children }) => {\n    return (\n        <div\n            css={css`\n                max-height: 200px;\n                padding: 8px 0px;\n                overflow: scroll;\n                font-size: 12px;\n            `}\n        >\n            {children}\n        </div>\n    )\n}\n\nexport interface ErrorBoundaryAlertProps extends ErrorBoundaryProps {}\n\nexport const ErrorBoundaryAlert: React.FC<ErrorBoundaryAlertProps> = ({ children, onError, fallback }) => {\n    const { addAlert } = useAlert()\n    const handleError: ErrorBoundaryHandleError = ({ error, errorInfo }) => {\n        if (onError) {\n            onError({ error, errorInfo })\n        }\n        addAlert(\n            <React.Fragment>\n                <strong>{error.name}</strong>: {error.message}\n                {process.env.NODE_ENV !== \"production\" ? (\n                    <ErrorInfoComponentStack>{errorInfo.componentStack}</ErrorInfoComponentStack>\n                ) : null}\n            </React.Fragment>,\n            { severity: \"error\" }\n        )\n    }\n    return (\n        <ErrorBoundary onError={handleError} fallback={fallback}>\n            {children}\n        </ErrorBoundary>\n    )\n}\n"],"file":"ErrorBoundaryAlert.js"}