@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/views/contentEntries/Table/index.js

@@ -0,0 +1,58 @@
+import react, { useCallback } from "react";
+import { LeftPanel, RightPanel, SplitView, useRoute, useRouter } from "@webiny/app-admin";
+import { AcoProvider, useNavigateFolder } from "@webiny/app-aco";
+import { Sidebar } from "./Sidebar.js";
+import { Main } from "./Main.js";
+import { ContentEntryProvider } from "../ContentEntry/ContentEntryContext.js";
+import { useApolloClient, useModel } from "../../../hooks/index.js";
+import { ContentEntriesListProvider } from "../hooks/index.js";
+import { createLastVisitedFolderKey } from "../../../constants.js";
+import { Routes } from "../../../../routes.js";
+import { useContentEntryListConfig } from "../../../config/contentEntries/index.js";
+const View = ()=>{
+    const { currentFolderId } = useNavigateFolder();
+    const { model } = useModel();
+    return /*#__PURE__*/ react.createElement(SplitView, {
+        namespace: `cms/entry/${model.modelId}/list`
+    }, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Sidebar, null)), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 10
+    }, /*#__PURE__*/ react.createElement(ContentEntryProvider, {
+        currentFolderId: currentFolderId
+    }, /*#__PURE__*/ react.createElement(Main, {
+        folderId: currentFolderId
+    }))));
+};
+const Table = ()=>{
+    const { model } = useModel();
+    const client = useApolloClient();
+    const { goToRoute } = useRouter();
+    const { browser } = useContentEntryListConfig();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const navigateToFolder = useCallback((folderId)=>{
+        goToRoute(Routes.ContentEntries.List, {
+            modelId: model.modelId,
+            folderId
+        });
+    }, [
+        model.modelId,
+        route.params
+    ]);
+    const createStorageKey = useCallback(()=>createLastVisitedFolderKey(model.modelId), [
+        model.modelId
+    ]);
+    return /*#__PURE__*/ react.createElement(AcoProvider, {
+        id: `cms:${model.modelId}`,
+        folderId: route.params.folderId,
+        folderIdPath: "wbyAco_location.folderId",
+        client: client,
+        model: model,
+        navigateToFolder: navigateToFolder,
+        createNavigateFolderStorageKey: createStorageKey,
+        columns: browser.table.columns ?? []
+    }, /*#__PURE__*/ react.createElement(ContentEntriesListProvider, null, /*#__PURE__*/ react.createElement(View, null)));
+};
+export { Table };
+
+//# sourceMappingURL=index.js.map

