@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js

@@ -1,115 +1,118 @@
-import React, { useMemo } from "react";
-import { ReactComponent as More } from "@webiny/icons/arrow_drop_down.svg";
+import react, { useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/arrow_drop_down.svg";
 import { Button, DropdownMenu, Text, Tooltip } from "@webiny/admin-ui";
-import { useSecurity } from "@webiny/app-security";
-const TARGET_LEVELS = [{
-  id: "no-access",
-  label: "No Access",
-  description: "Cannot view or modify content"
-}, {
-  id: "viewer",
-  label: "Viewer",
-  description: "Can view content, but not modify it"
-}, {
-  id: "editor",
-  label: "Editor",
-  description: "Can view and modify content"
-}, {
-  id: "owner",
-  label: "Owner",
-  description: "Can edit and manage content permissions"
-}];
-export const ListItemMeta = ({
-  permission,
-  target,
-  targetsList,
-  onRemoveAccess,
-  onUpdatePermission
-}) => {
-  const {
-    identity
-  } = useSecurity();
-  const currentLevel = useMemo(() => {
-    return TARGET_LEVELS.find(level => level.id === permission.level);
-  }, [permission.level]);
-  const {
-    isListDisabled,
-    isRemovePermissionDisabled,
-    tooltipMessage
-  } = useMemo(() => {
-    let message = null;
-    let disabled = false;
-    let removePermissionDisabled = false;
-    if (permission.inheritedFrom?.startsWith("parent:")) {
-      message = "Inherited from parent folder.";
-      disabled = false; // Still allow interaction, just inform user
-      removePermissionDisabled = true;
+import { useSecurity } from "@webiny/app-admin";
+const TARGET_LEVELS = [
+    {
+        id: "no-access",
+        label: "No Access",
+        description: "Cannot view or modify content"
+    },
+    {
+        id: "viewer",
+        label: "Viewer",
+        description: "Can view content, but not modify it"
+    },
+    {
+        id: "editor",
+        label: "Editor",
+        description: "Can view and modify content"
+    },
+    {
+        id: "owner",
+        label: "Owner",
+        description: "Can edit and manage content permissions"
     }
-    if (identity.id === target.id) {
-      message = "You can't change your own permissions.";
-      if (permission.inheritedFrom?.startsWith("team:")) {
-        const team = targetsList.find(t => t.target === permission.inheritedFrom);
-        message += " Access to this folder is managed by a team";
-        if (team) {
-          message += ` (${team.name})`;
+];
+const ListItemMeta = ({ permission, target, targetsList, onRemoveAccess, onUpdatePermission })=>{
+    const { identity } = useSecurity();
+    const currentLevel = useMemo(()=>TARGET_LEVELS.find((level)=>level.id === permission.level), [
+        permission.level
+    ]);
+    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(()=>{
+        let message = null;
+        let disabled = false;
+        let removePermissionDisabled = false;
+        if (permission.inheritedFrom?.startsWith("parent:")) {
+            message = "Inherited from parent folder.";
+            disabled = false;
+            removePermissionDisabled = true;
         }
-        message += ".";
-      }
-      disabled = true;
-      removePermissionDisabled = true;
-    }
-    return {
-      isListDisabled: disabled,
-      isRemovePermissionDisabled: removePermissionDisabled,
-      tooltipMessage: message
-    };
-  }, [permission, identity, target, targetsList]);
-  const handle = useMemo(() => {
-    let handle = /*#__PURE__*/React.createElement(Button, {
-      variant: "ghost",
-      disabled: !!isListDisabled,
-      text: currentLevel.label,
-      icon: /*#__PURE__*/React.createElement(More, null),
-      iconPosition: "end"
-    });
-    if (tooltipMessage) {
-      handle = /*#__PURE__*/React.createElement(Tooltip, {
-        content: tooltipMessage,
-        trigger: handle
-      });
-    }
-    return handle;
-  }, [tooltipMessage, isListDisabled, currentLevel.label]);
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: handle
-  }, TARGET_LEVELS.map(level => /*#__PURE__*/React.createElement(DropdownMenu.CheckboxItem, {
-    key: level.id,
-    checked: currentLevel.id === level.id,
-    text: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      as: "div"
-    }, level.label), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      size: "sm",
-      className: "wby-text-neutral-strong"
-    }, level.description)),
-    onClick: () => {
-      // Needed to do this with a short delay because of a visual glitch.
-      setTimeout(() => {
-        onUpdatePermission({
-          permission: {
-            ...permission,
-            level: level.id
-          }
+        if (permission.plugin) {
+            message = "Defined in code and cannot be changed here.";
+            disabled = true;
+            removePermissionDisabled = true;
+        }
+        if (identity.id === target.id) {
+            message = "You can't change your own permissions.";
+            if (permission.inheritedFrom?.startsWith("team:")) {
+                const team = targetsList.find((t)=>t.target === permission.inheritedFrom);
+                message += " Access to this folder is managed by a team";
+                if (team) message += ` (${team.name})`;
+                message += ".";
+            }
+            disabled = true;
+            removePermissionDisabled = true;
+        }
+        return {
+            isListDisabled: disabled,
+            isRemovePermissionDisabled: removePermissionDisabled,
+            tooltipMessage: message
+        };
+    }, [
+        permission,
+        identity,
+        target,
+        targetsList
+    ]);
+    const handle = useMemo(()=>{
+        let handle = /*#__PURE__*/ react.createElement(Button, {
+            variant: "ghost",
+            disabled: !!isListDisabled,
+            text: currentLevel.label,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            iconPosition: "end"
         });
-      }, 75);
-    }
-  })), /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    onClick: () => onRemoveAccess({
-      permission
-    }),
-    text: "Remove permission",
-    disabled: isRemovePermissionDisabled
-  }));
+        if (tooltipMessage) handle = /*#__PURE__*/ react.createElement(Tooltip, {
+            content: tooltipMessage,
+            trigger: handle
+        });
+        return handle;
+    }, [
+        tooltipMessage,
+        isListDisabled,
+        currentLevel.label
+    ]);
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: handle
+    }, TARGET_LEVELS.map((level)=>/*#__PURE__*/ react.createElement(DropdownMenu.CheckboxItem, {
+            key: level.id,
+            checked: currentLevel.id === level.id,
+            text: /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Text, {
+                as: "div"
+            }, level.label), /*#__PURE__*/ react.createElement(Text, {
+                as: "div",
+                size: "sm",
+                className: "text-neutral-strong"
+            }, level.description)),
+            onClick: ()=>{
+                setTimeout(()=>{
+                    onUpdatePermission({
+                        permission: {
+                            ...permission,
+                            level: level.id
+                        }
+                    });
+                }, 75);
+            }
+        })), /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        onClick: ()=>onRemoveAccess({
+                permission
+            }),
+        text: "Remove permission",
+        disabled: isRemovePermissionDisabled
+    }));
 };
