payload 0.18.4 → 0.19.1

package/dist/admin/components/elements/WhereBuilder/index.js

@@ -1,78 +1,78 @@
-import React, { useState, useReducer } from 'react';
-import queryString from 'qs';
-import { useHistory } from 'react-router-dom';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import Button from '../Button';
-import reducer from './reducer';
-import Condition from './Condition';
-import fieldTypes from './field-types';
-import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
-import { useSearchParams } from '../../utilities/SearchParams';
-import validateWhereQuery from './validateWhereQuery';
-import './index.scss';
-const baseClass = 'where-builder';
-const reduceFields = (fields) => flattenTopLevelFields(fields).reduce((reduced, field) => {
-    if (typeof fieldTypes[field.type] === 'object') {
-        const formattedField = {
-            label: field.label,
-            value: field.name,
-            ...fieldTypes[field.type],
-            props: {
-                ...field,
-            },
-        };
-        return [
-            ...reduced,
-            formattedField,
-        ];
-    }
-    return reduced;
-}, []);
-const WhereBuilder = (props) => {
-    const { collection, modifySearchQuery = true, handleChange, collection: { labels: { plural, } = {}, } = {}, } = props;
-    const history = useHistory();
-    const params = useSearchParams();
-    const [conditions, dispatchConditions] = useReducer(reducer, params.where, (whereFromSearch) => {
-        if (modifySearchQuery && validateWhereQuery(whereFromSearch)) {
-            return whereFromSearch.or;
-        }
-        return [];
-    });
-    const [reducedFields] = useState(() => reduceFields(collection.fields));
-    useThrottledEffect(() => {
-        const currentParams = queryString.parse(history.location.search, { ignoreQueryPrefix: true, depth: 10 });
-        const newWhereQuery = {
-            ...typeof (currentParams === null || currentParams === void 0 ? void 0 : currentParams.where) === 'object' ? currentParams.where : {},
-            or: conditions,
-        };
-        if (handleChange)
-            handleChange(newWhereQuery);
-        if (modifySearchQuery) {
-            history.replace({
-                search: queryString.stringify({
-                    ...currentParams,
-                    page: 1,
-                    where: newWhereQuery,
-                }, { addQueryPrefix: true }),
-            });
-        }
-    }, 500, [conditions, modifySearchQuery, handleChange]);
-    return (React.createElement("div", { className: baseClass },
-        conditions.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: `${baseClass}__label` },
-                "Filter",
-                ' ',
-                plural,
-                ' ',
-                "where"),
-            React.createElement("ul", { className: `${baseClass}__or-filters` }, conditions.map((or, orIndex) => (React.createElement("li", { key: orIndex },
-                orIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "Or")),
-                React.createElement("ul", { className: `${baseClass}__and-filters` }, Array.isArray(or === null || or === void 0 ? void 0 : or.and) && or.and.map((_, andIndex) => (React.createElement("li", { key: andIndex },
-                    andIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "And")),
-                    React.createElement(Condition, { value: conditions[orIndex].and[andIndex], orIndex: orIndex, andIndex: andIndex, key: andIndex, fields: reducedFields, dispatch: dispatchConditions }))))))))),
-            React.createElement(Button, { className: `${baseClass}__add-or`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Or"))),
-        conditions.length === 0 && (React.createElement("div", { className: `${baseClass}__no-filters` },
-            React.createElement("div", { className: `${baseClass}__label` }, "No filters set"),
-            React.createElement(Button, { className: `${baseClass}__add-first-filter`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Add filter")))));
-};
-export default WhereBuilder;
+import React, { useState, useReducer } from 'react';
+import queryString from 'qs';
+import { useHistory } from 'react-router-dom';
+import useThrottledEffect from '../../../hooks/useThrottledEffect';
+import Button from '../Button';
+import reducer from './reducer';
+import Condition from './Condition';
+import fieldTypes from './field-types';
+import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
+import { useSearchParams } from '../../utilities/SearchParams';
+import validateWhereQuery from './validateWhereQuery';
+import './index.scss';
+const baseClass = 'where-builder';
+const reduceFields = (fields) => flattenTopLevelFields(fields).reduce((reduced, field) => {
+    if (typeof fieldTypes[field.type] === 'object') {
+        const formattedField = {
+            label: field.label,
+            value: field.name,
+            ...fieldTypes[field.type],
+            props: {
+                ...field,
+            },
+        };
+        return [
+            ...reduced,
+            formattedField,
+        ];
+    }
+    return reduced;
+}, []);
+const WhereBuilder = (props) => {
+    const { collection, modifySearchQuery = true, handleChange, collection: { labels: { plural, } = {}, } = {}, } = props;
+    const history = useHistory();
+    const params = useSearchParams();
+    const [conditions, dispatchConditions] = useReducer(reducer, params.where, (whereFromSearch) => {
+        if (modifySearchQuery && validateWhereQuery(whereFromSearch)) {
+            return whereFromSearch.or;
+        }
+        return [];
+    });
+    const [reducedFields] = useState(() => reduceFields(collection.fields));
+    useThrottledEffect(() => {
+        const currentParams = queryString.parse(history.location.search, { ignoreQueryPrefix: true, depth: 10 });
+        const newWhereQuery = {
+            ...typeof (currentParams === null || currentParams === void 0 ? void 0 : currentParams.where) === 'object' ? currentParams.where : {},
+            or: conditions,
+        };
+        if (handleChange)
+            handleChange(newWhereQuery);
+        if (modifySearchQuery) {
+            history.replace({
+                search: queryString.stringify({
+                    ...currentParams,
+                    page: 1,
+                    where: newWhereQuery,
+                }, { addQueryPrefix: true }),
+            });
+        }
+    }, 500, [conditions, modifySearchQuery, handleChange]);
+    return (React.createElement("div", { className: baseClass },
+        conditions.length > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: `${baseClass}__label` },
+                "Filter",
+                ' ',
+                plural,
+                ' ',
+                "where"),
+            React.createElement("ul", { className: `${baseClass}__or-filters` }, conditions.map((or, orIndex) => (React.createElement("li", { key: orIndex },
+                orIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "Or")),
+                React.createElement("ul", { className: `${baseClass}__and-filters` }, Array.isArray(or === null || or === void 0 ? void 0 : or.and) && or.and.map((_, andIndex) => (React.createElement("li", { key: andIndex },
+                    andIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "And")),
+                    React.createElement(Condition, { value: conditions[orIndex].and[andIndex], orIndex: orIndex, andIndex: andIndex, key: andIndex, fields: reducedFields, dispatch: dispatchConditions }))))))))),
+            React.createElement(Button, { className: `${baseClass}__add-or`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Or"))),
+        conditions.length === 0 && (React.createElement("div", { className: `${baseClass}__no-filters` },
+            React.createElement("div", { className: `${baseClass}__label` }, "No filters set"),
+            React.createElement(Button, { className: `${baseClass}__add-first-filter`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Add filter")))));
+};
+export default WhereBuilder;

package/dist/admin/components/elements/WhereBuilder/reducer.d.ts

@@ -1,4 +1,4 @@
-import { Action } from './types';
-import { Where } from '../../../../types';
-declare const reducer: (state: Where[], action: Action) => Where[];
-export default reducer;
+import { Action } from './types';
+import { Where } from '../../../../types';
+declare const reducer: (state: Where[], action: Action) => Where[];
+export default reducer;

package/dist/admin/components/elements/WhereBuilder/reducer.js

@@ -1,65 +1,65 @@
-const reducer = (state, action) => {
-    const newState = [
-        ...state,
-    ];
-    const { orIndex, andIndex, } = action;
-    switch (action.type) {
-        case 'add': {
-            const { relation, field } = action;
-            if (relation === 'and') {
-                newState[orIndex].and.splice(andIndex, 0, { [field]: {} });
-                return newState;
-            }
-            return [
-                ...newState,
-                {
-                    and: [{
-                            [field]: {},
-                        }],
-                },
-            ];
-        }
-        case 'remove': {
-            newState[orIndex].and.splice(andIndex, 1);
-            if (newState[orIndex].and.length === 0) {
-                newState.splice(orIndex, 1);
-            }
-            return newState;
-        }
-        case 'update': {
-            const { field, operator, value } = action;
-            if (typeof newState[orIndex].and[andIndex] === 'object') {
-                newState[orIndex].and[andIndex] = {
-                    ...newState[orIndex].and[andIndex],
-                };
-                const [existingFieldName, existingCondition] = Object.entries(newState[orIndex].and[andIndex])[0] || [undefined, undefined];
-                if (operator) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [operator]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (field) {
-                    newState[orIndex].and[andIndex] = {
-                        [field]: {
-                            [Object.keys(existingCondition)[0]]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (value !== undefined) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [Object.keys(existingCondition)[0]]: value,
-                        },
-                    };
-                }
-            }
-            return newState;
-        }
-        default: {
-            return newState;
-        }
-    }
-};
-export default reducer;
+const reducer = (state, action) => {
+    const newState = [
+        ...state,
+    ];
+    const { orIndex, andIndex, } = action;
+    switch (action.type) {
+        case 'add': {
+            const { relation, field } = action;
+            if (relation === 'and') {
+                newState[orIndex].and.splice(andIndex, 0, { [field]: {} });
+                return newState;
+            }
+            return [
+                ...newState,
+                {
+                    and: [{
+                            [field]: {},
+                        }],
+                },
+            ];
+        }
+        case 'remove': {
+            newState[orIndex].and.splice(andIndex, 1);
+            if (newState[orIndex].and.length === 0) {
+                newState.splice(orIndex, 1);
+            }
+            return newState;
+        }
+        case 'update': {
+            const { field, operator, value } = action;
+            if (typeof newState[orIndex].and[andIndex] === 'object') {
+                newState[orIndex].and[andIndex] = {
+                    ...newState[orIndex].and[andIndex],
+                };
+                const [existingFieldName, existingCondition] = Object.entries(newState[orIndex].and[andIndex])[0] || [undefined, undefined];
+                if (operator) {
+                    newState[orIndex].and[andIndex] = {
+                        [existingFieldName]: {
+                            [operator]: Object.values(existingCondition)[0],
+                        },
+                    };
+                }
+                if (field) {
+                    newState[orIndex].and[andIndex] = {
+                        [field]: {
+                            [Object.keys(existingCondition)[0]]: Object.values(existingCondition)[0],
+                        },
+                    };
+                }
+                if (value !== undefined) {
+                    newState[orIndex].and[andIndex] = {
+                        [existingFieldName]: {
+                            [Object.keys(existingCondition)[0]]: value,
+                        },
+                    };
+                }
+            }
+            return newState;
+        }
+        default: {
+            return newState;
+        }
+    }
+};
+export default reducer;

package/dist/admin/components/elements/WhereBuilder/types.d.ts

@@ -1,43 +1,43 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { Field } from '../../../../fields/config/types';
-import { Operator, Where } from '../../../../types';
-export declare type Props = {
-    collection: SanitizedCollectionConfig;
-    handleChange?: (where: Where) => void;
-    modifySearchQuery?: boolean;
-};
-export declare type FieldCondition = {
-    label: string;
-    value: string;
-    operators: {
-        label: string;
-        value: Operator;
-    }[];
-    component?: string;
-    props: Field;
-};
-export declare type Relation = 'and' | 'or';
-export declare type ADD = {
-    type: 'add';
-    field: string;
-    relation?: Relation;
-    andIndex?: number;
-    orIndex?: number;
-};
-export declare type REMOVE = {
-    type: 'remove';
-    andIndex: number;
-    orIndex: number;
-};
-export declare type UPDATE = {
-    type: 'update';
-    andIndex: number;
-    orIndex: number;
-    operator?: string;
-    field?: string;
-    value?: unknown;
-};
-export declare type Action = ADD | REMOVE | UPDATE;
-export declare type State = {
-    or: Where[];
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { Field } from '../../../../fields/config/types';
+import { Operator, Where } from '../../../../types';
+export declare type Props = {
+    collection: SanitizedCollectionConfig;
+    handleChange?: (where: Where) => void;
+    modifySearchQuery?: boolean;
+};
+export declare type FieldCondition = {
+    label: string;
+    value: string;
+    operators: {
+        label: string;
+        value: Operator;
+    }[];
+    component?: string;
+    props: Field;
+};
+export declare type Relation = 'and' | 'or';
+export declare type ADD = {
+    type: 'add';
+    field: string;
+    relation?: Relation;
+    andIndex?: number;
+    orIndex?: number;
+};
+export declare type REMOVE = {
+    type: 'remove';
+    andIndex: number;
+    orIndex: number;
+};
+export declare type UPDATE = {
+    type: 'update';
+    andIndex: number;
+    orIndex: number;
+    operator?: string;
+    field?: string;
+    value?: unknown;
+};
+export declare type Action = ADD | REMOVE | UPDATE;
+export declare type State = {
+    or: Where[];
+};

package/dist/admin/components/elements/WhereBuilder/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/WhereBuilder/validateWhereQuery.d.ts

@@ -1,3 +1,3 @@
-import { Where } from '../../../../types';
-declare const validateWhereQuery: (whereQuery: any) => whereQuery is Where;
-export default validateWhereQuery;
+import { Where } from '../../../../types';
+declare const validateWhereQuery: (whereQuery: any) => whereQuery is Where;
+export default validateWhereQuery;

package/dist/admin/components/elements/WhereBuilder/validateWhereQuery.js

@@ -1,8 +1,8 @@
-const validateWhereQuery = (whereQuery) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (((_a = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_c = (_b = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.and) && ((_f = (_e = (_d = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.and) === null || _f === void 0 ? void 0 : _f.length) > 0) {
-        return true;
-    }
-    return false;
-};
-export default validateWhereQuery;
+const validateWhereQuery = (whereQuery) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (((_a = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_c = (_b = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.and) && ((_f = (_e = (_d = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.and) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+        return true;
+    }
+    return false;
+};
+export default validateWhereQuery;

package/dist/admin/components/elements/elements.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/elements.spec.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Separator from './Paginator/Separator';
-describe('Elements', () => {
-    describe('Paginator', () => {
-        it('separator - renders dash', () => {
-            const { getByText } = render(React.createElement(Separator, null));
-            const linkElement = getByText(/—/i); // —
-            expect(linkElement).toBeInTheDocument();
-        });
-    });
-});
+import React from 'react';
+import { render } from '@testing-library/react';
+import Separator from './Paginator/Separator';
+describe('Elements', () => {
+    describe('Paginator', () => {
+        it('separator - renders dash', () => {
+            const { getByText } = render(React.createElement(Separator, null));
+            const linkElement = getByText(/—/i); // —
+            expect(linkElement).toBeInTheDocument();
+        });
+    });
+});

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const ActionPanel: React.FC<Props>;
-export default ActionPanel;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const ActionPanel: React.FC<Props>;
+export default ActionPanel;

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.js

@@ -1,22 +1,22 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import Popup from '../../../elements/Popup';
-import BlockSelector from '../../field-types/Blocks/BlockSelector';
-import './index.scss';
-const baseClass = 'action-panel';
-const ActionPanel = (props) => {
-    const { addRow, removeRow, label = 'Row', blockType, blocks = [], rowIndex, isHovered, hasMaxRows, } = props;
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "right", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__remove-row`, round: true, buttonStyle: "none", icon: "x", iconPosition: "left", iconStyle: "with-border", onClick: () => removeRow(rowIndex) })) },
-            "Remove\u00A0",
-            label),
-        !hasMaxRows && (React.createElement(React.Fragment, null, blockType === 'blocks'
-            ? (React.createElement(Popup, { buttonType: "custom", size: "large", horizontalAlign: "right", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border" })), render: ({ close }) => (React.createElement(BlockSelector, { blocks: blocks, addRow: addRow, addRowIndex: rowIndex, close: close, parentIsHovered: isHovered, watchParentHover: true })) }))
-            : (React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "center", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border", onClick: () => addRow(rowIndex) })) },
-                "Add\u00A0",
-                label))))));
-};
-export default ActionPanel;
+import React from 'react';
+import Button from '../../../elements/Button';
+import Popup from '../../../elements/Popup';
+import BlockSelector from '../../field-types/Blocks/BlockSelector';
+import './index.scss';
+const baseClass = 'action-panel';
+const ActionPanel = (props) => {
+    const { addRow, removeRow, label = 'Row', blockType, blocks = [], rowIndex, isHovered, hasMaxRows, } = props;
+    const classes = [
+        baseClass,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes },
+        React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "right", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__remove-row`, round: true, buttonStyle: "none", icon: "x", iconPosition: "left", iconStyle: "with-border", onClick: () => removeRow(rowIndex) })) },
+            "Remove\u00A0",
+            label),
+        !hasMaxRows && (React.createElement(React.Fragment, null, blockType === 'blocks'
+            ? (React.createElement(Popup, { buttonType: "custom", size: "large", horizontalAlign: "right", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border" })), render: ({ close }) => (React.createElement(BlockSelector, { blocks: blocks, addRow: addRow, addRowIndex: rowIndex, close: close, parentIsHovered: isHovered, watchParentHover: true })) }))
+            : (React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "center", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border", onClick: () => addRow(rowIndex) })) },
+                "Add\u00A0",
+                label))))));
+};
+export default ActionPanel;

package/dist/admin/components/forms/DraggableSection/ActionPanel/types.d.ts

@@ -1,11 +1,11 @@
-import { Block } from '../../../../../fields/config/types';
-export declare type Props = {
-    label: string;
-    addRow?: (index: number, blockType?: string) => void;
-    removeRow?: (index: number) => void;
-    blockType?: string;
-    isHovered: boolean;
-    rowIndex: number;
-    blocks?: Block[];
-    hasMaxRows?: boolean;
-};
+import { Block } from '../../../../../fields/config/types';
+export declare type Props = {
+    label: string;
+    addRow?: (index: number, blockType?: string) => void;
+    removeRow?: (index: number) => void;
+    blockType?: string;
+    isHovered: boolean;
+    rowIndex: number;
+    blocks?: Block[];
+    hasMaxRows?: boolean;
+};

package/dist/admin/components/forms/DraggableSection/ActionPanel/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const PositionPanel: React.FC<Props>;
-export default PositionPanel;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const PositionPanel: React.FC<Props>;
+export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import './index.scss';
-const baseClass = 'position-panel';
-const PositionPanel = (props) => {
-    const { moveRow, positionIndex, rowCount, readOnly } = props;
-    const adjustedIndex = positionIndex + 1;
-    const classes = [
-        baseClass,
-        `${baseClass}__${readOnly ? 'read-only' : ''}`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) })),
-        (adjustedIndex && typeof positionIndex === 'number')
-            && (React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`)),
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) }))));
-};
-export default PositionPanel;
+import React from 'react';
+import Button from '../../../elements/Button';
+import './index.scss';
+const baseClass = 'position-panel';
+const PositionPanel = (props) => {
+    const { moveRow, positionIndex, rowCount, readOnly } = props;
+    const adjustedIndex = positionIndex + 1;
+    const classes = [
+        baseClass,
+        `${baseClass}__${readOnly ? 'read-only' : ''}`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes },
+        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) })),
+        (adjustedIndex && typeof positionIndex === 'number')
+            && (React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`)),
+        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) }))));
+};
+export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.d.ts

@@ -1,6 +1,6 @@
-export declare type Props = {
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    positionIndex: number;
-    rowCount: number;
-    readOnly: boolean;
-};
+export declare type Props = {
+    moveRow: (fromIndex: number, toIndex: number) => void;
+    positionIndex: number;
+    rowCount: number;
+    readOnly: boolean;
+};

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/DraggableSection/SectionTitle/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const SectionTitle: React.FC<Props>;
-export default SectionTitle;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const SectionTitle: React.FC<Props>;
+export default SectionTitle;