package/admin/views/contentEntries/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/Table/index.js","sources":["../../../../../src/admin/views/contentEntries/Table/index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { LeftPanel, RightPanel, SplitView, useRoute, useRouter } from \"@webiny/app-admin\";\nimport { AcoProvider, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Sidebar } from \"./Sidebar.js\";\nimport { Main } from \"./Main.js\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { useApolloClient, useModel } from \"~/admin/hooks/index.js\";\nimport { ContentEntriesListProvider } from \"~/admin/views/contentEntries/hooks/index.js\";\nimport { createLastVisitedFolderKey } from \"~/admin/constants.js\";\nimport { Routes } from \"~/routes.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\n\nconst View = () => {\n    const { currentFolderId } = useNavigateFolder();\n    const { model } = useModel();\n\n    return (\n        <SplitView namespace={`cms/entry/${model.modelId}/list`}>\n            <LeftPanel span={2}>\n                <Sidebar />\n            </LeftPanel>\n            <RightPanel span={10}>\n                <ContentEntryProvider currentFolderId={currentFolderId}>\n                    <Main folderId={currentFolderId} />\n                </ContentEntryProvider>\n            </RightPanel>\n        </SplitView>\n    );\n};\n\nexport const Table = () => {\n    const { model } = useModel();\n    const client = useApolloClient();\n    const { goToRoute } = useRouter();\n    const { browser } = useContentEntryListConfig();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const navigateToFolder = useCallback(\n        (folderId: string) => {\n            goToRoute(Routes.ContentEntries.List, {\n                modelId: model.modelId,\n                folderId\n            });\n        },\n        [model.modelId, route.params]\n    );\n\n    const createStorageKey = useCallback(() => {\n        return createLastVisitedFolderKey(model.modelId);\n    }, [model.modelId]);\n\n    return (\n        <AcoProvider\n            id={`cms:${model.modelId}`}\n            folderId={route.params.folderId}\n            folderIdPath={\"wbyAco_location.folderId\"}\n            client={client}\n            model={model}\n            navigateToFolder={navigateToFolder}\n            createNavigateFolderStorageKey={createStorageKey}\n            columns={browser.table.columns ?? []}\n        >\n            <ContentEntriesListProvider>\n                <View />\n            </ContentEntriesListProvider>\n        </AcoProvider>\n    );\n};\n"],"names":["View","currentFolderId","useNavigateFolder","model","useModel","SplitView","LeftPanel","Sidebar","RightPanel","ContentEntryProvider","Main","Table","client","useApolloClient","goToRoute","useRouter","browser","useContentEntryListConfig","route","useRoute","Routes","navigateToFolder","useCallback","folderId","createStorageKey","createLastVisitedFolderKey","AcoProvider","ContentEntriesListProvider"],"mappings":";;;;;;;;;;;AAYA,MAAMA,OAAO;IACT,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,OAAO,WAAP,GACI,oBAACC,WAASA;QAAC,WAAW,CAAC,UAAU,EAAEF,MAAM,OAAO,CAAC,KAAK,CAAC;qBACnD,oBAACG,WAASA;QAAC,MAAM;qBACb,oBAACC,SAAOA,QAAAA,WAAAA,GAEZ,oBAACC,YAAUA;QAAC,MAAM;qBACd,oBAACC,sBAAoBA;QAAC,iBAAiBR;qBACnC,oBAACS,MAAIA;QAAC,UAAUT;;AAKpC;AAEO,MAAMU,QAAQ;IACjB,MAAM,EAAER,KAAK,EAAE,GAAGC;IAClB,MAAMQ,SAASC;IACf,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,cAAc,CAAC,IAAI;IAErD,MAAMC,mBAAmBC,YACrB,CAACC;QACGT,UAAUM,OAAO,cAAc,CAAC,IAAI,EAAE;YAClC,SAASjB,MAAM,OAAO;YACtBoB;QACJ;IACJ,GACA;QAACpB,MAAM,OAAO;QAAEe,MAAM,MAAM;KAAC;IAGjC,MAAMM,mBAAmBF,YAAY,IAC1BG,2BAA2BtB,MAAM,OAAO,GAChD;QAACA,MAAM,OAAO;KAAC;IAElB,OAAO,WAAP,GACI,oBAACuB,aAAWA;QACR,IAAI,CAAC,IAAI,EAAEvB,MAAM,OAAO,EAAE;QAC1B,UAAUe,MAAM,MAAM,CAAC,QAAQ;QAC/B,cAAc;QACd,QAAQN;QACR,OAAOT;QACP,kBAAkBkB;QAClB,gCAAgCG;QAChC,SAASR,QAAQ,KAAK,CAAC,OAAO,IAAI,EAAE;qBAEpC,oBAACW,4BAA0BA,MAAAA,WAAAA,GACvB,oBAAC3B,MAAIA;AAIrB"}

