decap-cms-core 3.8.1 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/decap-cms-core.js +23 -23
  2. package/dist/decap-cms-core.js.LICENSE.txt +10 -0
  3. package/dist/decap-cms-core.js.map +1 -1
  4. package/dist/esm/actions/config.js +19 -0
  5. package/dist/esm/actions/entries.js +10 -1
  6. package/dist/esm/bootstrap.js +2 -2
  7. package/dist/esm/components/App/StatusBar.js +41 -0
  8. package/dist/esm/components/Collection/Entries/Pagination.js +132 -0
  9. package/dist/esm/components/Editor/EditorNotesPane/AddNoteForm.js +111 -0
  10. package/dist/esm/components/Editor/EditorNotesPane/EditorNotesPane.js +138 -0
  11. package/dist/esm/components/Editor/EditorNotesPane/NoteItem.js +247 -0
  12. package/dist/esm/components/Editor/EditorNotesPane/NotesList.js +54 -0
  13. package/dist/esm/components/UI/ErrorBoundary.js +6 -9
  14. package/dist/esm/constants/configSchema.js +41 -23
  15. package/dist/esm/lib/entryCache.js +145 -0
  16. package/dist/esm/lib/entryHelpers.js +102 -0
  17. package/dist/esm/lib/formatters.js +2 -1
  18. package/dist/esm/lib/immutableHelpers.js +21 -0
  19. package/dist/esm/lib/indexFileHelper.js +36 -0
  20. package/dist/esm/lib/pagination.js +68 -0
  21. package/dist/esm/reducers/collections.js +54 -5
  22. package/dist/esm/reducers/entries.js +9 -4
  23. package/index.d.ts +10 -2
  24. package/package.json +2 -3
  25. package/src/actions/__tests__/config.spec.js +4 -4
  26. package/src/actions/config.ts +22 -0
  27. package/src/actions/entries.ts +11 -1
  28. package/src/components/UI/ErrorBoundary.js +1 -2
  29. package/src/constants/__tests__/configSchema.spec.js +84 -0
  30. package/src/constants/configSchema.js +34 -1
  31. package/src/lib/__tests__/formatters.spec.js +30 -2
  32. package/src/lib/formatters.ts +6 -1
  33. package/src/reducers/__tests__/collections.spec.js +39 -0
  34. package/src/reducers/__tests__/entries.spec.js +3 -3
  35. package/src/reducers/collections.ts +52 -5
  36. package/src/reducers/entries.ts +13 -5
  37. package/src/types/redux.ts +11 -3
@@ -144,6 +144,17 @@ function hasIntegration(config, collection) {
144
144
  const integration = selectIntegration(integrations, collection.name, 'listEntries');
145
145
  return !!integration;
146
146
  }
147
+ function normalizeSortableFields(sortableFields) {
148
+ return sortableFields.map(field => {
149
+ if (typeof field === 'string') {
150
+ return {
151
+ field,
152
+ default_sort: undefined
153
+ };
154
+ }
155
+ return field;
156
+ });
157
+ }
147
158
  export function normalizeConfig(config) {
148
159
  const {
149
160
  collections = []
@@ -185,6 +196,14 @@ export function normalizeConfig(config) {
185
196
  };
186
197
  console.warn(`Collection ${collection.name} is using a deprecated configuration 'sortableFields'. Please use 'sortable_fields'`);
187
198
  }
199
+
200
+ // Normalize sortable_fields to consistent object format
201
+ if (normalizedCollection.sortable_fields) {
202
+ normalizedCollection = {
203
+ ...normalizedCollection,
204
+ sortable_fields: normalizeSortableFields(normalizedCollection.sortable_fields)
205
+ };
206
+ }
188
207
  return normalizedCollection;
189
208
  });
