@webiny/app-admin 6.4.4-beta.2 → 6.4.4-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,13 +28,15 @@ const OverlayLayout = ({ barMiddle, barLeft, barRight, children, onExited = noop
28
28
  hideOverlay: hideOverlay
29
29
  }), /*#__PURE__*/ react.createElement(OverlayContent, {
30
30
  visible: visible
31
- }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(OverlayHeader, {
31
+ }, /*#__PURE__*/ react.createElement(OverlayHeader, {
32
32
  start: barLeft,
33
33
  middle: barMiddle,
34
34
  end: barRight,
35
35
  variant: variant,
36
36
  hideOverlay: hideOverlay
37
- }), children))));
37
+ }), /*#__PURE__*/ react.createElement("div", {
38
+ className: "flex-1 min-h-0 overflow-hidden"
39
+ }, children))));
38
40
  };
39
41
  export { OverlayLayout };
40
42
 
@@ -1 +1 @@
1
- {"version":3,"file":"components/OverlayLayout/OverlayLayout.js","sources":["../../../src/components/OverlayLayout/OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n barMiddle?: React.ReactNode;\n barLeft?: React.ReactNode;\n barRight?: React.ReactNode;\n children: React.ReactNode;\n onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n barMiddle,\n barLeft,\n barRight,\n children,\n onExited = noop,\n variant\n}) => {\n const [visible, setVisible] = useState(true);\n\n const hideOverlay = useCallback(() => {\n setVisible(false);\n }, []);\n\n useEffect(() => {\n noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n return () => {\n noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n };\n }, []);\n\n return (\n <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n <OverlayRoot visible={visible} onExited={onExited}>\n <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n <OverlayContent visible={visible}>\n <>\n <OverlayHeader\n start={barLeft}\n middle={barMiddle}\n end={barRight}\n variant={variant}\n hideOverlay={hideOverlay}\n />\n\n {children}\n </>\n </OverlayContent>\n </OverlayRoot>\n </Portal>\n );\n};\n"],"names":["noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","noop","variant","visible","setVisible","useState","hideOverlay","useCallback","useEffect","className","document","Portal","OverlayRoot","OverlayBackdrop","OverlayContent","OverlayHeader"],"mappings":";;;;AAOA,MAAMA,yBAAyB;IAAC;IAAmB;CAAW;AAUvD,MAAMC,gBAA8C,CAAC,EACxDC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,WAAWC,IAAI,EACfC,OAAO,EACV;IACG,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,cAAcC,YAAY;QAC5BH,WAAW;IACf,GAAG,EAAE;IAELI,UAAU;QACNd,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAACD;QAExE,OAAO;YACHf,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAACD;QAC/E;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,QAAMA;QAAC,aAAU;QAAiB,WAAW;qBAC1C,oBAACC,aAAWA;QAAC,SAAST;QAAS,UAAUH;qBACrC,oBAACa,iBAAeA;QAAC,SAASV;QAAS,aAAaG;sBAChD,oBAACQ,gBAAcA;QAAC,SAASX;qBACrB,wDACI,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;QAGhBP;AAMzB"}
1
+ {"version":3,"file":"components/OverlayLayout/OverlayLayout.js","sources":["../../../src/components/OverlayLayout/OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n barMiddle?: React.ReactNode;\n barLeft?: React.ReactNode;\n barRight?: React.ReactNode;\n children: React.ReactNode;\n onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n barMiddle,\n barLeft,\n barRight,\n children,\n onExited = noop,\n variant\n}) => {\n const [visible, setVisible] = useState(true);\n\n const hideOverlay = useCallback(() => {\n setVisible(false);\n }, []);\n\n useEffect(() => {\n noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n return () => {\n noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n };\n }, []);\n\n return (\n <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n <OverlayRoot visible={visible} onExited={onExited}>\n <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n <OverlayContent visible={visible}>\n <OverlayHeader\n start={barLeft}\n middle={barMiddle}\n end={barRight}\n variant={variant}\n hideOverlay={hideOverlay}\n />\n <div className={\"flex-1 min-h-0 overflow-hidden\"}>{children}</div>\n </OverlayContent>\n </OverlayRoot>\n </Portal>\n );\n};\n"],"names":["noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","noop","variant","visible","setVisible","useState","hideOverlay","useCallback","useEffect","className","document","Portal","OverlayRoot","OverlayBackdrop","OverlayContent","OverlayHeader"],"mappings":";;;;AAOA,MAAMA,yBAAyB;IAAC;IAAmB;CAAW;AAUvD,MAAMC,gBAA8C,CAAC,EACxDC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,WAAWC,IAAI,EACfC,OAAO,EACV;IACG,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,cAAcC,YAAY;QAC5BH,WAAW;IACf,GAAG,EAAE;IAELI,UAAU;QACNd,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAACD;QAExE,OAAO;YACHf,uBAAuB,OAAO,CAACe,CAAAA,YAAaC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAACD;QAC/E;IACJ,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACE,QAAMA;QAAC,aAAU;QAAiB,WAAW;qBAC1C,oBAACC,aAAWA;QAAC,SAAST;QAAS,UAAUH;qBACrC,oBAACa,iBAAeA;QAAC,SAASV;QAAS,aAAaG;sBAChD,oBAACQ,gBAAcA;QAAC,SAASX;qBACrB,oBAACY,eAAaA;QACV,OAAOlB;QACP,QAAQD;QACR,KAAKE;QACL,SAASI;QACT,aAAaI;sBAEjB,oBAAC;QAAI,WAAW;OAAmCP;AAKvE"}
@@ -5,6 +5,7 @@ const OverlayContent = ({ visible, className, style, children, ...props })=>/*#_
5
5
  className: cn([
6
6
  "fixed inset-x-0 top-lg z-overlay",
7
7
  "w-screen",
8
+ "flex flex-col",
8
9
  "rounded-t-lg overflow-hidden",
9
10
  "bg-neutral-base",
10
11
  "transition ease-in-out",
@@ -1 +1 @@
1
- {"version":3,"file":"components/OverlayLayout/components/OverlayContent.js","sources":["../../../../src/components/OverlayLayout/components/OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n return (\n <div\n data-state={visible ? \"open\" : \"closed\"}\n className={cn(\n [\n \"fixed inset-x-0 top-lg z-overlay\",\n \"w-screen\",\n \"rounded-t-lg overflow-hidden\",\n \"bg-neutral-base\",\n \"transition ease-in-out\",\n \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n ],\n className\n )}\n style={{ ...style, height: \"calc(100vh - 24px)\" }}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"names":["OverlayContent","visible","className","style","children","props","cn"],"mappings":";;AAOA,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA4B,GACnF,WAAP,GACI,oBAAC;QACG,cAAYJ,UAAU,SAAS;QAC/B,WAAWK,GACP;YACI;YACA;YACA;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}
1
+ {"version":3,"file":"components/OverlayLayout/components/OverlayContent.js","sources":["../../../../src/components/OverlayLayout/components/OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n return (\n <div\n data-state={visible ? \"open\" : \"closed\"}\n className={cn(\n [\n \"fixed inset-x-0 top-lg z-overlay\",\n \"w-screen\",\n \"flex flex-col\",\n \"rounded-t-lg overflow-hidden\",\n \"bg-neutral-base\",\n \"transition ease-in-out\",\n \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n ],\n className\n )}\n style={{ ...style, height: \"calc(100vh - 24px)\" }}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"names":["OverlayContent","visible","className","style","children","props","cn"],"mappings":";;AAOA,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA4B,GACnF,WAAP,GACI,oBAAC;QACG,cAAYJ,UAAU,SAAS;QAC/B,WAAWK,GACP;YACI;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACH,EACDJ;QAEJ,OAAO;YAAE,GAAGC,KAAK;YAAE,QAAQ;QAAqB;QAC/C,GAAGE,KAAK;OAERD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-admin",
3
- "version": "6.4.4-beta.2",
3
+ "version": "6.4.4-beta.4",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": "./index.js",
@@ -25,24 +25,24 @@
25
25
  "@lexical/utils": "0.44.0",
26
26
  "@svgr/webpack": "8.1.0",
27
27
  "@types/react": "18.3.29",
28
- "@webiny/admin-ui": "6.4.4-beta.2",
29
- "@webiny/app": "6.4.4-beta.2",
28
+ "@webiny/admin-ui": "6.4.4-beta.4",
29
+ "@webiny/app": "6.4.4-beta.4",
30
30
  "@webiny/di": "1.0.1",
31
- "@webiny/feature": "6.4.4-beta.2",
32
- "@webiny/form": "6.4.4-beta.2",
33
- "@webiny/icons": "6.4.4-beta.2",
34
- "@webiny/lexical-converter": "6.4.4-beta.2",
35
- "@webiny/lexical-editor": "6.4.4-beta.2",
36
- "@webiny/lexical-nodes": "6.4.4-beta.2",
37
- "@webiny/lexical-theme": "6.4.4-beta.2",
38
- "@webiny/plugins": "6.4.4-beta.2",
39
- "@webiny/react-composition": "6.4.4-beta.2",
40
- "@webiny/react-properties": "6.4.4-beta.2",
41
- "@webiny/sdk": "6.4.4-beta.2",
42
- "@webiny/telemetry": "6.4.4-beta.2",
43
- "@webiny/utils": "6.4.4-beta.2",
44
- "@webiny/validation": "6.4.4-beta.2",
45
- "@webiny/wcp": "6.4.4-beta.2",
31
+ "@webiny/feature": "6.4.4-beta.4",
32
+ "@webiny/form": "6.4.4-beta.4",
33
+ "@webiny/icons": "6.4.4-beta.4",
34
+ "@webiny/lexical-converter": "6.4.4-beta.4",
35
+ "@webiny/lexical-editor": "6.4.4-beta.4",
36
+ "@webiny/lexical-nodes": "6.4.4-beta.4",
37
+ "@webiny/lexical-theme": "6.4.4-beta.4",
38
+ "@webiny/plugins": "6.4.4-beta.4",
39
+ "@webiny/react-composition": "6.4.4-beta.4",
40
+ "@webiny/react-properties": "6.4.4-beta.4",
41
+ "@webiny/sdk": "6.4.4-beta.4",
42
+ "@webiny/telemetry": "6.4.4-beta.4",
43
+ "@webiny/utils": "6.4.4-beta.4",
44
+ "@webiny/validation": "6.4.4-beta.4",
45
+ "@webiny/wcp": "6.4.4-beta.4",
46
46
  "apollo-cache": "1.3.5",
47
47
  "apollo-client": "2.6.10",
48
48
  "apollo-link": "1.2.14",
@@ -81,7 +81,7 @@
81
81
  "@types/react-transition-group": "4.4.12",
82
82
  "@types/store": "2.0.5",
83
83
  "@types/tinycolor2": "1.4.6",
84
- "@webiny/build-tools": "6.4.4-beta.2",
84
+ "@webiny/build-tools": "6.4.4-beta.4",
85
85
  "rimraf": "6.1.3",
86
86
  "typescript": "6.0.3",
87
87
  "vitest": "4.1.8"