+export { ListItemMeta };
 
 //# sourceMappingURL=ListItemMeta.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","ReactComponent","More","Button","DropdownMenu","Text","Tooltip","useSecurity","TARGET_LEVELS","id","label","description","ListItemMeta","permission","target","targetsList","onRemoveAccess","onUpdatePermission","identity","currentLevel","find","level","isListDisabled","isRemovePermissionDisabled","tooltipMessage","message","disabled","removePermissionDisabled","inheritedFrom","startsWith","team","t","name","handle","createElement","variant","text","icon","iconPosition","content","trigger","map","CheckboxItem","key","checked","as","size","className","onClick","setTimeout","Separator","Item"],"sources":["ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as More } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { Button, DropdownMenu, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"no-access\",\n        label: \"No Access\",\n        description: \"Cannot view or modify content\"\n    },\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(() => {\n        let message = null;\n        let disabled = false;\n        let removePermissionDisabled = false;\n\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            message = \"Inherited from parent folder.\";\n            disabled = false; // Still allow interaction, just inform user\n            removePermissionDisabled = true;\n        }\n\n        if (identity!.id === target.id) {\n            message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        return {\n            isListDisabled: disabled,\n            isRemovePermissionDisabled: removePermissionDisabled,\n            tooltipMessage: message\n        };\n    }, [permission, identity, target, targetsList]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <Button\n                variant={\"ghost\"}\n                disabled={!!isListDisabled}\n                text={currentLevel.label}\n                icon={<More />}\n                iconPosition={\"end\"}\n            />\n        );\n\n        if (tooltipMessage) {\n            handle = <Tooltip content={tooltipMessage} trigger={handle} />;\n        }\n\n        return handle;\n    }, [tooltipMessage, isListDisabled, currentLevel.label]);\n\n    return (\n        <DropdownMenu trigger={handle}>\n            {TARGET_LEVELS.map(level => (\n                <DropdownMenu.CheckboxItem\n                    key={level.id}\n                    checked={currentLevel.id === level.id}\n                    text={\n                        <div>\n                            <Text as={\"div\"}>{level.label}</Text>\n                            <Text as={\"div\"} size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                                {level.description}\n                            </Text>\n                        </div>\n                    }\n                    onClick={() => {\n                        // Needed to do this with a short delay because of a visual glitch.\n                        setTimeout(() => {\n                            onUpdatePermission({\n                                permission: {\n                                    ...permission,\n                                    level: level.id as FolderAccessLevel\n                                }\n                            });\n                        }, 75);\n                    }}\n                />\n            ))}\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                onClick={() => onRemoveAccess({ permission })}\n                text={\"Remove permission\"}\n                disabled={isRemovePermissionDisabled}\n            />\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.js","sources":["../../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemMeta.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as More } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { Button, DropdownMenu, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderAccessLevel, FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\nconst TARGET_LEVELS = [\n    {\n        id: \"no-access\",\n        label: \"No Access\",\n        description: \"Cannot view or modify content\"\n    },\n    {\n        id: \"viewer\",\n        label: \"Viewer\",\n        description: \"Can view content, but not modify it\"\n    },\n    {\n        id: \"editor\",\n        label: \"Editor\",\n        description: \"Can view and modify content\"\n    },\n    {\n        id: \"owner\",\n        label: \"Owner\",\n        description: \"Can edit and manage content permissions\"\n    }\n];\n\ninterface ListItemMetaProps {\n    permission: FolderPermission;\n    target: FolderLevelPermissionsTarget;\n    targetsList: FolderLevelPermissionsTarget[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\nexport const ListItemMeta = ({\n    permission,\n    target,\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: ListItemMetaProps) => {\n    const { identity } = useSecurity();\n\n    const currentLevel = useMemo(() => {\n        return TARGET_LEVELS.find(level => level.id === permission.level)!;\n    }, [permission.level]);\n\n    const { isListDisabled, isRemovePermissionDisabled, tooltipMessage } = useMemo(() => {\n        let message = null;\n        let disabled = false;\n        let removePermissionDisabled = false;\n\n        if (permission.inheritedFrom?.startsWith(\"parent:\")) {\n            message = \"Inherited from parent folder.\";\n            disabled = false; // Still allow interaction, just inform user\n            removePermissionDisabled = true;\n        }\n\n        if (permission.plugin) {\n            message = \"Defined in code and cannot be changed here.\";\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        if (identity!.id === target.id) {\n            message = \"You can't change your own permissions.\";\n            if (permission.inheritedFrom?.startsWith(\"team:\")) {\n                const team = targetsList.find(t => t.target === permission.inheritedFrom);\n                message += \" Access to this folder is managed by a team\";\n                if (team) {\n                    message += ` (${team.name})`;\n                }\n                message += \".\";\n            }\n            disabled = true;\n            removePermissionDisabled = true;\n        }\n\n        return {\n            isListDisabled: disabled,\n            isRemovePermissionDisabled: removePermissionDisabled,\n            tooltipMessage: message\n        };\n    }, [permission, identity, target, targetsList]);\n\n    const handle = useMemo(() => {\n        let handle = (\n            <Button\n                variant={\"ghost\"}\n                disabled={!!isListDisabled}\n                text={currentLevel.label}\n                icon={<More />}\n                iconPosition={\"end\"}\n            />\n        );\n\n        if (tooltipMessage) {\n            handle = <Tooltip content={tooltipMessage} trigger={handle} />;\n        }\n\n        return handle;\n    }, [tooltipMessage, isListDisabled, currentLevel.label]);\n\n    return (\n        <DropdownMenu trigger={handle}>\n            {TARGET_LEVELS.map(level => (\n                <DropdownMenu.CheckboxItem\n                    key={level.id}\n                    checked={currentLevel.id === level.id}\n                    text={\n                        <div>\n                            <Text as={\"div\"}>{level.label}</Text>\n                            <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {level.description}\n                            </Text>\n                        </div>\n                    }\n                    onClick={() => {\n                        // Needed to do this with a short delay because of a visual glitch.\n                        setTimeout(() => {\n                            onUpdatePermission({\n                                permission: {\n                                    ...permission,\n                                    level: level.id as FolderAccessLevel\n                                }\n                            });\n                        }, 75);\n                    }}\n                />\n            ))}\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                onClick={() => onRemoveAccess({ permission })}\n                text={\"Remove permission\"}\n                disabled={isRemovePermissionDisabled}\n            />\n        </DropdownMenu>\n    );\n};\n"],"names":["TARGET_LEVELS","ListItemMeta","permission","target","targetsList","onRemoveAccess","onUpdatePermission","identity","useSecurity","currentLevel","useMemo","level","isListDisabled","isRemovePermissionDisabled","tooltipMessage","message","disabled","removePermissionDisabled","team","t","handle","Button","More","Tooltip","DropdownMenu","Text","setTimeout"],"mappings":";;;;AAMA,MAAMA,gBAAgB;IAClB;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;IACA;QACI,IAAI;QACJ,OAAO;QACP,aAAa;IACjB;CACH;AAUM,MAAMC,eAAe,CAAC,EACzBC,UAAU,EACVC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,kBAAkB,EACF;IAChB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,eAAeC,QAAQ,IAClBV,cAAc,IAAI,CAACW,CAAAA,QAASA,MAAM,EAAE,KAAKT,WAAW,KAAK,GACjE;QAACA,WAAW,KAAK;KAAC;IAErB,MAAM,EAAEU,cAAc,EAAEC,0BAA0B,EAAEC,cAAc,EAAE,GAAGJ,QAAQ;QAC3E,IAAIK,UAAU;QACd,IAAIC,WAAW;QACf,IAAIC,2BAA2B;QAE/B,IAAIf,WAAW,aAAa,EAAE,WAAW,YAAY;YACjDa,UAAU;YACVC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,IAAIf,WAAW,MAAM,EAAE;YACnBa,UAAU;YACVC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,IAAIV,SAAU,EAAE,KAAKJ,OAAO,EAAE,EAAE;YAC5BY,UAAU;YACV,IAAIb,WAAW,aAAa,EAAE,WAAW,UAAU;gBAC/C,MAAMgB,OAAOd,YAAY,IAAI,CAACe,CAAAA,IAAKA,EAAE,MAAM,KAAKjB,WAAW,aAAa;gBACxEa,WAAW;gBACX,IAAIG,MACAH,WAAW,CAAC,EAAE,EAAEG,KAAK,IAAI,CAAC,CAAC,CAAC;gBAEhCH,WAAW;YACf;YACAC,WAAW;YACXC,2BAA2B;QAC/B;QAEA,OAAO;YACH,gBAAgBD;YAChB,4BAA4BC;YAC5B,gBAAgBF;QACpB;IACJ,GAAG;QAACb;QAAYK;QAAUJ;QAAQC;KAAY;IAE9C,MAAMgB,SAASV,QAAQ;QACnB,IAAIU,SAAS,WAATA,GACA,oBAACC,QAAMA;YACH,SAAS;YACT,UAAU,CAAC,CAACT;YACZ,MAAMH,aAAa,KAAK;YACxB,oBAAM,oBAACa,gBAAIA;YACX,cAAc;;QAItB,IAAIR,gBACAM,SAAS,WAATA,GAAS,oBAACG,SAAOA;YAAC,SAAST;YAAgB,SAASM;;QAGxD,OAAOA;IACX,GAAG;QAACN;QAAgBF;QAAgBH,aAAa,KAAK;KAAC;IAEvD,OAAO,WAAP,GACI,oBAACe,cAAYA;QAAC,SAASJ;OAClBpB,cAAc,GAAG,CAACW,CAAAA,QAAAA,WAAAA,GACf,oBAACa,aAAa,YAAY;YACtB,KAAKb,MAAM,EAAE;YACb,SAASF,aAAa,EAAE,KAAKE,MAAM,EAAE;YACrC,oBACI,oBAAC,2BACG,oBAACc,MAAIA;gBAAC,IAAI;eAAQd,MAAM,KAAK,iBAC7B,oBAACc,MAAIA;gBAAC,IAAI;gBAAO,MAAM;gBAAM,WAAW;eACnCd,MAAM,WAAW;YAI9B,SAAS;gBAELe,WAAW;oBACPpB,mBAAmB;wBACf,YAAY;4BACR,GAAGJ,UAAU;4BACb,OAAOS,MAAM,EAAE;wBACnB;oBACJ;gBACJ,GAAG;YACP;2BAGR,oBAACa,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,SAAS,IAAMnB,eAAe;gBAAEH;YAAW;QAC3C,MAAM;QACN,UAAUW;;AAI1B"}

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FolderLevelPermissionsTarget } from "../../../types";
+import type { FolderLevelPermissionsTarget } from "../../../types.js";
 interface ListItemTextProps {
     target: FolderLevelPermissionsTarget;
 }

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.js

