nuudel-core 0.2.102 → 0.2.104
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/README.md +9 -0
- package/build/main/lib/components/Dialog/index.d.ts +0 -2
- package/build/main/lib/components/Dialog/index.js +13 -14
- package/build/main/lib/components/Drawer/index.js +4 -4
- package/build/main/lib/components/Link/index.d.ts +4 -2
- package/build/main/lib/components/Link/index.js +3 -3
- package/build/main/lib/components/Sortable/SortableItem.js +4 -2
- package/build/main/lib/widgets/Navigation.js +16 -5
- package/build/main/lib/widgets/PostItem.js +4 -2
- package/build/main/lib/widgets/PostLayout.js +8 -6
- package/build/main/lib/widgets/SocialList.js +2 -2
- package/build/main/lib/widgets/TagButton.js +2 -2
- package/build/main/lib/widgets/TagLink.js +2 -2
- package/build/module/lib/components/Dialog/index.d.ts +0 -2
- package/build/module/lib/components/Dialog/index.js +12 -12
- package/build/module/lib/components/Drawer/index.js +4 -4
- package/build/module/lib/components/Link/index.d.ts +4 -2
- package/build/module/lib/components/Link/index.js +3 -3
- package/build/module/lib/components/Sortable/SortableItem.js +4 -2
- package/build/module/lib/widgets/Navigation.js +17 -6
- package/build/module/lib/widgets/PostItem.js +4 -2
- package/build/module/lib/widgets/PostLayout.js +8 -6
- package/build/module/lib/widgets/SocialList.js +2 -2
- package/build/module/lib/widgets/TagButton.js +2 -2
- package/build/module/lib/widgets/TagLink.js +2 -2
- package/package.json +7 -4
- package/build/main/lib/components/Button/style.scss +0 -3
- package/build/main/lib/components/ColorPicker/styles.module.scss +0 -71
- package/build/main/lib/components/Drawer/styles.module.scss +0 -9
- package/build/main/lib/components/Material/styles.module.scss +0 -14
- package/build/main/lib/components/MessageBar/styles.module.scss +0 -9
- package/build/main/lib/components/Sortable/Card.d.ts +0 -8
- package/build/main/lib/components/Sortable/Card.js +0 -62
- package/build/main/lib/components/Sortable/ItemTypes.d.ts +0 -3
- package/build/main/lib/components/Sortable/ItemTypes.js +0 -7
- package/build/main/lib/components/Sortable/SortItems.d.ts +0 -9
- package/build/main/lib/components/Sortable/SortItems.js +0 -61
- package/build/main/lib/components/Sortable/styles.module.scss +0 -108
- package/build/main/lib/components/Upload/Style.d.ts +0 -1
- package/build/main/lib/components/Upload/Style.js +0 -74
- package/build/main/lib/controls/formFields/styles.module.scss +0 -91
- package/build/main/lib/hocs/withReducer/index.d.ts +0 -5
- package/build/main/lib/hocs/withReducer/index.js +0 -27
- package/build/main/lib/library/IBlog.d.ts +0 -25
- package/build/main/lib/library/IBlog.js +0 -3
- package/build/main/lib/loc/en-US.json +0 -86
- package/build/main/lib/loc/mn-MN.json +0 -86
- package/build/main/lib/theme/index.d.ts +0 -1
- package/build/main/lib/theme/index.js +0 -70
- package/build/main/lib/theme/styles/styles.module.scss +0 -194
- package/build/main/lib/theme/variables/_colors.scss +0 -35
- package/build/main/lib/theme/variables/_palette.scss +0 -69
- package/build/main/lib/theme/variables/_sizes.scss +0 -79
- package/build/main/lib/theme/variables/palette.d.ts +0 -142
- package/build/main/lib/theme/variables/palette.js +0 -52
- package/build/main/lib/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/main/lib/widgets/meta/BasicMeta.js +0 -17
- package/build/main/lib/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/main/lib/widgets/meta/JsonLdMeta.js +0 -27
- package/build/main/lib/widgets/meta/OpenGraphMeta.d.ts +0 -14
- package/build/main/lib/widgets/meta/OpenGraphMeta.js +0 -29
- package/build/main/lib/widgets/meta/TwitterCardMeta.d.ts +0 -11
- package/build/main/lib/widgets/meta/TwitterCardMeta.js +0 -17
- package/build/main/lib/widgets/styles.module.scss +0 -391
- package/build/main/widgets/Author.d.ts +0 -6
- package/build/main/widgets/Author.js +0 -10
- package/build/main/widgets/Burger.d.ts +0 -7
- package/build/main/widgets/Burger.js +0 -8
- package/build/main/widgets/Copyright.d.ts +0 -3
- package/build/main/widgets/Copyright.js +0 -23
- package/build/main/widgets/Date.d.ts +0 -6
- package/build/main/widgets/Date.js +0 -12
- package/build/main/widgets/Layout.d.ts +0 -6
- package/build/main/widgets/Layout.js +0 -12
- package/build/main/widgets/Navigation.d.ts +0 -13
- package/build/main/widgets/Navigation.js +0 -13
- package/build/main/widgets/Pagination.d.ts +0 -11
- package/build/main/widgets/Pagination.js +0 -11
- package/build/main/widgets/PostItem.d.ts +0 -8
- package/build/main/widgets/PostItem.js +0 -23
- package/build/main/widgets/PostLayout.d.ts +0 -14
- package/build/main/widgets/PostLayout.js +0 -23
- package/build/main/widgets/PostList.d.ts +0 -12
- package/build/main/widgets/PostList.js +0 -18
- package/build/main/widgets/SocialList.d.ts +0 -2
- package/build/main/widgets/SocialList.js +0 -9
- package/build/main/widgets/TagButton.d.ts +0 -7
- package/build/main/widgets/TagButton.js +0 -11
- package/build/main/widgets/TagLink.d.ts +0 -7
- package/build/main/widgets/TagLink.js +0 -9
- package/build/main/widgets/TagPostList.d.ts +0 -12
- package/build/main/widgets/TagPostList.js +0 -21
- package/build/main/widgets/index.d.ts +0 -18
- package/build/main/widgets/index.js +0 -41
- package/build/main/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/main/widgets/meta/BasicMeta.js +0 -13
- package/build/main/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/main/widgets/meta/JsonLdMeta.js +0 -25
- package/build/main/widgets/meta/OpenGraphMeta.d.ts +0 -9
- package/build/main/widgets/meta/OpenGraphMeta.js +0 -13
- package/build/main/widgets/meta/TwitterCardMeta.d.ts +0 -8
- package/build/main/widgets/meta/TwitterCardMeta.js +0 -13
- package/build/module/lib/components/Sortable/Card.d.ts +0 -8
- package/build/module/lib/components/Sortable/Card.js +0 -57
- package/build/module/lib/components/Sortable/ItemTypes.d.ts +0 -3
- package/build/module/lib/components/Sortable/ItemTypes.js +0 -4
- package/build/module/lib/components/Sortable/SortItems.d.ts +0 -9
- package/build/module/lib/components/Sortable/SortItems.js +0 -54
- package/build/module/lib/components/Upload/Style.d.ts +0 -1
- package/build/module/lib/components/Upload/Style.js +0 -71
- package/build/module/lib/hocs/withReducer/index.d.ts +0 -5
- package/build/module/lib/hocs/withReducer/index.js +0 -25
- package/build/module/lib/library/IBlog.d.ts +0 -25
- package/build/module/lib/library/IBlog.js +0 -2
- package/build/module/lib/loc/en-US.json +0 -86
- package/build/module/lib/loc/mn-MN.json +0 -86
- package/build/module/lib/theme/index.d.ts +0 -1
- package/build/module/lib/theme/index.js +0 -66
- package/build/module/lib/theme/variables/palette.d.ts +0 -142
- package/build/module/lib/theme/variables/palette.js +0 -114
- package/build/module/lib/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/module/lib/widgets/meta/BasicMeta.js +0 -10
- package/build/module/lib/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/module/lib/widgets/meta/JsonLdMeta.js +0 -20
- package/build/module/lib/widgets/meta/OpenGraphMeta.d.ts +0 -14
- package/build/module/lib/widgets/meta/OpenGraphMeta.js +0 -10
- package/build/module/lib/widgets/meta/TwitterCardMeta.d.ts +0 -11
- package/build/module/lib/widgets/meta/TwitterCardMeta.js +0 -9
- package/build/module/widgets/Author.d.ts +0 -6
- package/build/module/widgets/Author.js +0 -7
- package/build/module/widgets/Burger.d.ts +0 -7
- package/build/module/widgets/Burger.js +0 -5
- package/build/module/widgets/Copyright.d.ts +0 -3
- package/build/module/widgets/Copyright.js +0 -7
- package/build/module/widgets/Date.d.ts +0 -6
- package/build/module/widgets/Date.js +0 -6
- package/build/module/widgets/Layout.d.ts +0 -6
- package/build/module/widgets/Layout.js +0 -6
- package/build/module/widgets/Navigation.d.ts +0 -13
- package/build/module/widgets/Navigation.js +0 -10
- package/build/module/widgets/Pagination.d.ts +0 -11
- package/build/module/widgets/Pagination.js +0 -8
- package/build/module/widgets/PostItem.d.ts +0 -8
- package/build/module/widgets/PostItem.js +0 -17
- package/build/module/widgets/PostLayout.d.ts +0 -14
- package/build/module/widgets/PostLayout.js +0 -17
- package/build/module/widgets/PostList.d.ts +0 -12
- package/build/module/widgets/PostList.js +0 -12
- package/build/module/widgets/SocialList.d.ts +0 -2
- package/build/module/widgets/SocialList.js +0 -5
- package/build/module/widgets/TagButton.d.ts +0 -7
- package/build/module/widgets/TagButton.js +0 -8
- package/build/module/widgets/TagLink.d.ts +0 -7
- package/build/module/widgets/TagLink.js +0 -6
- package/build/module/widgets/TagPostList.d.ts +0 -12
- package/build/module/widgets/TagPostList.js +0 -15
- package/build/module/widgets/index.d.ts +0 -18
- package/build/module/widgets/index.js +0 -19
- package/build/module/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/module/widgets/meta/BasicMeta.js +0 -7
- package/build/module/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/module/widgets/meta/JsonLdMeta.js +0 -19
- package/build/module/widgets/meta/OpenGraphMeta.d.ts +0 -9
- package/build/module/widgets/meta/OpenGraphMeta.js +0 -7
- package/build/module/widgets/meta/TwitterCardMeta.d.ts +0 -8
- package/build/module/widgets/meta/TwitterCardMeta.js +0 -7
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Link } from 'nuudel-core';
|
|
2
|
+
import { Link, Text } from 'nuudel-core';
|
|
3
3
|
import { useRouter } from 'next/router';
|
|
4
4
|
import TagLink from './TagLink';
|
|
5
5
|
import { t } from '../loc/i18n';
|
|
6
|
+
const testTags = [
|
|
7
|
+
{ name: 'test', slug: 'test' },
|
|
8
|
+
{ name: 'tags', slug: 'tags' },
|
|
9
|
+
];
|
|
6
10
|
export default function Navigation({ category, tags = [] }) {
|
|
7
11
|
const router = useRouter();
|
|
8
|
-
|
|
12
|
+
const { slug, page } = router.query;
|
|
13
|
+
let _slug = slug instanceof Array ? slug.join('/') : slug;
|
|
14
|
+
return (_jsx(_Fragment, { children: _jsx("nav", { children: _jsxs("div", { className: 'widget-navigation-container', children: [_jsxs(Text, { fontWeight: 700, gutterBottom: true, children: [t('Category'), ' '] }, void 0), _jsx("ul", { children: category ? (category
|
|
9
15
|
.filter((cat) => cat['parent_id'] === null)
|
|
10
|
-
.map((cat,
|
|
11
|
-
|
|
12
|
-
:
|
|
16
|
+
.map((cat, ind) => (_jsxs("li", { children: [_jsx(Link, { href: `/posts/category/${cat['cid']}`, children: _jsx("span", { className: _slug === cat['cid'] ? 'active' : undefined, children: cat['name'] }, void 0) }, void 0), console.log('cat.cid', cat['cid']), category.filter((c) => c['parent_id'] === cat['cid'])
|
|
17
|
+
.length ? (_jsx("ul", { style: {
|
|
18
|
+
paddingLeft: '16px',
|
|
19
|
+
paddingTop: '8px',
|
|
20
|
+
marginBottom: '0',
|
|
21
|
+
}, children: category
|
|
22
|
+
.filter((c) => c['parent_id'] === cat.cid)
|
|
23
|
+
.map((c, i) => (_jsxs("li", { children: [console.log('c.cid', c['cid']), _jsx(Link, { href: `/posts/category/${c['cid']}`, children: _jsx("span", { className: _slug === c['cid'] ? 'active' : undefined, children: c['name'] }, void 0) }, void 0)] }, i))) }, void 0)) : (_jsx(_Fragment, {}, void 0))] }, ind)))) : (_jsx(_Fragment, {}, void 0)) }, void 0), _jsxs(Text, { fontWeight: 700, gutterBottom: true, children: [t('Tag'), ' '] }, void 0), _jsx("ul", { className: 'widget-post-categories', children: testTags.map((it, i) => (_jsx("li", { children: _jsx(TagLink, { tag: it }, void 0) }, i))) }, void 0)] }, void 0) }, void 0) }, void 0));
|
|
13
24
|
}
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUtoQyxNQUFNLFFBQVEsR0FBRztJQUNmLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0lBQzlCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0NBQy9CLENBQUM7QUFlRixNQUFNLENBQUMsT0FBTyxVQUFVLFVBQVUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEdBQUcsRUFBRSxFQUFTO0lBQy9ELE1BQU0sTUFBTSxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBRTNCLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztJQUNwQyxJQUFJLEtBQUssR0FBVyxJQUFJLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFFbEUsT0FBTyxDQUNMLDRCQUNFLHdCQUVFLGVBQ0UsU0FBUyxFQUNQLDZCQUE2QixhQUkvQixNQUFDLElBQUksSUFBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLFlBQVksbUJBQ2hDLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFBRSxHQUFHLFlBQ2QsRUFDUCx1QkFDRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1YsUUFBUTs2QkFDTCxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxJQUFJLENBQUM7NkJBQzFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2pCLHlCQUNFLEtBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxtQkFBbUIsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLFlBQ3pDLGVBQ0UsU0FBUyxFQUFFLEtBQUssS0FBSyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxZQUVyRCxHQUFHLENBQUMsTUFBTSxDQUFDLFdBQ1AsV0FDRixFQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNsQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO3FDQUNuRCxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ1YsYUFDRSxLQUFLLEVBQUU7d0NBQ0wsV0FBVyxFQUFFLE1BQU07d0NBQ25CLFVBQVUsRUFBRSxLQUFLO3dDQUNqQixZQUFZLEVBQUUsR0FBRztxQ0FDbEIsWUFFQSxRQUFRO3lDQUNOLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLENBQUM7eUNBQ3pDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ2IseUJBQ0csT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQy9CLEtBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLFlBQ3ZDLGVBQ0UsU0FBUyxFQUNQLEtBQUssS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxZQUcxQyxDQUFDLENBQUMsTUFBTSxDQUFDLFdBQ0wsV0FDRixLQVZBLENBQUMsQ0FXTCxDQUNOLENBQUMsV0FDRCxDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixLQXJDTSxHQUFHLENBc0NQLENBQ04sQ0FBQyxDQUNMLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixXQUNFLEVBQ0wsTUFBQyxJQUFJLElBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxZQUFZLG1CQUNoQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxZQUNULEVBQ1AsYUFBSSxTQUFTLEVBQUUsd0JBQXdCLFlBQ3BDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUN2Qix1QkFDRSxLQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUUsRUFBRSxXQUFJLElBRGIsQ0FBQyxDQUVMLENBQ04sQ0FBQyxXQUNDLFlBQ0QsV0FDRixXQUNMLENBQ0osQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -6,6 +6,8 @@ import moment from 'moment';
|
|
|
6
6
|
import { getTextFromHtml } from 'nuudel-core';
|
|
7
7
|
import TagButton from './TagButton';
|
|
8
8
|
import Author from './Author';
|
|
9
|
+
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
|
|
10
|
+
import PersonIcon from '@mui/icons-material/Person';
|
|
9
11
|
export default function PostItem({ post }, props) {
|
|
10
12
|
const tags = !post.tags
|
|
11
13
|
? []
|
|
@@ -13,6 +15,6 @@ export default function PostItem({ post }, props) {
|
|
|
13
15
|
name: tag,
|
|
14
16
|
slug: tag,
|
|
15
17
|
}));
|
|
16
|
-
return (_jsxs("div", { className: "post-list-item", children: [_jsx(Link, { noLinkStyle: true, href: '/post/' + post.slug, children: _jsx("h2", { className: "post-list-title", children: post.title }, void 0) }, void 0),
|
|
18
|
+
return (_jsxs("div", { className: "post-list-item", children: [_jsx(Link, { noLinkStyle: true, href: '/post/' + post.slug, children: _jsx("h2", { className: "post-list-title", children: post.title }, void 0) }, void 0), _jsxs("div", { className: "post-list-metadata", children: [_jsx(CalendarMonthIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Date, { date: moment(post.publishdate).toDate() }, void 0) }, void 0), _jsx(PersonIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Author, { author: post.author }, void 0) }, void 0)] }, void 0), _jsx("p", { className: "post-list-excerpt", children: post['excerpt'] ? (titleShorter(post['excerpt'], 512)) : !props.showDetail ? (titleShorter(getTextFromHtml(post.content), 512)) : (_jsx("div", { dangerouslySetInnerHTML: { __html: post.content } }, void 0)) }, void 0), tags.length ? (_jsx("div", { className: 'tagList', children: tags.map((it, i) => (_jsx(TagButton, { tag: it }, i))) }, void 0)) : (_jsx(_Fragment, {}, void 0))] }, void 0));
|
|
17
19
|
}
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3dpZGdldHMvUG9zdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksRUFBUSxNQUFNLGFBQWEsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFjLE1BQU0sY0FBYyxDQUFDO0FBQ3hELE9BQU8sTUFBTSxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxpQkFBaUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQztBQU9wRCxNQUFNLENBQUMsT0FBTyxVQUFVLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBUyxFQUFFLEtBQVk7SUFDNUQsTUFBTSxJQUFJLEdBQWtCLENBQUMsSUFBSSxDQUFDLElBQUk7UUFDcEMsQ0FBQyxDQUFDLEVBQUU7UUFDSixDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3BCLElBQUksRUFBRSxHQUFHO1lBQ1QsSUFBSSxFQUFFLEdBQUc7U0FDVixDQUFDLENBQUMsQ0FBQztJQUVSLE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBQyxnQkFBZ0IsYUFDN0IsS0FBQyxJQUFJLElBQUMsV0FBVyxRQUFDLElBQUksRUFBRSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksWUFDMUMsYUFBSSxTQUFTLEVBQUMsaUJBQWlCLFlBQUUsSUFBSSxDQUFDLEtBQUssV0FBTSxXQUM1QyxFQUNQLGVBQUssU0FBUyxFQUFDLG9CQUFvQixhQUVqQyxLQUFDLGlCQUFpQixJQUFDLFFBQVEsRUFBQyxTQUFTLFdBQUcsRUFDeEMseUJBQ0UsS0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxFQUFFLFdBQUksV0FDNUMsRUFDUCxLQUFDLFVBQVUsSUFBQyxRQUFRLEVBQUMsU0FBUyxXQUFHLEVBQ2pDLHlCQUNFLEtBQUMsTUFBTSxJQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxXQUFJLFdBQzFCLFlBQ0gsRUFDTixZQUFHLFNBQVMsRUFBQyxtQkFBbUIsWUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNqQixZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNuQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ3RCLFlBQVksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNqRCxDQUFDLENBQUMsQ0FBQyxDQUNGLGNBQUssdUJBQXVCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxXQUFJLENBQzNELFdBQ0MsRUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNiLGNBQUssU0FBUyxFQUFFLFNBQVMsWUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ25CLEtBQUMsU0FBUyxJQUFTLEdBQUcsRUFBRSxFQUFFLElBQVYsQ0FBQyxDQUFhLENBQy9CLENBQUMsV0FDRSxDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixZQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -6,6 +6,8 @@ import { SocialList } from './SocialList';
|
|
|
6
6
|
import TagButton from './TagButton';
|
|
7
7
|
import { ArticleJsonLd, NextSeo } from 'next-seo';
|
|
8
8
|
import { MetaJson } from './meta/MetaJson';
|
|
9
|
+
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
|
|
10
|
+
import PersonIcon from '@mui/icons-material/Person';
|
|
9
11
|
export default function PostLayout({ title, date, slug, author, tags, description = '', children, withCopyright = false, image, }) {
|
|
10
12
|
tags = !tags ? [] : tags;
|
|
11
13
|
const keywords = tags.map(it => it.name);
|
|
@@ -22,10 +24,10 @@ export default function PostLayout({ title, date, slug, author, tags, descriptio
|
|
|
22
24
|
handle: process?.env?.TWITTER_USERNAME,
|
|
23
25
|
site: process?.env?.TWITTER_USERNAME,
|
|
24
26
|
cardType: 'summary_large_image',
|
|
25
|
-
} }, void 0), _jsx(ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image?.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), _jsxs("div", { className: 'widget-post-container', children: [_jsxs("article", { children: [_jsxs("header", { children: [_jsx("h1", { className: "post-title", children: title }, void 0), _jsxs("div", { className: 'widget-post-metadata', children: [_jsx("
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
} }, void 0), _jsx(ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image?.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), _jsxs("div", { className: 'widget-post-container', children: [_jsxs("article", { children: [_jsxs("header", { children: [_jsx("h1", { className: "post-title", children: title }, void 0), _jsxs("div", { className: 'widget-post-metadata', children: [_jsx(CalendarMonthIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Date, { date: date }, void 0) }, void 0), _jsx(PersonIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Author, { author: authorName }, void 0) }, void 0)] }, void 0)] }, void 0), _jsx("div", { className: 'widget-post-content', children: children }, void 0)] }, void 0), _jsxs("footer", { children: [_jsxs("div", { className: 'footer-lists', children: [_jsx("div", { className: 'social-list', children: _jsx(SocialList, { items: [
|
|
28
|
+
{ name: 'facebook', link: '#' },
|
|
29
|
+
{ name: 'twitter', link: '#' },
|
|
30
|
+
{ name: 'instagram', link: '#' },
|
|
31
|
+
] }, void 0) }, void 0), _jsx("div", { className: 'tagList', children: tags.map((it, i) => (_jsx(TagButton, { tag: it }, i))) }, void 0)] }, void 0), !!withCopyright && _jsx(Copyright, {}, void 0)] }, void 0)] }, void 0)] }, void 0));
|
|
30
32
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdExheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Qb3N0TGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUM7QUFHcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTNDLE9BQU8saUJBQWlCLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxVQUFVLE1BQU0sNEJBQTRCLENBQUM7QUFhcEQsTUFBTSxDQUFDLE9BQU8sVUFBVSxVQUFVLENBQUMsRUFDakMsS0FBSyxFQUNMLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixXQUFXLEdBQUcsRUFBRSxFQUNoQixRQUFRLEVBQ1IsYUFBYSxHQUFHLEtBQUssRUFDckIsS0FBSyxHQUNDO0lBQ04sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN6QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQztJQUMxQixNQUFNLElBQUksR0FBRyxRQUFRLENBQUM7UUFDcEIsR0FBRyxFQUFFLFNBQVMsSUFBSSxFQUFFO1FBQ3BCLEtBQUssRUFBRSxLQUFLO1FBQ1osV0FBVyxFQUFFLFdB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
|
|
@@ -19,11 +19,11 @@ export const SocialList = ({ items = [], ...props }) => {
|
|
|
19
19
|
let name = item.name?.toLowerCase();
|
|
20
20
|
if (!!name && Object.keys(components).indexOf(name) >= 0) {
|
|
21
21
|
const Component = components[name];
|
|
22
|
-
return (_jsx(IconButton, { href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name, children: _jsx(Component, { className: "widget-social-icon" }, void 0) }, void 0));
|
|
22
|
+
return (_jsx(IconButton, { color: "primary", sx: { fontSize: theme => theme.typography.body2 }, href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name, children: _jsx(Component, { className: "widget-social-icon" }, void 0) }, void 0));
|
|
23
23
|
}
|
|
24
24
|
else {
|
|
25
25
|
return null;
|
|
26
26
|
}
|
|
27
27
|
}), props.children] }, void 0));
|
|
28
28
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Tb2NpYWxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxVQUFVLE1BQU0sMEJBQTBCLENBQUM7QUFDbEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDdEQsT0FBTyxhQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDdEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFtQnhELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLE9BQU8sRUFBRSxXQUFXO0lBQ3BCLFNBQVMsRUFBRSxhQUFhO0lBQ3hCLE9BQU8sRUFBRSxXQUFXO0lBQ3BCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLFFBQVEsRUFBRSxZQUFZO0NBQ3ZCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQWUsQ0FBQyxFQUFFLEtBQUssR0FBRyxFQUFFLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2pFLE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssYUFDckQsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDaEIsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDeEQsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO29CQUNuQyxPQUFPLENBQ0wsS0FBQyxVQUFVLElBQ1QsS0FBSyxFQUFDLFNBQVMsRUFDZixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxFQUNqRCxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDaEIsTUFBTSxFQUFDLFFBQVEsRUFDZixTQUFTLEVBQUUsZ0JBQWdCLEdBQUcsSUFBSSxZQUVsQyxLQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsb0JBQW9CLFdBQUcsV0FDakMsQ0FDZCxDQUFDO2lCQUNIO3FCQUFNO29CQUNMLE9BQU8sSUFBSSxDQUFDO2lCQUNiO1lBQ0gsQ0FBQyxDQUFDLEVBQ0QsS0FBSyxDQUFDLFFBQVEsWUFDWCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -3,6 +3,6 @@ import { Link } from 'nuudel-core';
|
|
|
3
3
|
export default function TagButton({ tag }) {
|
|
4
4
|
const name = !tag ? '' : tag.name;
|
|
5
5
|
const slug = !tag ? '' : tag.slug;
|
|
6
|
-
return (_jsx(_Fragment, { children: _jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}`, children: _jsx("span", { className: 'widget-tag-button', title: slug, children: name }, void 0) }, void 0) }, void 0));
|
|
6
|
+
return (_jsx(_Fragment, { children: _jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}`, children: _jsx("span", { className: 'widget-tag-button', title: slug, children: name.length > 22 ? name.substring(0, 22) + '...' : name }, void 0) }, void 0) }, void 0));
|
|
7
7
|
}
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi93aWRnZXRzL1RhZ0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFPbkMsTUFBTSxDQUFDLE9BQU8sVUFBVSxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQVM7SUFDOUMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztJQUNsQyxNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO0lBQ2xDLE9BQU8sQ0FDTCw0QkFDRSxLQUFDLElBQUksSUFBQyxJQUFJLEVBQUUseUJBQXlCLEVBQUUsRUFBRSxFQUFFLGVBQWUsSUFBSSxFQUFFLFlBQzlELGVBQU0sU0FBUyxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLFlBQzlDLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksV0FDbkQsV0FDRixXQUNOLENBQ0osQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Link } from 'nuudel-core';
|
|
3
3
|
export default function Tag({ tag }) {
|
|
4
|
-
return (_jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}`,
|
|
4
|
+
return (_jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}`, noLinkStyle: true, children: tag.name }, void 0));
|
|
5
5
|
}
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9UYWdMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQU1uQyxNQUFNLENBQUMsT0FBTyxVQUFVLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBUztJQUN4QyxPQUFPLENBQ0wsS0FBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLHlCQUF5QixFQUMvQixFQUFFLEVBQUUsZUFBZSxHQUFHLENBQUMsSUFBSSxFQUFFLEVBQzdCLFdBQVcsa0JBRVYsR0FBRyxDQUFDLElBQUksV0FDSixDQUNSLENBQUM7QUFDSixDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.104",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"build:main": "tsc -p tsconfig.json",
|
|
25
25
|
"build:module": "tsc -p tsconfig.module.json",
|
|
26
26
|
"prebuild": "tsm src",
|
|
27
|
-
"postbuild": "cpy --cwd
|
|
27
|
+
"postbuild": "cpy --cwd=./ 'src/**/*.scss' build/module && cpy --cwd=./ 'src/**/*.scss' build/module",
|
|
28
28
|
"fix": "run-s fix:*",
|
|
29
29
|
"fix:prettier": "prettier \"src/**/*.ts\" --write",
|
|
30
30
|
"fix:lint": "eslint src --ext .ts --fix",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"devDependencies": {
|
|
79
79
|
"@ava/typescript": "^1.1.1",
|
|
80
80
|
"@istanbuljs/nyc-config-typescript": "^1.0.1",
|
|
81
|
-
"@mui/icons-material": "^5.
|
|
81
|
+
"@mui/icons-material": "^5.13.1",
|
|
82
82
|
"@mui/material": "^5.13.1",
|
|
83
83
|
"@types/i18next": "^13.0.0",
|
|
84
84
|
"@types/node-sass": "^4.11.3",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"typescript": "4.5.5"
|
|
117
117
|
},
|
|
118
118
|
"peerDependencies": {
|
|
119
|
-
"@mui/icons-material": "^5.
|
|
119
|
+
"@mui/icons-material": "^5.13.1",
|
|
120
120
|
"@mui/material": "^5.13.1",
|
|
121
121
|
"@mui/styles": "^5.13.1",
|
|
122
122
|
"graphql-tag": "^2.12.6",
|
|
@@ -151,6 +151,9 @@
|
|
|
151
151
|
"prettier": {
|
|
152
152
|
"singleQuote": true
|
|
153
153
|
},
|
|
154
|
+
"engines": {
|
|
155
|
+
"node": ">=16"
|
|
156
|
+
},
|
|
154
157
|
"nyc": {
|
|
155
158
|
"extends": "@istanbuljs/nyc-config-typescript",
|
|
156
159
|
"exclude": [
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* color picker
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
.picker {
|
|
6
|
-
position: relative;
|
|
7
|
-
border-radius: 5px;
|
|
8
|
-
max-height: 30px;
|
|
9
|
-
min-width: 200px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.row {
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: row;
|
|
15
|
-
|
|
16
|
-
>span {
|
|
17
|
-
line-height: 28px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.input {
|
|
22
|
-
display: block;
|
|
23
|
-
box-sizing: border-box;
|
|
24
|
-
width: 90px;
|
|
25
|
-
height: 30px;
|
|
26
|
-
margin: 8px 0 8px 5px;
|
|
27
|
-
padding: 6px;
|
|
28
|
-
border: 1px solid #ddd;
|
|
29
|
-
border-radius: 4px;
|
|
30
|
-
background: #eee;
|
|
31
|
-
outline: none;
|
|
32
|
-
font: inherit;
|
|
33
|
-
text-transform: uppercase;
|
|
34
|
-
text-align: center;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.swatch {
|
|
38
|
-
width: 28px;
|
|
39
|
-
height: 28px;
|
|
40
|
-
border-radius: 8px;
|
|
41
|
-
border: 3px solid #fff;
|
|
42
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
margin-right: 8px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.popover {
|
|
48
|
-
z-index: 10000;
|
|
49
|
-
position: absolute;
|
|
50
|
-
top: calc(100% + 2px);
|
|
51
|
-
left: 0;
|
|
52
|
-
border-radius: 9px;
|
|
53
|
-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.pickerSwatches {
|
|
57
|
-
display: flex;
|
|
58
|
-
padding: 12px;
|
|
59
|
-
flex-wrap: wrap;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.pickerSwatch {
|
|
63
|
-
width: 24px;
|
|
64
|
-
height: 24px;
|
|
65
|
-
margin: 4px;
|
|
66
|
-
border: none;
|
|
67
|
-
padding: 0;
|
|
68
|
-
border-radius: 4px;
|
|
69
|
-
cursor: pointer;
|
|
70
|
-
outline: none;
|
|
71
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Card = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const react_dnd_1 = require("react-dnd");
|
|
7
|
-
const ItemTypes_1 = require("./ItemTypes");
|
|
8
|
-
const style = {
|
|
9
|
-
border: '1px dashed gray',
|
|
10
|
-
padding: '0.5rem 1rem',
|
|
11
|
-
marginBottom: '.5rem',
|
|
12
|
-
backgroundColor: 'white',
|
|
13
|
-
cursor: 'move',
|
|
14
|
-
};
|
|
15
|
-
const Card = ({ id, text, index, moveCard }) => {
|
|
16
|
-
const ref = (0, react_1.useRef)(null);
|
|
17
|
-
const [{ handlerId }, drop] = (0, react_dnd_1.useDrop)({
|
|
18
|
-
accept: ItemTypes_1.ItemTypes.CARD,
|
|
19
|
-
collect(monitor) {
|
|
20
|
-
return {
|
|
21
|
-
handlerId: monitor.getHandlerId(),
|
|
22
|
-
};
|
|
23
|
-
},
|
|
24
|
-
hover(item, monitor) {
|
|
25
|
-
var _a;
|
|
26
|
-
if (!ref.current) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
const dragIndex = item.index;
|
|
30
|
-
const hoverIndex = index;
|
|
31
|
-
if (dragIndex === hoverIndex) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const hoverBoundingRect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
35
|
-
const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
36
|
-
const clientOffset = monitor.getClientOffset();
|
|
37
|
-
const hoverClientY = clientOffset.y - hoverBoundingRect.top;
|
|
38
|
-
if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
moveCard(dragIndex, hoverIndex);
|
|
45
|
-
item.index = hoverIndex;
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
const [{ isDragging }, drag] = (0, react_dnd_1.useDrag)({
|
|
49
|
-
type: ItemTypes_1.ItemTypes.CARD,
|
|
50
|
-
item: () => {
|
|
51
|
-
return { id, index };
|
|
52
|
-
},
|
|
53
|
-
collect: (monitor) => ({
|
|
54
|
-
isDragging: monitor.isDragging(),
|
|
55
|
-
}),
|
|
56
|
-
});
|
|
57
|
-
const opacity = isDragging ? 0 : 1;
|
|
58
|
-
drag(drop(ref));
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: Object.assign(Object.assign({}, style), { opacity }), "data-handler-id": handlerId }, { children: text }), void 0));
|
|
60
|
-
};
|
|
61
|
-
exports.Card = Card;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQ0EsaUNBQTZCO0FBQzdCLHlDQUEyQztBQUUzQywyQ0FBc0M7QUFFdEMsTUFBTSxLQUFLLEdBQUc7SUFDWixNQUFNLEVBQUUsaUJBQWlCO0lBQ3pCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFlBQVksRUFBRSxPQUFPO0lBQ3JCLGVBQWUsRUFBRSxPQUFPO0lBQ3hCLE1BQU0sRUFBRSxNQUFNO0NBQ2YsQ0FBQztBQWVLLE1BQU0sSUFBSSxHQUFrQixDQUFDLEVBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDLEVBQUUsRUFBRTtJQUNqRSxNQUFNLEdBQUcsR0FBRyxJQUFBLGNBQU0sRUFBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxDQUFDLEVBQUMsU0FBUyxFQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsSUFBQSxtQkFBTyxFQUEwQztRQUMzRSxNQUFNLEVBQUUscUJBQVMsQ0FBQyxJQUFJO1FBQ3RCLE9BQU8sQ0FBQyxPQUFPO1lBQ2IsT0FBTztnQkFDTCxTQUFTLEVBQUUsT0FBTyxDQUFDLFlBQVksRUFBRTthQUNsQyxDQUFDO1FBQ0osQ0FBQztRQUNELEtBQUssQ0FBQyxJQUFjLEVBQUUsT0FBTzs7WUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2hCLE9BQU87YUFDUjtZQUNELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDN0IsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBR3pCLElBQUksU0FBUyxLQUFLLFVBQVUsRUFBRTtnQkFDNUIsT0FBTzthQUNSO1lBR0QsTUFBTSxpQkFBaUIsR0FBRyxNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLHFCQUFxQixFQUFFLENBQUM7WUFHL0QsTUFBTSxZQUFZLEdBQ2hCLENBQUMsaUJBQWlCLENBQUMsTUFBTSxHQUFHLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUd6RCxNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsZUFBZSxFQUFFLENBQUM7WUFHL0MsTUFBTSxZQUFZLEdBQUcsWUFBWSxDQUFDLENBQUMsR0FBRyxpQkFBaUIsQ0FBQyxHQUFHLENBQUM7WUFPNUQsSUFBSSxTQUFTLEdBQUcsVUFBVSxJQUFJLFlBQVksR0FBRyxZQUFZLEVBQUU7Z0JBQ3pELE9BQU87YUFDUjtZQUdELElBQUksU0FBUyxHQUFHLFVBQVUsSUFBSSxZQUFZLEdBQUcsWUFBWSxFQUFFO2dCQUN6RCxPQUFPO2FBQ1I7WUFHRCxRQUFRLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBTWhDLElBQUksQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBQzFCLENBQUM7S0FDRixDQUFDLENBQUM7SUFFSCxNQUFNLENBQUMsRUFBQyxVQUFVLEVBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFBLG1CQUFPLEVBQUM7UUFDbkMsSUFBSSxFQUFFLHFCQUFTLENBQUMsSUFBSTtRQUNwQixJQUFJLEVBQUUsR0FBRyxFQUFFO1lBQ1QsT0FBTyxFQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUMsQ0FBQztRQUNyQixDQUFDO1FBQ0QsT0FBTyxFQUFFLENBQUMsT0FBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzFCLFVBQVUsRUFBRSxPQUFPLENBQUMsVUFBVSxFQUFFO1NBQ2pDLENBQUM7S0FDSCxDQUFDLENBQUM7SUFFSCxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNoQixPQUFPLENBQ0wsOENBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLGtDQUFNLEtBQUssS0FBRSxPQUFPLHdCQUFvQixTQUFTLGdCQUNsRSxJQUFJLFlBQ0QsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBNUVXLFFBQUEsSUFBSSxRQTRFZiJ9
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ItemTypes = void 0;
|
|
4
|
-
exports.ItemTypes = {
|
|
5
|
-
CARD: 'card',
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbVR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL0l0ZW1UeXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBYSxRQUFBLFNBQVMsR0FBRztJQUN2QixJQUFJLEVBQUUsTUFBTTtDQUViLENBQUMifQ==
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.SortItems = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const immutability_helper_1 = __importDefault(require("immutability-helper"));
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const Card_1 = require("./Card");
|
|
11
|
-
const style = {
|
|
12
|
-
width: 400,
|
|
13
|
-
};
|
|
14
|
-
const SortItems = () => {
|
|
15
|
-
{
|
|
16
|
-
const [cards, setCards] = (0, react_1.useState)([
|
|
17
|
-
{
|
|
18
|
-
id: 1,
|
|
19
|
-
text: 'Write a cool JS library',
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
id: 2,
|
|
23
|
-
text: 'Make it generic enough',
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
id: 3,
|
|
27
|
-
text: 'Write README',
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
id: 4,
|
|
31
|
-
text: 'Create some examples',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
id: 5,
|
|
35
|
-
text: 'Spam in Twitter and IRC to promote it (note that this element is taller than the others)',
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
id: 6,
|
|
39
|
-
text: '???',
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
id: 7,
|
|
43
|
-
text: 'PROFIT',
|
|
44
|
-
},
|
|
45
|
-
]);
|
|
46
|
-
const moveCard = (0, react_1.useCallback)((dragIndex, hoverIndex) => {
|
|
47
|
-
setCards((prevCards) => (0, immutability_helper_1.default)(prevCards, {
|
|
48
|
-
$splice: [
|
|
49
|
-
[dragIndex, 1],
|
|
50
|
-
[hoverIndex, 0, prevCards[dragIndex]],
|
|
51
|
-
],
|
|
52
|
-
}));
|
|
53
|
-
}, []);
|
|
54
|
-
const renderCard = (0, react_1.useCallback)((card, index) => {
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)(Card_1.Card, { index: index, id: card.id, text: card.text, moveCard: moveCard }, card.id));
|
|
56
|
-
}, []);
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cards.map((card, i) => renderCard(card, i)) }), void 0) }, void 0));
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
exports.SortItems = SortItems;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29ydEl0ZW1zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL1NvcnRJdGVtcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLDhFQUF5QztBQUV6QyxpQ0FBNEM7QUFFNUMsaUNBQTRCO0FBRTVCLE1BQU0sS0FBSyxHQUFHO0lBQ1osS0FBSyxFQUFFLEdBQUc7Q0FDWCxDQUFDO0FBV0ssTUFBTSxTQUFTLEdBQU8sR0FBRyxFQUFFO0lBQ2hDO1FBQ0UsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQUM7WUFDakM7Z0JBQ0UsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsSUFBSSxFQUFFLHlCQUF5QjthQUNoQztZQUNEO2dCQUNFLEVBQUUsRUFBRSxDQUFDO2dCQUNMLElBQUksRUFBRSx3QkFBd0I7YUFDL0I7WUFDRDtnQkFDRSxFQUFFLEVBQUUsQ0FBQztnQkFDTCxJQUFJLEVBQUUsY0FBYzthQUNyQjtZQUNEO2dCQUNFLEVBQUUsRUFBRSxDQUFDO2dCQUNMLElBQUksRUFBRSxzQkFBc0I7YUFDN0I7WUFDRDtnQkFDRSxFQUFFLEVBQUUsQ0FBQztnQkFDTCxJQUFJLEVBQUUsMEZBQTBGO2FBQ2pHO1lBQ0Q7Z0JBQ0UsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsSUFBSSxFQUFFLEtBQUs7YUFDWjtZQUNEO2dCQUNFLEVBQUUsRUFBRSxDQUFDO2dCQUNMLElBQUksRUFBRSxRQUFRO2FBQ2Y7U0FDRixDQUFDLENBQUM7UUFFSCxNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQUMsQ0FBQyxTQUFpQixFQUFFLFVBQWtCLEVBQUUsRUFBRTtZQUNyRSxRQUFRLENBQUMsQ0FBQyxTQUFpQixFQUFFLEVBQUUsQ0FDN0IsSUFBQSw2QkFBTSxFQUFDLFNBQVMsRUFBRTtnQkFDaEIsT0FBTyxFQUFFO29CQUNQLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztvQkFDZCxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLFNBQVMsQ0FBUyxDQUFDO2lCQUM5QzthQUNGLENBQUMsQ0FDSCxDQUFDO1FBQ0osQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRVAsTUFBTSxVQUFVLEdBQUcsSUFBQSxtQkFBVyxFQUM1QixDQUFDLElBQWdDLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDbEQsT0FBTyxDQUNMLHVCQUFDLFdBQUksSUFFSCxLQUFLLEVBQUUsS0FBSyxFQUNaLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUNYLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLFFBQVEsRUFBRSxRQUFRLElBSmIsSUFBSSxDQUFDLEVBQUUsQ0FLWixDQUNILENBQUM7UUFDSixDQUFDLEVBQ0QsRUFBRSxDQUNILENBQUM7UUFFRixPQUFPLENBQ0wsMkRBQ0UsOENBQUssS0FBSyxFQUFFLEtBQUssZ0JBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBTyxXQUNyRSxDQUNKLENBQUM7S0FDSDtBQUNILENBQUMsQ0FBQztBQWpFVyxRQUFBLFNBQVMsYUFpRXBCIn0=
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
@import '../../theme/variables/colors';
|
|
2
|
-
|
|
3
|
-
.sortableItem {
|
|
4
|
-
display: flex;
|
|
5
|
-
justify-content: space-between;
|
|
6
|
-
flex-grow: 1;
|
|
7
|
-
align-items: center;
|
|
8
|
-
padding: 18px 20px;
|
|
9
|
-
background-color: #fff;
|
|
10
|
-
box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
|
|
11
|
-
0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
12
|
-
border-radius: calc(4px / var(--scale-x, 1));
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
list-style: none;
|
|
15
|
-
color: $text-dark;
|
|
16
|
-
font-weight: 400;
|
|
17
|
-
font-size: 1rem;
|
|
18
|
-
|
|
19
|
-
&:hover .removeItem {
|
|
20
|
-
visibility: visible !important;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.dragHandle,
|
|
25
|
-
.removeItem {
|
|
26
|
-
display: flex;
|
|
27
|
-
width: 12px;
|
|
28
|
-
padding: 15px;
|
|
29
|
-
margin-left: 3px;
|
|
30
|
-
align-items: center;
|
|
31
|
-
justify-content: center;
|
|
32
|
-
flex: 0 0 auto;
|
|
33
|
-
touch-action: none;
|
|
34
|
-
cursor: var(--cursor, pointer);
|
|
35
|
-
border-radius: 5px;
|
|
36
|
-
border: none;
|
|
37
|
-
outline: none;
|
|
38
|
-
appearance: none;
|
|
39
|
-
background-color: rgba(255, 255, 255, 0.5);
|
|
40
|
-
-webkit-tap-highlight-color: transparent;
|
|
41
|
-
|
|
42
|
-
&:hover {
|
|
43
|
-
background-color: rgba(255, 255, 255, 0.75);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&:focus-visible {
|
|
47
|
-
box-shadow: 0 0px 0px 2px $primary;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
svg {
|
|
51
|
-
flex: 0 0 auto;
|
|
52
|
-
margin: auto;
|
|
53
|
-
height: 100%;
|
|
54
|
-
overflow: visible;
|
|
55
|
-
fill: $placeholder;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.removeItem {
|
|
60
|
-
visibility: hidden;
|
|
61
|
-
|
|
62
|
-
&.onmobile {
|
|
63
|
-
visibility: visible !important;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.actionButtons {
|
|
68
|
-
z-index: 1;
|
|
69
|
-
display: flex;
|
|
70
|
-
align-self: flex-start;
|
|
71
|
-
margin-top: -12px;
|
|
72
|
-
margin-left: auto;
|
|
73
|
-
margin-bottom: -15px;
|
|
74
|
-
margin-right: -10px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.itemGrid {
|
|
78
|
-
list-style-type: none;
|
|
79
|
-
margin: 0;
|
|
80
|
-
padding: 0;
|
|
81
|
-
max-width: 330px;
|
|
82
|
-
|
|
83
|
-
@media screen and (min-width: 1100px) {
|
|
84
|
-
max-width: 1100px;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
@media screen and (min-width: 960px) and (max-width: 1099px) {
|
|
88
|
-
max-width: 960px;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
@media screen and (min-width: 780px) and (max-width: 959px) {
|
|
92
|
-
max-width: 780px;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
@media screen and (min-width: 500px) and (max-width: 779px) {
|
|
96
|
-
max-width: 500px;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
li {
|
|
100
|
-
display: inline-block;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
li:first-child {
|
|
104
|
-
//border: 2px solid $warning;
|
|
105
|
-
border-radius: 2px;
|
|
106
|
-
box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"img" | "icon" | "root" | "media" | "thumb" | "uploadButton" | "textField" | "submitButton" | "FileContainer" | "thumbsContainer" | "thumbInner" | "gridList" | "titleBar" | "ImageList" | "imgFullWidth">;
|