decap-cms-core/dist/esm/components/Editor/EditorNotesPane/AddNoteForm.js

Decap CMS core application, see decap-cms package for the main distribution.

import _styled from "@emotion/styled/base";
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)."; }
import PropTypes from 'prop-types';
import { Component } from 'react';
import { colors, transitions } from 'decap-cms-ui-default';
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
const FormContainer = /*#__PURE__*/_styled("div", {
  target: "e7u4zx84",
  label: "FormContainer"
})("padding:16px 28px;border-top:1px solid ", colors.textFieldBorder, ";background-color:", colors.inputBackground, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCB0cmFuc2l0aW9ucyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgRm9ybUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDE2cHggMjhweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmlucHV0QmFja2dyb3VuZH07XG5gO1xuXG5jb25zdCBUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDgwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmVCYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgfVxuYDtcblxuY29uc3QgRm9ybUFjdGlvbnMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDhweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0TGlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDhweCAxNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdGF0dXNSZWFkeVRleHR9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG5cbmNvbnN0IEhpbnQgPSBzdHlsZWQucGBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG5gO1xuXG5jbGFzcyBBZGROb3RlRm9ybSBleHRlbmRzIENvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25BZGQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0ZSA9IHtcbiAgICBjb250ZW50OiAnJyxcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGhhbmRsZUNvbnRlbnRDaGFuZ2UgPSBlID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQgfSk7XG4gIH07XG5cbiAgaGFuZGxlU3VibWl0ID0gZSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB0cmltbWVkQ29udGVudCA9IGNvbnRlbnQudHJpbSgpO1xuXG4gICAgaWYgKHRyaW1tZWRDb250ZW50KSB7XG4gICAgICB0aGlzLnByb3BzLm9uQWRkKHRyaW1tZWRDb250ZW50KTtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50OiAnJywgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlS2V5RG93biA9IGUgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiAoZS5jdHJsS2V5IHx8IGUubWV0YUtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuaGFuZGxlU3VibWl0KGUpO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVGb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSBlID0+IHtcbiAgICBjb25zdCB7IHJlbGF0ZWRUYXJnZXQgfSA9IGU7XG4gICAgaWYgKHJlbGF0ZWRUYXJnZXQgJiYgcmVsYXRlZFRhcmdldC50eXBlID09PSAnc3VibWl0Jykge1xuICAgICAgcmV0dXJuOyAvLyBEbyBub3QgdXBkYXRlIHN0YXRlIGlmIGJsdXIgaXMgY2F1c2VkIGJ5IGNsaWNraW5nIHRoZSBzdWJtaXQgYnV0dG9uXG4gICAgfVxuICAgIGlmICghdGhpcy5zdGF0ZS5jb250ZW50LnRyaW0oKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGNhblN1Ym1pdCA9IGNvbnRlbnQudHJpbSgpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250YWluZXI+XG4gICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgPFRleHRBcmVhXG4gICAgICAgICAgICB2YWx1ZT17Y29udGVudH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNvbnRlbnRDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMuaGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMuaGFuZGxlQmx1cn1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICByb3dzPVwiNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Rm9ybUFjdGlvbnM+XG4gICAgICAgICAgICA8QWRkQnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBkaXNhYmxlZD17IWNhblN1Ym1pdH0+XG4gICAgICAgICAgICAgIHt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZE5vdGUnKX1cbiAgICAgICAgICAgIDwvQWRkQnV0dG9uPlxuICAgICAgICAgIDwvRm9ybUFjdGlvbnM+XG4gICAgICAgICAgPEhpbnQ+e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuc2hvcnRjdXQnKX08L0hpbnQ+XG4gICAgICAgIDwvZm9ybT5cbiAgICAgIDwvRm9ybUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZE5vdGVGb3JtO1xuIl19 */"));
const TextArea = /*#__PURE__*/_styled("textarea", {
  target: "e7u4zx83",
  label: "TextArea"
})("width:100%;min-height:80px;padding:12px;border:1px solid ", colors.textFieldBorder, ";border-radius:4px;font-size:14px;font-family:inherit;line-height:1.4;resize:vertical;outline:none;transition:border-color ", transitions.main, ";&:focus{border-color:", colors.active, ";box-shadow:0 0 0 2px ", colors.activeBackground, ";}&::placeholder{color:", colors.controlLabel, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCB0cmFuc2l0aW9ucyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgRm9ybUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDE2cHggMjhweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmlucHV0QmFja2dyb3VuZH07XG5gO1xuXG5jb25zdCBUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDgwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmVCYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgfVxuYDtcblxuY29uc3QgRm9ybUFjdGlvbnMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDhweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0TGlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDhweCAxNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdGF0dXNSZWFkeVRleHR9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG5cbmNvbnN0IEhpbnQgPSBzdHlsZWQucGBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG5gO1xuXG5jbGFzcyBBZGROb3RlRm9ybSBleHRlbmRzIENvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25BZGQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0ZSA9IHtcbiAgICBjb250ZW50OiAnJyxcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGhhbmRsZUNvbnRlbnRDaGFuZ2UgPSBlID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQgfSk7XG4gIH07XG5cbiAgaGFuZGxlU3VibWl0ID0gZSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB0cmltbWVkQ29udGVudCA9IGNvbnRlbnQudHJpbSgpO1xuXG4gICAgaWYgKHRyaW1tZWRDb250ZW50KSB7XG4gICAgICB0aGlzLnByb3BzLm9uQWRkKHRyaW1tZWRDb250ZW50KTtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50OiAnJywgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlS2V5RG93biA9IGUgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiAoZS5jdHJsS2V5IHx8IGUubWV0YUtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuaGFuZGxlU3VibWl0KGUpO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVGb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSBlID0+IHtcbiAgICBjb25zdCB7IHJlbGF0ZWRUYXJnZXQgfSA9IGU7XG4gICAgaWYgKHJlbGF0ZWRUYXJnZXQgJiYgcmVsYXRlZFRhcmdldC50eXBlID09PSAnc3VibWl0Jykge1xuICAgICAgcmV0dXJuOyAvLyBEbyBub3QgdXBkYXRlIHN0YXRlIGlmIGJsdXIgaXMgY2F1c2VkIGJ5IGNsaWNraW5nIHRoZSBzdWJtaXQgYnV0dG9uXG4gICAgfVxuICAgIGlmICghdGhpcy5zdGF0ZS5jb250ZW50LnRyaW0oKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGNhblN1Ym1pdCA9IGNvbnRlbnQudHJpbSgpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250YWluZXI+XG4gICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgPFRleHRBcmVhXG4gICAgICAgICAgICB2YWx1ZT17Y29udGVudH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNvbnRlbnRDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMuaGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMuaGFuZGxlQmx1cn1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICByb3dzPVwiNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Rm9ybUFjdGlvbnM+XG4gICAgICAgICAgICA8QWRkQnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBkaXNhYmxlZD17IWNhblN1Ym1pdH0+XG4gICAgICAgICAgICAgIHt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZE5vdGUnKX1cbiAgICAgICAgICAgIDwvQWRkQnV0dG9uPlxuICAgICAgICAgIDwvRm9ybUFjdGlvbnM+XG4gICAgICAgICAgPEhpbnQ+e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuc2hvcnRjdXQnKX08L0hpbnQ+XG4gICAgICAgIDwvZm9ybT5cbiAgICAgIDwvRm9ybUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZE5vdGVGb3JtO1xuIl19 */"));
const FormActions = /*#__PURE__*/_styled("div", {
  target: "e7u4zx82",
  label: "FormActions"
})(process.env.NODE_ENV === "production" ? {
  name: "1b5ywd4",
  styles: "display:flex;justify-content:space-between;align-items:center;margin-top:8px"
} : {
  name: "1b5ywd4",
  styles: "display:flex;justify-content:space-between;align-items:center;margin-top:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgdHJhbnNpdGlvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4IDI4cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5pbnB1dEJhY2tncm91bmR9O1xuYDtcblxuY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiA4MHB4O1xuICBwYWRkaW5nOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIHJlc2l6ZTogdmVydGljYWw7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLm1haW59O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYWN0aXZlfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAycHggJHtjb2xvcnMuYWN0aXZlQmFja2dyb3VuZH07XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZvcm1BY3Rpb25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tdG9wOiA4cHg7XG5gO1xuXG5jb25zdCBBZGRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dExpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA4cHggMTZweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuc3RhdHVzUmVhZHlUZXh0fTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gO1xuXG5jb25zdCBIaW50ID0gc3R5bGVkLnBgXG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIG1hcmdpbjogNHB4IDAgMDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuYDtcblxuY2xhc3MgQWRkTm90ZUZvcm0gZXh0ZW5kcyBDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQWRkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgc3RhdGUgPSB7XG4gICAgY29udGVudDogJycsXG4gICAgaXNGb2N1c2VkOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVDb250ZW50Q2hhbmdlID0gZSA9PiB7XG4gICAgY29uc3QgY29udGVudCA9IGUudGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50IH0pO1xuICB9O1xuXG4gIGhhbmRsZVN1Ym1pdCA9IGUgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCB7IGNvbnRlbnQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgdHJpbW1lZENvbnRlbnQgPSBjb250ZW50LnRyaW0oKTtcblxuICAgIGlmICh0cmltbWVkQ29udGVudCkge1xuICAgICAgdGhpcy5wcm9wcy5vbkFkZCh0cmltbWVkQ29udGVudCk7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudDogJycsIGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZUtleURvd24gPSBlID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgKGUuY3RybEtleSB8fCBlLm1ldGFLZXkpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmhhbmRsZVN1Ym1pdChlKTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogdHJ1ZSB9KTtcbiAgfTtcblxuICBoYW5kbGVCbHVyID0gZSA9PiB7XG4gICAgY29uc3QgeyByZWxhdGVkVGFyZ2V0IH0gPSBlO1xuICAgIGlmIChyZWxhdGVkVGFyZ2V0ICYmIHJlbGF0ZWRUYXJnZXQudHlwZSA9PT0gJ3N1Ym1pdCcpIHtcbiAgICAgIHJldHVybjsgLy8gRG8gbm90IHVwZGF0ZSBzdGF0ZSBpZiBibHVyIGlzIGNhdXNlZCBieSBjbGlja2luZyB0aGUgc3VibWl0IGJ1dHRvblxuICAgIH1cbiAgICBpZiAoIXRoaXMuc3RhdGUuY29udGVudC50cmltKCkpIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyB0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBjYW5TdWJtaXQgPSBjb250ZW50LnRyaW0oKS5sZW5ndGggPiAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGb3JtQ29udGFpbmVyPlxuICAgICAgICA8Zm9ybSBvblN1Ym1pdD17dGhpcy5oYW5kbGVTdWJtaXR9PlxuICAgICAgICAgIDxUZXh0QXJlYVxuICAgICAgICAgICAgdmFsdWU9e2NvbnRlbnR9XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDb250ZW50Q2hhbmdlfVxuICAgICAgICAgICAgb25LZXlEb3duPXt0aGlzLmhhbmRsZUtleURvd259XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLmhhbmRsZUZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGRQbGFjZWhvbGRlcicpfVxuICAgICAgICAgICAgcm93cz1cIjRcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEZvcm1BY3Rpb25zPlxuICAgICAgICAgICAgPEFkZEJ1dHRvbiB0eXBlPVwic3VibWl0XCIgZGlzYWJsZWQ9eyFjYW5TdWJtaXR9PlxuICAgICAgICAgICAgICB7dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGROb3RlJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L0Zvcm1BY3Rpb25zPlxuICAgICAgICAgIDxIaW50Pnt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLnNob3J0Y3V0Jyl9PC9IaW50PlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L0Zvcm1Db250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBZGROb3RlRm9ybTtcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const AddButton = /*#__PURE__*/_styled("button", {
  target: "e7u4zx81",
  label: "AddButton"
})("background-color:", colors.active, ";color:", colors.textLight, ";border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all ", transitions.main, ";&:hover:not(:disabled){background-color:", colors.statusReadyText, ";}&:disabled{opacity:0.5;cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgdHJhbnNpdGlvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4IDI4cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5pbnB1dEJhY2tncm91bmR9O1xuYDtcblxuY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiA4MHB4O1xuICBwYWRkaW5nOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIHJlc2l6ZTogdmVydGljYWw7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLm1haW59O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYWN0aXZlfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAycHggJHtjb2xvcnMuYWN0aXZlQmFja2dyb3VuZH07XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZvcm1BY3Rpb25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tdG9wOiA4cHg7XG5gO1xuXG5jb25zdCBBZGRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dExpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA4cHggMTZweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuc3RhdHVzUmVhZHlUZXh0fTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gO1xuXG5jb25zdCBIaW50ID0gc3R5bGVkLnBgXG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIG1hcmdpbjogNHB4IDAgMDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuYDtcblxuY2xhc3MgQWRkTm90ZUZvcm0gZXh0ZW5kcyBDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQWRkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgc3RhdGUgPSB7XG4gICAgY29udGVudDogJycsXG4gICAgaXNGb2N1c2VkOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVDb250ZW50Q2hhbmdlID0gZSA9PiB7XG4gICAgY29uc3QgY29udGVudCA9IGUudGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50IH0pO1xuICB9O1xuXG4gIGhhbmRsZVN1Ym1pdCA9IGUgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCB7IGNvbnRlbnQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgdHJpbW1lZENvbnRlbnQgPSBjb250ZW50LnRyaW0oKTtcblxuICAgIGlmICh0cmltbWVkQ29udGVudCkge1xuICAgICAgdGhpcy5wcm9wcy5vbkFkZCh0cmltbWVkQ29udGVudCk7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudDogJycsIGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZUtleURvd24gPSBlID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgKGUuY3RybEtleSB8fCBlLm1ldGFLZXkpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmhhbmRsZVN1Ym1pdChlKTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogdHJ1ZSB9KTtcbiAgfTtcblxuICBoYW5kbGVCbHVyID0gZSA9PiB7XG4gICAgY29uc3QgeyByZWxhdGVkVGFyZ2V0IH0gPSBlO1xuICAgIGlmIChyZWxhdGVkVGFyZ2V0ICYmIHJlbGF0ZWRUYXJnZXQudHlwZSA9PT0gJ3N1Ym1pdCcpIHtcbiAgICAgIHJldHVybjsgLy8gRG8gbm90IHVwZGF0ZSBzdGF0ZSBpZiBibHVyIGlzIGNhdXNlZCBieSBjbGlja2luZyB0aGUgc3VibWl0IGJ1dHRvblxuICAgIH1cbiAgICBpZiAoIXRoaXMuc3RhdGUuY29udGVudC50cmltKCkpIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyB0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBjYW5TdWJtaXQgPSBjb250ZW50LnRyaW0oKS5sZW5ndGggPiAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGb3JtQ29udGFpbmVyPlxuICAgICAgICA8Zm9ybSBvblN1Ym1pdD17dGhpcy5oYW5kbGVTdWJtaXR9PlxuICAgICAgICAgIDxUZXh0QXJlYVxuICAgICAgICAgICAgdmFsdWU9e2NvbnRlbnR9XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDb250ZW50Q2hhbmdlfVxuICAgICAgICAgICAgb25LZXlEb3duPXt0aGlzLmhhbmRsZUtleURvd259XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLmhhbmRsZUZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGRQbGFjZWhvbGRlcicpfVxuICAgICAgICAgICAgcm93cz1cIjRcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEZvcm1BY3Rpb25zPlxuICAgICAgICAgICAgPEFkZEJ1dHRvbiB0eXBlPVwic3VibWl0XCIgZGlzYWJsZWQ9eyFjYW5TdWJtaXR9PlxuICAgICAgICAgICAgICB7dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGROb3RlJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L0Zvcm1BY3Rpb25zPlxuICAgICAgICAgIDxIaW50Pnt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLnNob3J0Y3V0Jyl9PC9IaW50PlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L0Zvcm1Db250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBZGROb3RlRm9ybTtcbiJdfQ== */"));
const Hint = /*#__PURE__*/_styled("p", {
  target: "e7u4zx80",
  label: "Hint"
})("font-size:12px;color:", colors.controlLabel, ";margin:4px 0 0;font-style:italic;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgdHJhbnNpdGlvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4IDI4cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5pbnB1dEJhY2tncm91bmR9O1xuYDtcblxuY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiA4MHB4O1xuICBwYWRkaW5nOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIHJlc2l6ZTogdmVydGljYWw7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLm1haW59O1xuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYWN0aXZlfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAycHggJHtjb2xvcnMuYWN0aXZlQmFja2dyb3VuZH07XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZvcm1BY3Rpb25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tdG9wOiA4cHg7XG5gO1xuXG5jb25zdCBBZGRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dExpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA4cHggMTZweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuc3RhdHVzUmVhZHlUZXh0fTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gO1xuXG5jb25zdCBIaW50ID0gc3R5bGVkLnBgXG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICR7Y29sb3JzLmNvbnRyb2xMYWJlbH07XG4gIG1hcmdpbjogNHB4IDAgMDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuYDtcblxuY2xhc3MgQWRkTm90ZUZvcm0gZXh0ZW5kcyBDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG9uQWRkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgc3RhdGUgPSB7XG4gICAgY29udGVudDogJycsXG4gICAgaXNGb2N1c2VkOiBmYWxzZSxcbiAgfTtcblxuICBoYW5kbGVDb250ZW50Q2hhbmdlID0gZSA9PiB7XG4gICAgY29uc3QgY29udGVudCA9IGUudGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50IH0pO1xuICB9O1xuXG4gIGhhbmRsZVN1Ym1pdCA9IGUgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBjb25zdCB7IGNvbnRlbnQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgdHJpbW1lZENvbnRlbnQgPSBjb250ZW50LnRyaW0oKTtcblxuICAgIGlmICh0cmltbWVkQ29udGVudCkge1xuICAgICAgdGhpcy5wcm9wcy5vbkFkZCh0cmltbWVkQ29udGVudCk7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudDogJycsIGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZUtleURvd24gPSBlID0+IHtcbiAgICBpZiAoZS5rZXkgPT09ICdFbnRlcicgJiYgKGUuY3RybEtleSB8fCBlLm1ldGFLZXkpKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmhhbmRsZVN1Ym1pdChlKTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogdHJ1ZSB9KTtcbiAgfTtcblxuICBoYW5kbGVCbHVyID0gZSA9PiB7XG4gICAgY29uc3QgeyByZWxhdGVkVGFyZ2V0IH0gPSBlO1xuICAgIGlmIChyZWxhdGVkVGFyZ2V0ICYmIHJlbGF0ZWRUYXJnZXQudHlwZSA9PT0gJ3N1Ym1pdCcpIHtcbiAgICAgIHJldHVybjsgLy8gRG8gbm90IHVwZGF0ZSBzdGF0ZSBpZiBibHVyIGlzIGNhdXNlZCBieSBjbGlja2luZyB0aGUgc3VibWl0IGJ1dHRvblxuICAgIH1cbiAgICBpZiAoIXRoaXMuc3RhdGUuY29udGVudC50cmltKCkpIHtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyB0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBjYW5TdWJtaXQgPSBjb250ZW50LnRyaW0oKS5sZW5ndGggPiAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGb3JtQ29udGFpbmVyPlxuICAgICAgICA8Zm9ybSBvblN1Ym1pdD17dGhpcy5oYW5kbGVTdWJtaXR9PlxuICAgICAgICAgIDxUZXh0QXJlYVxuICAgICAgICAgICAgdmFsdWU9e2NvbnRlbnR9XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDb250ZW50Q2hhbmdlfVxuICAgICAgICAgICAgb25LZXlEb3duPXt0aGlzLmhhbmRsZUtleURvd259XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLmhhbmRsZUZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGRQbGFjZWhvbGRlcicpfVxuICAgICAgICAgICAgcm93cz1cIjRcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEZvcm1BY3Rpb25zPlxuICAgICAgICAgICAgPEFkZEJ1dHRvbiB0eXBlPVwic3VibWl0XCIgZGlzYWJsZWQ9eyFjYW5TdWJtaXR9PlxuICAgICAgICAgICAgICB7dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5hZGROb3RlJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L0Zvcm1BY3Rpb25zPlxuICAgICAgICAgIDxIaW50Pnt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLnNob3J0Y3V0Jyl9PC9IaW50PlxuICAgICAgICA8L2Zvcm0+XG4gICAgICA8L0Zvcm1Db250YWluZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBZGROb3RlRm9ybTtcbiJdfQ== */"));
class AddNoteForm extends Component {
  static propTypes = {
    onAdd: PropTypes.func.isRequired,
    t: PropTypes.func.isRequired
  };
  state = {
    content: '',
    isFocused: false
  };
  handleContentChange = e => {
    const content = e.target.value;
    this.setState({
      content
    });
  };
  handleSubmit = e => {
    e.preventDefault();
    const {
      content
    } = this.state;
    const trimmedContent = content.trim();
    if (trimmedContent) {
      this.props.onAdd(trimmedContent);
      this.setState({
        content: '',
        isFocused: false
      });
    }
  };
  handleKeyDown = e => {
    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
      e.preventDefault();
      this.handleSubmit(e);
    }
  };
  handleFocus = () => {
    this.setState({
      isFocused: true
    });
  };
  handleBlur = e => {
    const {
      relatedTarget
    } = e;
    if (relatedTarget && relatedTarget.type === 'submit') {
      return; // Do not update state if blur is caused by clicking the submit button
    }
    if (!this.state.content.trim()) {
      this.setState({
        isFocused: false
      });
    }
  };
  render() {
    const {
      t
    } = this.props;
    const {
      content
    } = this.state;
    const canSubmit = content.trim().length > 0;
    return _jsx(FormContainer, {
      children: _jsxs("form", {
        onSubmit: this.handleSubmit,
        children: [_jsx(TextArea, {
          value: content,
          onChange: this.handleContentChange,
          onKeyDown: this.handleKeyDown,
          onFocus: this.handleFocus,
          onBlur: this.handleBlur,
          placeholder: t('editor.editorNotesPane.addPlaceholder'),
          rows: "4"
        }), _jsx(FormActions, {
          children: _jsx(AddButton, {
            type: "submit",
            disabled: !canSubmit,
            children: t('editor.editorNotesPane.addNote')
          })
        }), _jsx(Hint, {
          children: t('editor.editorNotesPane.shortcut')
        })]
      })
    });
  }
}
export default AddNoteForm;