@@ -1,22 +1,17 @@
-import React from "react";
+import react from "react";
 import { Text } from "@webiny/admin-ui";
-import { useSecurity } from "@webiny/app-security";
-export const ListItemText = ({
-  target
-}) => {
-  const {
-    identity
-  } = useSecurity();
-  if (target.type === "admin") {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      as: "div"
-    }, target.name, "\xA0", target.id === identity.id && /*#__PURE__*/React.createElement("em", null, "(you)")), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      size: "sm",
-      className: "wby-text-neutral-strong wby-font-normal"
+import { useSecurity } from "@webiny/app-admin";
+const ListItemText = ({ target })=>{
+    const { identity } = useSecurity();
+    if ("admin" === target.type) return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Text, {
+        as: "div"
+    }, target.name, "\xa0", target.id === identity.id && /*#__PURE__*/ react.createElement("em", null, "(you)")), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "text-neutral-strong font-normal"
     }, target.meta.email || "E-mail not available."));
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, target.name);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, target.name);
 };
+export { ListItemText };
 
 //# sourceMappingURL=ListItemText.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useSecurity","ListItemText","target","identity","type","createElement","as","name","id","size","className","meta","email","Fragment"],"sources":["ListItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type { FolderLevelPermissionsTarget } from \"~/types\";\n\ninterface ListItemTextProps {\n    target: FolderLevelPermissionsTarget;\n}\n\nexport const ListItemText = ({ target }: ListItemTextProps) => {\n    const { identity } = useSecurity();\n\n    if (target.type === \"admin\") {\n        return (\n            <div>\n                <Text as=\"div\">\n                    {target.name}&nbsp;\n                    {target.id === identity!.id && <em>(you)</em>}\n                </Text>\n                <Text as={\"div\"} size={\"sm\"} className={\"wby-text-neutral-strong wby-font-normal\"}>\n                    {target.meta.email || \"E-mail not available.\"}\n                </Text>\n            </div>\n        );\n    }\n\n    return <>{target.name}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,WAAW,QAAQ,sBAAsB;AAOlD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGH,WAAW,CAAC,CAAC;EAElC,IAAIE,MAAM,CAACE,IAAI,KAAK,OAAO,EAAE;IACzB,oBACIN,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACO,EAAE,EAAC;IAAK,GACTJ,MAAM,CAACK,IAAI,EAAC,MACb,EAACL,MAAM,CAACM,EAAE,KAAKL,QAAQ,CAAEK,EAAE,iBAAIV,KAAA,CAAAO,aAAA,aAAI,OAAS,CAC1C,CAAC,eACPP,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACO,EAAE,EAAE,KAAM;MAACG,IAAI,EAAE,IAAK;MAACC,SAAS,EAAE;IAA0C,GAC7ER,MAAM,CAACS,IAAI,CAACC,KAAK,IAAI,uBACpB,CACL,CAAC;EAEd;EAEA,oBAAOd,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAe,QAAA,QAAGX,MAAM,CAACK,IAAO,CAAC;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.js","sources":["../../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection/ListItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderLevelPermissionsTarget } from \"~/types.js\";\n\ninterface ListItemTextProps {\n    target: FolderLevelPermissionsTarget;\n}\n\nexport const ListItemText = ({ target }: ListItemTextProps) => {\n    const { identity } = useSecurity();\n\n    if (target.type === \"admin\") {\n        return (\n            <div>\n                <Text as=\"div\">\n                    {target.name}&nbsp;\n                    {target.id === identity!.id && <em>(you)</em>}\n                </Text>\n                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong font-normal\"}>\n                    {target.meta.email || \"E-mail not available.\"}\n                </Text>\n            </div>\n        );\n    }\n\n    return <>{target.name}</>;\n};\n"],"names":["ListItemText","target","identity","useSecurity","Text"],"mappings":";;;AASO,MAAMA,eAAe,CAAC,EAAEC,MAAM,EAAqB;IACtD,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAIF,AAAgB,YAAhBA,OAAO,IAAI,EACX,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACG,MAAIA;QAAC,IAAG;OACJH,OAAO,IAAI,EAAC,QACZA,OAAO,EAAE,KAAKC,SAAU,EAAE,IAAI,WAAJ,GAAI,oBAAC,YAAG,yBAEvC,oBAACE,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCH,OAAO,IAAI,CAAC,KAAK,IAAI;IAMtC,OAAO,WAAP,GAAO,0CAAGA,OAAO,IAAI;AACzB"}