package/admin/views/contentEntries/ValidationIndicators.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { FormValidation } from "@webiny/form";
+export interface ValidationIndicatorsProps {
+    invalidFields: FormValidation;
+    className?: string;
+}
+export declare const ValidationIndicators: (({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element) & {
+    original: ({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element) & {
+        original: ({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element) & {
+        original: ({ invalidFields, className }: ValidationIndicatorsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/views/contentEntries/ValidationIndicators.js

@@ -0,0 +1,155 @@
+import react, { useEffect } from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Global, css } from "@emotion/react";
+const ERROR_COLOR = "hsl(var(--border-destructive-default))";
+const ERROR_COLOR_MUTED = "hsl(var(--bg-destructive-muted))";
+const createErrorIconDataUrl = ()=>{
+    const svgString = `
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8.0013 4.32663L13.0213 13H2.9813L8.0013 4.32663ZM8.0013 1.66663L0.667969 14.3333H15.3346L8.0013 1.66663ZM8.66797 11H7.33463V12.3333H8.66797V11ZM8.66797 6.99996H7.33463V9.66663H8.66797V6.99996Z" fill="white"/>
+        </svg>
+    `;
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}`;
+};
+const SVG_DATA_URL = createErrorIconDataUrl();
+const errorIconStyles = css`
+    content: "" !important;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-right: var(--spacing-xs-plus) !important;
+    background-color: ${ERROR_COLOR_MUTED} !important;
+    background-image: url(${SVG_DATA_URL});
+    background-size: 80%;
+    background-position: center;
+    background-repeat: no-repeat;
+    border-radius: 4px;
+`;
+const noErrorIconStyles = css`
+    content: "";
+    margin: 0;
+`;
+const errorBorderStyles = css`
+    border: 1px solid ${ERROR_COLOR};
+`;
+const validationStyles = css`
+    .wby-content-entry-invalid-field {
+        // Default fields
+        .webiny_label-invalid {
+            left: var(--spacing-sm-extra);
+
+            .webiny_label-text::before {
+                display: none;
+            }
+        }
+
+        // Accordion
+        .webiny_accordion-item-title::before,
+        .webiny_accordion-title-text::before {
+            ${errorIconStyles}
+            position: absolute;
+            left: -10px;
+            top: 17px;
+        }
+
+        // Multiple entries
+        > hcms-parent-field-provider .webiny_group-label-text::before {
+            ${errorIconStyles}
+        }
+
+        // Radio buttons - hide error icon on individual options
+        &[data-field-renderer="radio-buttons"] {
+            [role="radiogroup"] .webiny_label-text::before {
+                ${noErrorIconStyles}
+            }
+        }
+
+        // Checkboxes - hide error icon on individual options
+        &[data-field-renderer="checkboxes"] {
+            [role="checkbox"] + label .webiny_label-text::before {
+                ${noErrorIconStyles}
+            }
+        }
+    }
+
+    // Reference field
+    .wby-content-entry-invalid-field[data-field-type="ref"] {
+        .webiny_group-label-text::before {
+            ${errorIconStyles}
+        }
+
+        .webiny_ref-field-container {
+            ${errorBorderStyles}
+        }
+
+        &[data-field-renderer="ref-simple-single"] {
+            [role="radiogroup"] .webiny_label-text::before,
+            [role="checkbox"] + label .webiny_label-text::before {
+                ${noErrorIconStyles}
+            }
+        }
+    }
+
+    // Object field
+    .wby-content-entry-invalid-field[data-field-type="object"] {
+        &[data-field-renderer="objects"] > div {
+            border: 1px solid ${ERROR_COLOR_MUTED};
+            border-radius: var(--radius-lg);
+        }
+
+        &[data-field-renderer="object"],
+        &[data-field-renderer="objects"] {
+            .webiny_group-label-text::before {
+                display: none;
+            }
+
+            label {
+                left: 0;
+
+                .webiny_label-text::before {
+                    ${noErrorIconStyles}
+                }
+            }
+        }
+    }
+`;
+const getFieldElement = (path)=>document.querySelector(`hcms-field-validation[data-path="${path}"]`);
+const getParentPaths = (path)=>{
+    if (!path.includes(".")) return [];
+    const segments = path.split(".");
+    return segments.map((_, index)=>segments.slice(0, index).join(".")).filter(Boolean);
+};
+const markFieldAsInvalid = (path, className)=>{
+    const element = getFieldElement(path);
+    element?.classList.add(className);
+};
+const applyValidationMarkers = (invalidFields, className)=>{
+    Object.keys(invalidFields).forEach((fieldPath)=>{
+        [
+            fieldPath,
+            ...getParentPaths(fieldPath)
+        ].forEach((path)=>{
+            markFieldAsInvalid(path, className);
+        });
+    });
+};
+const clearValidationMarkers = (className)=>{
+    document.querySelectorAll(`.${className}`).forEach((element)=>{
+        element.classList.remove(className);
+    });
+};
+const ValidationIndicators = makeDecoratable("ValidationIndicators", ({ invalidFields, className = "wby-content-entry-invalid-field" })=>{
+    useEffect(()=>{
+        clearValidationMarkers(className);
+        applyValidationMarkers(invalidFields, className);
+    }, [
+        invalidFields,
+        className
+    ]);
+    return /*#__PURE__*/ react.createElement(Global, {
+        styles: validationStyles
+    });
+});
+export { ValidationIndicators };
+
+//# sourceMappingURL=ValidationIndicators.js.map

package/admin/views/contentEntries/ValidationIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentEntries/ValidationIndicators.js","sources":["../../../../src/admin/views/contentEntries/ValidationIndicators.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Global, css } from \"@emotion/react\";\n\n// To customize the border color, use the Admin UI Colors APIs to override the default `destructive` color palette.\n\nconst ERROR_COLOR = `hsl(var(--border-destructive-default))`;\nconst ERROR_COLOR_MUTED = `hsl(var(--bg-destructive-muted))`;\n\nconst createErrorIconDataUrl = (): string => {\n    const svgString = `\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M8.0013 4.32663L13.0213 13H2.9813L8.0013 4.32663ZM8.0013 1.66663L0.667969 14.3333H15.3346L8.0013 1.66663ZM8.66797 11H7.33463V12.3333H8.66797V11ZM8.66797 6.99996H7.33463V9.66663H8.66797V6.99996Z\" fill=\"white\"/>\n        </svg>\n    `;\n    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}`;\n};\n\nconst SVG_DATA_URL = createErrorIconDataUrl();\n\n// Style mixins\nconst errorIconStyles = css`\n    content: \"\" !important;\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    margin-right: var(--spacing-xs-plus) !important;\n    background-color: ${ERROR_COLOR_MUTED} !important;\n    background-image: url(${SVG_DATA_URL});\n    background-size: 80%;\n    background-position: center;\n    background-repeat: no-repeat;\n    border-radius: 4px;\n`;\n\nconst noErrorIconStyles = css`\n    content: \"\";\n    margin: 0;\n`;\n\nconst errorBorderStyles = css`\n    border: 1px solid ${ERROR_COLOR};\n`;\n\nconst validationStyles = css`\n    .wby-content-entry-invalid-field {\n        // Default fields\n        .webiny_label-invalid {\n            left: var(--spacing-sm-extra);\n\n            .webiny_label-text::before {\n                display: none;\n            }\n        }\n\n        // Accordion\n        .webiny_accordion-item-title::before,\n        .webiny_accordion-title-text::before {\n            ${errorIconStyles}\n            position: absolute;\n            left: -10px;\n            top: 17px;\n        }\n\n        // Multiple entries\n        > hcms-parent-field-provider .webiny_group-label-text::before {\n            ${errorIconStyles}\n        }\n\n        // Radio buttons - hide error icon on individual options\n        &[data-field-renderer=\"radio-buttons\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n\n        // Checkboxes - hide error icon on individual options\n        &[data-field-renderer=\"checkboxes\"] {\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n    }\n\n    // Reference field\n    .wby-content-entry-invalid-field[data-field-type=\"ref\"] {\n        .webiny_group-label-text::before {\n            ${errorIconStyles}\n        }\n\n        .webiny_ref-field-container {\n            ${errorBorderStyles}\n        }\n\n        &[data-field-renderer=\"ref-simple-single\"] {\n            [role=\"radiogroup\"] .webiny_label-text::before,\n            [role=\"checkbox\"] + label .webiny_label-text::before {\n                ${noErrorIconStyles}\n            }\n        }\n    }\n\n    // Object field\n    .wby-content-entry-invalid-field[data-field-type=\"object\"] {\n        &[data-field-renderer=\"objects\"] > div {\n            border: 1px solid ${ERROR_COLOR_MUTED};\n            border-radius: var(--radius-lg);\n        }\n\n        &[data-field-renderer=\"object\"],\n        &[data-field-renderer=\"objects\"] {\n            .webiny_group-label-text::before {\n                display: none;\n            }\n\n            label {\n                left: 0;\n\n                .webiny_label-text::before {\n                    ${noErrorIconStyles}\n                }\n            }\n        }\n    }\n`;\n\n// Validation marker utilities\nconst getFieldElement = (path: string): Element | null => {\n    return document.querySelector(`hcms-field-validation[data-path=\"${path}\"]`);\n};\n\nconst getParentPaths = (path: string): string[] => {\n    if (!path.includes(\".\")) {\n        return [];\n    }\n\n    const segments = path.split(\".\");\n    return segments.map((_, index) => segments.slice(0, index).join(\".\")).filter(Boolean);\n};\n\nconst markFieldAsInvalid = (path: string, className: string): void => {\n    const element = getFieldElement(path);\n    element?.classList.add(className);\n};\n\nconst applyValidationMarkers = (invalidFields: FormValidation, className: string): void => {\n    Object.keys(invalidFields).forEach(fieldPath => {\n        // Mark the field and all its parent fields\n        [fieldPath, ...getParentPaths(fieldPath)].forEach(path => {\n            markFieldAsInvalid(path, className);\n        });\n    });\n};\n\nconst clearValidationMarkers = (className: string): void => {\n    document.querySelectorAll(`.${className}`).forEach(element => {\n        element.classList.remove(className);\n    });\n};\n\nexport interface ValidationIndicatorsProps {\n    invalidFields: FormValidation;\n    className?: string;\n}\n\nexport const ValidationIndicators = makeDecoratable(\n    \"ValidationIndicators\",\n    ({\n        invalidFields,\n        className = \"wby-content-entry-invalid-field\"\n    }: ValidationIndicatorsProps) => {\n        useEffect(() => {\n            clearValidationMarkers(className);\n            applyValidationMarkers(invalidFields, className);\n        }, [invalidFields, className]);\n\n        return <Global styles={validationStyles} />;\n    }\n);\n"],"names":["ERROR_COLOR","ERROR_COLOR_MUTED","createErrorIconDataUrl","svgString","encodeURIComponent","SVG_DATA_URL","errorIconStyles","css","noErrorIconStyles","errorBorderStyles","validationStyles","getFieldElement","path","document","getParentPaths","segments","_","index","Boolean","markFieldAsInvalid","className","element","applyValidationMarkers","invalidFields","Object","fieldPath","clearValidationMarkers","ValidationIndicators","makeDecoratable","useEffect","Global"],"mappings":";;;AAOA,MAAMA,cAAc;AACpB,MAAMC,oBAAoB;AAE1B,MAAMC,yBAAyB;IAC3B,MAAMC,YAAY,CAAC;;;;IAInB,CAAC;IACD,OAAO,CAAC,iCAAiC,EAAEC,mBAAmBD,YAAY;AAC9E;AAEA,MAAME,eAAeH;AAGrB,MAAMI,kBAAkBC,GAAG,CAAC;;;;;;sBAMN,EAAEN,kBAAkB;0BAChB,EAAEI,aAAa;;;;;AAKzC,CAAC;AAED,MAAMG,oBAAoBD,GAAG,CAAC;;;AAG9B,CAAC;AAED,MAAME,oBAAoBF,GAAG,CAAC;sBACR,EAAEP,YAAY;AACpC,CAAC;AAED,MAAMU,mBAAmBH,GAAG,CAAC;;;;;;;;;;;;;;YAcjB,EAAED,gBAAgB;;;;;;;;YAQlB,EAAEA,gBAAgB;;;;;;gBAMd,EAAEE,kBAAkB;;;;;;;gBAOpB,EAAEA,kBAAkB;;;;;;;;YAQxB,EAAEF,gBAAgB;;;;YAIlB,EAAEG,kBAAkB;;;;;;gBAMhB,EAAED,kBAAkB;;;;;;;;8BAQN,EAAEP,kBAAkB;;;;;;;;;;;;;;oBAc9B,EAAEO,kBAAkB;;;;;AAKxC,CAAC;AAGD,MAAMG,kBAAkB,CAACC,OACdC,SAAS,aAAa,CAAC,CAAC,iCAAiC,EAAED,KAAK,EAAE,CAAC;AAG9E,MAAME,iBAAiB,CAACF;IACpB,IAAI,CAACA,KAAK,QAAQ,CAAC,MACf,OAAO,EAAE;IAGb,MAAMG,WAAWH,KAAK,KAAK,CAAC;IAC5B,OAAOG,SAAS,GAAG,CAAC,CAACC,GAAGC,QAAUF,SAAS,KAAK,CAAC,GAAGE,OAAO,IAAI,CAAC,MAAM,MAAM,CAACC;AACjF;AAEA,MAAMC,qBAAqB,CAACP,MAAcQ;IACtC,MAAMC,UAAUV,gBAAgBC;IAChCS,SAAS,UAAU,IAAID;AAC3B;AAEA,MAAME,yBAAyB,CAACC,eAA+BH;IAC3DI,OAAO,IAAI,CAACD,eAAe,OAAO,CAACE,CAAAA;QAE/B;YAACA;eAAcX,eAAeW;SAAW,CAAC,OAAO,CAACb,CAAAA;YAC9CO,mBAAmBP,MAAMQ;QAC7B;IACJ;AACJ;AAEA,MAAMM,yBAAyB,CAACN;IAC5BP,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAEO,WAAW,EAAE,OAAO,CAACC,CAAAA;QAC/CA,QAAQ,SAAS,CAAC,MAAM,CAACD;IAC7B;AACJ;AAOO,MAAMO,uBAAuBC,gBAChC,wBACA,CAAC,EACGL,aAAa,EACbH,YAAY,iCAAiC,EACrB;IACxBS,UAAU;QACNH,uBAAuBN;QACvBE,uBAAuBC,eAAeH;IAC1C,GAAG;QAACG;QAAeH;KAAU;IAE7B,OAAO,WAAP,GAAO,oBAACU,QAAMA;QAAC,QAAQpB;;AAC3B"}

package/admin/views/contentEntries/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./useContentEntries.js";
+export * from "./useContentEntriesList.js";
+export * from "./useContentEntry.js";
+export * from "./useMoveContentEntryToFolder.js";

package/admin/views/contentEntries/hooks/index.js

@@ -0,0 +1,4 @@
+export * from "./useContentEntries.js";
+export * from "./useContentEntriesList.js";
+export * from "./useContentEntry.js";
+export * from "./useMoveContentEntryToFolder.js";

package/admin/views/contentEntries/hooks/useContentEntries.d.ts

@@ -1 +1,2 @@
-export declare function useContentEntries(): import("../ContentEntriesContext").ContentEntriesContext;
+import { ContentEntriesContext } from "../ContentEntriesContext.js";
+export declare function useContentEntries(): ContentEntriesContext;

package/admin/views/contentEntries/hooks/useContentEntries.js

@@ -1,14 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentEntries = useContentEntries;
-
-var _react = require("react");
-
-var _ContentEntriesContext = require("../ContentEntriesContext");
-
+import { useContext } from "react";
+import { ContentEntriesContext } from "../ContentEntriesContext.js";
 function useContentEntries() {
-  return (0, _react.useContext)(_ContentEntriesContext.Context);
-}
+    const context = useContext(ContentEntriesContext);
+    if (!context) throw Error('Missing "ContentEntriesContext" provider in the component tree!');
+    return context;
+}
+export { useContentEntries };
+
+//# sourceMappingURL=useContentEntries.js.map

package/admin/views/contentEntries/hooks/useContentEntries.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContentEntries","useContext","Context"],"sources":["useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../ContentEntriesContext\";\n\nexport function useContentEntries() {\n    return useContext(Context);\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,SAASA,iBAAT,GAA6B;EAChC,OAAO,IAAAC,iBAAA,EAAWC,8BAAX,CAAP;AACH"}
+{"version":3,"file":"admin/views/contentEntries/hooks/useContentEntries.js","sources":["../../../../../src/admin/views/contentEntries/hooks/useContentEntries.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { ContentEntriesContext } from \"../ContentEntriesContext.js\";\n\nexport function useContentEntries() {\n    const context = useContext(ContentEntriesContext);\n    if (!context) {\n        throw Error(`Missing \"ContentEntriesContext\" provider in the component tree!`);\n    }\n\n    return context;\n}\n"],"names":["useContentEntries","context","useContext","ContentEntriesContext","Error"],"mappings":";;AAGO,SAASA;IACZ,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAMG,MAAM;IAGhB,OAAOH;AACX"}

package/admin/views/contentEntries/hooks/useContentEntriesList.d.ts

@@ -1,18 +1,49 @@
-/// <reference types="react" />
-import { CmsEditorContentEntry } from "../../../../types";
-export declare function useContentEntriesList(): {
-    contentModel: import("../../../../types").CmsEditorContentModel;
-    listQueryVariables: import("../ContentEntriesContext").ListQueryVariables;
-    setListQueryVariables: import("react").Dispatch<import("react").SetStateAction<import("../ContentEntriesContext").ListQueryVariables>>;
-    sorters: import("../ContentEntriesContext").CmsEntriesSorter[];
-    id: string | null;
-    loading: boolean;
-    data: CmsEditorContentEntry[];
-    loadMore: () => void;
-    loadMoreLoading: boolean;
-    canCreate: boolean;
-    onCreate: () => void;
-    filter: string;
-    setFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
-    editEntry: (entry: CmsEditorContentEntry) => () => void;
+import React from "react";
+import type { FolderDto, ListMeta } from "@webiny/app-aco";
+import type { CmsContentEntry, TableItem } from "../../../../types.js";
+import type { OnDataTableSortingChange, DataTableSorting } from "@webiny/admin-ui";
+export interface ContentEntriesListProviderContext {
+    modelId: string;
+    folderId: string;
+    navigateTo: (folderId?: string) => void;
+    folders: FolderDto[];
+    getEntryEditUrl: (item: CmsContentEntry) => string;
+    hideFilters: () => void;
+    isListLoading: boolean;
+    isListLoadingMore: boolean;
+    isSearch: boolean;
+    listMoreRecords: () => void;
+    listTitle?: string;
+    meta: ListMeta;
+    onSelectRow: (rows: TableItem[] | []) => void;
+    records: CmsContentEntry[];
+    search: string;
+    selected: CmsContentEntry[];
+    setSearch: (value: string) => void;
+    setSelected: (data: CmsContentEntry[]) => void;
+    setSorting: OnDataTableSortingChange;
+    showFilters: () => void;
+    showingFilters: boolean;
+    showingSelectAll: boolean;
+    sorting: DataTableSorting;
+    setFilters: (data: Record<string, any>) => void;
+    selectAll: () => void;
+    unselectAll: () => void;
+    refresh: () => Promise<void>;
+    isSelectedAll: boolean;
+    getWhere: () => Record<string, any>;
+    searchQuery: string;
+    searchPlaceholder: string;
+}
+export declare const ContentEntriesListContext: React.Context<ContentEntriesListProviderContext | undefined>;
+interface ContentEntriesListProviderProps {
+    children: React.ReactNode;
+}
+export declare const ContentEntriesListProvider: ({ children }: ContentEntriesListProviderProps) => React.JSX.Element;
+export declare const useContentEntriesList: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, ContentEntriesListProviderContext>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => ContentEntriesListProviderContext>) => () => React.JSX.Element;
 };
+export {};