@equinor/fusion-framework-react-components-bookmark 0.1.16 → 0.2.1
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/CHANGELOG.md +41 -0
- package/LICENSE +21 -0
- package/dist/esm/components/Bookmark.js +5 -5
- package/dist/esm/components/Bookmark.js.map +1 -1
- package/dist/esm/components/create-bookmark/CreateBookmark.js +1 -1
- package/dist/esm/components/create-bookmark/CreateBookmark.js.map +1 -1
- package/dist/esm/components/edit-bookmark/EditBookmark.js +17 -18
- package/dist/esm/components/edit-bookmark/EditBookmark.js.map +1 -1
- package/dist/esm/components/filter/Filter.js +7 -4
- package/dist/esm/components/filter/Filter.js.map +1 -1
- package/dist/esm/components/import-bookmark/ImportBookmark.js +4 -4
- package/dist/esm/components/import-bookmark/ImportBookmark.js.map +1 -1
- package/dist/esm/components/row/Row.js +6 -6
- package/dist/esm/components/row/Row.js.map +1 -1
- package/dist/esm/components/section/Section.js +20 -21
- package/dist/esm/components/section/Section.js.map +1 -1
- package/dist/esm/components/shared/SharedIcon.js +16 -14
- package/dist/esm/components/shared/SharedIcon.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/components/Bookmark.d.ts +1 -1
- package/dist/types/components/BookmarkProvider.d.ts +1 -1
- package/dist/types/components/create-bookmark/CreateBookmark.d.ts +1 -1
- package/dist/types/components/edit-bookmark/EditBookmark.d.ts +1 -1
- package/dist/types/components/filter/Filter.d.ts +1 -1
- package/dist/types/components/import-bookmark/ImportBookmark.d.ts +1 -1
- package/dist/types/components/loading/Loading.d.ts +1 -1
- package/dist/types/components/row/MoreMenu.d.ts +1 -1
- package/dist/types/components/row/Row.d.ts +1 -1
- package/dist/types/components/section/Section.d.ts +1 -1
- package/dist/types/components/sectionList/SectionList.d.ts +1 -1
- package/dist/types/components/shared/SharedIcon.d.ts +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +53 -57
- package/src/components/Bookmark.tsx +9 -8
- package/src/components/create-bookmark/CreateBookmark.tsx +2 -1
- package/src/components/edit-bookmark/EditBookmark.tsx +23 -23
- package/src/components/filter/Filter.tsx +15 -5
- package/src/components/import-bookmark/ImportBookmark.tsx +6 -5
- package/src/components/row/Row.tsx +10 -10
- package/src/components/section/Section.tsx +22 -24
- package/src/components/shared/SharedIcon.tsx +20 -18
- package/src/version.ts +1 -1
- package/tsconfig.json +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,46 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 0.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1173](https://github.com/equinor/fusion-framework/pull/1173) [`571046fe`](https://github.com/equinor/fusion-framework/commit/571046fe1305c02eda0c2da46d33796f1cbcf5f1) Thanks [@odinr](https://github.com/odinr)! - fix typo in styled components
|
|
8
|
+
|
|
9
|
+
- Updated dependencies []:
|
|
10
|
+
- @equinor/fusion-framework-react-module-bookmark@2.0.15
|
|
11
|
+
- @equinor/fusion-framework-react@5.2.5
|
|
12
|
+
|
|
13
|
+
## 0.2.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- [#1109](https://github.com/equinor/fusion-framework/pull/1109) [`7ec195d4`](https://github.com/equinor/fusion-framework/commit/7ec195d42098fec8794db13e83b71ef7753ff862) Thanks [@odinr](https://github.com/odinr)! - Removed emotion styling
|
|
18
|
+
|
|
19
|
+
issues whit conflicting package when using 3x jss frameworks (mui, styled-components, emotion)
|
|
20
|
+
|
|
21
|
+
_this might break jss class generation front-end, since classnames changes_
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- [#1109](https://github.com/equinor/fusion-framework/pull/1109) [`7ec195d4`](https://github.com/equinor/fusion-framework/commit/7ec195d42098fec8794db13e83b71ef7753ff862) Thanks [@odinr](https://github.com/odinr)! - Change packaged manager from yarn to pnpm
|
|
26
|
+
|
|
27
|
+
conflicts of `@types/react` made random outcomes when using `yarn`
|
|
28
|
+
|
|
29
|
+
this change should not affect consumer of the packages, but might conflict dependent on local package manager.
|
|
30
|
+
|
|
31
|
+
- [#1129](https://github.com/equinor/fusion-framework/pull/1129) [`f672d0bb`](https://github.com/equinor/fusion-framework/commit/f672d0bba71a7ea6cd08135778fda67ff38f3ac3) Thanks [@dependabot](https://github.com/apps/dependabot)! - build(deps): bump @equinor/eds-core-react from 0.30.0 to 0.32.4
|
|
32
|
+
|
|
33
|
+
- [#1122](https://github.com/equinor/fusion-framework/pull/1122) [`1a055b21`](https://github.com/equinor/fusion-framework/commit/1a055b21e07f84bc5d35cc891586aa9aa0bdf661) Thanks [@dependabot](https://github.com/apps/dependabot)! - Update styled-components to [^6.0.7](https://github.com/styled-components/styled-components/releases/tag/v6.0.7)
|
|
34
|
+
|
|
35
|
+
- upgraded dev deps of `@equinor/fusion-framework-react-components-bookmark` to react 18, see style-components [changelog](https://github.com/styled-components/styled-components/releases/tag/v6.0.0)
|
|
36
|
+
- removed `@types/style-components` from `@equinor/fusion-framework-react-components-bookmark`
|
|
37
|
+
|
|
38
|
+
see style-components [migration guide](https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6)
|
|
39
|
+
|
|
40
|
+
- Updated dependencies [[`7ec195d4`](https://github.com/equinor/fusion-framework/commit/7ec195d42098fec8794db13e83b71ef7753ff862), [`2dccccd1`](https://github.com/equinor/fusion-framework/commit/2dccccd124fbe3cdde2132c29c27d3da9fc6f1f5), [`d276fc5d`](https://github.com/equinor/fusion-framework/commit/d276fc5d514566d05c64705076a1cb91c6a44272)]:
|
|
41
|
+
- @equinor/fusion-framework-react-module-bookmark@2.0.14
|
|
42
|
+
- @equinor/fusion-framework-react@5.2.4
|
|
43
|
+
|
|
3
44
|
## 0.1.16
|
|
4
45
|
|
|
5
46
|
### Patch Changes
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2022 Equinor
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -3,10 +3,10 @@ import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
|
|
|
3
3
|
import { useBookmarkGrouping } from '../hooks';
|
|
4
4
|
import { BookmarkFilter } from './filter/Filter';
|
|
5
5
|
import { SectionList } from './sectionList/SectionList';
|
|
6
|
-
import { css } from '@emotion/css';
|
|
7
6
|
import { useEffect } from 'react';
|
|
8
7
|
import { Icon } from '@equinor/eds-core-react';
|
|
9
8
|
import { chevron_down, chevron_right, share, more_vertical, add } from '@equinor/eds-icons';
|
|
9
|
+
import styled from 'styled-components';
|
|
10
10
|
Icon.add({
|
|
11
11
|
chevron_down,
|
|
12
12
|
chevron_right,
|
|
@@ -14,14 +14,14 @@ Icon.add({
|
|
|
14
14
|
more_vertical,
|
|
15
15
|
add,
|
|
16
16
|
});
|
|
17
|
-
const
|
|
18
|
-
|
|
17
|
+
const Styled = {
|
|
18
|
+
Wrapper: styled.div `
|
|
19
19
|
padding-right: 1rem;
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-direction: column;
|
|
22
22
|
gap: 1rem;
|
|
23
23
|
`,
|
|
24
|
-
|
|
24
|
+
List: styled.div `
|
|
25
25
|
overflow-y: auto;
|
|
26
26
|
overflow-x: hidden;
|
|
27
27
|
height: calc((100vh - 85px) - 3rem);
|
|
@@ -33,7 +33,7 @@ export const Bookmark = () => {
|
|
|
33
33
|
getAllBookmarks();
|
|
34
34
|
}, [getAllBookmarks]);
|
|
35
35
|
const { bookmarkGroups, groupingModes, searchText, setGroupBy, setSearchText, groupByKey } = useBookmarkGrouping(bookmarks);
|
|
36
|
-
return (_jsxs(
|
|
36
|
+
return (_jsxs(Styled.Wrapper, { children: [_jsx(BookmarkFilter, { groupBy: groupByKey, groupingModes: Object.keys(groupingModes), searchText: searchText !== null && searchText !== void 0 ? searchText : '', setGroupBy: setGroupBy, setSearchText: setSearchText }), _jsx(Styled.List, { children: _jsx(SectionList, { bookmarkGroups: bookmarkGroups }) })] }));
|
|
37
37
|
};
|
|
38
38
|
export default Bookmark;
|
|
39
39
|
//# sourceMappingURL=Bookmark.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bookmark.js","sourceRoot":"","sources":["../../../src/components/Bookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Bookmark.js","sourceRoot":"","sources":["../../../src/components/Bookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE5F,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAI,CAAC,GAAG,CAAC;IACL,YAAY;IACZ,aAAa;IACb,KAAK;IACL,aAAa;IACb,GAAG;CACN,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG;IACX,OAAO,EAAE,MAAM,CAAC,GAAG,CAAA;;;;;KAKlB;IACD,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;;;;KAIf;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GACtF,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAEnC,OAAO,CACH,MAAC,MAAM,CAAC,OAAO,eACX,KAAC,cAAc,IACX,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,EACzC,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC9B,EACF,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,WAAW,IAAC,cAAc,EAAE,cAAc,GAAI,GACrC,IACD,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
2
|
import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
|
|
4
3
|
import { useFramework } from '@equinor/fusion-framework-react';
|
|
5
4
|
import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
|
|
6
5
|
import { useState } from 'react';
|
|
6
|
+
import styled from 'styled-components';
|
|
7
7
|
const StyledContent = styled(Dialog.Content) `
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateBookmark.js","sourceRoot":"","sources":["../../../../src/components/create-bookmark/CreateBookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CreateBookmark.js","sourceRoot":"","sources":["../../../../src/components/create-bookmark/CreateBookmark.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,25 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import styled from '@emotion/styled';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
4
3
|
import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
|
|
5
4
|
import { useFramework } from '@equinor/fusion-framework-react';
|
|
6
5
|
import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
|
|
7
|
-
import { useEffect, useState } from 'react';
|
|
8
6
|
import { appendBookmarkIdToUrl } from '../../utils/append-bookmark-to-uri';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
width: 500px;
|
|
16
|
-
`;
|
|
17
|
-
const styles = {
|
|
18
|
-
checkboxWrapper: css `
|
|
7
|
+
import styled from 'styled-components';
|
|
8
|
+
const Styled = {
|
|
9
|
+
Dialog: styled(Dialog) `
|
|
10
|
+
width: 500px;
|
|
11
|
+
`,
|
|
12
|
+
DialogContent: styled(Dialog.Content) `
|
|
19
13
|
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
20
15
|
gap: 1rem;
|
|
21
16
|
`,
|
|
22
|
-
|
|
23
|
-
display:
|
|
17
|
+
CheckboxWrapper: styled.div `
|
|
18
|
+
display: flex;
|
|
19
|
+
gap: 1rem;
|
|
20
|
+
`,
|
|
21
|
+
Actions: styled.div `
|
|
22
|
+
display: flex;
|
|
24
23
|
gap: 0.2em;
|
|
25
24
|
`,
|
|
26
25
|
};
|
|
@@ -43,11 +42,11 @@ export const EditBookmarkModal = ({ isOpen, onClose, bookmarkId, }) => {
|
|
|
43
42
|
setState(bookmark);
|
|
44
43
|
}
|
|
45
44
|
}, [bookmarkId, bookmarks]);
|
|
46
|
-
return (_jsxs(
|
|
45
|
+
return (_jsxs(Styled.Dialog, { open: isOpen, children: [_jsx(Dialog.Header, { children: "Edit bookmark" }), _jsxs(Styled.DialogContent, { children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", label: "Name" }), _jsx(Input, { id: "name", autoComplete: "off", value: state === null || state === void 0 ? void 0 : state.name, onChange: (event) => {
|
|
47
46
|
setState((s) => (Object.assign(Object.assign({}, s), { name: event.target.value })));
|
|
48
47
|
} })] }), _jsx("div", { children: _jsx(TextField, { id: "storybook-multiline-three", label: "Description", value: state === null || state === void 0 ? void 0 : state.description, multiline: true, rows: 3, rowsMax: 10, onChange: (event) => {
|
|
49
48
|
setState((s) => (Object.assign(Object.assign({}, s), { description: event.target.value })));
|
|
50
|
-
} }) }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "app", label: "App" }), _jsx(Input, { readOnly: true, value: ((_a = current === null || current === void 0 ? void 0 : current.manifest) === null || _a === void 0 ? void 0 : _a.name) || '' })] }), _jsxs(
|
|
49
|
+
} }) }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "app", label: "App" }), _jsx(Input, { readOnly: true, value: ((_a = current === null || current === void 0 ? void 0 : current.manifest) === null || _a === void 0 ? void 0 : _a.name) || '' })] }), _jsxs(Styled.CheckboxWrapper, { children: [_jsx(Checkbox, { label: "Is Shared", checked: state.isShared, onChange: (changeEvent) => {
|
|
51
50
|
if (changeEvent.target.checked) {
|
|
52
51
|
const url = appendBookmarkIdToUrl(state.id);
|
|
53
52
|
navigator.clipboard.writeText(url);
|
|
@@ -56,7 +55,7 @@ export const EditBookmarkModal = ({ isOpen, onClose, bookmarkId, }) => {
|
|
|
56
55
|
setState((s) => (Object.assign(Object.assign({}, s), { isShared: changeEvent.target.checked })));
|
|
57
56
|
} }), _jsx(Checkbox, { label: "Update bookmark with current view", checked: updatePayload, onChange: () => {
|
|
58
57
|
setUpdatePayload((s) => !s);
|
|
59
|
-
} })] })] }), _jsx(Dialog.Actions, { children: _jsxs(
|
|
58
|
+
} })] })] }), _jsx(Dialog.Actions, { children: _jsxs(Styled.Actions, { children: [_jsx(Button, { onClick: () => onClose(false), variant: "ghost", children: "Cancel" }), _jsx(Button, { onClick: () => {
|
|
60
59
|
state &&
|
|
61
60
|
updateBookmark(state, { updatePayload }).then(() => {
|
|
62
61
|
onClose(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditBookmark.js","sourceRoot":"","sources":["../../../../src/components/edit-bookmark/EditBookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EditBookmark.js","sourceRoot":"","sources":["../../../../src/components/edit-bookmark/EditBookmark.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/css';
|
|
3
2
|
import { Search, Autocomplete } from '@equinor/eds-core-react';
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
const Styled = {
|
|
5
|
+
Root: styled.div `
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
justify-content: space-between;
|
|
9
9
|
`,
|
|
10
10
|
};
|
|
11
11
|
export const BookmarkFilter = ({ searchText, setGroupBy, setSearchText, groupingModes, groupBy, }) => {
|
|
12
|
-
return (
|
|
12
|
+
return (_jsx(Search, { placeholder: "Search in my bookmarks", value: searchText !== null && searchText !== void 0 ? searchText : '', onChange: (e) => {
|
|
13
|
+
setSearchText(e.currentTarget.value.length ? e.currentTarget.value : null);
|
|
14
|
+
} }));
|
|
15
|
+
return (_jsxs(Styled.Root, { children: [_jsx(Search, { placeholder: "Search in my bookmarks", value: searchText !== null && searchText !== void 0 ? searchText : '', onChange: (e) => {
|
|
13
16
|
setSearchText(e.currentTarget.value.length ? e.currentTarget.value : null);
|
|
14
17
|
} }), _jsx(Autocomplete, { options: groupingModes, selectedOptions: [groupBy], multiple: false, hideClearButton: true, autoWidth: true, onOptionsChange: (changes) => setGroupBy(changes.selectedItems[0]), label: '' })] }));
|
|
15
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/filter/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/filter/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC,MAAM,MAAM,GAAG;IACX,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;;;;KAIf;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,OAAO,GACW,EAAE,EAAE;IACtB,OAAO,CACH,KAAC,MAAM,IACH,WAAW,EAAC,wBAAwB,EACpC,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC/E,CAAC,GACH,CACL,CAAC;IACF,OAAO,CACH,MAAC,MAAM,CAAC,IAAI,eACR,KAAC,MAAM,IACH,WAAW,EAAC,wBAAwB,EACpC,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC/E,CAAC,GACH,EACF,KAAC,YAAY,IACT,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,KAAK,EACf,eAAe,QACf,SAAS,QACT,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAiB,CAAC,EAClF,KAAK,EAAE,EAAE,GACX,IACQ,CACjB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/css';
|
|
3
2
|
import { Button, Dialog } from '@equinor/eds-core-react';
|
|
4
3
|
import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
|
|
5
4
|
import { useEffect, useState } from 'react';
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
const Styled = {
|
|
7
|
+
Actions: styled.div `
|
|
8
8
|
display: flex;
|
|
9
9
|
gap: 1rem;
|
|
10
10
|
`,
|
|
@@ -19,7 +19,7 @@ export const ImportBookmarkModal = () => {
|
|
|
19
19
|
setIsOpen(true);
|
|
20
20
|
}
|
|
21
21
|
}, [bookmarks, currentBookmark]);
|
|
22
|
-
return (_jsxs(Dialog, { style: { width: '600px' }, open: isOpen, children: [_jsx(Dialog.Header, { children: "Import bookmark" }), _jsxs(Dialog.Content, { children: [_jsxs("p", { children: ["This bookmark was created by ", currentBookmark === null || currentBookmark === void 0 ? void 0 : currentBookmark.createdBy.name] }), _jsx("p", { children: "Would you like to import it?" })] }), _jsx(Dialog.Actions, { children: _jsxs(
|
|
22
|
+
return (_jsxs(Dialog, { style: { width: '600px' }, open: isOpen, children: [_jsx(Dialog.Header, { children: "Import bookmark" }), _jsxs(Dialog.Content, { children: [_jsxs("p", { children: ["This bookmark was created by ", currentBookmark === null || currentBookmark === void 0 ? void 0 : currentBookmark.createdBy.name] }), _jsx("p", { children: "Would you like to import it?" })] }), _jsx(Dialog.Actions, { children: _jsxs(Styled.Actions, { children: [_jsx(Button, { onClick: () => setIsOpen(false), variant: 'ghost', style: { width: '70px' }, children: "No" }), _jsx(Button, { onClick: () => {
|
|
23
23
|
console.log(currentBookmark === null || currentBookmark === void 0 ? void 0 : currentBookmark.id);
|
|
24
24
|
currentBookmark && addBookmarkFavorite(currentBookmark.id);
|
|
25
25
|
setIsOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImportBookmark.js","sourceRoot":"","sources":["../../../../src/components/import-bookmark/ImportBookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ImportBookmark.js","sourceRoot":"","sources":["../../../../src/components/import-bookmark/ImportBookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,MAAM,GAAG;IACX,OAAO,EAAE,MAAM,CAAC,GAAG,CAAA;;;KAGlB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAErE,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;YACnE,SAAS,CAAC,IAAI,CAAC,CAAC;SACnB;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,OAAO,CACH,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,aAC3C,KAAC,MAAM,CAAC,MAAM,kCAAgC,EAC9C,MAAC,MAAM,CAAC,OAAO,eACX,yDAAiC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,CAAC,IAAI,IAAK,EACrE,uDAAmC,IACtB,EACjB,KAAC,MAAM,CAAC,OAAO,cACX,MAAC,MAAM,CAAC,OAAO,eACX,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,mBAGnB,EACT,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE;gCACV,OAAO,CAAC,GAAG,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,CAAC,CAAC;gCACjC,eAAe,IAAI,mBAAmB,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;gCAC3D,SAAS,CAAC,KAAK,CAAC,CAAC;4BACrB,CAAC,EACD,OAAO,EAAC,OAAO,uBAGV,IACI,GACJ,IACZ,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { css } from '@emotion/css';
|
|
3
2
|
import { Icon, Typography } from '@equinor/eds-core-react';
|
|
4
3
|
import { tokens } from '@equinor/eds-tokens';
|
|
5
4
|
import { useOutsideClick } from '@equinor/eds-utils';
|
|
6
5
|
import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
|
|
7
6
|
import { useRef } from 'react';
|
|
8
7
|
import { MoreMenu } from './MoreMenu';
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
import styled from 'styled-components';
|
|
9
|
+
const Styled = {
|
|
10
|
+
Icons: styled.div `
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: row;
|
|
13
13
|
gap: 0.2em;
|
|
14
14
|
align-items: center;
|
|
15
15
|
`,
|
|
16
|
-
|
|
16
|
+
ListItem: styled.div `
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
&:hover {
|
|
19
19
|
background-color: ${tokens.colors.ui.background__light.hex};
|
|
@@ -32,11 +32,11 @@ export const Row = ({ name, menuOptions, children, id, menuOpen, onMenuOpen }) =
|
|
|
32
32
|
const pRef = useRef(null);
|
|
33
33
|
const { setCurrentBookmark } = useBookmark();
|
|
34
34
|
useOutsideClick(pRef.current, () => onMenuOpen(''));
|
|
35
|
-
return (_jsxs(
|
|
35
|
+
return (_jsxs(Styled.ListItem, { onClick: (e) => {
|
|
36
36
|
e.preventDefault();
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
setCurrentBookmark(id);
|
|
39
|
-
}, children: [_jsx(Typography, { children: name }), _jsxs(
|
|
39
|
+
}, children: [_jsx(Typography, { children: name }), _jsxs(Styled.Icons, { children: [children, !!(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) && (_jsx(Icon, { name: "more_vertical", onClick: (e) => {
|
|
40
40
|
e.preventDefault();
|
|
41
41
|
e.stopPropagation();
|
|
42
42
|
onMenuOpen(id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../src/components/row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../src/components/row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAA+B,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,MAAM,GAAG;IACX,KAAK,EAAE,MAAM,CAAC,GAAG,CAAA;;;;;KAKhB;IACD,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAA;;;gCAGQ,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG;;;;;;;;;mCASnC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG;KACrE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAY,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAC;IAE7C,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAGpD,OAAO,CAEH,MAAC,MAAM,CAAC,QAAQ,IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,aAED,KAAC,UAAU,cAAE,IAAI,GAAc,EAC/B,MAAC,MAAM,CAAC,KAAK,eACR,QAAQ,EACR,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,IAAI,CACtB,KAAC,IAAI,IACD,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,UAAU,CAAC,EAAE,CAAC,CAAC;wBACnB,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EACrD,GAAG,EAAE,IAAkD,GACzD,CACL,EAED,KAAC,QAAQ,IACL,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE;4BACV,UAAU,CAAC,EAAE,CAAC,CAAC;wBACnB,CAAC,EACD,IAAI,EAAE,IAAI,GACZ,IACS,IACD,CACrB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,11 +2,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Button, Icon, Typography } from '@equinor/eds-core-react';
|
|
4
4
|
import { chevron_down, chevron_right } from '@equinor/eds-icons';
|
|
5
|
-
import { css } from '@emotion/css';
|
|
6
5
|
import { tokens } from '@equinor/eds-tokens';
|
|
7
|
-
import styled from '
|
|
8
|
-
const
|
|
9
|
-
|
|
6
|
+
import styled from 'styled-components';
|
|
7
|
+
const Styled = {
|
|
8
|
+
Button: styled(Button) `
|
|
9
|
+
width: 100%;
|
|
10
|
+
padding: 0;
|
|
11
|
+
padding-top: 0.5rem;
|
|
12
|
+
margin-bottom: 0.5rem;
|
|
13
|
+
display: flex;
|
|
14
|
+
justify-content: space-between;
|
|
15
|
+
align-items: center;
|
|
16
|
+
background: none;
|
|
17
|
+
border: none;
|
|
18
|
+
color: ${tokens.colors.infographic.primary__moss_green_100.hex};
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
:hover {
|
|
21
|
+
background: none;
|
|
22
|
+
}
|
|
23
|
+
`,
|
|
24
|
+
List: styled.ol `
|
|
10
25
|
margin-left: 0.7rem;
|
|
11
26
|
padding-left: 1rem;
|
|
12
27
|
display: flex;
|
|
@@ -15,28 +30,12 @@ const styles = {
|
|
|
15
30
|
border-left: 1px solid ${tokens.colors.infographic.primary__moss_green_100.hex};
|
|
16
31
|
`,
|
|
17
32
|
};
|
|
18
|
-
const StyledButton = styled(Button) `
|
|
19
|
-
width: 100%;
|
|
20
|
-
padding: 0;
|
|
21
|
-
padding-top: 0.5rem;
|
|
22
|
-
margin-bottom: 0.5rem;
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: space-between;
|
|
25
|
-
align-items: center;
|
|
26
|
-
background: none;
|
|
27
|
-
border: none;
|
|
28
|
-
color: ${tokens.colors.infographic.primary__moss_green_100.hex};
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
:hover {
|
|
31
|
-
background: none;
|
|
32
|
-
}
|
|
33
|
-
`;
|
|
34
33
|
Icon.add({
|
|
35
34
|
chevron_down,
|
|
36
35
|
chevron_right,
|
|
37
36
|
});
|
|
38
37
|
export const Section = ({ children, name }) => {
|
|
39
38
|
const [isExpanded, setIsExpanded] = useState(true);
|
|
40
|
-
return (_jsxs("div", { children: [_jsxs(
|
|
39
|
+
return (_jsxs("div", { children: [_jsxs(Styled.Button, { variant: "ghost", onClick: () => setIsExpanded((s) => !s), children: [_jsx(Icon, { name: isExpanded ? chevron_down.name : chevron_right.name }), _jsx(Typography, { variant: "h6", children: name })] }), isExpanded && _jsx(Styled.List, { children: children })] }));
|
|
41
40
|
};
|
|
42
41
|
//# sourceMappingURL=Section.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/section/Section.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/section/Section.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,MAAM,GAAG;IACX,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;iBAUT,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,GAAG;;;;;KAKjE;IACD,IAAI,EAAE,MAAM,CAAC,EAAE,CAAA;;;;;;iCAMc,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,GAAG;KACjF;CACJ,CAAC;AAEF,IAAI,CAAC,GAAG,CAAC;IACL,YAAY;IACZ,aAAa;CAChB,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAgB,EAAE,EAAE;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACH,0BACI,MAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,aAClE,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,GAAI,EACnE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,IAAI,GAAc,IAChC,EACf,UAAU,IAAI,KAAC,MAAM,CAAC,IAAI,cAAE,QAAQ,GAAe,IAClD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,26 +1,28 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
2
|
import { Icon } from '@equinor/eds-core-react';
|
|
4
3
|
import { tokens } from '@equinor/eds-tokens';
|
|
5
4
|
import { useFramework } from '@equinor/fusion-framework-react';
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
const Styled = {
|
|
7
|
+
Row: styled.div `
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
gap: 0.2em;
|
|
11
|
+
`,
|
|
12
|
+
CreatedBy: styled.p `
|
|
13
|
+
font-size: 12px;
|
|
14
|
+
font-weight: 500;
|
|
15
|
+
line-height: 16px;
|
|
16
|
+
letter-spacing: 0em;
|
|
17
|
+
text-align: right;
|
|
18
|
+
`,
|
|
19
|
+
};
|
|
6
20
|
export const SharedIcon = ({ createdBy, createdById }) => {
|
|
7
21
|
var _a;
|
|
8
22
|
const myId = (_a = useFramework().modules.auth.defaultAccount) === null || _a === void 0 ? void 0 : _a.localAccountId;
|
|
9
23
|
const isMe = createdById === myId;
|
|
10
|
-
return (_jsxs(
|
|
24
|
+
return (_jsxs(Styled.Row, { children: [!isMe && _jsxs(Styled.CreatedBy, { children: ["shared by ", createdBy] }), _jsx(Icon, { name: "share", color: isMe
|
|
11
25
|
? tokens.colors.interactive.primary__resting.hex
|
|
12
26
|
: tokens.colors.interactive.disabled__border.hex })] }));
|
|
13
27
|
};
|
|
14
|
-
const StyledRow = styled.div `
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
gap: 0.2em;
|
|
18
|
-
`;
|
|
19
|
-
const StyledCreatedBy = styled.p `
|
|
20
|
-
font-size: 12px;
|
|
21
|
-
font-weight: 500;
|
|
22
|
-
line-height: 16px;
|
|
23
|
-
letter-spacing: 0em;
|
|
24
|
-
text-align: right;
|
|
25
|
-
`;
|
|
26
28
|
//# sourceMappingURL=SharedIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SharedIcon.js","sourceRoot":"","sources":["../../../../src/components/shared/SharedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SharedIcon.js","sourceRoot":"","sources":["../../../../src/components/shared/SharedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,MAAM,GAAG;IACX,GAAG,EAAE,MAAM,CAAC,GAAG,CAAA;;;;KAId;IACD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;;;;;;KAMlB;CACJ,CAAC;AAOF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAmB,EAAE,EAAE;;IACtE,MAAM,IAAI,GAAG,MAAA,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,0CAAE,cAAc,CAAC;IAExE,MAAM,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;IAElC,OAAO,CACH,MAAC,MAAM,CAAC,GAAG,eACN,CAAC,IAAI,IAAI,MAAC,MAAM,CAAC,SAAS,6BAAY,SAAS,IAAoB,EACpE,KAAC,IAAI,IACD,IAAI,EAAC,OAAO,EACZ,KAAK,EACD,IAAI;oBACA,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG;oBAChD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,GAE1D,IACO,CAChB,CAAC;AACN,CAAC,CAAC"}
|
package/dist/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = '0.1
|
|
1
|
+
export const version = '0.2.1';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/dist/esm/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}
|