package/dialogs/DialogSetPermissions/UsersTeamsSelection.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FolderLevelPermissionsTarget, FolderPermission } from "../../types";
+import type { FolderLevelPermissionsTarget, FolderPermission } from "../../types.js";
 interface UsersTeamsSelectionProps {
     targetsList: FolderLevelPermissionsTarget[];
     permissions: FolderPermission[];

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js

@@ -1,41 +1,36 @@
-import React from "react";
+import react from "react";
 import { List, Scrollbar, Text } from "@webiny/admin-ui";
-import { ListItemGraphic } from "./UsersTeamsSelection/ListItemGraphic";
-import { ListItemText } from "./UsersTeamsSelection/ListItemText";
-import { ListItemMeta } from "./UsersTeamsSelection/ListItemMeta";
-export const UsersTeamsSelection = ({
-  permissions = [],
-  targetsList,
-  onRemoveAccess,
-  onUpdatePermission
-}) => {
-  const selection = permissions.map(permission => {
-    const target = targetsList.find(u => u.target === permission.target);
-    if (target) {
-      return {
-        permission,
-        target
-      };
-    }
-    return null;
-  }).filter(Boolean);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-mb-md"
-  }, "People and teams with access"), /*#__PURE__*/React.createElement(Scrollbar, {
-    style: {
-      height: "300px"
-    }
-  }, /*#__PURE__*/React.createElement(List, null, selection?.map(item => /*#__PURE__*/React.createElement(List.Item, {
-    key: item.permission.target,
-    title: /*#__PURE__*/React.createElement(ListItemText, item),
-    icon: /*#__PURE__*/React.createElement(ListItemGraphic, item),
-    actions: /*#__PURE__*/React.createElement(ListItemMeta, Object.assign({}, item, {
-      targetsList: targetsList,
-      onRemoveAccess: onRemoveAccess,
-      onUpdatePermission: onUpdatePermission
-    }))
-  })))));
+import { ListItemGraphic } from "./UsersTeamsSelection/ListItemGraphic.js";
+import { ListItemText } from "./UsersTeamsSelection/ListItemText.js";
+import { ListItemMeta } from "./UsersTeamsSelection/ListItemMeta.js";
+const UsersTeamsSelection = ({ permissions = [], targetsList, onRemoveAccess, onUpdatePermission })=>{
+    const selection = permissions.map((permission)=>{
+        const target = targetsList.find((u)=>u.target === permission.target);
+        if (target) return {
+            permission,
+            target
+        };
+        return null;
+    }).filter(Boolean);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "mb-md"
+    }, "People and teams with access"), /*#__PURE__*/ react.createElement(Scrollbar, {
+        style: {
+            height: "300px"
+        }
+    }, /*#__PURE__*/ react.createElement(List, null, selection?.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: item.permission.target,
+            title: /*#__PURE__*/ react.createElement(ListItemText, item),
+            icon: /*#__PURE__*/ react.createElement(ListItemGraphic, item),
+            actions: /*#__PURE__*/ react.createElement(ListItemMeta, {
+                ...item,
+                targetsList: targetsList,
+                onRemoveAccess: onRemoveAccess,
+                onUpdatePermission: onUpdatePermission
+            })
+        })))));
 };