190
209
  return {
@@ -2,7 +2,7 @@ import { fromJS, List, Map } from 'immutable';
2
2
  import isEqual from 'lodash/isEqual';
3
3
  import { Cursor } from 'decap-cms-lib-util';
4
4
  import { selectCollectionEntriesCursor } from '../reducers/cursors';
5
- import { selectFields, updateFieldByKey } from '../reducers/collections';
5
+ import { selectFields, updateFieldByKey, selectDefaultSortField } from '../reducers/collections';
6
6
  import { selectIntegration, selectPublishedSlugs } from '../reducers';
7
7
  import { getIntegrationProvider } from '../integrations';
8
8
  import { currentBackend } from '../backend';
@@ -509,10 +509,19 @@ export function loadEntries(collection, page = 0) {
509
509
  }
510
510
  const state = getState();
511
511
  const sortFields = selectEntriesSortFields(state.entries, collection.get('name'));
512
+
513
+ // If user has already set a sort, use it
512
514
  if (sortFields && sortFields.length > 0) {
513
515
  const field = sortFields[0];
514
516
  return dispatch(sortByField(collection, field.get('key'), field.get('direction')));
515
517
  }
518
+
519
+ // Otherwise, check for a default sort field in the collection configuration
520
+ const defaultSort = selectDefaultSortField(collection);
521
+ if (defaultSort) {
522
+ const direction = defaultSort.direction === 'desc' ? SortDirection.Descending : SortDirection.Ascending;
523
+ return dispatch(sortByField(collection, defaultSort.field, direction));
524
+ }
516
525
  const backend = currentBackend(state.config);
517
526
  const integration = selectIntegration(state, collection.get('name'), 'listEntries');
518
527
  const provider = integration ? getIntegrationProvider(state.integrations, backend.getToken, integration) : backend;
@@ -49,8 +49,8 @@ function bootstrap(opts = {}) {
49
49
  /**
50
50
  * Log the version number.
51
51
  */
52
- if (typeof "3.8.1" === 'string') {
53
- console.log(`decap-cms-core ${"3.8.1"}`);
52
+ if (typeof "3.10.0" === 'string') {
53
+ console.log(`decap-cms-core ${"3.10.0"}`);
54
54
  }
55
55
 
56
56
  /**
@@ -0,0 +1,41 @@
1
+ import _styled from "@emotion/styled/base";
2
+ 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)."; }
3
+ import React from 'react';
4
+ import { translate } from 'react-polyglot';
5
+ import { connect } from 'react-redux';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
7
+ const StatusBarContainer = /*#__PURE__*/_styled("footer", {
8
+ target: "e1tlq1dd0",
9
+ label: "StatusBarContainer"
10
+ })(process.env.NODE_ENV === "production" ? {
11
+ name: "1r7yd60",
12
+ styles: "position:fixed;z-index:200;bottom:0;width:100%;padding:8px 18px;font-size:11px;display:flex;gap:1rem;box-shadow:0 4px 12px 0 rgba(68, 74, 87, 0.15),0 1px 3px 0 rgba(68, 74, 87, 0.25);background-color:#f7f8fa"
13
+ } : {
14
+ name: "1r7yd60",
15
+ styles: "position:fixed;z-index:200;bottom:0;width:100%;padding:8px 18px;font-size:11px;display:flex;gap:1rem;box-shadow:0 4px 12px 0 rgba(68, 74, 87, 0.15),0 1px 3px 0 rgba(68, 74, 87, 0.25);background-color:#f7f8fa/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FwcC9TdGF0dXNCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BcHAvU3RhdHVzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0cmFuc2xhdGUgfSBmcm9tICdyZWFjdC1wb2x5Z2xvdCc7XG5pbXBvcnQgeyBjb25uZWN0IH0gZnJvbSAncmVhY3QtcmVkdXgnO1xuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGxldCBERUNBUF9DTVNfQVBQX1ZFUlNJT046IHN0cmluZyB8IHVuZGVmaW5lZDtcbn1cblxuY29uc3QgU3RhdHVzQmFyQ29udGFpbmVyID0gc3R5bGVkLmZvb3RlcmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAyMDA7XG4gIGJvdHRvbTogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDhweCAxOHB4O1xuICBmb250LXNpemU6IDExcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbiAgYm94LXNoYWRvdzogMCA0cHggMTJweCAwIHJnYmEoNjgsIDc0LCA4NywgMC4xNSksIDAgMXB4IDNweCAwIHJnYmEoNjgsIDc0LCA4NywgMC4yNSk7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmN2Y4ZmE7XG5gO1xuXG5pbXBvcnQgdHlwZSB7IFN0YXRlIH0gZnJvbSAnLi4vLi4vdHlwZXMvcmVkdXgnO1xuXG5pbnRlcmZhY2UgU3RhdHVzQmFyUHJvcHMge1xuICByYXRlTGltaXRJbmZvPzoge1xuICAgIHVzZWQ6IG51bWJlcjtcbiAgICBsaW1pdDogbnVtYmVyO1xuICAgIHJlbWFpbmluZzogbnVtYmVyO1xuICAgIHJlc2V0OiBudW1iZXI7XG4gICAgcmVzb3VyY2U6IHN0cmluZztcbiAgfTtcbiAgYXBwVmVyc2lvbj86IHN0cmluZztcbiAgYmFja2VuZE5hbWU/OiBzdHJpbmc7XG4gIHQ6IChrZXk6IHN0cmluZykgPT4gc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBmb3JtYXRSZXNldFRpbWUocmVzZXRUaW1lc3RhbXA6IG51bWJlcik6IHN0cmluZyB7XG4gIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZShyZXNldFRpbWVzdGFtcCAqIDEwMDApO1xuICByZXR1cm4gZGF0ZS50b0xvY2FsZVRpbWVTdHJpbmcoJ2VuLVVTJywgeyBob3VyMTI6IGZhbHNlIH0pO1xufVxuXG5mdW5jdGlvbiBmb3JtYXRQZXJjZW50YWdlKHVzZWQ6IG51bWJlciwgbGltaXQ6IG51bWJlcik6IHN0cmluZyB7XG4gIGNvbnN0IHBlcmNlbnRhZ2UgPSBsaW1pdCA+IDAgPyBNYXRoLnJvdW5kKCh1c2VkIC8gbGltaXQpICogMTApIC8gMTAgOiAwO1xuICByZXR1cm4gcGVyY2VudGFnZS50b1N0cmluZygpLnJlcGxhY2UoJy4nLCAnLCcpO1xufVxuXG5mdW5jdGlvbiBTdGF0dXNCYXIoeyByYXRlTGltaXRJbmZvLCBiYWNrZW5kTmFtZSwgdCB9OiBTdGF0dXNCYXJQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdGF0dXNCYXJDb250YWluZXI+XG4gICAgICB7dHlwZW9mIERFQ0FQX0NNU19BUFBfVkVSU0lPTiA9PT0gJ3N0cmluZycgJiYgKFxuICAgICAgICA8c3Bhbj5kZWNhcC1jbXMtYXBwIHtERUNBUF9DTVNfQVBQX1ZFUlNJT059PC9zcGFuPlxuICAgICAgKX1cblxuICAgICAge2JhY2tlbmROYW1lICYmIChcbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge2JhY2tlbmROYW1lfSB7dCgnYXBwLnN0YXR1c0Jhci5iYWNrZW5kJyl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG5cbiAgICAgIHtyYXRlTGltaXRJbmZvICYmIChcbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge3JhdGVMaW1pdEluZm8udXNlZH0gLyB7cmF0ZUxpbWl0SW5mby5saW1pdH0gKFxuICAgICAgICAgIHtmb3JtYXRQZXJjZW50YWdlKHJhdGVMaW1pdEluZm8udXNlZCwgcmF0ZUxpbWl0SW5mby5saW1pdCl9JSl7JyAnfVxuICAgICAgICAgIHt0KCdhcHAuc3RhdHVzQmFyLnJlcXVlc3RzVXNlZCcpfSwge3QoJ2FwcC5zdGF0dXNCYXIucmVzZXRBdCcpfXsnICd9XG4gICAgICAgICAge2Zvcm1hdFJlc2V0VGltZShyYXRlTGltaXRJbmZvLnJlc2V0KX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICA8L1N0YXR1c0JhckNvbnRhaW5lcj5cbiAgKTtcbn1cblxuZnVuY3Rpb24gbWFwU3RhdGVUb1Byb3BzKHN0YXRlOiBTdGF0ZSkge1xuICByZXR1cm4ge1xuICAgIHJhdGVMaW1pdEluZm86IHN0YXRlLnN0YXR1cz8ucmF0ZUxpbWl0SW5mbyxcbiAgICBiYWNrZW5kTmFtZTogc3RhdGUuY29uZmlnPy5iYWNrZW5kPy5uYW1lLFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBjb25uZWN0KG1hcFN0YXRlVG9Qcm9wcykodHJhbnNsYXRlKCkoU3RhdHVzQmFyKSk7XG4iXX0= */",
16
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
17
+ });
18
+ function formatResetTime(resetTimestamp) {
19
+ const date = new Date(resetTimestamp * 1000);
20
+ return date.toLocaleTimeString('en-US', {
21
+ hour12: false
22
+ });
23
+ }
24
+ function formatPercentage(used, limit) {
25
+ const percentage = limit > 0 ? Math.round(used / limit * 10) / 10 : 0;
26
+ return percentage.toString().replace('.', ',');
27
+ }
28
+ function StatusBar({
29
+ rateLimitInfo,
30
+ backendName,
31
+ t
32
+ }) {
33
+ return ___EmotionJSX(StatusBarContainer, null, typeof "3.9.0" === 'string' && ___EmotionJSX("span", null, "decap-cms-app ", "3.9.0"), backendName && ___EmotionJSX("span", null, backendName, " ", t('app.statusBar.backend')), rateLimitInfo && ___EmotionJSX("span", null, rateLimitInfo.used, " / ", rateLimitInfo.limit, " (", formatPercentage(rateLimitInfo.used, rateLimitInfo.limit), "%)", ' ', t('app.statusBar.requestsUsed'), ", ", t('app.statusBar.resetAt'), ' ', formatResetTime(rateLimitInfo.reset)));
34
+ }
35
+ function mapStateToProps(state) {
36
+ return {
37
+ rateLimitInfo: state.status?.rateLimitInfo,
38
+ backendName: state.config?.backend?.name
39
+ };
40
+ }
41
+ export default connect(mapStateToProps)(translate()(StatusBar));
@@ -0,0 +1,132 @@
1
+ import _styled from "@emotion/styled/base";
2
+ 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)."; }
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import { translate } from 'react-polyglot';
6
+ import { Icon, colors } from 'decap-cms-ui-default';
7
+ import { jsx as ___EmotionJSX } from "@emotion/react";
8
+ const PaginationControls = /*#__PURE__*/_styled("div", {
9
+ target: "e1h9cohn2",
10
+ label: "PaginationControls"
11
+ })(process.env.NODE_ENV === "production" ? {
12
+ name: "dwn323",
13
+ styles: "display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:2rem"
14
+ } : {
15
+ name: "dwn323",
16
+ styles: "display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:2rem/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbGxlY3Rpb24vRW50cmllcy9QYWdpbmF0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1xQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Db2xsZWN0aW9uL0VudHJpZXMvUGFnaW5hdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHJhbnNsYXRlIH0gZnJvbSAncmVhY3QtcG9seWdsb3QnO1xuaW1wb3J0IHsgSWNvbiwgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBQYWdpbmF0aW9uQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG4gIG1hcmdpbjogMnJlbTtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpb25JbmZvID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiA2cHggNnB4IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnV0dG9ufTtcbiAgY29sb3I6ICR7Y29sb3JzLmJ1dHRvblRleHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY3Vyc29yOiAke3Byb3BzID0+IChwcm9wcy5kaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnM7XG5cbiAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU1NWE2NTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuYDtcblxuLyoqXG4gKiBQYWdpbmF0aW9uIGNvbXBvbmVudCBmb3IgZW50cnkgY29sbGVjdGlvbnMuXG4gKlxuICogUHJvdmlkZXMgYWNjZXNzaWJsZSBuYXZpZ2F0aW9uIGNvbnRyb2xzIGZvciBwYWdpbmF0ZWQgZW50cnkgbGlzdHMuXG4gKiBVc2VzIGh5YnJpZCBwYWdpbmF0aW9uIGFwcHJvYWNoIC0gc2VydmVyLXNpZGUgYnkgZGVmYXVsdCwgY2xpZW50LXNpZGVcbiAqIHdoZW4gc29ydGluZy9maWx0ZXJpbmcvZ3JvdXBpbmcgaXMgYWN0aXZlLlxuICpcbiAqIEFjY2Vzc2liaWxpdHkgZmVhdHVyZXM6XG4gKiAtIEFSSUEgbGFiZWxzIGFuZCByb2xlcyBmb3Igc2NyZWVuIHJlYWRlciBzdXBwb3J0XG4gKiAtIEtleWJvYXJkIG5hdmlnYXRpb24gc3VwcG9ydFxuICogLSBMaXZlIHJlZ2lvbiBhbm5vdW5jZW1lbnRzIGZvciBwYWdlIGNoYW5nZXNcbiAqIC0gUHJvcGVyIGRpc2FibGVkIHN0YXRlIGhhbmRsaW5nXG4gKi9cbmZ1bmN0aW9uIFBhZ2luYXRpb24oeyBjdXJyZW50UGFnZSwgcGFnZUNvdW50LCBwYWdlU2l6ZSwgdG90YWxDb3VudCwgb25QYWdlQ2hhbmdlLCB0IH0pIHtcbiAgY29uc3QgaGFzUHJldlBhZ2UgPSBjdXJyZW50UGFnZSA+IDE7XG4gIGNvbnN0IGhhc05leHRQYWdlID0gY3VycmVudFBhZ2UgPCBwYWdlQ291bnQ7XG5cbiAgY29uc3Qgc3RhcnRFbnRyeSA9IHRvdGFsQ291bnQgPT09IDAgPyAwIDogKGN1cnJlbnRQYWdlIC0gMSkgKiBwYWdlU2l6ZSArIDE7XG4gIGNvbnN0IGVuZEVudHJ5ID0gdG90YWxDb3VudCA9PT0gMCA/IDAgOiBNYXRoLm1pbihjdXJyZW50UGFnZSAqIHBhZ2VTaXplLCB0b3RhbENvdW50KTtcblxuICByZXR1cm4gKFxuICAgIDxuYXYgcm9sZT1cIm5hdmlnYXRpb25cIiBhcmlhLWxhYmVsPXt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ubmF2aWdhdGlvbicpfT5cbiAgICAgIDxQYWdpbmF0aW9uQ29udHJvbHM+XG4gICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDaGFuZ2UoMSl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmZpcnN0Jyl9XG4gICAgICAgICAgdGl0bGU9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5maXJzdCcpfVxuICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIHR5cGU9XCJjaGV2cm9uLWRvdWJsZVwiIHNpemU9XCJzbWFsbFwiIGRpcmVjdGlvbj1cImxlZnRcIiAvPlxuICAgICAgICA8L1BhZ2luYXRpb25CdXR0b24+XG4gICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDaGFuZ2UoY3VycmVudFBhZ2UgLSAxKX1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ucHJldmlvdXMnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnByZXZpb3VzJyl9XG4gICAgICAgICAgYXJpYS1kaXNhYmxlZD17IWhhc1ByZXZQYWdlfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gdHlwZT1cImNoZXZyb25cIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJsZWZ0XCIgLz5cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgc3R5bGU9e3sgY29sb3I6IGNvbG9ycy50ZXh0LCBmb250U2l6ZTogJzE0cHgnLCBwYWRkaW5nOiAnMCA4cHgnIH19XG4gICAgICAgICAgYXJpYS1jdXJyZW50PVwicGFnZVwiXG4gICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ucGFnZScsIHsgY3VycmVudDogY3VycmVudFBhZ2UsIHRvdGFsOiBwYWdlQ291bnQgfSl9XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKGN1cnJlbnRQYWdlICsgMSl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLm5leHQnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLm5leHQnKX1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiB0eXBlPVwiY2hldnJvblwiIHNpemU9XCJzbWFsbFwiIGRpcmVjdGlvbj1cInJpZ2h0XCIgLz5cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKHBhZ2VDb3VudCl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmxhc3QnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmxhc3QnKX1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiB0eXBlPVwiY2hldnJvbi1kb3VibGVcIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJyaWdodFwiIC8+XG4gICAgICAgIDwvUGFnaW5hdGlvbkJ1dHRvbj5cbiAgICAgIDwvUGFnaW5hdGlvbkNvbnRyb2xzPlxuXG4gICAgICA8UGFnaW5hdGlvbkluZm8gcm9sZT1cInN0YXR1c1wiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiIGFyaWEtYXRvbWljPVwidHJ1ZVwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICB7dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnNob3dpbmcnLCB7XG4gICAgICAgICAgICBzdGFydDogc3RhcnRFbnRyeSxcbiAgICAgICAgICAgIGVuZDogZW5kRW50cnksXG4gICAgICAgICAgICB0b3RhbDogdG90YWxDb3VudCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9QYWdpbmF0aW9uSW5mbz5cbiAgICA8L25hdj5cbiAgKTtcbn1cblxuUGFnaW5hdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGN1cnJlbnRQYWdlOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHBhZ2VDb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBwYWdlU2l6ZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB0b3RhbENvdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uUGFnZUNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHRyYW5zbGF0ZSgpKFBhZ2luYXRpb24pO1xuIl19 */",
17
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
+ });
19
+ const PaginationInfo = /*#__PURE__*/_styled("div", {
20
+ target: "e1h9cohn1",
21
+ label: "PaginationInfo"
22
+ })(process.env.NODE_ENV === "production" ? {
23
+ name: "1crwq3a",
24
+ styles: "display:flex;justify-content:center;align-items:center;gap:12px"
25
+ } : {
26
+ name: "1crwq3a",
27
+ styles: "display:flex;justify-content:center;align-items:center;gap:12px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbGxlY3Rpb24vRW50cmllcy9QYWdpbmF0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Db2xsZWN0aW9uL0VudHJpZXMvUGFnaW5hdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHJhbnNsYXRlIH0gZnJvbSAncmVhY3QtcG9seWdsb3QnO1xuaW1wb3J0IHsgSWNvbiwgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBQYWdpbmF0aW9uQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG4gIG1hcmdpbjogMnJlbTtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpb25JbmZvID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwYWRkaW5nOiA2cHggNnB4IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnV0dG9ufTtcbiAgY29sb3I6ICR7Y29sb3JzLmJ1dHRvblRleHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY3Vyc29yOiAke3Byb3BzID0+IChwcm9wcy5kaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnM7XG5cbiAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzU1NWE2NTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuYDtcblxuLyoqXG4gKiBQYWdpbmF0aW9uIGNvbXBvbmVudCBmb3IgZW50cnkgY29sbGVjdGlvbnMuXG4gKlxuICogUHJvdmlkZXMgYWNjZXNzaWJsZSBuYXZpZ2F0aW9uIGNvbnRyb2xzIGZvciBwYWdpbmF0ZWQgZW50cnkgbGlzdHMuXG4gKiBVc2VzIGh5YnJpZCBwYWdpbmF0aW9uIGFwcHJvYWNoIC0gc2VydmVyLXNpZGUgYnkgZGVmYXVsdCwgY2xpZW50LXNpZGVcbiAqIHdoZW4gc29ydGluZy9maWx0ZXJpbmcvZ3JvdXBpbmcgaXMgYWN0aXZlLlxuICpcbiAqIEFjY2Vzc2liaWxpdHkgZmVhdHVyZXM6XG4gKiAtIEFSSUEgbGFiZWxzIGFuZCByb2xlcyBmb3Igc2NyZWVuIHJlYWRlciBzdXBwb3J0XG4gKiAtIEtleWJvYXJkIG5hdmlnYXRpb24gc3VwcG9ydFxuICogLSBMaXZlIHJlZ2lvbiBhbm5vdW5jZW1lbnRzIGZvciBwYWdlIGNoYW5nZXNcbiAqIC0gUHJvcGVyIGRpc2FibGVkIHN0YXRlIGhhbmRsaW5nXG4gKi9cbmZ1bmN0aW9uIFBhZ2luYXRpb24oeyBjdXJyZW50UGFnZSwgcGFnZUNvdW50LCBwYWdlU2l6ZSwgdG90YWxDb3VudCwgb25QYWdlQ2hhbmdlLCB0IH0pIHtcbiAgY29uc3QgaGFzUHJldlBhZ2UgPSBjdXJyZW50UGFnZSA+IDE7XG4gIGNvbnN0IGhhc05leHRQYWdlID0gY3VycmVudFBhZ2UgPCBwYWdlQ291bnQ7XG5cbiAgY29uc3Qgc3RhcnRFbnRyeSA9IHRvdGFsQ291bnQgPT09IDAgPyAwIDogKGN1cnJlbnRQYWdlIC0gMSkgKiBwYWdlU2l6ZSArIDE7XG4gIGNvbnN0IGVuZEVudHJ5ID0gdG90YWxDb3VudCA9PT0gMCA/IDAgOiBNYXRoLm1pbihjdXJyZW50UGFnZSAqIHBhZ2VTaXplLCB0b3RhbENvdW50KTtcblxuICByZXR1cm4gKFxuICAgIDxuYXYgcm9sZT1cIm5hdmlnYXRpb25cIiBhcmlhLWxhYmVsPXt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ubmF2aWdhdGlvbicpfT5cbiAgICAgIDxQYWdpbmF0aW9uQ29udHJvbHM+XG4gICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDaGFuZ2UoMSl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmZpcnN0Jyl9XG4gICAgICAgICAgdGl0bGU9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5maXJzdCcpfVxuICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIHR5cGU9XCJjaGV2cm9uLWRvdWJsZVwiIHNpemU9XCJzbWFsbFwiIGRpcmVjdGlvbj1cImxlZnRcIiAvPlxuICAgICAgICA8L1BhZ2luYXRpb25CdXR0b24+XG4gICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDaGFuZ2UoY3VycmVudFBhZ2UgLSAxKX1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ucHJldmlvdXMnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnByZXZpb3VzJyl9XG4gICAgICAgICAgYXJpYS1kaXNhYmxlZD17IWhhc1ByZXZQYWdlfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gdHlwZT1cImNoZXZyb25cIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJsZWZ0XCIgLz5cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgc3R5bGU9e3sgY29sb3I6IGNvbG9ycy50ZXh0LCBmb250U2l6ZTogJzE0cHgnLCBwYWRkaW5nOiAnMCA4cHgnIH19XG4gICAgICAgICAgYXJpYS1jdXJyZW50PVwicGFnZVwiXG4gICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24ucGFnZScsIHsgY3VycmVudDogY3VycmVudFBhZ2UsIHRvdGFsOiBwYWdlQ291bnQgfSl9XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKGN1cnJlbnRQYWdlICsgMSl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLm5leHQnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLm5leHQnKX1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiB0eXBlPVwiY2hldnJvblwiIHNpemU9XCJzbWFsbFwiIGRpcmVjdGlvbj1cInJpZ2h0XCIgLz5cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKHBhZ2VDb3VudCl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmxhc3QnKX1cbiAgICAgICAgICB0aXRsZT17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLmxhc3QnKX1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXshaGFzTmV4dFBhZ2V9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiB0eXBlPVwiY2hldnJvbi1kb3VibGVcIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJyaWdodFwiIC8+XG4gICAgICAgIDwvUGFnaW5hdGlvbkJ1dHRvbj5cbiAgICAgIDwvUGFnaW5hdGlvbkNvbnRyb2xzPlxuXG4gICAgICA8UGFnaW5hdGlvbkluZm8gcm9sZT1cInN0YXR1c1wiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiIGFyaWEtYXRvbWljPVwidHJ1ZVwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICB7dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnNob3dpbmcnLCB7XG4gICAgICAgICAgICBzdGFydDogc3RhcnRFbnRyeSxcbiAgICAgICAgICAgIGVuZDogZW5kRW50cnksXG4gICAgICAgICAgICB0b3RhbDogdG90YWxDb3VudCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9QYWdpbmF0aW9uSW5mbz5cbiAgICA8L25hdj5cbiAgKTtcbn1cblxuUGFnaW5hdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGN1cnJlbnRQYWdlOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHBhZ2VDb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBwYWdlU2l6ZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB0b3RhbENvdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uUGFnZUNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHRyYW5zbGF0ZSgpKFBhZ2luYXRpb24pO1xuIl19 */",
28
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
29
+ });
30
+ const PaginationButton = /*#__PURE__*/_styled("button", {
31
+ target: "e1h9cohn0",
32
+ label: "PaginationButton"
33
+ })("padding:6px 6px 4px;background-color:", colors.button, ";color:", colors.buttonText, ";border:none;border-radius:4px;cursor:", props => props.disabled ? 'not-allowed' : 'pointer', ";font-size:12px;transition:background-color 0.2s;&:hover:not(:disabled){background-color:#555a65;}&:disabled{opacity:0.5;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbGxlY3Rpb24vRW50cmllcy9QYWdpbmF0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29sbGVjdGlvbi9FbnRyaWVzL1BhZ2luYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHRyYW5zbGF0ZSB9IGZyb20gJ3JlYWN0LXBvbHlnbG90JztcbmltcG9ydCB7IEljb24sIGNvbG9ycyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgUGFnaW5hdGlvbkNvbnRyb2xzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuICBtYXJnaW46IDJyZW07XG5gO1xuXG5jb25zdCBQYWdpbmF0aW9uSW5mbyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDEycHg7XG5gO1xuXG5jb25zdCBQYWdpbmF0aW9uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcGFkZGluZzogNnB4IDZweCA0cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJ1dHRvbn07XG4gIGNvbG9yOiAke2NvbG9ycy5idXR0b25UZXh0fTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGN1cnNvcjogJHtwcm9wcyA9PiAocHJvcHMuZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInKX07XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzO1xuXG4gICY6aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NTVhNjU7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbmA7XG5cbi8qKlxuICogUGFnaW5hdGlvbiBjb21wb25lbnQgZm9yIGVudHJ5IGNvbGxlY3Rpb25zLlxuICpcbiAqIFByb3ZpZGVzIGFjY2Vzc2libGUgbmF2aWdhdGlvbiBjb250cm9scyBmb3IgcGFnaW5hdGVkIGVudHJ5IGxpc3RzLlxuICogVXNlcyBoeWJyaWQgcGFnaW5hdGlvbiBhcHByb2FjaCAtIHNlcnZlci1zaWRlIGJ5IGRlZmF1bHQsIGNsaWVudC1zaWRlXG4gKiB3aGVuIHNvcnRpbmcvZmlsdGVyaW5nL2dyb3VwaW5nIGlzIGFjdGl2ZS5cbiAqXG4gKiBBY2Nlc3NpYmlsaXR5IGZlYXR1cmVzOlxuICogLSBBUklBIGxhYmVscyBhbmQgcm9sZXMgZm9yIHNjcmVlbiByZWFkZXIgc3VwcG9ydFxuICogLSBLZXlib2FyZCBuYXZpZ2F0aW9uIHN1cHBvcnRcbiAqIC0gTGl2ZSByZWdpb24gYW5ub3VuY2VtZW50cyBmb3IgcGFnZSBjaGFuZ2VzXG4gKiAtIFByb3BlciBkaXNhYmxlZCBzdGF0ZSBoYW5kbGluZ1xuICovXG5mdW5jdGlvbiBQYWdpbmF0aW9uKHsgY3VycmVudFBhZ2UsIHBhZ2VDb3VudCwgcGFnZVNpemUsIHRvdGFsQ291bnQsIG9uUGFnZUNoYW5nZSwgdCB9KSB7XG4gIGNvbnN0IGhhc1ByZXZQYWdlID0gY3VycmVudFBhZ2UgPiAxO1xuICBjb25zdCBoYXNOZXh0UGFnZSA9IGN1cnJlbnRQYWdlIDwgcGFnZUNvdW50O1xuXG4gIGNvbnN0IHN0YXJ0RW50cnkgPSB0b3RhbENvdW50ID09PSAwID8gMCA6IChjdXJyZW50UGFnZSAtIDEpICogcGFnZVNpemUgKyAxO1xuICBjb25zdCBlbmRFbnRyeSA9IHRvdGFsQ291bnQgPT09IDAgPyAwIDogTWF0aC5taW4oY3VycmVudFBhZ2UgKiBwYWdlU2l6ZSwgdG90YWxDb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IHJvbGU9XCJuYXZpZ2F0aW9uXCIgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLm5hdmlnYXRpb24nKX0+XG4gICAgICA8UGFnaW5hdGlvbkNvbnRyb2xzPlxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzUHJldlBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKDEpfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5maXJzdCcpfVxuICAgICAgICAgIHRpdGxlPXt0KCdjb2xsZWN0aW9uLnBhZ2luYXRpb24uZmlyc3QnKX1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXshaGFzUHJldlBhZ2V9XG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiB0eXBlPVwiY2hldnJvbi1kb3VibGVcIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJsZWZ0XCIgLz5cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXshaGFzUHJldlBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2hhbmdlKGN1cnJlbnRQYWdlIC0gMSl9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnByZXZpb3VzJyl9XG4gICAgICAgICAgdGl0bGU9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5wcmV2aW91cycpfVxuICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9eyFoYXNQcmV2UGFnZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIHR5cGU9XCJjaGV2cm9uXCIgc2l6ZT1cInNtYWxsXCIgZGlyZWN0aW9uPVwibGVmdFwiIC8+XG4gICAgICAgIDwvUGFnaW5hdGlvbkJ1dHRvbj5cblxuICAgICAgICA8c3BhblxuICAgICAgICAgIHN0eWxlPXt7IGNvbG9yOiBjb2xvcnMudGV4dCwgZm9udFNpemU6ICcxNHB4JywgcGFkZGluZzogJzAgOHB4JyB9fVxuICAgICAgICAgIGFyaWEtY3VycmVudD1cInBhZ2VcIlxuICAgICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7dCgnY29sbGVjdGlvbi5wYWdpbmF0aW9uLnBhZ2UnLCB7IGN1cnJlbnQ6IGN1cnJlbnRQYWdlLCB0b3RhbDogcGFnZUNvdW50IH0pfVxuICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgPFBhZ2luYXRpb25CdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17IWhhc05leHRQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNoYW5nZShjdXJyZW50UGFnZSArIDEpfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5uZXh0Jyl9XG4gICAgICAgICAgdGl0bGU9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5uZXh0Jyl9XG4gICAgICAgICAgYXJpYS1kaXNhYmxlZD17IWhhc05leHRQYWdlfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gdHlwZT1cImNoZXZyb25cIiBzaXplPVwic21hbGxcIiBkaXJlY3Rpb249XCJyaWdodFwiIC8+XG4gICAgICAgIDwvUGFnaW5hdGlvbkJ1dHRvbj5cbiAgICAgICAgPFBhZ2luYXRpb25CdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17IWhhc05leHRQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNoYW5nZShwYWdlQ291bnQpfVxuICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5sYXN0Jyl9XG4gICAgICAgICAgdGl0bGU9e3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5sYXN0Jyl9XG4gICAgICAgICAgYXJpYS1kaXNhYmxlZD17IWhhc05leHRQYWdlfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gdHlwZT1cImNoZXZyb24tZG91YmxlXCIgc2l6ZT1cInNtYWxsXCIgZGlyZWN0aW9uPVwicmlnaHRcIiAvPlxuICAgICAgICA8L1BhZ2luYXRpb25CdXR0b24+XG4gICAgICA8L1BhZ2luYXRpb25Db250cm9scz5cblxuICAgICAgPFBhZ2luYXRpb25JbmZvIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge3QoJ2NvbGxlY3Rpb24ucGFnaW5hdGlvbi5zaG93aW5nJywge1xuICAgICAgICAgICAgc3RhcnQ6IHN0YXJ0RW50cnksXG4gICAgICAgICAgICBlbmQ6IGVuZEVudHJ5LFxuICAgICAgICAgICAgdG90YWw6IHRvdGFsQ291bnQsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvUGFnaW5hdGlvbkluZm8+XG4gICAgPC9uYXY+XG4gICk7XG59XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBjdXJyZW50UGFnZTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBwYWdlQ291bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgcGFnZVNpemU6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgdG90YWxDb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBvblBhZ2VDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCB0cmFuc2xhdGUoKShQYWdpbmF0aW9uKTtcbiJdfQ== */"));
34
+
35
+ /**
36
+ * Pagination component for entry collections.
37
+ *
38
+ * Provides accessible navigation controls for paginated entry lists.
39
+ * Uses hybrid pagination approach - server-side by default, client-side
40
+ * when sorting/filtering/grouping is active.
41
+ *
42
+ * Accessibility features:
43
+ * - ARIA labels and roles for screen reader support
44
+ * - Keyboard navigation support
45
+ * - Live region announcements for page changes
46
+ * - Proper disabled state handling
47
+ */
48
+ function Pagination({
49
+ currentPage,
50
+ pageCount,
51
+ pageSize,
52
+ totalCount,
53
+ onPageChange,
54
+ t
55
+ }) {
56
+ const hasPrevPage = currentPage > 1;
57
+ const hasNextPage = currentPage < pageCount;
58
+ const startEntry = totalCount === 0 ? 0 : (currentPage - 1) * pageSize + 1;
59
+ const endEntry = totalCount === 0 ? 0 : Math.min(currentPage * pageSize, totalCount);
60
+ return ___EmotionJSX("nav", {
61
+ role: "navigation",
62
+ "aria-label": t('collection.pagination.navigation')
63
+ }, ___EmotionJSX(PaginationControls, null, ___EmotionJSX(PaginationButton, {
64
+ disabled: !hasPrevPage,
65
+ onClick: () => onPageChange(1),
66
+ "aria-label": t('collection.pagination.first'),
67
+ title: t('collection.pagination.first'),
68
+ "aria-disabled": !hasPrevPage
69
+ }, ___EmotionJSX(Icon, {
70
+ type: "chevron-double",
71
+ size: "small",
72
+ direction: "left"
73
+ })), ___EmotionJSX(PaginationButton, {
74
+ disabled: !hasPrevPage,
75
+ onClick: () => onPageChange(currentPage - 1),
76
+ "aria-label": t('collection.pagination.previous'),
77
+ title: t('collection.pagination.previous'),
78
+ "aria-disabled": !hasPrevPage
79
+ }, ___EmotionJSX(Icon, {
80
+ type: "chevron",
81
+ size: "small",
82
+ direction: "left"
83
+ })), ___EmotionJSX("span", {
84
+ style: {
85
+ color: colors.text,
86
+ fontSize: '14px',
87
+ padding: '0 8px'
88
+ },
89
+ "aria-current": "page",
90
+ "aria-live": "polite"
91
+ }, t('collection.pagination.page', {
92
+ current: currentPage,
93
+ total: pageCount
94
+ })), ___EmotionJSX(PaginationButton, {
95
+ disabled: !hasNextPage,
96
+ onClick: () => onPageChange(currentPage + 1),
97
+ "aria-label": t('collection.pagination.next'),
98
+ title: t('collection.pagination.next'),
99
+ "aria-disabled": !hasNextPage
100
+ }, ___EmotionJSX(Icon, {
101
+ type: "chevron",
102
+ size: "small",
103
+ direction: "right"
104
+ })), ___EmotionJSX(PaginationButton, {
105
+ disabled: !hasNextPage,
106
+ onClick: () => onPageChange(pageCount),
107
+ "aria-label": t('collection.pagination.last'),
108
+ title: t('collection.pagination.last'),
109
+ "aria-disabled": !hasNextPage
110
+ }, ___EmotionJSX(Icon, {
111
+ type: "chevron-double",
112
+ size: "small",
113
+ direction: "right"
114
+ }))), ___EmotionJSX(PaginationInfo, {
115
+ role: "status",
116
+ "aria-live": "polite",
117
+ "aria-atomic": "true"
118
+ }, ___EmotionJSX("span", null, t('collection.pagination.showing', {
119
+ start: startEntry,
120
+ end: endEntry,
121
+ total: totalCount
122
+ }))));
123
+ }
124
+ Pagination.propTypes = {
125
+ currentPage: PropTypes.number.isRequired,
126
+ pageCount: PropTypes.number.isRequired,
127
+ pageSize: PropTypes.number.isRequired,
128
+ totalCount: PropTypes.number.isRequired,
129
+ onPageChange: PropTypes.func.isRequired,
130
+ t: PropTypes.func.isRequired
131
+ };
132
+ export default translate()(Pagination);
@@ -0,0 +1,111 @@
1
+ import _styled from "@emotion/styled/base";
2
+ 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)."; }
3
+ import PropTypes from 'prop-types';
4
+ import React, { Component } from 'react';
5
+ import { colors, transitions } from 'decap-cms-ui-default';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
7
+ const FormContainer = /*#__PURE__*/_styled("div", {
8
+ target: "e7u4zx84",
9
+ label: "FormContainer"
10
+ })("padding:16px;border-top:1px solid ", colors.textFieldBorder, ";background-color:", colors.inputBackground, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgdHJhbnNpdGlvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuaW5wdXRCYWNrZ3JvdW5kfTtcbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogODBweDtcbiAgcGFkZGluZzogMTJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBsaW5lLWhlaWdodDogMS40O1xuICByZXNpemU6IHZlcnRpY2FsO1xuICBvdXRsaW5lOiBub25lO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICR7Y29sb3JzLmFjdGl2ZUJhY2tncm91bmR9O1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5jb250cm9sTGFiZWx9O1xuICB9XG5gO1xuXG5jb25zdCBGb3JtQWN0aW9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLXRvcDogOHB4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYWN0aXZlfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHRMaWdodH07XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogOHB4IDE2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAke3RyYW5zaXRpb25zLm1haW59O1xuXG4gICY6aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN0YXR1c1JlYWR5VGV4dH07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYDtcblxuY29uc3QgSGludCA9IHN0eWxlZC5wYFxuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5jb250cm9sTGFiZWx9O1xuICBtYXJnaW46IDRweCAwIDA7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbmA7XG5cbmNsYXNzIEFkZE5vdGVGb3JtIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkFkZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICB0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB9O1xuXG4gIHN0YXRlID0ge1xuICAgIGNvbnRlbnQ6ICcnLFxuICAgIGlzRm9jdXNlZDogZmFsc2UsXG4gIH07XG5cbiAgaGFuZGxlQ29udGVudENoYW5nZSA9IGUgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnQgPSBlLnRhcmdldC52YWx1ZTtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudCB9KTtcbiAgfTtcblxuICBoYW5kbGVTdWJtaXQgPSBlID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHRyaW1tZWRDb250ZW50ID0gY29udGVudC50cmltKCk7XG5cbiAgICBpZiAodHJpbW1lZENvbnRlbnQpIHtcbiAgICAgIHRoaXMucHJvcHMub25BZGQodHJpbW1lZENvbnRlbnQpO1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQ6ICcnLCBpc0ZvY3VzZWQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVLZXlEb3duID0gZSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIChlLmN0cmxLZXkgfHwgZS5tZXRhS2V5KSkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5oYW5kbGVTdWJtaXQoZSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZUZvY3VzID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IHRydWUgfSk7XG4gIH07XG5cbiAgaGFuZGxlQmx1ciA9IGUgPT4ge1xuICAgIGNvbnN0IHsgcmVsYXRlZFRhcmdldCB9ID0gZTtcbiAgICBpZiAocmVsYXRlZFRhcmdldCAmJiByZWxhdGVkVGFyZ2V0LnR5cGUgPT09ICdzdWJtaXQnKSB7XG4gICAgICByZXR1cm47IC8vIERvIG5vdCB1cGRhdGUgc3RhdGUgaWYgYmx1ciBpcyBjYXVzZWQgYnkgY2xpY2tpbmcgdGhlIHN1Ym1pdCBidXR0b25cbiAgICB9XG4gICAgaWYgKCF0aGlzLnN0YXRlLmNvbnRlbnQudHJpbSgpKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgdCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IGNvbnRlbnQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgY2FuU3VibWl0ID0gY29udGVudC50cmltKCkubGVuZ3RoID4gMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUNvbnRhaW5lcj5cbiAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuaGFuZGxlU3VibWl0fT5cbiAgICAgICAgICA8VGV4dEFyZWFcbiAgICAgICAgICAgIHZhbHVlPXtjb250ZW50fVxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlQ29udGVudENoYW5nZX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17dGhpcy5oYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5oYW5kbGVGb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17dGhpcy5oYW5kbGVCbHVyfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuYWRkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgICAgIHJvd3M9XCI0XCJcbiAgICAgICAgICAvPlxuICAgICAgICAgIDxGb3JtQWN0aW9ucz5cbiAgICAgICAgICAgIDxBZGRCdXR0b24gdHlwZT1cInN1Ym1pdFwiIGRpc2FibGVkPXshY2FuU3VibWl0fT5cbiAgICAgICAgICAgICAge3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuYWRkTm90ZScpfVxuICAgICAgICAgICAgPC9BZGRCdXR0b24+XG4gICAgICAgICAgPC9Gb3JtQWN0aW9ucz5cbiAgICAgICAgICA8SGludD57dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5zaG9ydGN1dCcpfTwvSGludD5cbiAgICAgICAgPC9mb3JtPlxuICAgICAgPC9Gb3JtQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQWRkTm90ZUZvcm07XG4iXX0= */"));
11
+ const TextArea = /*#__PURE__*/_styled("textarea", {
12
+ target: "e7u4zx83",
13
+ label: "TextArea"
14
+ })("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgdHJhbnNpdGlvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IEZvcm1Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuaW5wdXRCYWNrZ3JvdW5kfTtcbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogODBweDtcbiAgcGFkZGluZzogMTJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBsaW5lLWhlaWdodDogMS40O1xuICByZXNpemU6IHZlcnRpY2FsO1xuICBvdXRsaW5lOiBub25lO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICR7Y29sb3JzLmFjdGl2ZUJhY2tncm91bmR9O1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5jb250cm9sTGFiZWx9O1xuICB9XG5gO1xuXG5jb25zdCBGb3JtQWN0aW9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLXRvcDogOHB4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYWN0aXZlfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHRMaWdodH07XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogOHB4IDE2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAke3RyYW5zaXRpb25zLm1haW59O1xuXG4gICY6aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN0YXR1c1JlYWR5VGV4dH07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYDtcblxuY29uc3QgSGludCA9IHN0eWxlZC5wYFxuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiAke2NvbG9ycy5jb250cm9sTGFiZWx9O1xuICBtYXJnaW46IDRweCAwIDA7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbmA7XG5cbmNsYXNzIEFkZE5vdGVGb3JtIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkFkZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICB0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB9O1xuXG4gIHN0YXRlID0ge1xuICAgIGNvbnRlbnQ6ICcnLFxuICAgIGlzRm9jdXNlZDogZmFsc2UsXG4gIH07XG5cbiAgaGFuZGxlQ29udGVudENoYW5nZSA9IGUgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnQgPSBlLnRhcmdldC52YWx1ZTtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudCB9KTtcbiAgfTtcblxuICBoYW5kbGVTdWJtaXQgPSBlID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHRyaW1tZWRDb250ZW50ID0gY29udGVudC50cmltKCk7XG5cbiAgICBpZiAodHJpbW1lZENvbnRlbnQpIHtcbiAgICAgIHRoaXMucHJvcHMub25BZGQodHJpbW1lZENvbnRlbnQpO1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQ6ICcnLCBpc0ZvY3VzZWQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVLZXlEb3duID0gZSA9PiB7XG4gICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIChlLmN0cmxLZXkgfHwgZS5tZXRhS2V5KSkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5oYW5kbGVTdWJtaXQoZSk7XG4gICAgfVxuICB9O1xuXG4gIGhhbmRsZUZvY3VzID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IHRydWUgfSk7XG4gIH07XG5cbiAgaGFuZGxlQmx1ciA9IGUgPT4ge1xuICAgIGNvbnN0IHsgcmVsYXRlZFRhcmdldCB9ID0gZTtcbiAgICBpZiAocmVsYXRlZFRhcmdldCAmJiByZWxhdGVkVGFyZ2V0LnR5cGUgPT09ICdzdWJtaXQnKSB7XG4gICAgICByZXR1cm47IC8vIERvIG5vdCB1cGRhdGUgc3RhdGUgaWYgYmx1ciBpcyBjYXVzZWQgYnkgY2xpY2tpbmcgdGhlIHN1Ym1pdCBidXR0b25cbiAgICB9XG4gICAgaWYgKCF0aGlzLnN0YXRlLmNvbnRlbnQudHJpbSgpKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgdCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IGNvbnRlbnQgfSA9IHRoaXMuc3RhdGU7XG4gICAgY29uc3QgY2FuU3VibWl0ID0gY29udGVudC50cmltKCkubGVuZ3RoID4gMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUNvbnRhaW5lcj5cbiAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuaGFuZGxlU3VibWl0fT5cbiAgICAgICAgICA8VGV4dEFyZWFcbiAgICAgICAgICAgIHZhbHVlPXtjb250ZW50fVxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMuaGFuZGxlQ29udGVudENoYW5nZX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17dGhpcy5oYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5oYW5kbGVGb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17dGhpcy5oYW5kbGVCbHVyfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuYWRkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgICAgIHJvd3M9XCI0XCJcbiAgICAgICAgICAvPlxuICAgICAgICAgIDxGb3JtQWN0aW9ucz5cbiAgICAgICAgICAgIDxBZGRCdXR0b24gdHlwZT1cInN1Ym1pdFwiIGRpc2FibGVkPXshY2FuU3VibWl0fT5cbiAgICAgICAgICAgICAge3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuYWRkTm90ZScpfVxuICAgICAgICAgICAgPC9BZGRCdXR0b24+XG4gICAgICAgICAgPC9Gb3JtQWN0aW9ucz5cbiAgICAgICAgICA8SGludD57dCgnZWRpdG9yLmVkaXRvck5vdGVzUGFuZS5zaG9ydGN1dCcpfTwvSGludD5cbiAgICAgICAgPC9mb3JtPlxuICAgICAgPC9Gb3JtQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQWRkTm90ZUZvcm07XG4iXX0= */"));
15
+ const FormActions = /*#__PURE__*/_styled("div", {
16
+ target: "e7u4zx82",
17
+ label: "FormActions"
18
+ })(process.env.NODE_ENV === "production" ? {
19
+ name: "1b5ywd4",
20
+ styles: "display:flex;justify-content:space-between;align-items:center;margin-top:8px"
21
+ } : {
22
+ name: "1b5ywd4",
23
+ styles: "display:flex;justify-content:space-between;align-items:center;margin-top:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHRyYW5zaXRpb25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBGb3JtQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmlucHV0QmFja2dyb3VuZH07XG5gO1xuXG5jb25zdCBUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDgwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmVCYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgfVxuYDtcblxuY29uc3QgRm9ybUFjdGlvbnMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDhweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0TGlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDhweCAxNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdGF0dXNSZWFkeVRleHR9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG5cbmNvbnN0IEhpbnQgPSBzdHlsZWQucGBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG5gO1xuXG5jbGFzcyBBZGROb3RlRm9ybSBleHRlbmRzIENvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25BZGQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0ZSA9IHtcbiAgICBjb250ZW50OiAnJyxcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGhhbmRsZUNvbnRlbnRDaGFuZ2UgPSBlID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQgfSk7XG4gIH07XG5cbiAgaGFuZGxlU3VibWl0ID0gZSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB0cmltbWVkQ29udGVudCA9IGNvbnRlbnQudHJpbSgpO1xuXG4gICAgaWYgKHRyaW1tZWRDb250ZW50KSB7XG4gICAgICB0aGlzLnByb3BzLm9uQWRkKHRyaW1tZWRDb250ZW50KTtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50OiAnJywgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlS2V5RG93biA9IGUgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiAoZS5jdHJsS2V5IHx8IGUubWV0YUtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuaGFuZGxlU3VibWl0KGUpO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVGb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSBlID0+IHtcbiAgICBjb25zdCB7IHJlbGF0ZWRUYXJnZXQgfSA9IGU7XG4gICAgaWYgKHJlbGF0ZWRUYXJnZXQgJiYgcmVsYXRlZFRhcmdldC50eXBlID09PSAnc3VibWl0Jykge1xuICAgICAgcmV0dXJuOyAvLyBEbyBub3QgdXBkYXRlIHN0YXRlIGlmIGJsdXIgaXMgY2F1c2VkIGJ5IGNsaWNraW5nIHRoZSBzdWJtaXQgYnV0dG9uXG4gICAgfVxuICAgIGlmICghdGhpcy5zdGF0ZS5jb250ZW50LnRyaW0oKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGNhblN1Ym1pdCA9IGNvbnRlbnQudHJpbSgpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250YWluZXI+XG4gICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgPFRleHRBcmVhXG4gICAgICAgICAgICB2YWx1ZT17Y29udGVudH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNvbnRlbnRDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMuaGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMuaGFuZGxlQmx1cn1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICByb3dzPVwiNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Rm9ybUFjdGlvbnM+XG4gICAgICAgICAgICA8QWRkQnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBkaXNhYmxlZD17IWNhblN1Ym1pdH0+XG4gICAgICAgICAgICAgIHt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZE5vdGUnKX1cbiAgICAgICAgICAgIDwvQWRkQnV0dG9uPlxuICAgICAgICAgIDwvRm9ybUFjdGlvbnM+XG4gICAgICAgICAgPEhpbnQ+e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuc2hvcnRjdXQnKX08L0hpbnQ+XG4gICAgICAgIDwvZm9ybT5cbiAgICAgIDwvRm9ybUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZE5vdGVGb3JtO1xuIl19 */",
24
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
25
+ });
26
+ const AddButton = /*#__PURE__*/_styled("button", {
27
+ target: "e7u4zx81",
28
+ label: "AddButton"
29
+ })("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHRyYW5zaXRpb25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBGb3JtQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmlucHV0QmFja2dyb3VuZH07XG5gO1xuXG5jb25zdCBUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDgwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmVCYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgfVxuYDtcblxuY29uc3QgRm9ybUFjdGlvbnMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDhweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0TGlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDhweCAxNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdGF0dXNSZWFkeVRleHR9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG5cbmNvbnN0IEhpbnQgPSBzdHlsZWQucGBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG5gO1xuXG5jbGFzcyBBZGROb3RlRm9ybSBleHRlbmRzIENvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25BZGQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0ZSA9IHtcbiAgICBjb250ZW50OiAnJyxcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGhhbmRsZUNvbnRlbnRDaGFuZ2UgPSBlID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQgfSk7XG4gIH07XG5cbiAgaGFuZGxlU3VibWl0ID0gZSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB0cmltbWVkQ29udGVudCA9IGNvbnRlbnQudHJpbSgpO1xuXG4gICAgaWYgKHRyaW1tZWRDb250ZW50KSB7XG4gICAgICB0aGlzLnByb3BzLm9uQWRkKHRyaW1tZWRDb250ZW50KTtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50OiAnJywgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlS2V5RG93biA9IGUgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiAoZS5jdHJsS2V5IHx8IGUubWV0YUtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuaGFuZGxlU3VibWl0KGUpO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVGb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSBlID0+IHtcbiAgICBjb25zdCB7IHJlbGF0ZWRUYXJnZXQgfSA9IGU7XG4gICAgaWYgKHJlbGF0ZWRUYXJnZXQgJiYgcmVsYXRlZFRhcmdldC50eXBlID09PSAnc3VibWl0Jykge1xuICAgICAgcmV0dXJuOyAvLyBEbyBub3QgdXBkYXRlIHN0YXRlIGlmIGJsdXIgaXMgY2F1c2VkIGJ5IGNsaWNraW5nIHRoZSBzdWJtaXQgYnV0dG9uXG4gICAgfVxuICAgIGlmICghdGhpcy5zdGF0ZS5jb250ZW50LnRyaW0oKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGNhblN1Ym1pdCA9IGNvbnRlbnQudHJpbSgpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250YWluZXI+XG4gICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgPFRleHRBcmVhXG4gICAgICAgICAgICB2YWx1ZT17Y29udGVudH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNvbnRlbnRDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMuaGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMuaGFuZGxlQmx1cn1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICByb3dzPVwiNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Rm9ybUFjdGlvbnM+XG4gICAgICAgICAgICA8QWRkQnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBkaXNhYmxlZD17IWNhblN1Ym1pdH0+XG4gICAgICAgICAgICAgIHt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZE5vdGUnKX1cbiAgICAgICAgICAgIDwvQWRkQnV0dG9uPlxuICAgICAgICAgIDwvRm9ybUFjdGlvbnM+XG4gICAgICAgICAgPEhpbnQ+e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuc2hvcnRjdXQnKX08L0hpbnQ+XG4gICAgICAgIDwvZm9ybT5cbiAgICAgIDwvRm9ybUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZE5vdGVGb3JtO1xuIl19 */"));
30
+ const Hint = /*#__PURE__*/_styled("p", {
31
+ target: "e7u4zx80",
32
+ label: "Hint"
33
+ })("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRvci9FZGl0b3JOb3Rlc1BhbmUvQWRkTm90ZUZvcm0uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FZGl0b3IvRWRpdG9yTm90ZXNQYW5lL0FkZE5vdGVGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHRyYW5zaXRpb25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBGb3JtQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmlucHV0QmFja2dyb3VuZH07XG5gO1xuXG5jb25zdCBUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDgwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7dHJhbnNpdGlvbnMubWFpbn07XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5hY3RpdmV9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmVCYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgfVxuYDtcblxuY29uc3QgRm9ybUFjdGlvbnMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDhweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmFjdGl2ZX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0TGlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDhweCAxNnB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgJHt0cmFuc2l0aW9ucy5tYWlufTtcblxuICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdGF0dXNSZWFkeVRleHR9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmA7XG5cbmNvbnN0IEhpbnQgPSBzdHlsZWQucGBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogJHtjb2xvcnMuY29udHJvbExhYmVsfTtcbiAgbWFyZ2luOiA0cHggMCAwO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG5gO1xuXG5jbGFzcyBBZGROb3RlRm9ybSBleHRlbmRzIENvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25BZGQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0ZSA9IHtcbiAgICBjb250ZW50OiAnJyxcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlLFxuICB9O1xuXG4gIGhhbmRsZUNvbnRlbnRDaGFuZ2UgPSBlID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnQgfSk7XG4gIH07XG5cbiAgaGFuZGxlU3VibWl0ID0gZSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHsgY29udGVudCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB0cmltbWVkQ29udGVudCA9IGNvbnRlbnQudHJpbSgpO1xuXG4gICAgaWYgKHRyaW1tZWRDb250ZW50KSB7XG4gICAgICB0aGlzLnByb3BzLm9uQWRkKHRyaW1tZWRDb250ZW50KTtcbiAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb250ZW50OiAnJywgaXNGb2N1c2VkOiBmYWxzZSB9KTtcbiAgICB9XG4gIH07XG5cbiAgaGFuZGxlS2V5RG93biA9IGUgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJyAmJiAoZS5jdHJsS2V5IHx8IGUubWV0YUtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuaGFuZGxlU3VibWl0KGUpO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVGb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pO1xuICB9O1xuXG4gIGhhbmRsZUJsdXIgPSBlID0+IHtcbiAgICBjb25zdCB7IHJlbGF0ZWRUYXJnZXQgfSA9IGU7XG4gICAgaWYgKHJlbGF0ZWRUYXJnZXQgJiYgcmVsYXRlZFRhcmdldC50eXBlID09PSAnc3VibWl0Jykge1xuICAgICAgcmV0dXJuOyAvLyBEbyBub3QgdXBkYXRlIHN0YXRlIGlmIGJsdXIgaXMgY2F1c2VkIGJ5IGNsaWNraW5nIHRoZSBzdWJtaXQgYnV0dG9uXG4gICAgfVxuICAgIGlmICghdGhpcy5zdGF0ZS5jb250ZW50LnRyaW0oKSkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBjb250ZW50IH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGNhblN1Ym1pdCA9IGNvbnRlbnQudHJpbSgpLmxlbmd0aCA+IDA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1Db250YWluZXI+XG4gICAgICAgIDxmb3JtIG9uU3VibWl0PXt0aGlzLmhhbmRsZVN1Ym1pdH0+XG4gICAgICAgICAgPFRleHRBcmVhXG4gICAgICAgICAgICB2YWx1ZT17Y29udGVudH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZUNvbnRlbnRDaGFuZ2V9XG4gICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMuaGFuZGxlRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMuaGFuZGxlQmx1cn1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICByb3dzPVwiNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Rm9ybUFjdGlvbnM+XG4gICAgICAgICAgICA8QWRkQnV0dG9uIHR5cGU9XCJzdWJtaXRcIiBkaXNhYmxlZD17IWNhblN1Ym1pdH0+XG4gICAgICAgICAgICAgIHt0KCdlZGl0b3IuZWRpdG9yTm90ZXNQYW5lLmFkZE5vdGUnKX1cbiAgICAgICAgICAgIDwvQWRkQnV0dG9uPlxuICAgICAgICAgIDwvRm9ybUFjdGlvbnM+XG4gICAgICAgICAgPEhpbnQ+e3QoJ2VkaXRvci5lZGl0b3JOb3Rlc1BhbmUuc2hvcnRjdXQnKX08L0hpbnQ+XG4gICAgICAgIDwvZm9ybT5cbiAgICAgIDwvRm9ybUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEFkZE5vdGVGb3JtO1xuIl19 */"));
34
+ class AddNoteForm extends Component {
35
+ static propTypes = {
36
+ onAdd: PropTypes.func.isRequired,
37
+ t: PropTypes.func.isRequired
38
+ };
39
+ state = {
40
+ content: '',
41
+ isFocused: false
42
+ };
43
+ handleContentChange = e => {
44
+ const content = e.target.value;
45
+ this.setState({
46
+ content
47
+ });
48
+ };
49
+ handleSubmit = e => {
50
+ e.preventDefault();
51
+ const {
52
+ content
53
+ } = this.state;
54
+ const trimmedContent = content.trim();
55
+ if (trimmedContent) {
56
+ this.props.onAdd(trimmedContent);
57
+ this.setState({
58
+ content: '',
59
+ isFocused: false
60
+ });
61
+ }
62
+ };
63
+ handleKeyDown = e => {
64
+ if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
65
+ e.preventDefault();
66
+ this.handleSubmit(e);
67
+ }
68
+ };
69
+ handleFocus = () => {
70
+ this.setState({
71
+ isFocused: true
72
+ });
73
+ };
74
+ handleBlur = e => {
75
+ const {
76
+ relatedTarget
77
+ } = e;
78
+ if (relatedTarget && relatedTarget.type === 'submit') {
79
+ return; // Do not update state if blur is caused by clicking the submit button
80
+ }
81
+ if (!this.state.content.trim()) {
82
+ this.setState({
83
+ isFocused: false
84
+ });
85
+ }
86
+ };
87
+ render() {
88
+ const {
89
+ t
90
+ } = this.props;
91
+ const {
92
+ content
93
+ } = this.state;
94
+ const canSubmit = content.trim().length > 0;
95
+ return ___EmotionJSX(FormContainer, null, ___EmotionJSX("form", {
96
+ onSubmit: this.handleSubmit
97
+ }, ___EmotionJSX(TextArea, {
98
+ value: content,
99
+ onChange: this.handleContentChange,
100
+ onKeyDown: this.handleKeyDown,
101
+ onFocus: this.handleFocus,
102
+ onBlur: this.handleBlur,
103
+ placeholder: t('editor.editorNotesPane.addPlaceholder'),
104
+ rows: "4"
105
+ }), ___EmotionJSX(FormActions, null, ___EmotionJSX(AddButton, {
106
+ type: "submit",
107
+ disabled: !canSubmit
108
+ }, t('editor.editorNotesPane.addNote'))), ___EmotionJSX(Hint, null, t('editor.editorNotesPane.shortcut'))));
109
+ }
110
+ }
111
+ export default AddNoteForm;