@bbl-digital/snorre 2.2.50 → 2.2.54
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.
- package/dist/bundle.js +56 -27
- package/esm/core/Button/index.js +2 -1
- package/esm/core/Button/styles.js +26 -17
- package/esm/core/CommentsTimeline/CommentLine/index.js +3 -2
- package/esm/core/Editor/config.js +14 -0
- package/esm/core/Editor/index.js +7 -3
- package/esm/core/NoticeCard/index.js +1 -1
- package/esm/core/NoticeCard/styles.js +4 -4
- package/lib/core/Box/styles.d.ts +1 -0
- package/lib/core/Box/styles.d.ts.map +1 -1
- package/lib/core/BoxedTable/TableRow/styles.d.ts +2 -0
- package/lib/core/BoxedTable/TableRow/styles.d.ts.map +1 -1
- package/lib/core/Button/index.d.ts +2 -0
- package/lib/core/Button/index.d.ts.map +1 -1
- package/lib/core/Button/index.js +2 -1
- package/lib/core/Button/styles.d.ts +1 -0
- package/lib/core/Button/styles.d.ts.map +1 -1
- package/lib/core/Button/styles.js +26 -17
- package/lib/core/CollapseList/styles.d.ts +1 -0
- package/lib/core/CollapseList/styles.d.ts.map +1 -1
- package/lib/core/CommentsTimeline/CommentLine/index.d.ts +2 -0
- package/lib/core/CommentsTimeline/CommentLine/index.d.ts.map +1 -1
- package/lib/core/CommentsTimeline/CommentLine/index.js +3 -2
- package/lib/core/Editor/config.d.ts +3 -0
- package/lib/core/Editor/config.d.ts.map +1 -1
- package/lib/core/Editor/config.js +14 -0
- package/lib/core/Editor/index.d.ts.map +1 -1
- package/lib/core/Editor/index.js +7 -3
- package/lib/core/FileInput/index.d.ts +2 -2
- package/lib/core/FileInput/index.d.ts.map +1 -1
- package/lib/core/FileInput/styles.d.ts +1 -0
- package/lib/core/FileInput/styles.d.ts.map +1 -1
- package/lib/core/InfoButton/styles.d.ts +1 -0
- package/lib/core/InfoButton/styles.d.ts.map +1 -1
- package/lib/core/NoticeCard/index.js +1 -1
- package/lib/core/NoticeCard/styles.d.ts.map +1 -1
- package/lib/core/NoticeCard/styles.js +4 -4
- package/package.json +1 -1
@@ -14,7 +14,8 @@ const CommentLine = ({
|
|
14
14
|
icon,
|
15
15
|
italic,
|
16
16
|
commentInfo,
|
17
|
-
subtle
|
17
|
+
subtle,
|
18
|
+
customContent
|
18
19
|
}) => {
|
19
20
|
const theme = useTheme();
|
20
21
|
const isMobile = useIsMobile();
|
@@ -45,7 +46,7 @@ const CommentLine = ({
|
|
45
46
|
subtle: true,
|
46
47
|
size: "14px",
|
47
48
|
children: commentInfo
|
48
|
-
})]
|
49
|
+
}), customContent && customContent]
|
49
50
|
})]
|
50
51
|
});
|
51
52
|
};
|
@@ -22,6 +22,20 @@ export const richToolbar = {
|
|
22
22
|
options: ['link', 'unlink']
|
23
23
|
}
|
24
24
|
};
|
25
|
+
export const entityToHTML = (entity, text) => {
|
26
|
+
if (entity.type === 'LINK') {
|
27
|
+
return `<a href="${entity.data.url}" target="_self">${text}</a>`;
|
28
|
+
}
|
29
|
+
|
30
|
+
return text;
|
31
|
+
};
|
32
|
+
export const htmlToEntity = (nodeName, node, createEntity) => {
|
33
|
+
if (nodeName === 'a') {
|
34
|
+
return createEntity('LINK', 'MUTABLE', {
|
35
|
+
url: node.href
|
36
|
+
});
|
37
|
+
}
|
38
|
+
};
|
25
39
|
export const editorLabels = {
|
26
40
|
// Generic
|
27
41
|
'generic.add': 'Legg til',
|
package/esm/core/Editor/index.js
CHANGED
@@ -4,7 +4,7 @@ import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
|
|
4
4
|
import { EditorState } from 'draft-js';
|
5
5
|
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
|
6
6
|
import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
|
7
|
-
import { basicToolbar, editorLabels, richToolbar } from './config';
|
7
|
+
import { basicToolbar, editorLabels, entityToHTML, htmlToEntity, richToolbar } from './config';
|
8
8
|
import { convertToHTML, convertFromHTML } from 'draft-convert';
|
9
9
|
import Text from '../Text';
|
10
10
|
import { useTheme } from '@emotion/react';
|
@@ -29,13 +29,17 @@ const Editor = ({
|
|
29
29
|
const theme = useTheme();
|
30
30
|
const [maxlengthError, setMaxlengthError] = useState(null);
|
31
31
|
const [charCount, setCharCount] = useState(0);
|
32
|
-
const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML(
|
32
|
+
const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
|
33
|
+
htmlToEntity
|
34
|
+
})(initialValue)) : EditorState.createEmpty());
|
33
35
|
|
34
36
|
const handleEditorChange = state => {
|
35
37
|
handleValidity(state);
|
36
38
|
setEditorState(state);
|
37
39
|
const plainText = state.getCurrentContent().getPlainText();
|
38
|
-
const html = convertToHTML(
|
40
|
+
const html = convertToHTML({
|
41
|
+
entityToHTML
|
42
|
+
})(state.getCurrentContent()).toString();
|
39
43
|
onChange(plainText.length > 0 ? html : ''); // return empty if no content
|
40
44
|
|
41
45
|
if (withCounter && maxlength) {
|
@@ -70,7 +70,7 @@ const NoticeCard = ({
|
|
70
70
|
children: "Hendelse"
|
71
71
|
}), /*#__PURE__*/_jsx(NoticeAttachmentBlock, {
|
72
72
|
type: "cal",
|
73
|
-
name: `${notice.
|
73
|
+
name: `${notice.eventTitle ? notice.eventTitle : notice.title}${notice.eventLocation ? ' - ' + notice.eventLocation : ''}`,
|
74
74
|
description: getNoticeMeetingDescription(notice.eventStart, notice.eventEnd),
|
75
75
|
onDownload: onEventDownload
|
76
76
|
})]
|
@@ -9,13 +9,13 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
9
9
|
} : {
|
10
10
|
target: "eq76ntf3",
|
11
11
|
label: "Wrapper"
|
12
|
-
})(props => /*#__PURE__*/css("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;align-items:start;@media screen and (max-width: ", bp.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
12
|
+
})(props => /*#__PURE__*/css("display:grid;grid-template-columns:", props.hasImage ? '200px 1fr' : '1fr', ";grid-column-gap:2em;grid-row-gap:1em;align-items:start;@media screen and (max-width: ", bp.medium, "){grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgbWF4LWhlaWdodDogMTc1cHg7XHJcbiAgICAgIHdpZHRoOiB1bnNldDtcclxuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICBtaW4td2lkdGg6IDE1MHB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpY2VDYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBoYXNJbWFnZTogYm9vbGVhbiB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3Byb3BzLmhhc0ltYWdlID8gJzIwMHB4IDFmcicgOiAnMWZyJ307XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDJlbTtcclxuICAgIGdyaWQtcm93LWdhcDogMWVtO1xyXG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xyXG5cclxuICBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgbWF4LWhlaWdodDogMTc1cHg7XHJcbiAgICAgIHdpZHRoOiB1bnNldDtcclxuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xyXG4gICAgICBtaW4td2lkdGg6IDE1MHB4O1xyXG4gICAgfVxyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xyXG4gIGdyaWQtcm93LWdhcDogMS41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxyXG4gIHAge1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gIH1cclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgfVxyXG5cclxuICBidXR0b24ge1xyXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XHJcbiAgfVxyXG5cclxuICAmID4gc3BhbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5gXHJcbiJdfQ== */");
|
13
13
|
export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
14
14
|
target: "eq76ntf2"
|
15
15
|
} : {
|
16
16
|
target: "eq76ntf2",
|
17
17
|
label: "ImageWrapper"
|
18
|
-
})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{
|
18
|
+
})("overflow:hidden;max-width:100%;display:flex;align-items:baseline;img{width:100%;max-height:100%;border-radius:16px;@media screen and (max-width: ", bp.medium, "){max-height:175px;width:unset;max-width:100%;min-width:150px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgICB3aWR0aDogdW5zZXQ7XHJcbiAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgbWluLXdpZHRoOiAxNTBweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */"));
|
19
19
|
export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
20
20
|
target: "eq76ntf1"
|
21
21
|
} : {
|
@@ -27,7 +27,7 @@ export const ContentWrapper = _styled("div", process.env.NODE_ENV === "productio
|
|
27
27
|
} : {
|
28
28
|
name: "1uo1im9",
|
29
29
|
styles: "display:grid;grid-template-columns:1fr;grid-row-gap:1.5em",
|
30
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgICB3aWR0aDogdW5zZXQ7XHJcbiAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgbWluLXdpZHRoOiAxNTBweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
|
31
31
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
32
32
|
});
|
33
33
|
export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
|
@@ -41,6 +41,6 @@ export const Div = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
41
41
|
} : {
|
42
42
|
name: "1mf0dqx",
|
43
43
|
styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}button{align-self:start;}&>span{display:inline-block;margin-bottom:1em;}",
|
44
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGljZUNhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWNlQ2FyZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgaGFzSW1hZ2U6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwcm9wcy5oYXNJbWFnZSA/ICcyMDBweCAxZnInIDogJzFmcid9O1xyXG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIG1heC13aWR0aDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcclxuXHJcbiAgaW1nIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICAgIG1heC1oZWlnaHQ6IDE3NXB4O1xyXG4gICAgICB3aWR0aDogdW5zZXQ7XHJcbiAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgICAgbWluLXdpZHRoOiAxNTBweDtcclxuICAgIH1cclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcclxuICBncmlkLXJvdy1nYXA6IDEuNWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcclxuICBwIHtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcblxyXG4gIGgxLFxyXG4gIGgyLFxyXG4gIGgzLFxyXG4gIGg0LFxyXG4gIGg1IHtcclxuICAgIG1hcmdpbi10b3A6IDA7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uIHtcclxuICAgIGFsaWduLXNlbGY6IHN0YXJ0O1xyXG4gIH1cclxuXHJcbiAgJiA+IHNwYW4ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gIH1cclxuYFxyXG4iXX0= */",
|
45
45
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
46
46
|
});
|
package/lib/core/Box/styles.d.ts
CHANGED
@@ -22,6 +22,7 @@ declare const CollapseButton: import("@emotion/styled").StyledComponent<import("
|
|
22
22
|
highlight?: boolean | undefined;
|
23
23
|
outline?: boolean | undefined;
|
24
24
|
nostyle?: boolean | undefined;
|
25
|
+
focusable?: boolean | undefined;
|
25
26
|
border?: string | undefined;
|
26
27
|
css?: import("@emotion/react").SerializedStyles | undefined;
|
27
28
|
loading?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAWV,SAAS;;qBAQR,MAAM;CAGxB,CAAA;AAED,QAAA,MAAM,aAAa;;;;YACC,OAAO;yGAU1B,CAAA;AAED,QAAA,MAAM,cAAc;;;yGAGnB,CAAA;AAED,QAAA,MAAM,cAAc
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAWV,SAAS;;qBAQR,MAAM;CAGxB,CAAA;AAED,QAAA,MAAM,aAAa;;;;YACC,OAAO;yGAU1B,CAAA;AAED,QAAA,MAAM,cAAc;;;yGAGnB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;UAGnB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
|
@@ -9,6 +9,7 @@ export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<im
|
|
9
9
|
highlight?: boolean | undefined;
|
10
10
|
outline?: boolean | undefined;
|
11
11
|
nostyle?: boolean | undefined;
|
12
|
+
focusable?: boolean | undefined;
|
12
13
|
border?: string | undefined;
|
13
14
|
css?: import("@emotion/react").SerializedStyles | undefined;
|
14
15
|
loading?: boolean | undefined;
|
@@ -26,6 +27,7 @@ export declare const ExpandButtonWrapper: import("@emotion/styled").StyledCompon
|
|
26
27
|
highlight?: boolean | undefined;
|
27
28
|
outline?: boolean | undefined;
|
28
29
|
nostyle?: boolean | undefined;
|
30
|
+
focusable?: boolean | undefined;
|
29
31
|
border?: string | undefined;
|
30
32
|
css?: import("@emotion/react").SerializedStyles | undefined;
|
31
33
|
loading?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableRow/styles.ts"],"names":[],"mappings":";AAkBA,eAAO,MAAM,OAAO;;;yGAEnB,CAAA;AAED,eAAO,MAAM,aAAa
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableRow/styles.ts"],"names":[],"mappings":";AAkBA,eAAO,MAAM,OAAO;;;yGAEnB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;UAczB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;UAoB/B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;yGAG7B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;yGAAe,CAAA;AAEpD,eAAO,MAAM,WAAW;;;yGAGvB,CAAA"}
|
@@ -13,6 +13,8 @@ export declare type IProps = ButtonOrLinkProps & {
|
|
13
13
|
outline?: boolean;
|
14
14
|
/** Without style */
|
15
15
|
nostyle?: boolean;
|
16
|
+
/** Adds focus outline, i.e. for nostyle buttons */
|
17
|
+
focusable?: boolean;
|
16
18
|
/** Custom border */
|
17
19
|
border?: string;
|
18
20
|
/** Custom css */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAOhC,oBAAY,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAOhC,oBAAY,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4D5B,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/lib/core/Button/index.js
CHANGED
@@ -23,6 +23,7 @@ const Button = props => {
|
|
23
23
|
back,
|
24
24
|
small,
|
25
25
|
transparentBg,
|
26
|
+
focusable,
|
26
27
|
...restProps
|
27
28
|
} = props;
|
28
29
|
const theme = useTheme();
|
@@ -36,7 +37,7 @@ const Button = props => {
|
|
36
37
|
return _jsx(ButtonOrLink, {
|
37
38
|
disabled: disabled,
|
38
39
|
loading: loading,
|
39
|
-
css: theme => [styles.default(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), beforeIcon && styles.beforeIcon, afterIcon && styles.afterIcon, border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), transparentBg && styles.transparentBg],
|
40
|
+
css: theme => [styles.default(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), beforeIcon && styles.beforeIcon, afterIcon && styles.afterIcon, border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), transparentBg && styles.transparentBg, focusable && styles.focusable],
|
40
41
|
afterIcon: afterIcon,
|
41
42
|
beforeIcon: back ? _jsx(IconChevronLeft, {
|
42
43
|
size: '12px'
|
@@ -18,6 +18,7 @@ declare const styles: {
|
|
18
18
|
small: import("@emotion/react").SerializedStyles;
|
19
19
|
dangerOutline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
20
20
|
transparentBg: import("@emotion/react").SerializedStyles;
|
21
|
+
focusable: import("@emotion/react").SerializedStyles;
|
21
22
|
};
|
22
23
|
export default styles;
|
23
24
|
export { styles };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,GAAG,mKAAuB,CAAA;AAEvC,QAAA,MAAM,MAAM;qBACO,SAAS;;kBAmCZ,SAAS;;;qBAsBN,SAAS;qBAqBT,SAAS;oBAcV,SAAS;sBAcP,SAAS;oBAWX,MAAM;qBAGL,SAAS;;kBA6BZ,SAAS;;2BA8BA,SAAS
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,GAAG,mKAAuB,CAAA;AAEvC,QAAA,MAAM,MAAM;qBACO,SAAS;;kBAmCZ,SAAS;;;qBAsBN,SAAS;qBAqBT,SAAS;oBAcV,SAAS;sBAcP,SAAS;oBAWX,MAAM;qBAGL,SAAS;;kBA6BZ,SAAS;;2BA8BA,SAAS;;;CAajC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|