@bbl-digital/snorre 4.0.27 → 4.0.29
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +66 -31
- package/esm/core/BoxedTable/TableBody/index.js +10 -0
- package/esm/core/BoxedTable/TableBody/styles.js +16 -0
- package/esm/core/FileInput/index.js +1 -1
- package/esm/core/Header/index.js +3 -1
- package/esm/core/Link/Link.stories.js +41 -39
- package/esm/core/Link/index.js +5 -1
- package/esm/core/List/List.stories.js +119 -105
- package/esm/core/List/index.js +6 -3
- package/esm/core/ListPager/ListPager.stories.js +4 -4
- package/esm/core/ListPager/index.js +4 -0
- package/esm/core/ListPager/styles.js +4 -4
- package/esm/core/NoticeCard/index.js +2 -0
- package/esm/core/NotificationCounter/index.js +5 -1
- package/esm/core/NotificationsMenu/index.js +1 -1
- package/esm/core/Radio/index.js +7 -2
- package/esm/core/Select/index.js +7 -1
- package/esm/core/Skeleton/index.js +9 -6
- package/esm/core/Spinner/index.js +4 -1
- package/esm/core/Spinner/styles.js +5 -5
- package/lib/core/BoxedTable/TableBody/index.d.ts +7 -0
- package/lib/core/BoxedTable/TableBody/index.d.ts.map +1 -0
- package/lib/core/BoxedTable/TableBody/index.js +10 -0
- package/lib/core/BoxedTable/TableBody/styles.d.ts +6 -0
- package/lib/core/BoxedTable/TableBody/styles.d.ts.map +1 -0
- package/lib/core/BoxedTable/TableBody/styles.js +16 -0
- package/lib/core/FileInput/index.js +1 -1
- package/lib/core/Header/index.d.ts +2 -0
- package/lib/core/Header/index.d.ts.map +1 -1
- package/lib/core/Header/index.js +3 -1
- package/lib/core/Link/Link.stories.d.ts +14 -39
- package/lib/core/Link/Link.stories.d.ts.map +1 -1
- package/lib/core/Link/Link.stories.js +41 -39
- package/lib/core/Link/index.d.ts.map +1 -1
- package/lib/core/Link/index.js +5 -1
- package/lib/core/List/List.stories.d.ts +14 -39
- package/lib/core/List/List.stories.d.ts.map +1 -1
- package/lib/core/List/List.stories.js +119 -105
- package/lib/core/List/index.d.ts +3 -2
- package/lib/core/List/index.d.ts.map +1 -1
- package/lib/core/List/index.js +6 -3
- package/lib/core/ListPager/ListPager.stories.d.ts +6 -7
- package/lib/core/ListPager/ListPager.stories.d.ts.map +1 -1
- package/lib/core/ListPager/ListPager.stories.js +4 -4
- package/lib/core/ListPager/index.d.ts.map +1 -1
- package/lib/core/ListPager/index.js +4 -0
- package/lib/core/ListPager/styles.d.ts +1 -1
- package/lib/core/ListPager/styles.d.ts.map +1 -1
- package/lib/core/ListPager/styles.js +4 -4
- package/lib/core/NoticeCard/index.d.ts.map +1 -1
- package/lib/core/NoticeCard/index.js +2 -0
- package/lib/core/NotificationCounter/index.d.ts.map +1 -1
- package/lib/core/NotificationCounter/index.js +5 -1
- package/lib/core/NotificationsMenu/index.js +1 -1
- package/lib/core/Radio/index.d.ts +1 -1
- package/lib/core/Radio/index.d.ts.map +1 -1
- package/lib/core/Radio/index.js +7 -2
- package/lib/core/Select/index.d.ts.map +1 -1
- package/lib/core/Select/index.js +7 -1
- package/lib/core/Skeleton/index.d.ts.map +1 -1
- package/lib/core/Skeleton/index.js +9 -6
- package/lib/core/Spinner/index.d.ts.map +1 -1
- package/lib/core/Spinner/index.js +4 -1
- package/lib/core/Spinner/styles.d.ts.map +1 -1
- package/lib/core/Spinner/styles.js +5 -5
- package/package.json +1 -1
- package/esm/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
- package/esm/core/CheckboxController/index.js +0 -22
- package/esm/core/Datepicker/yearMonthForm.js +0 -56
- package/esm/core/EditorOld/config.js +0 -69
- package/esm/core/EditorOld/index.js +0 -147
- package/esm/core/EditorOld/styles.js +0 -65
- package/esm/core/ImageCarousel/index.js +0 -70
- package/esm/core/ImageCarousel/styles.js +0 -58
- package/esm/enums/ModifierKey.js +0 -13
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts +0 -7
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts.map +0 -1
- package/lib/core/Autocomplete/utils/useHandleOptionsHeight.js +0 -16
- package/lib/core/CheckboxController/index.d.ts +0 -1
- package/lib/core/CheckboxController/index.d.ts.map +0 -1
- package/lib/core/CheckboxController/index.js +0 -22
- package/lib/core/Datepicker/yearMonthForm.d.ts +0 -10
- package/lib/core/Datepicker/yearMonthForm.d.ts.map +0 -1
- package/lib/core/Datepicker/yearMonthForm.js +0 -56
- package/lib/core/EditorOld/config.d.ts +0 -56
- package/lib/core/EditorOld/config.d.ts.map +0 -1
- package/lib/core/EditorOld/config.js +0 -69
- package/lib/core/EditorOld/index.d.ts +0 -39
- package/lib/core/EditorOld/index.d.ts.map +0 -1
- package/lib/core/EditorOld/index.js +0 -147
- package/lib/core/EditorOld/styles.d.ts +0 -23
- package/lib/core/EditorOld/styles.d.ts.map +0 -1
- package/lib/core/EditorOld/styles.js +0 -65
- package/lib/core/ImageCarousel/index.d.ts +0 -11
- package/lib/core/ImageCarousel/index.d.ts.map +0 -1
- package/lib/core/ImageCarousel/index.js +0 -70
- package/lib/core/ImageCarousel/styles.d.ts +0 -26
- package/lib/core/ImageCarousel/styles.d.ts.map +0 -1
- package/lib/core/ImageCarousel/styles.js +0 -58
- package/lib/enums/ModifierKey.d.ts +0 -12
- package/lib/enums/ModifierKey.d.ts.map +0 -1
- package/lib/enums/ModifierKey.js +0 -13
package/lib/core/Select/index.js
CHANGED
@@ -51,6 +51,10 @@ const Select = ({
|
|
51
51
|
toggleOpen(false);
|
52
52
|
};
|
53
53
|
if (open) {
|
54
|
+
const firstOption = ref.current?.querySelector('button, a, [tabindex]');
|
55
|
+
if (firstOption) {
|
56
|
+
firstOption.focus();
|
57
|
+
}
|
54
58
|
document.addEventListener('mousedown', handleClickOutside);
|
55
59
|
} else {
|
56
60
|
document.removeEventListener('mousedown', handleClickOutside);
|
@@ -73,6 +77,8 @@ const Select = ({
|
|
73
77
|
ref: ref,
|
74
78
|
className: className,
|
75
79
|
css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon, type === 'opacity08' && styles.opacity08(theme), width && styles.width(width), maxHeight && styles.maxHeight(maxHeight), customStyle && customStyle, open && customOpenstyle && customOpenstyle, disabled && styles.disabled(theme)],
|
80
|
+
"aria-expanded": open,
|
81
|
+
"aria-label": label ? label : 'Select',
|
76
82
|
children: [input && label && Label, info && _jsx("span", {
|
77
83
|
css: styles.infoButton,
|
78
84
|
children: _jsx(InfoButton, {
|
@@ -96,7 +102,7 @@ const Select = ({
|
|
96
102
|
tabIndex: disabled ? -1 : undefined,
|
97
103
|
children: props.selectedValue ? props.selectedValue : props.text || ''
|
98
104
|
}), _jsx(OptionsWrapper, {
|
99
|
-
css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
105
|
+
css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUxRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZSxcbiAgUmVhY3RFbGVtZW50LFxuICB1c2VTdGF0ZSxcbiAgY3JlYXRlUmVmLFxuICB1c2VFZmZlY3QsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IE9wdGlvbiBmcm9tICcuL09wdGlvbidcbmltcG9ydCB7IFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW5mb0J1dHRvbiBmcm9tICcuLi9JbmZvQnV0dG9uJ1xuaW1wb3J0IEljb25IZWxwIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkhlbHAnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBJY29uQ2hldnJvbkRvd24gZnJvbSAnLi4vLi4vaWNvbnMvR2VuZXJhbC9JY29uQ2hldnJvbkRvd24nXG5pbXBvcnQgTGlzdCBmcm9tICcuLi9MaXN0J1xuXG5leHBvcnQgeyBPcHRpb24gfVxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIFRleHQgd2hlbiBubyBvcHRpb24gYXJlIHNlbGVjdGVkICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgLyoqIEN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUuIExlYXZlIGVtcHR5IGZvciBkZWZhdWx0IHRleHQuICovXG4gIHNlbGVjdGVkVmFsdWU/OiBzdHJpbmdcbiAgLyoqIFN0eWxlIGFzIGFuIGlucHV0ICovXG4gIGlucHV0PzogYm9vbGVhblxuICAvKiogQWRkcyBhIGxhYmVsIGlmIGlucHV0IGlzIHNlbGVjdGVkICAqL1xuICBsYWJlbD86IHN0cmluZ1xuICAvKiogQ2FsbGJhY2sgaGFuZGxlciBmb3Igd2hlbiBjbGlja2luZyBvcHRpb24gZWxlbWVudC4gKi9cbiAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gYW55XG4gIC8qKiBPcHRpb24tZWxlbWVudHMsIHNlbGVjdCBsaXN0IGNvbnRlbnQgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVtdXG4gIC8qKiBBZGRzIGljb24gdG8gc2VsZWN0ICAqL1xuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKiBUeXBlIG9mIHNlbGVjdCwgZGVmYXVsdCBpcyB0cmFuc3BhcmVudCwgcHJpbWFyeTEwIGFkZHMgcHJpbWFyeSBiYWNrZ3JvdW5kIHdpdGggMTAgb3BhY2l0eSAqL1xuICB0eXBlPzogJ2RlZmF1bHQnIHwgJ3ByaW1hcnkxMCcgfCAnb3BhY2l0eTA4J1xuICAvKiogVXNlIG5hdGl2ZSBzZWxlY3RvciAqL1xuICBuYXRpdmU/OiBib29sZWFuXG4gIC8qKiBTZWxlY3QgYnV0dG9uIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIGNvbnRlbnQgd2lkdGggKi9cbiAgb3B0aW9uc1dpZHRoPzogc3RyaW5nXG4gIC8qKiBPcHRpb25zIG1heCBoZWlnaHQuIElmIHNldCB3aWxsIHNldCBvdmVyZmxvdy15IHRvIHNjcm9sbC4gKi9cbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKiBBdXRvZm9jdXMgKi9cbiAgZm9jdXM/OiBib29sZWFuXG4gIC8qKiBBZGQgY3VzdG9tIGNzcyB0byBzZWxlY3Qgd2hlbiBpbiBvcGVuIHN0YXRlICovXG4gIGN1c3RvbU9wZW5zdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIE92ZXJyaWRlIHdpdGggY3VzdG9tIENTUyAqL1xuICBjdXN0b21TdHlsZT86IFNlcmlhbGl6ZWRTdHlsZXNcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctZXZlbnQgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG4gIC8qKiBBZGQgYSBkYXRhLXRyYWNraW5nLW5hbWUgYXR0cmlidXRlLiAqL1xuICB0cmFja2luZ05hbWU/OiBzdHJpbmdcbiAgLyoqIFNlbGVjdCBpcyBkaXNhYmxlZC4gKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKiBNYW51YWwgY2xvc2UgYnkgY2hhbmdpbmcgY2xvc2VLZXkgZXh0ZXJuYWxseSAqL1xuICBjbG9zZUtleT86IHN0cmluZ1xuICAvKiogQWRkIGNsYXNzbmFtZSAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIEFkZHMgaW5mby10ZXh0IGJ1dHRvbiAqL1xuICBpbmZvPzogc3RyaW5nXG4gIC8qKiBXaGVyZSB0aGUgaW5mbyB0b29sdGlwIHdpbGwgYmUgcGxhY2VkIHJlbGF0aXZlIHRvIHRoZSBidXR0b24gQGRlZmF1bHQgbGVmdCAqL1xuICBpbmZvUGxhY2VtZW50PzogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbSdcbn1cblxuY29uc3QgU2VsZWN0OiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgaW5wdXQsXG4gIGljb24sXG4gIHR5cGUgPSAnZGVmYXVsdCcsXG4gIG5hdGl2ZSxcbiAgb3B0aW9uc1dpZHRoLFxuICB3aWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBmb2N1cyxcbiAgY3VzdG9tT3BlbnN0eWxlLFxuICBjdXN0b21TdHlsZSxcbiAgdHJhY2tpbmdFdmVudCxcbiAgdHJhY2tpbmdOYW1lLFxuICBkaXNhYmxlZCxcbiAgbGFiZWwsXG4gIGNsb3NlS2V5LFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG4gIGluZm9QbGFjZW1lbnQgPSAnbGVmdCcsXG4gIC4uLnByb3BzXG59OiBJUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gY3JlYXRlUmVmPEhUTUxTcGFuRWxlbWVudD4oKVxuICBjb25zdCBbb3BlbiwgdG9nZ2xlT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCBvbkNsaWNrID0gZnVuY3Rpb24gKCkge1xuICAgIHRvZ2dsZU9wZW4oIW9wZW4gJiYgIWRpc2FibGVkKVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VLZXkpIHtcbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2Nsb3NlS2V5XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IG5vZGUgPSByZWYuY3VycmVudFxuICAgICAgaWYgKG5vZGUgJiYgbm9kZS5jb250YWlucyhlLnRhcmdldCkpIHtcbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cblxuICAgIGlmIChvcGVuKSB7XG4gICAgICBjb25zdCBmaXJzdE9wdGlvbiA9IHJlZi5jdXJyZW50Py5xdWVyeVNlbGVjdG9yKFxuICAgICAgICAnYnV0dG9uLCBhLCBbdGFiaW5kZXhdJ1xuICAgICAgKSBhcyBIVE1MRWxlbWVudFxuICAgICAgaWYgKGZpcnN0T3B0aW9uKSB7XG4gICAgICAgIGZpcnN0T3B0aW9uLmZvY3VzKClcbiAgICAgIH1cbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbb3BlbiwgcmVmXSlcblxuICBjb25zdCBvbkNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKHByb3BzLm9uQ2hhbmdlICYmICFkaXNhYmxlZCkge1xuICAgICAgcHJvcHMub25DaGFuZ2UodmFsdWUpXG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IExhYmVsID0gPFN0eWxlZExhYmVsIHdpdGhJbmZvPXtCb29sZWFuKGluZm8pfT57bGFiZWx9PC9TdHlsZWRMYWJlbD5cblxuICBjb25zdCBOb25OYXRpdmUgPSAoXG4gICAgPFNlbGVjdFdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9eyh0aGVtZSkgPT4gW1xuICAgICAgICBzdHlsZXMuZGVmYXVsdCxcbiAgICAgICAgaW5wdXQgJiYgc3R5bGVzLmlucHV0KHRoZW1lKSxcbiAgICAgICAgaW5wdXQgJiYgb3BlbiAmJiBzdHlsZXMub3Blbih0aGVtZSksXG4gICAgICAgIHR5cGUgPT09ICdwcmltYXJ5MTAnICYmIHN0eWxlcy5wcmltYXJ5MTAodGhlbWUpLFxuICAgICAgICBpY29uICYmIHN0eWxlcy53aXRoSWNvbixcbiAgICAgICAgdHlwZSA9PT0gJ29wYWNpdHkwOCcgJiYgc3R5bGVzLm9wYWNpdHkwOCh0aGVtZSksXG4gICAgICAgIHdpZHRoICYmIHN0eWxlcy53aWR0aCh3aWR0aCksXG4gICAgICAgIG1heEhlaWdodCAmJiBzdHlsZXMubWF4SGVpZ2h0KG1heEhlaWdodCksXG4gICAgICAgIGN1c3RvbVN0eWxlICYmIGN1c3RvbVN0eWxlLFxuICAgICAgICBvcGVuICYmIGN1c3RvbU9wZW5zdHlsZSAmJiBjdXN0b21PcGVuc3R5bGUsXG4gICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZCh0aGVtZSksXG4gICAgICBdfVxuICAgICAgYXJpYS1leHBhbmRlZD17b3Blbn1cbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsID8gbGFiZWwgOiAnU2VsZWN0J31cbiAgICA+XG4gICAgICB7aW5wdXQgJiYgbGFiZWwgJiYgTGFiZWx9XG4gICAgICB7aW5mbyAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17c3R5bGVzLmluZm9CdXR0b259PlxuICAgICAgICAgIDxJbmZvQnV0dG9uIGljb249ezxJY29uSGVscCBwcmltYXJ5IC8+fSBwbGFjZT17aW5mb1BsYWNlbWVudH0+XG4gICAgICAgICAgICB7aW5mb31cbiAgICAgICAgICA8L0luZm9CdXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgYWZ0ZXJJY29uPXs8SWNvbkNoZXZyb25Eb3duIGZsaXBWZXJ0aWNhbD17b3Blbn0gc2l6ZT17MTR9IC8+fVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBiZWZvcmVJY29uPXtpY29ufVxuICAgICAgICBhdXRvRm9jdXM9e2ZvY3VzfVxuICAgICAgICB0cmFja2luZ05hbWU9e3RyYWNraW5nTmFtZX1cbiAgICAgICAgdHJhY2tpbmdFdmVudD17dHJhY2tpbmdFdmVudH1cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIDxPcHRpb25zV3JhcHBlclxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXRzdHlsZSghIWxhYmVsKSxcbiAgICAgICAgICBvcHRpb25zV2lkdGggJiYgc3R5bGVzLm9wdGlvbnNXaWR0aChvcHRpb25zV2lkdGgpLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7b3BlbiA/IChcbiAgICAgICAgICA8TGlzdCBzZWxlY3RMaXN0PlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgIC5maWx0ZXIoKHgpID0+IHgpXG4gICAgICAgICAgICAgIC5tYXAoKGNoaWxkLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkIGFzIFJlYWN0RWxlbWVudCwge1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlLFxuICAgICAgICAgICAgICAgICAga2V5LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTGlzdD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L09wdGlvbnNXcmFwcGVyPlxuICAgIDwvU2VsZWN0V3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IE5hdGl2ZSA9IChcbiAgICA8c2VsZWN0XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17KHRoZW1lKSA9PiBbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBpbnB1dCAmJiBzdHlsZXMuaW5wdXQodGhlbWUpLFxuICAgICAgICBpbnB1dCAmJiBvcGVuICYmIHN0eWxlcy5vcGVuKHRoZW1lKSxcbiAgICAgICAgdHlwZSA9PT0gJ3ByaW1hcnkxMCcgJiYgc3R5bGVzLnByaW1hcnkxMCh0aGVtZSksXG4gICAgICAgIGljb24gJiYgc3R5bGVzLndpdGhJY29uLFxuICAgICAgXX1cbiAgICAgIHZhbHVlPXtwcm9wcy5zZWxlY3RlZFZhbHVlID8gcHJvcHMuc2VsZWN0ZWRWYWx1ZSA6IHByb3BzLnRleHQgfHwgJyd9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICA+XG4gICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgLm1hcCgoY2hpbGQ6IGFueSwga2V5OiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAoIWNoaWxkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2NoaWxkLnByb3BzLnZhbHVlfT5cbiAgICAgICAgICAgICAge2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICA8L3NlbGVjdD5cbiAgKVxuXG4gIHJldHVybiBuYXRpdmUgPyBOYXRpdmUgOiBOb25OYXRpdmVcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0XG4iXX0= */"],
|
100
106
|
children: open ? _jsx(List, {
|
101
107
|
selectList: true,
|
102
108
|
children: props.children.filter(x => x).map((child, key) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,MAAM;IACrB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,MAAM;IACrB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0B9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
@@ -8,25 +8,28 @@ const Skeleton = ({
|
|
8
8
|
rectangle = false,
|
9
9
|
borderRadius = undefined
|
10
10
|
}) => {
|
11
|
+
const commonProps = {
|
12
|
+
height,
|
13
|
+
width,
|
14
|
+
'aria-hidden': true,
|
15
|
+
role: 'presentation'
|
16
|
+
};
|
11
17
|
if (circle) {
|
12
18
|
return /*#__PURE__*/_jsx(SkeletonCircle, {
|
13
19
|
"data-testid": "skeleton",
|
14
|
-
|
15
|
-
width: width
|
20
|
+
...commonProps
|
16
21
|
});
|
17
22
|
}
|
18
23
|
if (rectangle) {
|
19
24
|
return /*#__PURE__*/_jsx(SkeletonRectangle, {
|
20
25
|
"data-testid": "skeleton",
|
21
26
|
borderRadius: borderRadius,
|
22
|
-
|
23
|
-
width: width
|
27
|
+
...commonProps
|
24
28
|
});
|
25
29
|
}
|
26
30
|
return /*#__PURE__*/_jsx(SkeletonRow, {
|
27
31
|
"data-testid": "skeleton",
|
28
|
-
|
29
|
-
width: width
|
32
|
+
...commonProps
|
30
33
|
});
|
31
34
|
};
|
32
35
|
export default Skeleton;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoB7B,CAAA;AAED,eAAe,OAAO,CAAA"}
|
@@ -4,7 +4,10 @@ import { styles } from './styles';
|
|
4
4
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
5
5
|
const Spinner = props => {
|
6
6
|
return _jsx("div", {
|
7
|
-
css: theme => [styles.default(theme), props.size && styles.size(props.size), props.margin && styles.margin(props.margin), props.color && styles.color(props.color), (props.thickness || props.offsetColor) && styles.border(props.thickness, props.offsetColor, props.color || theme.primary)]
|
7
|
+
css: theme => [styles.default(theme), props.size && styles.size(props.size), props.margin && styles.margin(props.margin), props.color && styles.color(props.color), (props.thickness || props.offsetColor) && styles.border(props.thickness, props.offsetColor, props.color || theme.primary)],
|
8
|
+
role: "alert",
|
9
|
+
"aria-live": "polite",
|
10
|
+
"aria-label": "Laster..."
|
8
11
|
});
|
9
12
|
};
|
10
13
|
export default Spinner;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Spinner/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;iBAkCb,MAAM;qBAOF,MAAM;mBAIR,MAAM;2FASL,MAAM;CAOvB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
const styles = {
|
3
|
-
default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
4
|
-
size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
5
|
-
margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
6
|
-
color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
7
|
-
border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
default: theme => /*#__PURE__*/css("@keyframes spinner{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg);}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg);}}position:relative;&::before{animation:1.5s linear infinite spinner;animation-play-state:inherit;border:solid 3px #cfd0d1;border-bottom-color:", theme.primary, ";border-radius:50%;content:'';height:8px;width:8px;position:absolute;top:10%;left:10%;transform:translate3d(-50%, -50%, 0);will-change:transform;}@media (prefers-reduced-motion){&::before{animation:4s linear infinite spinner;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
|
4
|
+
size: size => /*#__PURE__*/css("&::before{width:", size, "px;height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:size;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
5
|
+
margin: margin => /*#__PURE__*/css("margin:", margin, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:margin;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
6
|
+
color: color => /*#__PURE__*/css("&::before{border-bottom-color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU3Bpbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIEBrZXlmcmFtZXMgc3Bpbm5lciB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDBkZWcpO1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCkgcm90YXRlKDM2MGRlZyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGFuaW1hdGlvbjogMS41cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBpbmhlcml0O1xuICAgICAgYm9yZGVyOiBzb2xpZCAzcHggI2NmZDBkMTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogOHB4O1xuICAgICAgd2lkdGg6IDhweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTAlO1xuICAgICAgbGVmdDogMTAlO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgICAgIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG4gICAgfVxuICAgIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbikge1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiA0cyBsaW5lYXIgaW5maW5pdGUgc3Bpbm5lcjtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG5cbiAgc2l6ZTogKHNpemU6IG51bWJlcikgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICB3aWR0aDogJHtzaXplfXB4O1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgLFxuXG4gIG1hcmdpbjogKG1hcmdpbjogc3RyaW5nKSA9PiBjc3NgXG4gICAgbWFyZ2luOiAke21hcmdpbn07XG4gIGAsXG5cbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgYCxcblxuICBib3JkZXI6IChcbiAgICB0aGlja25lc3M6IG51bWJlciA9IDMsXG4gICAgb2Zmc2V0Q29sb3I6IHN0cmluZyA9ICcjY2ZkMGQxJyxcbiAgICBib3JkZXJCb3R0b206IHN0cmluZ1xuICApID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyOiAke3RoaWNrbmVzc31weCBzb2xpZCAke29mZnNldENvbG9yfTtcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICR7Ym9yZGVyQm90dG9tfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
7
|
+
border: (thickness = 3, offsetColor = '#cfd0d1', borderBottom) => /*#__PURE__*/css("&::before{border:", thickness, "px solid ", offsetColor, ";border-bottom-color:", borderBottom, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:border;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NwaW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TcGlubmVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgQGtleWZyYW1lcyBzcGlubmVyIHtcbiAgICAgIDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMGRlZyk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKSByb3RhdGUoMzYwZGVnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgYW5pbWF0aW9uOiAxLjVzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IGluaGVyaXQ7XG4gICAgICBib3JkZXI6IHNvbGlkIDNweCAjY2ZkMGQxO1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAxMCU7XG4gICAgICBsZWZ0OiAxMCU7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbiAgICB9XG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBhbmltYXRpb246IDRzIGxpbmVhciBpbmZpbml0ZSBzcGlubmVyO1xuICAgICAgfVxuICAgIH1cbiAgYCxcblxuICBzaXplOiAoc2l6ZTogbnVtYmVyKSA9PiBjc3NgXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGAsXG5cbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufTtcbiAgYCxcblxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuICBgLFxuXG4gIGJvcmRlcjogKFxuICAgIHRoaWNrbmVzczogbnVtYmVyID0gMyxcbiAgICBvZmZzZXRDb2xvcjogc3RyaW5nID0gJyNjZmQwZDEnLFxuICAgIGJvcmRlckJvdHRvbTogc3RyaW5nXG4gICkgPT4gY3NzYFxuICAgICY6OmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhpY2tuZXNzfXB4IHNvbGlkICR7b2Zmc2V0Q29sb3J9O1xuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtib3JkZXJCb3R0b219O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */")
|
8
8
|
};
|
9
9
|
export default styles;
|
10
10
|
export { styles };
|
package/package.json
CHANGED
@@ -1,16 +0,0 @@
|
|
1
|
-
import { createRef, useEffect, useState } from 'react';
|
2
|
-
|
3
|
-
const useHandleOptionsHeight = () => {
|
4
|
-
const [optionsHeight, setOptionsHeight] = useState(0);
|
5
|
-
const optionsRef = /*#__PURE__*/createRef();
|
6
|
-
useEffect(() => {
|
7
|
-
const rect = optionsRef.current?.getBoundingClientRect();
|
8
|
-
setOptionsHeight(rect?.height || 0); // eslint-disable-next-line react-hooks/exhaustive-deps
|
9
|
-
}, [optionsRef.current]);
|
10
|
-
return {
|
11
|
-
optionsHeight,
|
12
|
-
optionsRef
|
13
|
-
};
|
14
|
-
};
|
15
|
-
|
16
|
-
export default useHandleOptionsHeight;
|
@@ -1,22 +0,0 @@
|
|
1
|
-
// import React from 'react'
|
2
|
-
// interface IProps {
|
3
|
-
// /** Function children in which CheckBox components can be rendered. */
|
4
|
-
// children: (component: React.ComponentType, values: string[], id: string) => void;
|
5
|
-
// /** Unique name of the field. */
|
6
|
-
// name: string,;
|
7
|
-
// /** Callback that is triggered when a child CheckBox is clicked. */
|
8
|
-
// onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
|
9
|
-
// /** Default checked values. */
|
10
|
-
// value?: string,[];
|
11
|
-
// }
|
12
|
-
// const CheckboxController: React.FC<IProps> = props => {
|
13
|
-
// const type: string = 'checkbox'
|
14
|
-
// const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
15
|
-
// if (props.onChange) {
|
16
|
-
// props.onChange(e.target.checked)
|
17
|
-
// }
|
18
|
-
// }
|
19
|
-
// return (
|
20
|
-
// )
|
21
|
-
// }
|
22
|
-
// export default Checkbox
|
@@ -1,56 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { MONTHS } from '../../utils/dates';
|
3
|
-
import { StyledSelect, Div } from './styles';
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
-
|
7
|
-
const YearMonthForm = ({
|
8
|
-
onChange,
|
9
|
-
date,
|
10
|
-
fromDate,
|
11
|
-
toDate
|
12
|
-
}) => {
|
13
|
-
const months = MONTHS;
|
14
|
-
const years = [];
|
15
|
-
|
16
|
-
for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
|
17
|
-
years.push(i);
|
18
|
-
}
|
19
|
-
|
20
|
-
const changeMonth = e => {
|
21
|
-
let newDate = date;
|
22
|
-
newDate.setMonth(e.target.value);
|
23
|
-
if (newDate > toDate) newDate = toDate;
|
24
|
-
onChange(newDate);
|
25
|
-
};
|
26
|
-
|
27
|
-
const changeYear = e => {
|
28
|
-
let newDate = date;
|
29
|
-
newDate.setFullYear(e.target.value);
|
30
|
-
if (newDate > toDate) newDate = toDate;
|
31
|
-
onChange(newDate);
|
32
|
-
};
|
33
|
-
|
34
|
-
return /*#__PURE__*/_jsxs(Div, {
|
35
|
-
className: "DayPicker-Caption",
|
36
|
-
children: [/*#__PURE__*/_jsx(StyledSelect, {
|
37
|
-
name: "month",
|
38
|
-
onChange: changeMonth,
|
39
|
-
value: date.getMonth(),
|
40
|
-
children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
|
41
|
-
value: i,
|
42
|
-
children: month
|
43
|
-
}, month))
|
44
|
-
}), /*#__PURE__*/_jsx(StyledSelect, {
|
45
|
-
name: "year",
|
46
|
-
onChange: changeYear,
|
47
|
-
value: date.getFullYear(),
|
48
|
-
children: years.map(year => /*#__PURE__*/_jsx("option", {
|
49
|
-
value: year,
|
50
|
-
children: year
|
51
|
-
}, year))
|
52
|
-
})]
|
53
|
-
});
|
54
|
-
};
|
55
|
-
|
56
|
-
export default YearMonthForm;
|
@@ -1,69 +0,0 @@
|
|
1
|
-
export const basicToolbar = {
|
2
|
-
options: ['inline', 'list'],
|
3
|
-
inline: {
|
4
|
-
options: ['bold', 'italic', 'underline']
|
5
|
-
}
|
6
|
-
};
|
7
|
-
export const richToolbar = {
|
8
|
-
options: ['blockType', 'inline', 'list', 'textAlign', 'link'],
|
9
|
-
inline: {
|
10
|
-
options: ['bold', 'italic', 'underline']
|
11
|
-
},
|
12
|
-
textAlign: {
|
13
|
-
options: ['left', 'center', 'right', 'justify']
|
14
|
-
},
|
15
|
-
blockType: {
|
16
|
-
inDropdown: true,
|
17
|
-
options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']
|
18
|
-
},
|
19
|
-
link: {
|
20
|
-
showOpenOptionOnHover: true,
|
21
|
-
defaultTargetOption: '_blank',
|
22
|
-
options: ['link', 'unlink']
|
23
|
-
}
|
24
|
-
};
|
25
|
-
export const htmlToEntity = (nodeName, node, createEntity) => {
|
26
|
-
if (nodeName === 'a') {
|
27
|
-
return createEntity('LINK', 'MUTABLE', {
|
28
|
-
url: node.href
|
29
|
-
});
|
30
|
-
}
|
31
|
-
};
|
32
|
-
export const getStrippedHtml = html => {
|
33
|
-
return html.replace(/<img[^>]*>/g, '');
|
34
|
-
};
|
35
|
-
export const editorLabels = {
|
36
|
-
// Generic
|
37
|
-
'generic.add': 'Legg til',
|
38
|
-
'generic.cancel': 'Avbryt',
|
39
|
-
// Inline
|
40
|
-
'components.controls.inline.bold': 'Fet',
|
41
|
-
'components.controls.inline.italic': 'Kursiv',
|
42
|
-
'components.controls.inline.underline': 'Understrek',
|
43
|
-
// List
|
44
|
-
'components.controls.list.unordered': 'Punktliste',
|
45
|
-
'components.controls.list.ordered': 'Nummerliste',
|
46
|
-
'components.controls.list.indent': 'Innrykk',
|
47
|
-
'components.controls.list.outdent': 'Utrykk',
|
48
|
-
// Text align
|
49
|
-
'components.controls.textAlign.left': 'Venstrejuster',
|
50
|
-
'components.controls.textAlign.center': 'Midtstill',
|
51
|
-
'components.controls.textAlign.right': 'Høyrejuster',
|
52
|
-
'components.controls.textAlign.justify': 'Blokkjuster',
|
53
|
-
// Block type
|
54
|
-
'components.controls.blocktype.normal': 'Avsnitt',
|
55
|
-
'components.controls.blocktype.h1': 'Overskrift 1',
|
56
|
-
'components.controls.blocktype.h2': 'Overskrift 2',
|
57
|
-
'components.controls.blocktype.h3': 'Overskrift 3',
|
58
|
-
'components.controls.blocktype.h4': 'Overskrift 4',
|
59
|
-
'components.controls.blocktype.h5': 'Overskrift 5',
|
60
|
-
'components.controls.blocktype.h6': 'Overskrift 6',
|
61
|
-
// Link
|
62
|
-
'components.controls.link.linkTitle': 'Tittel',
|
63
|
-
'components.controls.link.linkTarget': 'URL',
|
64
|
-
'components.controls.link.linkTargetOption': 'Åpne i ny fane',
|
65
|
-
'components.controls.link.link': 'Legg til lenke',
|
66
|
-
'components.controls.link.unlink': 'Fjern lenke',
|
67
|
-
// Remove
|
68
|
-
'components.controls.remove.remove': 'Fjern'
|
69
|
-
};
|
@@ -1,147 +0,0 @@
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
2
|
-
import React, { useState } from 'react';
|
3
|
-
import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
|
4
|
-
import { convertToRaw, EditorState, Modifier } from 'draft-js';
|
5
|
-
import { stateFromHTML } from 'draft-js-import-html';
|
6
|
-
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
|
7
|
-
import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
|
8
|
-
import { basicToolbar, editorLabels, getStrippedHtml, htmlToEntity, richToolbar } from './config';
|
9
|
-
import { convertToHTML, convertFromHTML } from 'draft-convert';
|
10
|
-
import Text from '../Text';
|
11
|
-
import { useTheme } from '@emotion/react';
|
12
|
-
import IconErrorOutline from '../../icons/General/IconErrorOutline';
|
13
|
-
import draftToHtml from 'draftjs-to-html';
|
14
|
-
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
15
|
-
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
16
|
-
|
17
|
-
/**
|
18
|
-
*
|
19
|
-
* TODO: REMOVE AND CLEANUP PACKAGES
|
20
|
-
*
|
21
|
-
*/
|
22
|
-
const EditorOld = ({
|
23
|
-
initialValue,
|
24
|
-
height = 300,
|
25
|
-
maxHeight,
|
26
|
-
maxlength,
|
27
|
-
maxlengthType = 'plaintext',
|
28
|
-
maxlengthText,
|
29
|
-
withCounter,
|
30
|
-
invalidMessage,
|
31
|
-
label,
|
32
|
-
customToolbar,
|
33
|
-
type = 'basic',
|
34
|
-
onChange,
|
35
|
-
onBlur
|
36
|
-
}) => {
|
37
|
-
const theme = useTheme();
|
38
|
-
const [maxlengthError, setMaxlengthError] = useState(null);
|
39
|
-
const [charCount, setCharCount] = useState(0);
|
40
|
-
const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
|
41
|
-
htmlToEntity
|
42
|
-
})(initialValue)) : EditorState.createEmpty());
|
43
|
-
|
44
|
-
const handleEditorChange = state => {
|
45
|
-
handleValidity(state);
|
46
|
-
setEditorState(state);
|
47
|
-
const plainText = state.getCurrentContent().getPlainText();
|
48
|
-
const html = draftToHtml(convertToRaw(state.getCurrentContent()));
|
49
|
-
onChange(plainText.length > 0 ? html : ''); // return empty if no content
|
50
|
-
|
51
|
-
if (withCounter && maxlength) {
|
52
|
-
setCharCount(maxlengthType === 'html' ? html.length : plainText.length);
|
53
|
-
}
|
54
|
-
};
|
55
|
-
|
56
|
-
const handleValidity = state => {
|
57
|
-
if (!maxlength) {
|
58
|
-
setMaxlengthError(null);
|
59
|
-
return;
|
60
|
-
}
|
61
|
-
|
62
|
-
const plaintext = state.getCurrentContent().getPlainText();
|
63
|
-
const html = convertToHTML(state.getCurrentContent());
|
64
|
-
|
65
|
-
if (maxlengthType === 'html' && html.length > maxlength) {
|
66
|
-
setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
|
67
|
-
return;
|
68
|
-
}
|
69
|
-
|
70
|
-
if (maxlengthType === 'plaintext' && plaintext.length > maxlength) {
|
71
|
-
setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
|
72
|
-
return;
|
73
|
-
}
|
74
|
-
|
75
|
-
setMaxlengthError(null);
|
76
|
-
};
|
77
|
-
|
78
|
-
const Counter = _jsx(CounterWrapper, {
|
79
|
-
children: _jsxs(Text, {
|
80
|
-
children: [charCount, "/", maxlength]
|
81
|
-
})
|
82
|
-
});
|
83
|
-
|
84
|
-
const handlePaste = (text, html, editorState, onChange) => {
|
85
|
-
if (!html) return false;
|
86
|
-
const strippedHtml = getStrippedHtml(html);
|
87
|
-
const blockMap = stateFromHTML(strippedHtml).blockMap;
|
88
|
-
const newState = Modifier.replaceWithFragment(editorState.getCurrentContent(), editorState.getSelection(), blockMap);
|
89
|
-
onChange(EditorState.push(editorState, newState, 'insert-fragment'));
|
90
|
-
return true;
|
91
|
-
};
|
92
|
-
|
93
|
-
const getToolbar = () => {
|
94
|
-
switch (type) {
|
95
|
-
case 'basic':
|
96
|
-
return basicToolbar;
|
97
|
-
|
98
|
-
case 'rich':
|
99
|
-
return richToolbar;
|
100
|
-
|
101
|
-
case 'custom':
|
102
|
-
return customToolbar;
|
103
|
-
|
104
|
-
default:
|
105
|
-
return undefined;
|
106
|
-
}
|
107
|
-
};
|
108
|
-
|
109
|
-
return _jsxs("div", {
|
110
|
-
css: theme => [styles.default(theme, height), maxHeight && styles.maxHeight(maxHeight)],
|
111
|
-
children: [label && _jsx(Label, {
|
112
|
-
children: label
|
113
|
-
}), _jsxs(RelativeDiv, {
|
114
|
-
children: [_jsx(Wysiwyg, {
|
115
|
-
editorState: editorState,
|
116
|
-
toolbarClassName: "toolbar-wrapper",
|
117
|
-
wrapperClassName: "editor-wrapper",
|
118
|
-
editorClassName: "content-wrapper",
|
119
|
-
onEditorStateChange: handleEditorChange,
|
120
|
-
toolbar: getToolbar(),
|
121
|
-
localization: {
|
122
|
-
locale: 'nb_NO',
|
123
|
-
translations: editorLabels
|
124
|
-
},
|
125
|
-
stripPastedStyles: type !== 'rich',
|
126
|
-
onBlur: () => onBlur && onBlur(),
|
127
|
-
handlePastedText: handlePaste
|
128
|
-
}), maxlength && withCounter && Counter]
|
129
|
-
}), (maxlengthError || invalidMessage) && _jsxs(ErrorWrapper, {
|
130
|
-
children: [maxlengthError && _jsxs(Text, {
|
131
|
-
color: theme.alert,
|
132
|
-
children: [_jsx(IconErrorOutline, {
|
133
|
-
size: "16px",
|
134
|
-
color: theme.alert
|
135
|
-
}), ' ', maxlengthError]
|
136
|
-
}), invalidMessage && _jsxs(Text, {
|
137
|
-
color: theme.alert,
|
138
|
-
children: [_jsx(IconErrorOutline, {
|
139
|
-
size: "16px",
|
140
|
-
color: theme.alert
|
141
|
-
}), ' ', invalidMessage]
|
142
|
-
})]
|
143
|
-
})]
|
144
|
-
});
|
145
|
-
};
|
146
|
-
|
147
|
-
export default EditorOld;
|