+export { UsersTeamsSelection };
 
 //# sourceMappingURL=UsersTeamsSelection.js.map

package/dialogs/DialogSetPermissions/UsersTeamsSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","List","Scrollbar","Text","ListItemGraphic","ListItemText","ListItemMeta","UsersTeamsSelection","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","map","permission","target","find","u","filter","Boolean","createElement","Fragment","as","className","style","height","item","Item","key","title","icon","actions","Object","assign"],"sources":["UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Text as={\"div\"} className={\"wby-mb-md\"}>\n                People and teams with access\n            </Text>\n            <Scrollbar style={{ height: \"300px\" }}>\n                <List>\n                    {selection?.map(item => (\n                        <List.Item\n                            key={item!.permission.target}\n                            title={<ListItemText {...item} />}\n                            icon={<ListItemGraphic {...item} />}\n                            actions={\n                                <ListItemMeta\n                                    {...item!}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={onRemoveAccess}\n                                    onUpdatePermission={onUpdatePermission}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            </Scrollbar>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AACxD,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,YAAY;AAYrB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,WAAW,GAAG,EAAE;EAChBC,WAAW;EACXC,cAAc;EACdC;AACsB,CAAC,KAAK;EAC5B,MAAMC,SAAS,GAAGJ,WAAW,CACxBK,GAAG,CAACC,UAAU,IAAI;IACf,MAAMC,MAAM,GAAGN,WAAW,CAACO,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACF,MAAM,KAAKD,UAAU,CAACC,MAAM,CAAC;IACpE,IAAIA,MAAM,EAAE;MACR,OAAO;QAAED,UAAU;QAAEC;MAAO,CAAC;IACjC;IAEA,OAAO,IAAI;EACf,CAAC,CAAC,CACDG,MAAM,CAACC,OAAO,CAAc;EAEjC,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACmB,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAY,GAAC,8BAEnC,CAAC,eACPvB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IAACsB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ;EAAE,gBAClCzB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,QACAW,SAAS,EAAEC,GAAG,CAACa,IAAI,iBAChB1B,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC0B,IAAI;IACNC,GAAG,EAAEF,IAAI,CAAEZ,UAAU,CAACC,MAAO;IAC7Bc,KAAK,eAAE7B,KAAA,CAAAoB,aAAA,CAACf,YAAY,EAAKqB,IAAO,CAAE;IAClCI,IAAI,eAAE9B,KAAA,CAAAoB,aAAA,CAAChB,eAAe,EAAKsB,IAAO,CAAE;IACpCK,OAAO,eACH/B,KAAA,CAAAoB,aAAA,CAACd,YAAY,EAAA0B,MAAA,CAAAC,MAAA,KACLP,IAAI;MACRjB,WAAW,EAAEA,WAAY;MACzBC,cAAc,EAAEA,cAAe;MAC/BC,kBAAkB,EAAEA;IAAmB,EAC1C;EACJ,CACJ,CACJ,CACC,CACC,CACb,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/UsersTeamsSelection.js","sources":["../../../src/dialogs/DialogSetPermissions/UsersTeamsSelection.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { ListItemGraphic } from \"./UsersTeamsSelection/ListItemGraphic.js\";\nimport { ListItemText } from \"./UsersTeamsSelection/ListItemText.js\";\nimport { ListItemMeta } from \"./UsersTeamsSelection/ListItemMeta.js\";\nimport type { FolderLevelPermissionsTarget, FolderPermission } from \"~/types.js\";\n\ninterface UsersTeamsSelectionProps {\n    targetsList: FolderLevelPermissionsTarget[];\n    permissions: FolderPermission[];\n    onRemoveAccess: (params: { permission: FolderPermission }) => void;\n    onUpdatePermission: (params: { permission: FolderPermission }) => void;\n}\n\ntype Selection = Array<{ permission: FolderPermission; target: FolderLevelPermissionsTarget }>;\n\nexport const UsersTeamsSelection = ({\n    permissions = [],\n    targetsList,\n    onRemoveAccess,\n    onUpdatePermission\n}: UsersTeamsSelectionProps) => {\n    const selection = permissions\n        .map(permission => {\n            const target = targetsList.find(u => u.target === permission.target);\n            if (target) {\n                return { permission, target };\n            }\n\n            return null;\n        })\n        .filter(Boolean) as Selection;\n\n    return (\n        <>\n            <Text as={\"div\"} className={\"mb-md\"}>\n                People and teams with access\n            </Text>\n            <Scrollbar style={{ height: \"300px\" }}>\n                <List>\n                    {selection?.map(item => (\n                        <List.Item\n                            key={item!.permission.target}\n                            title={<ListItemText {...item} />}\n                            icon={<ListItemGraphic {...item} />}\n                            actions={\n                                <ListItemMeta\n                                    {...item!}\n                                    targetsList={targetsList}\n                                    onRemoveAccess={onRemoveAccess}\n                                    onUpdatePermission={onUpdatePermission}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            </Scrollbar>\n        </>\n    );\n};\n"],"names":["UsersTeamsSelection","permissions","targetsList","onRemoveAccess","onUpdatePermission","selection","permission","target","u","Boolean","Text","Scrollbar","List","item","ListItemText","ListItemGraphic","ListItemMeta"],"mappings":";;;;;AAgBO,MAAMA,sBAAsB,CAAC,EAChCC,cAAc,EAAE,EAChBC,WAAW,EACXC,cAAc,EACdC,kBAAkB,EACK;IACvB,MAAMC,YAAYJ,YACb,GAAG,CAACK,CAAAA;QACD,MAAMC,SAASL,YAAY,IAAI,CAACM,CAAAA,IAAKA,EAAE,MAAM,KAAKF,WAAW,MAAM;QACnE,IAAIC,QACA,OAAO;YAAED;YAAYC;QAAO;QAGhC,OAAO;IACX,GACC,MAAM,CAACE;IAEZ,OAAO,WAAP,GACI,wDACI,oBAACC,MAAIA;QAAC,IAAI;QAAO,WAAW;OAAS,+CAGrC,oBAACC,WAASA;QAAC,OAAO;YAAE,QAAQ;QAAQ;qBAChC,oBAACC,MAAIA,MACAP,WAAW,IAAIQ,CAAAA,OAAAA,WAAAA,GACZ,oBAACD,KAAK,IAAI;YACN,KAAKC,KAAM,UAAU,CAAC,MAAM;YAC5B,qBAAO,oBAACC,cAAiBD;YACzB,oBAAM,oBAACE,iBAAoBF;YAC3B,uBACI,oBAACG,cAAYA;gBACR,GAAGH,IAAI;gBACR,aAAaX;gBACb,gBAAgBC;gBAChB,oBAAoBC;;;AASxD"}

