strapi-plugin-comments 2.0.10 → 2.1.0-beta.1

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

@@ -1,49 +1,26 @@
-/*
- *
- * Nav
- *
- */
-
-import React from 'react';
-import {
-  SubNav,
-  SubNavHeader,
-  SubNavSection,
-  SubNavSections,
-  SubNavLink,
-} from '@strapi/design-system/SubNav';
-import { ExclamationMarkCircle, Apps } from '@strapi/icons';
-import getMessage from '../../utils/getMessage';
-
-// import PropTypes from 'prop-types';
-import getUrl from '../../utils/getUrl';
-
+"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 SubNav_1 = require("@strapi/design-system/SubNav");
+const icons_1 = require("@strapi/icons");
+const getMessage_1 = __importDefault(require("../../utils/getMessage"));
+const getUrl_1 = __importDefault(require("../../utils/getUrl"));
 const Nav = ({ visible = false, hasNewComments, hasNewReports }) => {
-  if (!visible) {
-    return null;
-  }
-
-  return <SubNav ariaLabel="Comments sub nav">
-    <SubNavHeader label={getMessage('plugin.name')} />
-    <SubNavSections>
-      <SubNavLink to={ getUrl('dashboard') } withBullet={hasNewComments} icon={<Apps />}>
-        { getMessage('nav.item.updates') }
-      </SubNavLink>
-      <SubNavSection label={getMessage('nav.header.moderation')}>
-        <SubNavLink to={ getUrl('discover') } icon={<Apps />}>
-          { getMessage('nav.item.discover') }
-        </SubNavLink>
-        <SubNavLink to={ getUrl('reports') } withBullet={hasNewReports} icon={<Apps />}>
-          { getMessage('nav.item.reports') }
-        </SubNavLink>
-      </SubNavSection>
-      <SubNavSection label={getMessage('nav.header.settings')}>
-        <SubNavLink to={ getUrl('settings') } icon={<Apps />}>
-          { getMessage('nav.item.settings') }
-        </SubNavLink>
-      </SubNavSection>
-    </SubNavSections>
-  </SubNav>;
-}
-
-export default Nav;
+    if (!visible) {
+        return null;
+    }
+    return (react_1.default.createElement(SubNav_1.SubNav, { ariaLabel: "Comments sub nav" },
+        react_1.default.createElement(SubNav_1.SubNavHeader, { label: (0, getMessage_1.default)("plugin.name") }),
+        react_1.default.createElement(SubNav_1.SubNavSections, null,
+            react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)("dashboard"), withBullet: hasNewComments, icon: react_1.default.createElement(icons_1.Apps, null) }, (0, getMessage_1.default)("nav.item.updates")),
+            react_1.default.createElement(SubNav_1.SubNavSection, { label: (0, getMessage_1.default)("nav.header.moderation") },
+                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)("discover"), icon: react_1.default.createElement(icons_1.Apps, null) }, (0, getMessage_1.default)("nav.item.discover")),
+                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)("reports"), withBullet: hasNewReports, icon: react_1.default.createElement(icons_1.Apps, null) }, (0, getMessage_1.default)("nav.item.reports"))),
+            react_1.default.createElement(SubNav_1.SubNavSection, { label: (0, getMessage_1.default)("nav.header.settings") },
+                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)("settings"), icon: react_1.default.createElement(icons_1.Apps, null) }, (0, getMessage_1.default)("nav.item.settings"))))));
+};
+exports.default = Nav;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,12 +1,10 @@
-/**
- *
- * PluginIcon
- *
- */
-
-import React from 'react';
-import CommentsIcon from "../icons/comments"
-
-const PluginIcon = () => <CommentsIcon />;
-
-export default PluginIcon;
+"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 comments_1 = __importDefault(require("../icons/comments"));
+const PluginIcon = () => react_1.default.createElement(comments_1.default, null);
+exports.default = PluginIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,21 @@
+declare const ReportsReviewModal: {
+    ({ isVisible, item, children, onClose, startActions, endActions, }: {
+        isVisible?: boolean | undefined;
+        item: any;
+        children: any;
+        onClose: any;
+        startActions: any;
+        endActions: any;
+    }): any;
+    propTypes: {
+        isVisible: any;
+        startActions: any;
+        endActions: any;
+        item: any;
+        children: any;
+        allowedActions: any;
+        onClose: any;
+    };
+};
+export default ReportsReviewModal;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,48 +1,33 @@
-/**
- *
- * Entity Details
- *
- */
-
- import React from 'react';
- import PropTypes from 'prop-types';
- import { ModalLayout, ModalBody, ModalHeader, ModalFooter } from '@strapi/design-system/ModalLayout';
- import { Typography } from '@strapi/design-system/Typography';
-import { getMessage } from '../../utils';
-import DiscussionThreadItem from '../DiscussionThreadItem';
-
-const ReportsReviewModal = ({ 
-    isVisible = false,
-    item,
-    children, 
-    onClose, 
-    startActions,
-    endActions,
-}) => ( isVisible && 
-    (<ModalLayout onClose={onClose}>
-        <ModalHeader>
-            <Typography fontWeight="bold" textColor="neutral800" as="h2" id="title">{ getMessage('page.details.panel.discussion.warnings.reports.dialog.header', 'Open reports') }</Typography>
-        </ModalHeader>
-        <ModalBody>
-            <DiscussionThreadItem as="div" {...item} root preview isSelected={true} />
-            { children }
-        </ModalBody>
-        <ModalFooter variant="tertiary" startActions={startActions} endActions={endActions} />
-    </ModalLayout>)
-  );
-
-  ReportsReviewModal.propTypes = {
-    isVisible: PropTypes.bool,
-    startActions: PropTypes.array,
-    endActions: PropTypes.array,
-    item: PropTypes.object.isRequired,
-    children: PropTypes.array.isRequired,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool, 
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool, 
+"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 ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const Typography_1 = require("@strapi/design-system/Typography");
+const utils_1 = require("../../utils");
+const DiscussionThreadItem_1 = __importDefault(require("../DiscussionThreadItem"));
+const ReportsReviewModal = ({ isVisible = false, item, children, onClose, startActions, endActions, }) => isVisible && (react_1.default.createElement(ModalLayout_1.ModalLayout, { onClose: onClose },
+    react_1.default.createElement(ModalLayout_1.ModalHeader, null,
+        react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.header", "Open reports"))),
+    react_1.default.createElement(ModalLayout_1.ModalBody, null,
+        react_1.default.createElement(DiscussionThreadItem_1.default, { as: "div", ...item, root: true, preview: true, isSelected: true }),
+        children),
+    react_1.default.createElement(ModalLayout_1.ModalFooter, { variant: "tertiary", startActions: startActions, endActions: endActions })));
+ReportsReviewModal.propTypes = {
+    isVisible: prop_types_1.default.bool,
+    startActions: prop_types_1.default.array,
+    endActions: prop_types_1.default.array,
+    item: prop_types_1.default.object.isRequired,
+    children: prop_types_1.default.array.isRequired,
+    allowedActions: prop_types_1.default.shape({
+        canModerate: prop_types_1.default.bool,
+        canAccessReports: prop_types_1.default.bool,
+        canReviewReports: prop_types_1.default.bool,
     }),
-    onClose: PropTypes.func.isRequired,
+    onClose: prop_types_1.default.func.isRequired,
 };
-
-  export default ReportsReviewModal;
+exports.default = ReportsReviewModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,21 @@
+declare const ReportsReviewTable: {
+    ({ commentId, items, mutation, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, }: {
+        commentId: any;
+        items: any;
+        mutation: any;
+        allowedActions: {
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+        onBlockButtonsStateChange: any;
+    }): any;
+    propTypes: {
+        commentId: any;
+        items: any;
+        mutation: any;
+        allowedActions: any;
+        onBlockButtonsStateChange: any;
+    };
+};
+export default ReportsReviewTable;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,160 +1,140 @@
-/**
- *
- * Entity Details
- *
- */
-
- import React, { useState, useEffect } from 'react';
- import { useIntl } from 'react-intl';
- import PropTypes from 'prop-types';
- import { isEmpty } from 'lodash';
- import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; 
- import { Flex } from '@strapi/design-system/Flex'; 
- import { Table, Thead, Tbody, TFooter, Tr, Th, Td } from '@strapi/design-system/Table'; 
- import { Typography } from '@strapi/design-system/Typography'; 
- import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; 
- import { Check } from '@strapi/icons';
-import { useOverlayBlocker } from '@strapi/helper-plugin';
-import { getMessage } from '../../utils';
-import { REPORT_REASON, REPORT_STATUS } from '../../utils/constants';
-import StatusBadge from '../StatusBadge';
-import { ActionButton } from '../ActionButton/styles';
-
-const ReportsReviewTable = ({ 
-    commentId,
-    items,
-    mutation,
-    allowedActions: { canAccessReports, canReviewReports },
-    onBlockButtonsStateChange,
-}) => {
-    const [storedItems, setStoredItems] = useState([]);
-
-    const { formatDate } = useIntl();
-
-    const { lockApp } = useOverlayBlocker();
-
-    const renderStatus = resolved => {
-        const status = resolved ? REPORT_STATUS.RESOLVED : REPORT_STATUS.OPEN;
-        let color = 'alternative';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_intl_1 = require("react-intl");
+const prop_types_1 = __importDefault(require("prop-types"));
+const lodash_1 = require("lodash");
+const BaseCheckbox_1 = require("@strapi/design-system/BaseCheckbox");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Table_1 = require("@strapi/design-system/Table");
+const Typography_1 = require("@strapi/design-system/Typography");
+const VisuallyHidden_1 = require("@strapi/design-system/VisuallyHidden");
+const icons_1 = require("@strapi/icons");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const utils_1 = require("../../utils");
+const constants_1 = require("../../utils/constants");
+const StatusBadge_1 = __importDefault(require("../StatusBadge"));
+const styles_1 = require("../ActionButton/styles");
+const ReportsReviewTable = ({ commentId, items, mutation, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, }) => {
+    const [storedItems, setStoredItems] = (0, react_1.useState)([]);
+    const { formatDate } = (0, react_intl_1.useIntl)();
+    const { lockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+    const renderStatus = (resolved) => {
+        const status = resolved ? constants_1.REPORT_STATUS.RESOLVED : constants_1.REPORT_STATUS.OPEN;
+        let color = "alternative";
         switch (status) {
-            case REPORT_STATUS.RESOLVED:
-                color = 'success';
+            case constants_1.REPORT_STATUS.RESOLVED:
+                color = "success";
                 break;
-            case REPORT_STATUS.OPEN:
-                color = 'danger';
-        };
-        return (<StatusBadge backgroundColor={`${color}100`} textColor={`${color}600`} color={color}>{ getMessage(`page.details.panel.discussion.warnings.reports.dialog.status.${status}`, status) }</StatusBadge>);
+            case constants_1.REPORT_STATUS.OPEN:
+                color = "danger";
+        }
+        return (react_1.default.createElement(StatusBadge_1.default, { backgroundColor: `${color}100`, textColor: `${color}600`, color: color }, (0, utils_1.getMessage)(`page.details.panel.discussion.warnings.reports.dialog.status.${status}`, status)));
     };
-
-    const renderReason = reason => {
-        let color = 'neutral';
+    const renderReason = (reason) => {
+        let color = "neutral";
         switch (reason) {
-            case REPORT_REASON.DISCRIMINATION:
-                color = 'danger';
+            case constants_1.REPORT_REASON.DISCRIMINATION:
+                color = "danger";
                 break;
-            case REPORT_REASON.BAD_LANGUAGE:
-                color = 'warning';
-        };
-        return (<StatusBadge backgroundColor={`${color}100`} textColor={`${color}600`}  color={color}>{ getMessage(`page.details.panel.discussion.warnings.reports.dialog.reason.${reason}`, reason) }</StatusBadge>);
+            case constants_1.REPORT_REASON.BAD_LANGUAGE:
+                color = "warning";
+        }
+        return (react_1.default.createElement(StatusBadge_1.default, { backgroundColor: `${color}100`, textColor: `${color}600`, color: color }, (0, utils_1.getMessage)(`page.details.panel.discussion.warnings.reports.dialog.reason.${reason}`, reason)));
     };
-
     const handleClickResolve = async (reportId) => {
-      if (canReviewReports) {
-        lockApp();
-        const item = await mutation.mutateAsync({
-            id: commentId,
-            reportId,
-        });
-        if (item) {
-          const updatedItems = storedItems.map(_ => ({
-              ..._,
-              resolved: reportId === _.id ? true : _.resolved,
-          }));
-          setStoredItems(updatedItems);
-          onBlockButtonsStateChange(updatedItems.filter(_ => !_.resolved).length === 0);
+        if (canReviewReports) {
+            lockApp();
+            const item = await mutation.mutateAsync({
+                id: commentId,
+                reportId,
+            });
+            if (item) {
+                const updatedItems = storedItems.map((_) => ({
+                    ..._,
+                    resolved: reportId === _.id ? true : _.resolved,
+                }));
+                setStoredItems(updatedItems);
+                onBlockButtonsStateChange(updatedItems.filter((_) => !_.resolved).length === 0);
+            }
         }
-      }
-    }
-
-    useEffect(() => {
+    };
+    (0, react_1.useEffect)(() => {
         setStoredItems(items);
     }, []);
-
-    if (isEmpty(storedItems)) {
+    if ((0, lodash_1.isEmpty)(storedItems)) {
         return null;
     }
-
     const COL_COUNT = 6;
-
     if (canAccessReports) {
-      return (<Table colCount={COL_COUNT} rowCount={storedItems.length}>
-          <Thead>
-            <Tr>
-              <Th>
-                <BaseCheckbox aria-label="Select all entries" />
-              </Th>
-              <Th>
-                <Typography variant="sigma">{ getMessage('page.details.panel.discussion.warnings.reports.dialog.reason') }</Typography>
-              </Th>
-              <Th>
-                <Typography variant="sigma">{ getMessage('page.details.panel.discussion.warnings.reports.dialog.content') }</Typography>
-              </Th>
-              <Th>
-                <Typography variant="sigma">{ getMessage('page.details.panel.discussion.warnings.reports.dialog.createdAt') }</Typography>
-              </Th>
-              <Th>
-                <Typography variant="sigma">{ getMessage('page.details.panel.discussion.warnings.reports.dialog.status') }</Typography>
-              </Th>
-              { canReviewReports && (<Th>
-                <VisuallyHidden>{ getMessage('page.details.panel.discussion.warnings.reports.dialog.actions') }</VisuallyHidden>
-              </Th>)}
-            </Tr>
-          </Thead>
-          <Tbody>
-            {storedItems.map(entry => <Tr key={entry.id}>
-                <Td>
-                  <BaseCheckbox aria-label={`Select report`} />
-                </Td>
-                <Td>
-                  <Typography textColor="neutral800">{renderReason(entry.reason)}</Typography>
-                </Td>
-                <Td>
-                  <Typography textColor="neutral800">{entry.content}</Typography>
-                </Td>
-                <Td>
-                  <Typography textColor="neutral800">{ formatDate(entry.createdAt, { dateStyle: 'short', timeStyle: 'short' }) }</Typography>
-                </Td>
-                <Td>
-                  { renderStatus(entry.resolved) }
-                </Td>
-                { canReviewReports && (<Td>
-                    { !entry.resolved && (<Flex direction="column" alignItems="flex-end">
-                          <ActionButton 
-                            isSingle
-                            onClick={() => handleClickResolve(entry.id)} 
-                            startIcon={<Check />} 
-                            variant="success">
-                            { getMessage('page.details.panel.discussion.warnings.reports.dialog.actions.resolve', 'resolve') }
-                          </ActionButton>
-                      </Flex>) }
-                </Td>)}
-              </Tr>)}
-          </Tbody>
-          {/* <TFooter /> */}
-        </Table>);
+        return (react_1.default.createElement(Table_1.Table, { colCount: COL_COUNT, rowCount: storedItems.length },
+            react_1.default.createElement(Table_1.Thead, null,
+                react_1.default.createElement(Table_1.Tr, null,
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": "Select all entries" })),
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.reason"))),
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.content"))),
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.createdAt"))),
+                    react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.status"))),
+                    canReviewReports && (react_1.default.createElement(Table_1.Th, null,
+                        react_1.default.createElement(VisuallyHidden_1.VisuallyHidden, null, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions")))))),
+            react_1.default.createElement(Table_1.Tbody, null, storedItems.map((entry) => (react_1.default.createElement(Table_1.Tr, { key: entry.id },
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": `Select report` })),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, renderReason(entry.reason))),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, entry.content)),
+                react_1.default.createElement(Table_1.Td, null,
+                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, formatDate(entry.createdAt, {
+                        dateStyle: "short",
+                        timeStyle: "short",
+                    }))),
+                react_1.default.createElement(Table_1.Td, null, renderStatus(entry.resolved)),
+                canReviewReports && (react_1.default.createElement(Table_1.Td, null, !entry.resolved && (react_1.default.createElement(Flex_1.Flex, { direction: "column", alignItems: "flex-end" },
+                    react_1.default.createElement(styles_1.ActionButton, { isSingle: true, onClick: () => handleClickResolve(entry.id), startIcon: react_1.default.createElement(icons_1.Check, null), variant: "success" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.actions.resolve", "resolve"))))))))))));
     }
     return null;
 };
-
 ReportsReviewTable.propTypes = {
-    commentId: PropTypes.oneOfType(PropTypes.string, PropTypes.number).isRequired,
-    items: PropTypes.array.isRequired,
-    mutation: PropTypes.func.isRequired,
-    allowedActions: PropTypes.shape({
-      canAccessReports: PropTypes.bool,
-      canReviewReports: PropTypes.bool, 
+    commentId: prop_types_1.default.oneOfType(prop_types_1.default.string, prop_types_1.default.number).isRequired,
+    items: prop_types_1.default.array.isRequired,
+    mutation: prop_types_1.default.func.isRequired,
+    allowedActions: prop_types_1.default.shape({
+        canAccessReports: prop_types_1.default.bool,
+        canReviewReports: prop_types_1.default.bool,
     }),
-    onBlockButtonsStateChange: PropTypes.func.isRequired,
+    onBlockButtonsStateChange: prop_types_1.default.func.isRequired,
 };
-
-  export default ReportsReviewTable;
+exports.default = ReportsReviewTable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+declare const StatusBadge: ({ children, textColor, ...rest }: {
+    [x: string]: any;
+    children: any;
+    textColor: any;
+}) => any;
+export default StatusBadge;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +1,12 @@
-/**
- *
- * Status badge
- *
- */
-
- import React from 'react';
- import { Typography } from '@strapi/design-system/Typography';
- import { StatusBadge as StatusBadgeStyled } from './styles';
-
-const StatusBadge = ({ children, textColor, ...rest }) => (<StatusBadgeStyled {...rest} >
-    <Typography variant="omega" fontWeight="semibold" textColor={textColor}>
-        { children }
-    </Typography>
-</StatusBadgeStyled>);
-
-export default StatusBadge;
+"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 Typography_1 = require("@strapi/design-system/Typography");
+const styles_1 = require("./styles");
+const StatusBadge = ({ children, textColor, ...rest }) => (react_1.default.createElement(styles_1.StatusBadge, { ...rest },
+    react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "semibold", textColor: textColor }, children)));
+exports.default = StatusBadge;
+//# sourceMappingURL=index.js.map

package/admin/src/components/StatusBadge/styles.d.ts

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

package/admin/src/components/StatusBadge/styles.js

@@ -1,17 +1,23 @@
-import styled from 'styled-components';
-import { Badge } from '@strapi/design-system/Badge';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBadge = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Badge_1 = require("@strapi/design-system/Badge");
+exports.StatusBadge = (0, styled_components_1.default)(Badge_1.Badge) `
+  padding: 5px 8px;
+  border: 1px ${({ theme, color }) => theme.colors[`${color}200`]} solid;
 
-export const StatusBadge = styled(Badge)`
-    padding: 5px 8px;
-    border: 1px ${ ({ theme, color }) => theme.colors[`${color}200`] } solid;
+  overflow: hidden;
 
-    overflow: hidden;
+  text-overflow: ellipsis;
 
-    text-overflow: ellipsis;
+  cursor: default;
 
-    cursor: default;
-    
-    span {
-        text-transform: none;
-    }
-`;
+  span {
+    text-transform: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,10 @@
+declare const TableFilters: {
+    ({ displayedFilters }: {
+        displayedFilters: any;
+    }): any;
+    propTypes: {
+        displayedFilters: any;
+    };
+};
+export default TableFilters;
+//# sourceMappingURL=index.d.ts.map