strapi-plugin-navigation 2.0.11 → 2.1.0-beta.1

package/admin/src/components/ConfirmationDialog/index.js

@@ -1,56 +1,34 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button } from '@strapi/design-system/Button';
-import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
-import { Flex } from '@strapi/design-system/Flex';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
-import { ExclamationMarkCircle, Check } from '@strapi/icons';
-import { getMessage } from '../../utils';
-
-const ConfirmationDialog = ({
-	isVisible = false,
-	isActionAsync = false,
-	children,
-	onConfirm,
-	onCancel,
-	header,
-	labelCancel,
-	labelConfirm,
-	iconConfirm
-}) => (
-	<Dialog onClose={onCancel} title={header || getMessage('components.confirmation.dialog.header', 'Confirmation')} isOpen={isVisible}>
-		<DialogBody icon={<ExclamationMarkCircle />}>
-			<Stack spacing={2}>
-				<Flex justifyContent="center">
-					<Typography id="dialog-confirm-description">{children || getMessage('components.confirmation.dialog.description')}</Typography>
-				</Flex>
-			</Stack>
-		</DialogBody>
-		<DialogFooter startAction={<Button onClick={onCancel} variant="tertiary" disabled={isActionAsync}>
-			{labelCancel || getMessage('components.confirmation.dialog.button.cancel', 'Cancel')}
-		</Button>} endAction={<Button onClick={onConfirm} variant="danger-light" startIcon={iconConfirm || <Check />} disabled={isActionAsync}>
-			{labelConfirm || getMessage('components.confirmation.dialog.button.confirm', 'Confirm')}
-		</Button>} />
-	</Dialog>
-);
-
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const Button_1 = require("@strapi/design-system/Button");
+const Dialog_1 = require("@strapi/design-system/Dialog");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Stack_1 = require("@strapi/design-system/Stack");
+const Typography_1 = require("@strapi/design-system/Typography");
+const icons_1 = require("@strapi/icons");
+const utils_1 = require("../../utils");
+const DEFAULT_ICON = react_1.default.createElement(icons_1.ExclamationMarkCircle, null);
+const ConfirmationDialog = ({ isVisible = false, isActionAsync = false, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, mainIcon = DEFAULT_ICON }) => (react_1.default.createElement(Dialog_1.Dialog, { onClose: onCancel, title: header || (0, utils_1.getMessage)('components.confirmation.dialog.header', 'Confirmation'), isOpen: isVisible },
+    react_1.default.createElement(Dialog_1.DialogBody, { icon: mainIcon },
+        react_1.default.createElement(Stack_1.Stack, { spacing: 2 },
+            react_1.default.createElement(Flex_1.Flex, { justifyContent: "center" },
+                react_1.default.createElement(Typography_1.Typography, { id: "dialog-confirm-description" }, children || (0, utils_1.getMessage)('components.confirmation.dialog.description'))))),
+    react_1.default.createElement(Dialog_1.DialogFooter, { startAction: react_1.default.createElement(Button_1.Button, { onClick: onCancel, variant: "tertiary", disabled: isActionAsync }, labelCancel || (0, utils_1.getMessage)('components.confirmation.dialog.button.cancel', 'Cancel')), endAction: react_1.default.createElement(Button_1.Button, { onClick: onConfirm, variant: "danger-light", startIcon: iconConfirm || react_1.default.createElement(icons_1.Check, null), disabled: isActionAsync }, labelConfirm || (0, utils_1.getMessage)('components.confirmation.dialog.button.confirm', 'Confirm')) })));
 ConfirmationDialog.propTypes = {
-	isVisible: PropTypes.bool,
-	isActionAsync: PropTypes.bool,
-	children: PropTypes.string.isRequired,
-	header: PropTypes.string,
-	labelCancel: PropTypes.string,
-	labelConfirm: PropTypes.string,
-	iconConfirm: PropTypes.object,
-	onConfirm: PropTypes.func.isRequired,
-	onCancel: PropTypes.func.isRequired,
+    isVisible: prop_types_1.default.bool,
+    isActionAsync: prop_types_1.default.bool,
+    children: prop_types_1.default.any,
+    header: prop_types_1.default.string,
+    labelCancel: prop_types_1.default.string,
+    labelConfirm: prop_types_1.default.string,
+    iconConfirm: prop_types_1.default.object,
+    onConfirm: prop_types_1.default.func.isRequired,
+    onCancel: prop_types_1.default.func.isRequired,
 };
-
-export default ConfirmationDialog;
+exports.default = ConfirmationDialog;
+//# sourceMappingURL=index.js.map

package/admin/src/components/EmptyView/index.d.ts

@@ -0,0 +1,3 @@
+export default EmptyView;
+declare const EmptyView: any;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/EmptyView/index.js

@@ -1,8 +1,10 @@
-import styled from "styled-components";
-import { Box } from '@strapi/design-system/Box';
-import { Button } from "@strapi/design-system/Button";
-
-const EmptyView = styled.div`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const EmptyView = styled_components_1.default.div `
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -22,5 +24,5 @@ const EmptyView = styled.div`
 		margin: 1rem;
 	}
 `;