package/dialogs/DialogSetPermissions/graphql.d.ts

@@ -1 +1 @@
-export declare const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS: import("graphql").DocumentNode;
+export declare const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = "\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n";

package/dialogs/DialogSetPermissions/graphql.js

@@ -1,5 +1,4 @@
-import gql from "graphql-tag";
-export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`
+const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = `
     query ListFolderLevelPermissionsTargets {
         aco {
             listFolderLevelPermissionsTargets {
@@ -19,5 +18,6 @@ export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`
         }
     }
 `;
+export { LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS };
 
 //# sourceMappingURL=graphql.js.map

package/dialogs/DialogSetPermissions/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = gql`\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,qCAAqC,GAAGD,GAAG;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"dialogs/DialogSetPermissions/graphql.js","sources":["../../../src/dialogs/DialogSetPermissions/graphql.ts"],"sourcesContent":["export const LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS = /* GraphQL */ `\n    query ListFolderLevelPermissionsTargets {\n        aco {\n            listFolderLevelPermissionsTargets {\n                data {\n                    id\n                    type\n                    target\n                    name\n                    meta\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_FOLDER_LEVEL_PERMISSIONS_TARGETS"],"mappings":"AAAO,MAAMA,wCAAsD,CAAC;;;;;;;;;;;;;;;;;;;AAmBpE,CAAC"}

package/dialogs/ParentFolderField.js

@@ -1,16 +1,15 @@
-import React from "react";
-import { cn, FormComponentLabel } from "@webiny/admin-ui";
-const ParentFolderField = ({
-  children,
-  label = "Parent folder",
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(FormComponentLabel, {
-    text: label
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn(["wby-px-sm-extra wby-py-sm-extra", "wby-border-sm wby-border-neutral-muted wby-rounded-md", "wby-bg-neutral-base", "wby-max-h-[280px] wby-overflow-x-hidden wby-overflow-y-scroll"])
-  }, children));
-};
+import react from "react";
+import { FormComponentLabel, cn } from "@webiny/admin-ui";
+const ParentFolderField = ({ children, label = "Parent folder", ...props })=>/*#__PURE__*/ react.createElement("div", props, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: label
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: cn([
+            "px-sm-extra py-sm-extra",
+            "border-sm border-neutral-muted rounded-md",
+            "bg-neutral-base",
+            "max-h-[280px] overflow-x-hidden overflow-y-scroll"
+        ])
+    }, children));
 export { ParentFolderField };
 
 //# sourceMappingURL=ParentFolderField.js.map

package/dialogs/ParentFolderField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","FormComponentLabel","ParentFolderField","children","label","props","createElement","text","className"],"sources":["ParentFolderField.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\n\ntype ParentFolderFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n    label?: React.ReactNode;\n};\n\nconst ParentFolderField = ({\n    children,\n    label = \"Parent folder\",\n    ...props\n}: ParentFolderFieldProps) => {\n    return (\n        <div {...props}>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"wby-px-sm-extra wby-py-sm-extra\",\n                    \"wby-border-sm wby-border-neutral-muted wby-rounded-md\",\n                    \"wby-bg-neutral-base\",\n                    \"wby-max-h-[280px] wby-overflow-x-hidden wby-overflow-y-scroll\"\n                ])}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport { ParentFolderField, type ParentFolderFieldProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,kBAAkB,QAAQ,kBAAkB;AAMzD,MAAMC,iBAAiB,GAAGA,CAAC;EACvBC,QAAQ;EACRC,KAAK,GAAG,eAAe;EACvB,GAAGC;AACiB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAO,aAAA,QAASD,KAAK,eACVN,KAAA,CAAAO,aAAA,CAACL,kBAAkB;IAACM,IAAI,EAAEH;EAAM,CAAE,CAAC,eACnCL,KAAA,CAAAO,aAAA;IACIE,SAAS,EAAER,EAAE,CAAC,CACV,iCAAiC,EACjC,uDAAuD,EACvD,qBAAqB,EACrB,+DAA+D,CAClE;EAAE,GAEFG,QACA,CACJ,CAAC;AAEd,CAAC;AAED,SAASD,iBAAiB","ignoreList":[]}
+{"version":3,"file":"dialogs/ParentFolderField.js","sources":["../../src/dialogs/ParentFolderField.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, FormComponentLabel } from \"@webiny/admin-ui\";\n\ntype ParentFolderFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n    label?: React.ReactNode;\n};\n\nconst ParentFolderField = ({\n    children,\n    label = \"Parent folder\",\n    ...props\n}: ParentFolderFieldProps) => {\n    return (\n        <div {...props}>\n            <FormComponentLabel text={label} />\n            <div\n                className={cn([\n                    \"px-sm-extra py-sm-extra\",\n                    \"border-sm border-neutral-muted rounded-md\",\n                    \"bg-neutral-base\",\n                    \"max-h-[280px] overflow-x-hidden overflow-y-scroll\"\n                ])}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport { ParentFolderField, type ParentFolderFieldProps };\n"],"names":["ParentFolderField","children","label","props","FormComponentLabel","cn"],"mappings":";;AAOA,MAAMA,oBAAoB,CAAC,EACvBC,QAAQ,EACRC,QAAQ,eAAe,EACvB,GAAGC,OACkB,GACd,WAAP,GACI,oBAAC,OAAQA,OAAAA,WAAAA,GACL,oBAACC,oBAAkBA;QAAC,MAAMF;sBAC1B,oBAAC;QACG,WAAWG,GAAG;YACV;YACA;YACA;YACA;SACH;OAEAJ"}

package/dialogs/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./useCreateDialog";
-export * from "./useDeleteDialog";
-export * from "./useEditDialog";
-export * from "./useMoveToFolderDialog";
-export * from "./useSetPermissionsDialog";
+export * from "./useConfirmMoveFolderDialog.js";
+export * from "./useCreateDialog.js";
+export * from "./useDeleteDialog.js";
+export * from "./useEditDialog.js";
+export * from "./useMoveToFolderDialog.js";
+export * from "./useSetPermissionsDialog.js";

package/dialogs/index.js

@@ -1,7 +1,6 @@
-export * from "./useCreateDialog";
-export * from "./useDeleteDialog";
-export * from "./useEditDialog";
-export * from "./useMoveToFolderDialog";
-export * from "./useSetPermissionsDialog";
-
-//# sourceMappingURL=index.js.map
+export * from "./useConfirmMoveFolderDialog.js";
+export * from "./useCreateDialog.js";
+export * from "./useDeleteDialog.js";
+export * from "./useEditDialog.js";
+export * from "./useMoveToFolderDialog.js";
+export * from "./useSetPermissionsDialog.js";

package/dialogs/useConfirmMoveFolderDialog.d.ts

@@ -0,0 +1,12 @@
+import type { FolderDto } from "../domain/folder/FolderDto.js";
+interface ShowDialogParams {
+    folder: FolderDto;
+    targetFolder: FolderDto;
+    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;
+    onClose?: () => void;
+}
+interface UseConfirmMoveFolderDialogResponse {
+    showDialog: (params: ShowDialogParams) => void;
+}
+export declare const useConfirmMoveFolderDialog: () => UseConfirmMoveFolderDialogResponse;
+export {};

package/dialogs/useConfirmMoveFolderDialog.js

@@ -0,0 +1,21 @@
+import { useDialogs } from "@webiny/app-admin";
+const useConfirmMoveFolderDialog = ()=>{
+    const dialogs = useDialogs();
+    const showDialog = ({ folder, targetFolder, onAccept, onClose })=>{
+        dialogs.showDialog({
+            title: "Move folder",
+            content: `You are about to move the folder "${folder.title}" into "${targetFolder.title}"! Are you sure you want to continue?`,
+            acceptLabel: "Move folder",
+            cancelLabel: "Cancel",
+            loadingLabel: "Moving folder...",
+            onAccept: ()=>onAccept(folder, targetFolder),
+            onClose
+        });
+    };
+    return {
+        showDialog
+    };
+};
+export { useConfirmMoveFolderDialog };
+
+//# sourceMappingURL=useConfirmMoveFolderDialog.js.map

package/dialogs/useConfirmMoveFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs/useConfirmMoveFolderDialog.js","sources":["../../src/dialogs/useConfirmMoveFolderDialog.tsx"],"sourcesContent":["import { useDialogs } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\ninterface ShowDialogParams {\n    folder: FolderDto;\n    targetFolder: FolderDto;\n    onAccept: (folder: FolderDto, targetFolder: FolderDto) => Promise<void>;\n    onClose?: () => void;\n}\n\ninterface UseConfirmMoveFolderDialogResponse {\n    showDialog: (params: ShowDialogParams) => void;\n}\n\nexport const useConfirmMoveFolderDialog = (): UseConfirmMoveFolderDialogResponse => {\n    const dialogs = useDialogs();\n\n    const showDialog = ({ folder, targetFolder, onAccept, onClose }: ShowDialogParams) => {\n        dialogs.showDialog({\n            title: \"Move folder\",\n            content: `You are about to move the folder \"${folder.title}\" into \"${targetFolder.title}\"! Are you sure you want to continue?`,\n            acceptLabel: \"Move folder\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Moving folder...\",\n            onAccept: () => onAccept(folder, targetFolder),\n            onClose\n        });\n    };\n\n    return {\n        showDialog\n    };\n};\n"],"names":["useConfirmMoveFolderDialog","dialogs","useDialogs","showDialog","folder","targetFolder","onAccept","onClose"],"mappings":";AAcO,MAAMA,6BAA6B;IACtC,MAAMC,UAAUC;IAEhB,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAoB;QAC7EN,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,SAAS,CAAC,kCAAkC,EAAEG,OAAO,KAAK,CAAC,QAAQ,EAAEC,aAAa,KAAK,CAAC,qCAAqC,CAAC;YAC9H,aAAa;YACb,aAAa;YACb,cAAc;YACd,UAAU,IAAMC,SAASF,QAAQC;YACjCE;QACJ;IACJ;IAEA,OAAO;QACHJ;IACJ;AACJ"}