-
-export default EmptyView;
+exports.default = EmptyView;
+//# sourceMappingURL=index.js.map

package/admin/src/components/Item/ItemCardBadge/index.d.ts

@@ -0,0 +1,3 @@
+export default ItemCardBadge;
+declare const ItemCardBadge: any;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Item/ItemCardBadge/index.js

@@ -1,10 +1,14 @@
-import styled from "styled-components";
-import { Badge } from '@strapi/design-system/Badge';
-
-const ItemCardBadge = styled(Badge)`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const Badge_1 = require("@strapi/design-system/Badge");
+const ItemCardBadge = (0, styled_components_1.default)(Badge_1.Badge) `
 		border: 1px solid ${({ theme, borderColor }) => theme.colors[borderColor]};
 
-		${ ({small, theme}) => small && `
+		${({ small, theme }) => small && `
 			padding: ${theme.spaces[1]} ${theme.spaces[2]};
 			margin: 0px ${theme.spaces[3]};
 			vertical-align: middle;
@@ -18,5 +22,5 @@ const ItemCardBadge = styled(Badge)`
 			}
 		`}
 `;
-
-export default ItemCardBadge;
+exports.default = ItemCardBadge;
+//# sourceMappingURL=index.js.map

package/admin/src/components/Item/ItemCardHeader/Wrapper.d.ts

@@ -0,0 +1,3 @@
+export default CardItemTitle;
+declare const CardItemTitle: any;
+//# sourceMappingURL=Wrapper.d.ts.map

package/admin/src/components/Item/ItemCardHeader/Wrapper.js

@@ -1,7 +1,11 @@
-import styled from "styled-components";
-import { CardTitle } from '@strapi/design-system/Card';
-
-const CardItemTitle = styled(CardTitle)`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const Card_1 = require("@strapi/design-system/Card");
+const CardItemTitle = (0, styled_components_1.default)(Card_1.CardTitle) `
 	width: 100%;
 	
 	display: flex;
@@ -13,5 +17,5 @@ const CardItemTitle = styled(CardTitle)`
 			margin: 0px ${({ theme }) => theme.spaces[1]};
 	}
 `;
-
-export default CardItemTitle;
+exports.default = CardItemTitle;
+//# sourceMappingURL=Wrapper.js.map

package/admin/src/components/Item/ItemCardHeader/index.d.ts

@@ -0,0 +1,12 @@
+export default ItemCardHeader;
+declare function ItemCardHeader({ title, path, icon, removed, onItemRemove, onItemEdit, onItemRestore, dragRef }: {
+    title: any;
+    path: any;
+    icon: any;
+    removed: any;
+    onItemRemove: any;
+    onItemEdit: any;
+    onItemRestore: any;
+    dragRef: any;
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Item/ItemCardHeader/index.js

@@ -1,24 +1,26 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { Flex } from '@strapi/design-system/Flex';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { Typography } from '@strapi/design-system/Typography';
-import { Icon } from '@strapi/design-system/Icon';
-import { Pencil, Trash, Refresh, Drag } from '@strapi/icons/';
-
-import Wrapper from './Wrapper';
-import ItemCardBadge from '../ItemCardBadge';
-import { getMessage } from '../../../utils';
-
-const IconWrapper = styled.div`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Flex_1 = require("@strapi/design-system/Flex");
+const IconButton_1 = require("@strapi/design-system/IconButton");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Icon_1 = require("@strapi/design-system/Icon");
+const icons_1 = require("@strapi/icons/");
+const Wrapper_1 = __importDefault(require("./Wrapper"));
+const ItemCardBadge_1 = __importDefault(require("../ItemCardBadge"));
+const utils_1 = require("../../../utils");
+const IconWrapper = styled_components_1.default.div `
 display: flex;
 align-items: center;
 justify-content: center;
 height: ${32 / 16}rem;
 width: ${32 / 16}rem;
 
-cursor: pointer;
+cursor: move;
   padding: ${({ theme }) => theme.spaces[2]};
   border-radius: ${({ theme }) => theme.borderRadius};
   background: ${({ theme }) => theme.colors.neutral0};
@@ -30,42 +32,21 @@ svg {
 		fill: ${({ theme }) => theme.colors.neutral500};
 	}
 }
-`
-
+`;
 const ItemCardHeader = ({ title, path, icon, removed, onItemRemove, onItemEdit, onItemRestore, dragRef }) => {
-	return (
-		<Wrapper>
-			<Flex alignItems="center">
-				<IconWrapper ref={dragRef}>
-					<Icon as={Drag} />
-				</IconWrapper>
-				<Typography variant="omega" fontWeight="bold">
-					{title}
-				</Typography>
-				<Typography variant="omega" fontWeight="bold" textColor='neutral500'>
-					{path}
-				</Typography>
-				<Icon as={icon} />
-			</Flex>
-			<Flex alignItems="center" style={{ zIndex: 2 }}>
-				{removed &&
-					(<ItemCardBadge
-						borderColor={`danger200`}
-						backgroundColor={`danger100`}
-						textColor={`danger600`}
-					>
-						{getMessage("components.navigationItem.badge.removed")}
-					</ItemCardBadge>)
-				}
-
-				<IconButton disabled={removed} onClick={onItemEdit} label="Edit" icon={<Pencil />} />
-				{removed ?
-					<IconButton onClick={onItemRestore} label="Restore" icon={<Refresh />} /> :
-					<IconButton onClick={onItemRemove} label="Remove" icon={<Trash />} />
-				}
-			</Flex>
-		</Wrapper>
-	);
-}
-
-export default ItemCardHeader;
+    return (react_1.default.createElement(Wrapper_1.default, null,
+        react_1.default.createElement(Flex_1.Flex, { alignItems: "center" },
+            react_1.default.createElement(IconButton_1.IconButton, { ref: dragRef, label: "Drag", icon: react_1.default.createElement(icons_1.Drag, null) }),
+            react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "bold" }, title),
+            react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "bold", textColor: 'neutral500' }, path),
+            react_1.default.createElement(Icon_1.Icon, { as: icon })),
+        react_1.default.createElement(Flex_1.Flex, { alignItems: "center", style: { zIndex: 2 } },
+            removed &&
+                (react_1.default.createElement(ItemCardBadge_1.default, { borderColor: `danger200`, backgroundColor: `danger100`, textColor: `danger600` }, (0, utils_1.getMessage)("components.navigationItem.badge.removed"))),
+            react_1.default.createElement(IconButton_1.IconButton, { disabled: removed, onClick: onItemEdit, label: "Edit", icon: react_1.default.createElement(icons_1.Pencil, null) }),
+            removed ?
+                react_1.default.createElement(IconButton_1.IconButton, { onClick: onItemRestore, label: "Restore", icon: react_1.default.createElement(icons_1.Refresh, null) }) :
+                react_1.default.createElement(IconButton_1.IconButton, { onClick: onItemRemove, label: "Remove", icon: react_1.default.createElement(icons_1.Trash, null) }))));
+};
+exports.default = ItemCardHeader;
+//# sourceMappingURL=index.js.map

package/admin/src/components/Item/ItemCardRemovedOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export const ItemCardRemovedOverlay: any;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Item/ItemCardRemovedOverlay/index.js

@@ -1,6 +1,11 @@
-import styled from "styled-components";
-
-export const ItemCardRemovedOverlay = styled.div`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemCardRemovedOverlay = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ItemCardRemovedOverlay = styled_components_1.default.div `
     width: 100%;
     height: 100%;
     position: absolute;
@@ -9,4 +14,5 @@ export const ItemCardRemovedOverlay = styled.div`
     z-index: 1;
 
     background: rgba(255,255,255,.75);
-`;
+`;
+//# sourceMappingURL=index.js.map

package/admin/src/components/Item/Wrapper.d.ts

@@ -0,0 +1,3 @@
+export default Wrapper;
+declare const Wrapper: any;
+//# sourceMappingURL=Wrapper.d.ts.map

package/admin/src/components/Item/Wrapper.js

@@ -1,8 +1,12 @@
-import styled from "styled-components";
-
-const Wrapper = styled.div`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const Wrapper = styled_components_1.default.div `
 position: relative;
-margin-top: ${({theme}) => theme.spaces[2]};
+margin-top: ${({ theme }) => theme.spaces[2]};
 margin-left: ${({ level }) => level && '54px'}};
 
 ${({ level, theme, isLast }) => level && `
@@ -35,5 +39,5 @@ ${({ level, theme, isLast }) => level && `
 	}
 `};
 `;
-
-export default Wrapper;
+exports.default = Wrapper;
+//# sourceMappingURL=Wrapper.js.map

package/admin/src/components/Item/index.d.ts

@@ -0,0 +1,31 @@
+export default Item;
+declare function Item(props: any): JSX.Element;
+declare namespace Item {
+    namespace propTypes {
+        const item: PropTypes.Validator<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            uiRouterKey: PropTypes.Requireable<string>;
+            path: PropTypes.Requireable<string>;
+            externalPath: PropTypes.Requireable<string>;
+            related: PropTypes.Requireable<string | number>;
+            menuAttached: PropTypes.Requireable<boolean>;
+            collapsed: PropTypes.Requireable<boolean>;
+        }>>;
+        const relatedRef: PropTypes.Requireable<object>;
+        const level: PropTypes.Requireable<number>;
+        const levelPath: PropTypes.Requireable<string>;
+        const isParentAttachedToMenu: PropTypes.Requireable<boolean>;
+        const onItemRestore: PropTypes.Validator<(...args: any[]) => any>;
+        const onItemLevelAdd: PropTypes.Validator<(...args: any[]) => any>;
+        const onItemRemove: PropTypes.Validator<(...args: any[]) => any>;
+        const onItemReOrder: PropTypes.Validator<(...args: any[]) => any>;
+        const onItemToggleCollapse: PropTypes.Validator<(...args: any[]) => any>;
+        const config: PropTypes.Validator<PropTypes.InferProps<{
+            contentTypes: PropTypes.Validator<any[]>;
+            contentTypesNameFields: PropTypes.Validator<object>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map