@webiny/app-admin 0.0.0-unstable.9f53ea597d → 0.0.0-unstable.a4f3e4ea8b

package/features/formModel/createFieldRenderer.js

@@ -1,21 +1,45 @@
-import react, { useEffect, useRef } from "react";
+import react, { useEffect, useRef, useState } from "react";
 import { observer } from "mobx-react-lite";
+import { makeDecoratable } from "@webiny/react-composition";
+const FormFieldWrapper = makeDecoratable("FormFieldWrapper", ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+const FOCUS_HIGHLIGHT_MS = 1800;
 const ScrollOnFocus = observer(({ field, children })=>{
     const ref = useRef(null);
+    const [highlighted, setHighlighted] = useState(false);
+    const highlightTimer = useRef(null);
     useEffect(()=>{
-        if (field.focusRequested && ref.current) setTimeout(()=>{
-            ref.current?.scrollIntoView({
-                behavior: "smooth",
-                block: "center"
-            });
-        }, 150);
+        if (field.focusRequested && ref.current) {
+            setTimeout(()=>{
+                ref.current?.scrollIntoView({
+                    behavior: "smooth",
+                    block: "center"
+                });
+            }, 150);
+            setHighlighted(true);
+            if (highlightTimer.current) window.clearTimeout(highlightTimer.current);
+            highlightTimer.current = window.setTimeout(()=>setHighlighted(false), FOCUS_HIGHLIGHT_MS);
+        }
         field.clearFocusRequest();
     }, [
         field.focusRequested
     ]);
+    useEffect(()=>()=>{
+            if (highlightTimer.current) window.clearTimeout(highlightTimer.current);
+        }, []);
     return /*#__PURE__*/ react.createElement("div", {
-        ref: ref
-    }, children);
+        ref: ref,
+        "data-field-path": field.qualifiedName,
+        style: {
+            padding: 6,
+            margin: -6,
+            borderRadius: 8,
+            transition: "box-shadow .35s ease, background-color .35s ease",
+            boxShadow: highlighted ? "0 0 0 2px var(--color-primary)" : void 0,
+            backgroundColor: highlighted ? "var(--color-primary-100)" : void 0
+        }
+    }, /*#__PURE__*/ react.createElement(FormFieldWrapper, {
+        field: field
+    }, children));
 });
 function createFieldRenderer(render) {
     const Inner = observer(render);
@@ -33,6 +57,6 @@ function createObjectFieldRenderer(render) {
     };
     return observer(Wrapped);
 }
-export { createFieldRenderer, createObjectFieldRenderer };
+export { FormFieldWrapper, createFieldRenderer, createObjectFieldRenderer };
 
 //# sourceMappingURL=createFieldRenderer.js.map

package/features/formModel/createFieldRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/formModel/createFieldRenderer.js","sources":["../../../src/features/formModel/createFieldRenderer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IFieldVM, IObjectFieldVM, FieldRendererSettings } from \"./abstractions.js\";\n\ntype RendererField<TName extends string> = IFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype ObjectRendererField<TName extends string> = IObjectFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype FieldRendererFn<TName extends string> = (props: {\n    field: RendererField<TName>;\n}) => React.ReactNode;\n\nconst ScrollOnFocus = observer(\n    ({ field, children }: { field: IFieldVM; children: React.ReactNode }) => {\n        const ref = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (field.focusRequested && ref.current) {\n                setTimeout(() => {\n                    ref.current?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n                }, 150);\n            }\n            field.clearFocusRequest();\n        }, [field.focusRequested]);\n\n        return <div ref={ref}>{children}</div>;\n    }\n);\n\nexport function createFieldRenderer<TName extends string = string>(\n    render: FieldRendererFn<TName>\n): React.ComponentType<{ field: IFieldVM }> {\n    const Inner = observer(render as FieldRendererFn<string>) as unknown as React.ComponentType<{\n        field: IFieldVM;\n    }>;\n\n    const Wrapper = observer(({ field }: { field: IFieldVM }) => (\n        <ScrollOnFocus field={field}>\n            <Inner field={field} />\n        </ScrollOnFocus>\n    ));\n\n    return Wrapper as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n\nexport function createObjectFieldRenderer<TName extends string = string>(\n    render: (props: { field: ObjectRendererField<TName> }) => React.ReactNode\n): React.ComponentType<{ field: IFieldVM }> {\n    const Wrapped = (props: { field: IFieldVM }) => {\n        if (props.field.type !== \"object\") {\n            return null;\n        }\n        return (render as (p: { field: IFieldVM }) => React.ReactNode)(props);\n    };\n    return observer(Wrapped) as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n"],"names":["ScrollOnFocus","observer","field","children","ref","useRef","useEffect","setTimeout","createFieldRenderer","render","Inner","Wrapper","createObjectFieldRenderer","Wrapped","props"],"mappings":";;AAgBA,MAAMA,gBAAgBC,SAClB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAkD;IAChE,MAAMC,MAAMC,OAAuB;IAEnCC,UAAU;QACN,IAAIJ,MAAM,cAAc,IAAIE,IAAI,OAAO,EACnCG,WAAW;YACPH,IAAI,OAAO,EAAE,eAAe;gBAAE,UAAU;gBAAU,OAAO;YAAS;QACtE,GAAG;QAEPF,MAAM,iBAAiB;IAC3B,GAAG;QAACA,MAAM,cAAc;KAAC;IAEzB,OAAO,WAAP,GAAO,oBAAC;QAAI,KAAKE;OAAMD;AAC3B;AAGG,SAASK,oBACZC,MAA8B;IAE9B,MAAMC,QAAQT,SAASQ;IAIvB,MAAME,UAAUV,SAAS,CAAC,EAAEC,KAAK,EAAuB,iBACpD,oBAACF,eAAaA;YAAC,OAAOE;yBAClB,oBAACQ,OAAAA;YAAM,OAAOR;;IAItB,OAAOS;AACX;AAEO,SAASC,0BACZH,MAAyE;IAEzE,MAAMI,UAAU,CAACC;QACb,IAAIA,AAAqB,aAArBA,MAAM,KAAK,CAAC,IAAI,EAChB,OAAO;QAEX,OAAQL,OAAuDK;IACnE;IACA,OAAOb,SAASY;AACpB"}
+{"version":3,"file":"features/formModel/createFieldRenderer.js","sources":["../../../src/features/formModel/createFieldRenderer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { IFieldVM, IObjectFieldVM, FieldRendererSettings } from \"./abstractions.js\";\n\n/**\n * Decoratable wrapper rendered around every leaf field's content. Features can decorate it to\n * inject per-field UI (e.g. a comment marker) keyed on `field.qualifiedName`, without forking\n * the form. By default it renders the field content unchanged.\n */\nexport const FormFieldWrapper = makeDecoratable(\n    \"FormFieldWrapper\",\n    ({ children }: { field: IFieldVM; children?: React.ReactNode }) => {\n        return <>{children}</>;\n    }\n);\n\ntype RendererField<TName extends string> = IFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype ObjectRendererField<TName extends string> = IObjectFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype FieldRendererFn<TName extends string> = (props: {\n    field: RendererField<TName>;\n}) => React.ReactNode;\n\n// How long the field stays visually highlighted after focus lands, so the user's eye is drawn\n// to where \"jump to field\" (a comment locator, a form error) scrolled to.\nconst FOCUS_HIGHLIGHT_MS = 1800;\n\nconst ScrollOnFocus = observer(\n    ({ field, children }: { field: IFieldVM; children: React.ReactNode }) => {\n        const ref = useRef<HTMLDivElement>(null);\n        const [highlighted, setHighlighted] = useState(false);\n        const highlightTimer = useRef<number | null>(null);\n\n        useEffect(() => {\n            if (field.focusRequested && ref.current) {\n                setTimeout(() => {\n                    ref.current?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n                }, 150);\n                // Flash a highlight ring so it's obvious where focus landed. The timer is kept in a\n                // ref (not tied to the effect cleanup) so clearing the focus request below — which\n                // re-runs this effect — doesn't cut the highlight short.\n                setHighlighted(true);\n                if (highlightTimer.current) {\n                    window.clearTimeout(highlightTimer.current);\n                }\n                highlightTimer.current = window.setTimeout(\n                    () => setHighlighted(false),\n                    FOCUS_HIGHLIGHT_MS\n                );\n            }\n            field.clearFocusRequest();\n        }, [field.focusRequested]);\n\n        useEffect(() => {\n            return () => {\n                if (highlightTimer.current) {\n                    window.clearTimeout(highlightTimer.current);\n                }\n            };\n        }, []);\n\n        return (\n            <div\n                ref={ref}\n                data-field-path={field.qualifiedName}\n                style={{\n                    // Padding gives the highlight ring/tint breathing room from the field content;\n                    // the matching negative margin keeps the field's layout position unchanged.\n                    padding: 6,\n                    margin: -6,\n                    borderRadius: 8,\n                    transition: \"box-shadow .35s ease, background-color .35s ease\",\n                    boxShadow: highlighted ? \"0 0 0 2px var(--color-primary)\" : undefined,\n                    backgroundColor: highlighted ? \"var(--color-primary-100)\" : undefined\n                }}\n            >\n                <FormFieldWrapper field={field}>{children}</FormFieldWrapper>\n            </div>\n        );\n    }\n);\n\nexport function createFieldRenderer<TName extends string = string>(\n    render: FieldRendererFn<TName>\n): React.ComponentType<{ field: IFieldVM }> {\n    const Inner = observer(render as FieldRendererFn<string>) as unknown as React.ComponentType<{\n        field: IFieldVM;\n    }>;\n\n    const Wrapper = observer(({ field }: { field: IFieldVM }) => (\n        <ScrollOnFocus field={field}>\n            <Inner field={field} />\n        </ScrollOnFocus>\n    ));\n\n    return Wrapper as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n\nexport function createObjectFieldRenderer<TName extends string = string>(\n    render: (props: { field: ObjectRendererField<TName> }) => React.ReactNode\n): React.ComponentType<{ field: IFieldVM }> {\n    const Wrapped = (props: { field: IFieldVM }) => {\n        if (props.field.type !== \"object\") {\n            return null;\n        }\n        return (render as (p: { field: IFieldVM }) => React.ReactNode)(props);\n    };\n    return observer(Wrapped) as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n"],"names":["FormFieldWrapper","makeDecoratable","children","FOCUS_HIGHLIGHT_MS","ScrollOnFocus","observer","field","ref","useRef","highlighted","setHighlighted","useState","highlightTimer","useEffect","setTimeout","window","undefined","createFieldRenderer","render","Inner","Wrapper","createObjectFieldRenderer","Wrapped","props"],"mappings":";;;AAUO,MAAMA,mBAAmBC,gBAC5B,oBACA,CAAC,EAAEC,QAAQ,EAAmD,GACnD,WAAP,GAAO,0CAAGA;AAkBlB,MAAMC,qBAAqB;AAE3B,MAAMC,gBAAgBC,SAClB,CAAC,EAAEC,KAAK,EAAEJ,QAAQ,EAAkD;IAChE,MAAMK,MAAMC,OAAuB;IACnC,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAS;IAC/C,MAAMC,iBAAiBJ,OAAsB;IAE7CK,UAAU;QACN,IAAIP,MAAM,cAAc,IAAIC,IAAI,OAAO,EAAE;YACrCO,WAAW;gBACPP,IAAI,OAAO,EAAE,eAAe;oBAAE,UAAU;oBAAU,OAAO;gBAAS;YACtE,GAAG;YAIHG,eAAe;YACf,IAAIE,eAAe,OAAO,EACtBG,OAAO,YAAY,CAACH,eAAe,OAAO;YAE9CA,eAAe,OAAO,GAAGG,OAAO,UAAU,CACtC,IAAML,eAAe,QACrBP;QAER;QACAG,MAAM,iBAAiB;IAC3B,GAAG;QAACA,MAAM,cAAc;KAAC;IAEzBO,UAAU,IACC;YACH,IAAID,eAAe,OAAO,EACtBG,OAAO,YAAY,CAACH,eAAe,OAAO;QAElD,GACD,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QACG,KAAKL;QACL,mBAAiBD,MAAM,aAAa;QACpC,OAAO;YAGH,SAAS;YACT,QAAQ;YACR,cAAc;YACd,YAAY;YACZ,WAAWG,cAAc,mCAAmCO;YAC5D,iBAAiBP,cAAc,6BAA6BO;QAChE;qBAEA,oBAAChB,kBAAgBA;QAAC,OAAOM;OAAQJ;AAG7C;AAGG,SAASe,oBACZC,MAA8B;IAE9B,MAAMC,QAAQd,SAASa;IAIvB,MAAME,UAAUf,SAAS,CAAC,EAAEC,KAAK,EAAuB,iBACpD,oBAACF,eAAaA;YAAC,OAAOE;yBAClB,oBAACa,OAAAA;YAAM,OAAOb;;IAItB,OAAOc;AACX;AAEO,SAASC,0BACZH,MAAyE;IAEzE,MAAMI,UAAU,CAACC;QACb,IAAIA,AAAqB,aAArBA,MAAM,KAAK,CAAC,IAAI,EAChB,OAAO;QAEX,OAAQL,OAAuDK;IACnE;IACA,OAAOlB,SAASiB;AACpB"}

package/features/formModel/hasSubtreeFocusRequest.d.ts

@@ -0,0 +1,12 @@
+import type { IFieldVM } from "../../features/formModel/abstractions.js";
+/**
+ * Reactively checks whether any field in `fields`, or (recursively) any child
+ * of a nested object field, currently has `focusRequested === true`.
+ *
+ * Reads the `focusRequested` observable on every visited field so that callers
+ * wrapped in a mobx `observer` re-render (and can force-open their accordion /
+ * dynamic-zone container) when a focus request lands anywhere in the subtree.
+ * This lets "jump to field" cascade open collapsed ancestors top-down, even
+ * for fields nested several levels deep inside repeatable/list objects.
+ */
+export declare const hasSubtreeFocusRequest: (fields: IFieldVM[]) => boolean;

package/features/formModel/hasSubtreeFocusRequest.js

@@ -0,0 +1,15 @@
+const hasSubtreeFocusRequest = (fields)=>{
+    for (const field of fields){
+        if (field.focusRequested) return true;
+        if ("object" === field.type) {
+            const objectField = field;
+            if (objectField.isList) {
+                for (const item of objectField.items)if (hasSubtreeFocusRequest(item.fields)) return true;
+            } else if (hasSubtreeFocusRequest(objectField.fields)) return true;
+        }
+    }
+    return false;
+};
+export { hasSubtreeFocusRequest };
+
+//# sourceMappingURL=hasSubtreeFocusRequest.js.map

package/features/formModel/hasSubtreeFocusRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/hasSubtreeFocusRequest.js","sources":["../../../src/features/formModel/hasSubtreeFocusRequest.ts"],"sourcesContent":["import type { IFieldVM, IObjectFieldVM } from \"~/features/formModel/abstractions.js\";\n\n/**\n * Reactively checks whether any field in `fields`, or (recursively) any child\n * of a nested object field, currently has `focusRequested === true`.\n *\n * Reads the `focusRequested` observable on every visited field so that callers\n * wrapped in a mobx `observer` re-render (and can force-open their accordion /\n * dynamic-zone container) when a focus request lands anywhere in the subtree.\n * This lets \"jump to field\" cascade open collapsed ancestors top-down, even\n * for fields nested several levels deep inside repeatable/list objects.\n */\nexport const hasSubtreeFocusRequest = (fields: IFieldVM[]): boolean => {\n    for (const field of fields) {\n        // Read the observable first so this stays reactive even when a shallow\n        // match short-circuits later fields.\n        if (field.focusRequested) {\n            return true;\n        }\n\n        if (field.type === \"object\") {\n            const objectField = field as IObjectFieldVM;\n            if (objectField.isList) {\n                for (const item of objectField.items) {\n                    if (hasSubtreeFocusRequest(item.fields)) {\n                        return true;\n                    }\n                }\n            } else if (hasSubtreeFocusRequest(objectField.fields)) {\n                return true;\n            }\n        }\n    }\n\n    return false;\n};\n"],"names":["hasSubtreeFocusRequest","fields","field","objectField","item"],"mappings":"AAYO,MAAMA,yBAAyB,CAACC;IACnC,KAAK,MAAMC,SAASD,OAAQ;QAGxB,IAAIC,MAAM,cAAc,EACpB,OAAO;QAGX,IAAIA,AAAe,aAAfA,MAAM,IAAI,EAAe;YACzB,MAAMC,cAAcD;YACpB,IAAIC,YAAY,MAAM,EAClB;gBAAA,KAAK,MAAMC,QAAQD,YAAY,KAAK,CAChC,IAAIH,uBAAuBI,KAAK,MAAM,GAClC,OAAO;YAEf,OACG,IAAIJ,uBAAuBG,YAAY,MAAM,GAChD,OAAO;QAEf;IACJ;IAEA,OAAO;AACX"}

package/features/formModel/index.d.ts

@@ -15,6 +15,7 @@ export { TextFieldType, TextFieldBuilder, NumberFieldType, NumberFieldBuilder, B
 export { ObjectField, isObjectField } from "./ObjectField.js";
 export { ConditionRuleEvaluator } from "./ConditionRuleEvaluator.js";
 export { createFieldRenderer, createObjectFieldRenderer } from "./createFieldRenderer.js";
+export { hasSubtreeFocusRequest } from "./hasSubtreeFocusRequest.js";
 export { FormErrors } from "./FormErrors.js";
 export { PresenterErrors } from "./PresenterErrors.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./FormView.js";

package/features/formModel/index.js

@@ -14,6 +14,7 @@ export { BooleanFieldBuilder, BooleanFieldType, DateTimeFieldBuilder, DateTimeFi
 export { ObjectField, isObjectField } from "./ObjectField.js";
 export { ConditionRuleEvaluator } from "./ConditionRuleEvaluator.js";
 export { createFieldRenderer, createObjectFieldRenderer } from "./createFieldRenderer.js";
+export { hasSubtreeFocusRequest } from "./hasSubtreeFocusRequest.js";
 export { FormErrors } from "./FormErrors.js";
 export { PresenterErrors } from "./PresenterErrors.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./FormView.js";

package/features/formModel/renderers.d.ts

@@ -1,5 +1,6 @@
 import "../../base/Base/FieldRenderers/InputRenderer.js";
 import "../../base/Base/FieldRenderers/SelectRenderer.js";
+import "../../base/Base/FieldRenderers/AutoCompleteRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js";

package/features/formModel/renderers.js

@@ -1,5 +1,6 @@
 import "../../base/Base/FieldRenderers/InputRenderer.js";
 import "../../base/Base/FieldRenderers/SelectRenderer.js";
+import "../../base/Base/FieldRenderers/AutoCompleteRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/ObjectAccordionMultipleRenderer.js";
 import "../../base/Base/FieldRenderers/ObjectRenderer/DynamicZoneRenderer.js";

package/features/wcp/ReactLicense.d.ts

@@ -22,6 +22,5 @@ export declare class ReactLicense implements ILicense {
     canUseAiEntryGeneration(): boolean;
     canUseAiEntryComparison(): boolean;
     canUseAiEntryTranslation(): boolean;
-    canUseAbTesting(): boolean;
     toDto(): DecryptedWcpProjectLicense | null;
 }

package/features/wcp/ReactLicense.js

@@ -59,9 +59,6 @@ class ReactLicense {
     canUseAiEntryTranslation() {
         return this.license.canUseAiEntryTranslation();
     }
-    canUseAbTesting() {
-        return this.license.canUseAbTesting();
-    }
     toDto() {
         return this.license.toDto();
     }

package/features/wcp/ReactLicense.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/wcp/ReactLicense.js","sources":["../../../src/features/wcp/ReactLicense.ts"],"sourcesContent":["import type { DecryptedWcpProjectLicense, ILicense, WcpProject } from \"@webiny/wcp/types.js\";\nimport type { WCP_FEATURE_LABEL } from \"@webiny/wcp\";\n\nexport class ReactLicense implements ILicense {\n    private readonly license: ILicense;\n\n    constructor(license: ILicense) {\n        this.license = license;\n    }\n\n    getProject(): WcpProject | null {\n        return this.license.getProject();\n    }\n\n    canUseAacl(): boolean {\n        return this.license.canUseAacl();\n    }\n\n    canUseAuditLogs(): boolean {\n        return this.license.canUseAuditLogs();\n    }\n\n    canUseFeature(featureId: keyof typeof WCP_FEATURE_LABEL): boolean {\n        return this.license.canUseFeature(featureId);\n    }\n\n    canUseFileManagerThreatDetection(): boolean {\n        return this.license.canUseFileManagerThreatDetection();\n    }\n\n    canUseFolderLevelPermissions(): boolean {\n        return this.license.canUseFolderLevelPermissions();\n    }\n\n    canUseHcmsFieldPermissions(): boolean {\n        return this.license.canUseHcmsFieldPermissions();\n    }\n\n    canUsePrivateFiles(): boolean {\n        return this.license.canUsePrivateFiles();\n    }\n\n    canUseRecordLocking(): boolean {\n        return this.license.canUseRecordLocking();\n    }\n\n    canUseTeams(): boolean {\n        return this.license.canUseTeams();\n    }\n\n    getRawLicense(): DecryptedWcpProjectLicense | null {\n        return this.license.getRawLicense();\n    }\n\n    public canUseWorkflows(): boolean {\n        return this.license.canUseWorkflows();\n    }\n\n    canUseAiImageEnrichment(): boolean {\n        return this.license.canUseAiImageEnrichment();\n    }\n\n    canUseAiPageGeneration(): boolean {\n        return this.license.canUseAiPageGeneration();\n    }\n\n    canUseAiPageTranslation(): boolean {\n        return this.license.canUseAiPageTranslation();\n    }\n\n    canUseAiLexicalGeneration(): boolean {\n        return this.license.canUseAiLexicalGeneration();\n    }\n\n    canUseAiEntryGeneration(): boolean {\n        return this.license.canUseAiEntryGeneration();\n    }\n\n    canUseAiEntryComparison(): boolean {\n        return this.license.canUseAiEntryComparison();\n    }\n\n    canUseAiEntryTranslation(): boolean {\n        return this.license.canUseAiEntryTranslation();\n    }\n\n    canUseAbTesting(): boolean {\n        return this.license.canUseAbTesting();\n    }\n\n    toDto(): DecryptedWcpProjectLicense | null {\n        return this.license.toDto();\n    }\n}\n"],"names":["ReactLicense","license","featureId"],"mappings":"AAGO,MAAMA;IAGT,YAAYC,OAAiB,CAAE;QAC3B,IAAI,CAAC,OAAO,GAAGA;IACnB;IAEA,aAAgC;QAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;IAClC;IAEA,aAAsB;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;IAClC;IAEA,kBAA2B;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe;IACvC;IAEA,cAAcC,SAAyC,EAAW;QAC9D,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAACA;IACtC;IAEA,mCAA4C;QACxC,OAAO,IAAI,CAAC,OAAO,CAAC,gCAAgC;IACxD;IAEA,+BAAwC;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,4BAA4B;IACpD;IAEA,6BAAsC;QAClC,OAAO,IAAI,CAAC,OAAO,CAAC,0BAA0B;IAClD;IAEA,qBAA8B;QAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,kBAAkB;IAC1C;IAEA,sBAA+B;QAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB;IAC3C;IAEA,cAAuB;QACnB,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW;IACnC;IAEA,gBAAmD;QAC/C,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa;IACrC;IAEO,kBAA2B;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe;IACvC;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,yBAAkC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB;IAC9C;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,4BAAqC;QACjC,OAAO,IAAI,CAAC,OAAO,CAAC,yBAAyB;IACjD;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,2BAAoC;QAChC,OAAO,IAAI,CAAC,OAAO,CAAC,wBAAwB;IAChD;IAEA,kBAA2B;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe;IACvC;IAEA,QAA2C;QACvC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;IAC7B;AACJ"}
+{"version":3,"file":"features/wcp/ReactLicense.js","sources":["../../../src/features/wcp/ReactLicense.ts"],"sourcesContent":["import type { DecryptedWcpProjectLicense, ILicense, WcpProject } from \"@webiny/wcp/types.js\";\nimport type { WCP_FEATURE_LABEL } from \"@webiny/wcp\";\n\nexport class ReactLicense implements ILicense {\n    private readonly license: ILicense;\n\n    constructor(license: ILicense) {\n        this.license = license;\n    }\n\n    getProject(): WcpProject | null {\n        return this.license.getProject();\n    }\n\n    canUseAacl(): boolean {\n        return this.license.canUseAacl();\n    }\n\n    canUseAuditLogs(): boolean {\n        return this.license.canUseAuditLogs();\n    }\n\n    canUseFeature(featureId: keyof typeof WCP_FEATURE_LABEL): boolean {\n        return this.license.canUseFeature(featureId);\n    }\n\n    canUseFileManagerThreatDetection(): boolean {\n        return this.license.canUseFileManagerThreatDetection();\n    }\n\n    canUseFolderLevelPermissions(): boolean {\n        return this.license.canUseFolderLevelPermissions();\n    }\n\n    canUseHcmsFieldPermissions(): boolean {\n        return this.license.canUseHcmsFieldPermissions();\n    }\n\n    canUsePrivateFiles(): boolean {\n        return this.license.canUsePrivateFiles();\n    }\n\n    canUseRecordLocking(): boolean {\n        return this.license.canUseRecordLocking();\n    }\n\n    canUseTeams(): boolean {\n        return this.license.canUseTeams();\n    }\n\n    getRawLicense(): DecryptedWcpProjectLicense | null {\n        return this.license.getRawLicense();\n    }\n\n    public canUseWorkflows(): boolean {\n        return this.license.canUseWorkflows();\n    }\n\n    canUseAiImageEnrichment(): boolean {\n        return this.license.canUseAiImageEnrichment();\n    }\n\n    canUseAiPageGeneration(): boolean {\n        return this.license.canUseAiPageGeneration();\n    }\n\n    canUseAiPageTranslation(): boolean {\n        return this.license.canUseAiPageTranslation();\n    }\n\n    canUseAiLexicalGeneration(): boolean {\n        return this.license.canUseAiLexicalGeneration();\n    }\n\n    canUseAiEntryGeneration(): boolean {\n        return this.license.canUseAiEntryGeneration();\n    }\n\n    canUseAiEntryComparison(): boolean {\n        return this.license.canUseAiEntryComparison();\n    }\n\n    canUseAiEntryTranslation(): boolean {\n        return this.license.canUseAiEntryTranslation();\n    }\n\n    toDto(): DecryptedWcpProjectLicense | null {\n        return this.license.toDto();\n    }\n}\n"],"names":["ReactLicense","license","featureId"],"mappings":"AAGO,MAAMA;IAGT,YAAYC,OAAiB,CAAE;QAC3B,IAAI,CAAC,OAAO,GAAGA;IACnB;IAEA,aAAgC;QAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;IAClC;IAEA,aAAsB;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU;IAClC;IAEA,kBAA2B;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe;IACvC;IAEA,cAAcC,SAAyC,EAAW;QAC9D,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAACA;IACtC;IAEA,mCAA4C;QACxC,OAAO,IAAI,CAAC,OAAO,CAAC,gCAAgC;IACxD;IAEA,+BAAwC;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,4BAA4B;IACpD;IAEA,6BAAsC;QAClC,OAAO,IAAI,CAAC,OAAO,CAAC,0BAA0B;IAClD;IAEA,qBAA8B;QAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,kBAAkB;IAC1C;IAEA,sBAA+B;QAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB;IAC3C;IAEA,cAAuB;QACnB,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW;IACnC;IAEA,gBAAmD;QAC/C,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa;IACrC;IAEO,kBAA2B;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe;IACvC;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,yBAAkC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB;IAC9C;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,4BAAqC;QACjC,OAAO,IAAI,CAAC,OAAO,CAAC,yBAAyB;IACjD;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,0BAAmC;QAC/B,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB;IAC/C;IAEA,2BAAoC;QAChC,OAAO,IAAI,CAAC,OAAO,CAAC,wBAAwB;IAChD;IAEA,QAA2C;QACvC,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;IAC7B;AACJ"}

package/features/wcp/WcpGateway.js

@@ -39,9 +39,6 @@ const GET_WCP_PROJECT = `
                                 enabled
                                 options
                             }
-                            abTesting {
-                                enabled
-                            }
                         }
                     }
                 }

package/features/wcp/WcpGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/wcp/WcpGateway.js","sources":["../../../src/features/wcp/WcpGateway.ts"],"sourcesContent":["import { createImplementation } from \"@webiny/di\";\nimport { WcpGateway as WcpGatewayAbstraction } from \"./abstractions.js\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport type { GetWcpProjectResponse, WcpProjectData } from \"./types.js\";\n\nconst GET_WCP_PROJECT = /* GraphQL */ `\n    query GetWcpProject {\n        wcp {\n            getProject {\n                data {\n                    orgId\n                    projectId\n                    package {\n                        features {\n                            seats {\n                                enabled\n                                options\n                            }\n                            multiTenancy {\n                                enabled\n                                options\n                            }\n                            advancedPublishingWorkflow {\n                                enabled\n                            }\n                            advancedAccessControlLayer {\n                                enabled\n                                options\n                            }\n                            auditLogs {\n                                enabled\n                            }\n                            recordLocking {\n                                enabled\n                            }\n                            fileManager {\n                                enabled\n                                options\n                            }\n                            aiPowerups {\n                                enabled\n                                options\n                            }\n                            abTesting {\n                                enabled\n                            }\n                        }\n                    }\n                }\n                error {\n                    message\n                    code\n                    data\n                }\n            }\n        }\n    }\n`;\n\nclass WcpGraphQLGateway implements WcpGatewayAbstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async fetchProject(): Promise<WcpProjectData | null> {\n        const response = await this.client.execute<GetWcpProjectResponse>({\n            query: GET_WCP_PROJECT,\n            headers: {\n                \"x-tenant\": \"root\"\n            }\n        });\n\n        if (response.wcp.getProject.error) {\n            throw new Error(response.wcp.getProject.error.message);\n        }\n\n        return response.wcp.getProject.data;\n    }\n}\n\nexport const WcpGateway = createImplementation({\n    abstraction: WcpGatewayAbstraction,\n    implementation: WcpGraphQLGateway,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["GET_WCP_PROJECT","WcpGraphQLGateway","client","response","Error","WcpGateway","createImplementation","WcpGatewayAbstraction","MainGraphQLClient"],"mappings":";;;AAKA,MAAMA,kBAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDvC,CAAC;AAED,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,eAA+C;QACjD,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAwB;YAC9D,OAAOH;YACP,SAAS;gBACL,YAAY;YAChB;QACJ;QAEA,IAAIG,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,EAC7B,MAAM,IAAIC,MAAMD,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO;QAGzD,OAAOA,SAAS,GAAG,CAAC,UAAU,CAAC,IAAI;IACvC;AACJ;AAEO,MAAME,wBAAaC,qBAAqB;IAC3C,aAAaC;IACb,gBAAgBN;IAChB,cAAc;QAACO;KAAkB;AACrC"}
+{"version":3,"file":"features/wcp/WcpGateway.js","sources":["../../../src/features/wcp/WcpGateway.ts"],"sourcesContent":["import { createImplementation } from \"@webiny/di\";\nimport { WcpGateway as WcpGatewayAbstraction } from \"./abstractions.js\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport type { GetWcpProjectResponse, WcpProjectData } from \"./types.js\";\n\nconst GET_WCP_PROJECT = /* GraphQL */ `\n    query GetWcpProject {\n        wcp {\n            getProject {\n                data {\n                    orgId\n                    projectId\n                    package {\n                        features {\n                            seats {\n                                enabled\n                                options\n                            }\n                            multiTenancy {\n                                enabled\n                                options\n                            }\n                            advancedPublishingWorkflow {\n                                enabled\n                            }\n                            advancedAccessControlLayer {\n                                enabled\n                                options\n                            }\n                            auditLogs {\n                                enabled\n                            }\n                            recordLocking {\n                                enabled\n                            }\n                            fileManager {\n                                enabled\n                                options\n                            }\n                            aiPowerups {\n                                enabled\n                                options\n                            }\n                        }\n                    }\n                }\n                error {\n                    message\n                    code\n                    data\n                }\n            }\n        }\n    }\n`;\n\nclass WcpGraphQLGateway implements WcpGatewayAbstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async fetchProject(): Promise<WcpProjectData | null> {\n        const response = await this.client.execute<GetWcpProjectResponse>({\n            query: GET_WCP_PROJECT,\n            headers: {\n                \"x-tenant\": \"root\"\n            }\n        });\n\n        if (response.wcp.getProject.error) {\n            throw new Error(response.wcp.getProject.error.message);\n        }\n\n        return response.wcp.getProject.data;\n    }\n}\n\nexport const WcpGateway = createImplementation({\n    abstraction: WcpGatewayAbstraction,\n    implementation: WcpGraphQLGateway,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["GET_WCP_PROJECT","WcpGraphQLGateway","client","response","Error","WcpGateway","createImplementation","WcpGatewayAbstraction","MainGraphQLClient"],"mappings":";;;AAKA,MAAMA,kBAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDvC,CAAC;AAED,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,eAA+C;QACjD,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAwB;YAC9D,OAAOH;YACP,SAAS;gBACL,YAAY;YAChB;QACJ;QAEA,IAAIG,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,EAC7B,MAAM,IAAIC,MAAMD,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO;QAGzD,OAAOA,SAAS,GAAG,CAAC,UAAU,CAAC,IAAI;IACvC;AACJ;AAEO,MAAME,wBAAaC,qBAAqB;IAC3C,aAAaC;IACb,gBAAgBN;IAChB,cAAc;QAACO;KAAkB;AACrC"}

package/hooks/index.d.ts

@@ -3,6 +3,9 @@ export * from "./useConfirmationDialog.js";
 export * from "./useDialog.js";
 export * from "./useOpenDialog.js";
 export * from "../components/Dialogs/useDialogs.js";
+export * from "./useDrawer.js";
+export * from "./useOpenDrawer.js";
+export * from "../components/Drawers/useDrawers.js";
 export * from "./useSnackbar.js";
 export * from "./useKeyHandler.js";
 export * from "./useShiftKey.js";

package/hooks/index.js

@@ -3,6 +3,9 @@ export * from "./useConfirmationDialog.js";
 export * from "./useDialog.js";
 export * from "./useOpenDialog.js";
 export * from "../components/Dialogs/useDialogs.js";
+export * from "./useDrawer.js";
+export * from "./useOpenDrawer.js";
+export * from "../components/Drawers/useDrawers.js";
 export * from "./useSnackbar.js";
 export * from "./useKeyHandler.js";
 export * from "./useShiftKey.js";

package/hooks/useDrawer.d.ts

@@ -0,0 +1,9 @@
+import type { z } from "zod";
+export declare function useDrawer<T extends z.ZodTypeAny>(schema: T): {
+    params: z.infer<T>;
+    closeDrawer: () => void;
+};
+export declare function useDrawer(): {
+    params: Record<string, unknown>;
+    closeDrawer: () => void;
+};

package/hooks/useDrawer.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useDrawerParamsContext } from "../components/Drawers/DrawerParamsContext.js";
+function useDrawer(schema) {
+    const { params: rawParams, closeDrawer } = useDrawerParamsContext();
+    const params = useMemo(()=>{
+        if (schema) return schema.parse(rawParams);
+        return rawParams;
+    }, [
+        rawParams,
+        schema
+    ]);
+    return {
+        params,
+        closeDrawer
+    };
+}
+export { useDrawer };
+
+//# sourceMappingURL=useDrawer.js.map

package/hooks/useDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useDrawer.js","sources":["../../src/hooks/useDrawer.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawerParamsContext } from \"~/components/Drawers/DrawerParamsContext.js\";\n\nexport function useDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { params: z.infer<T>; closeDrawer: () => void };\nexport function useDrawer(): { params: Record<string, unknown>; closeDrawer: () => void };\nexport function useDrawer(schema?: z.ZodTypeAny) {\n    const { params: rawParams, closeDrawer } = useDrawerParamsContext();\n\n    const params = useMemo(() => {\n        if (schema) {\n            return schema.parse(rawParams);\n        }\n        return rawParams;\n    }, [rawParams, schema]);\n\n    return { params, closeDrawer };\n}\n"],"names":["useDrawer","schema","rawParams","closeDrawer","useDrawerParamsContext","params","useMemo"],"mappings":";;AAQO,SAASA,UAAUC,MAAqB;IAC3C,MAAM,EAAE,QAAQC,SAAS,EAAEC,WAAW,EAAE,GAAGC;IAE3C,MAAMC,SAASC,QAAQ;QACnB,IAAIL,QACA,OAAOA,OAAO,KAAK,CAACC;QAExB,OAAOA;IACX,GAAG;QAACA;QAAWD;KAAO;IAEtB,OAAO;QAAEI;QAAQF;IAAY;AACjC"}

package/hooks/useOpenDrawer.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+export declare function useOpenDrawer<T extends z.ZodTypeAny>(schema: T): {
+    openDrawer: (name: string, params: z.infer<T>) => void;
+};
+export declare function useOpenDrawer(): {
+    openDrawer: (name: string, params?: Record<string, unknown>) => void;
+};

package/hooks/useOpenDrawer.js

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+import { useDrawers } from "../components/Drawers/useDrawers.js";
+function useOpenDrawer(schema) {
+    const { openNamedDrawer } = useDrawers();
+    const openDrawer = useCallback((name, params = {})=>{
+        if (schema) schema.parse(params);
+        openNamedDrawer(name, params);
+    }, [
+        openNamedDrawer,
+        schema
+    ]);
+    return {
+        openDrawer
+    };
+}
+export { useOpenDrawer };
+
+//# sourceMappingURL=useOpenDrawer.js.map

package/hooks/useOpenDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useOpenDrawer.js","sources":["../../src/hooks/useOpenDrawer.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawers } from \"~/components/Drawers/useDrawers.js\";\n\nexport function useOpenDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { openDrawer: (name: string, params: z.infer<T>) => void };\nexport function useOpenDrawer(): {\n    openDrawer: (name: string, params?: Record<string, unknown>) => void;\n};\nexport function useOpenDrawer(schema?: z.ZodTypeAny) {\n    const { openNamedDrawer } = useDrawers();\n\n    const openDrawer = useCallback(\n        (name: string, params: Record<string, unknown> = {}) => {\n            if (schema) {\n                schema.parse(params);\n            }\n            openNamedDrawer(name, params);\n        },\n        [openNamedDrawer, schema]\n    );\n\n    return { openDrawer };\n}\n"],"names":["useOpenDrawer","schema","openNamedDrawer","useDrawers","openDrawer","useCallback","name","params"],"mappings":";;AAUO,SAASA,cAAcC,MAAqB;IAC/C,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,aAAaC,YACf,CAACC,MAAcC,SAAkC,CAAC,CAAC;QAC/C,IAAIN,QACAA,OAAO,KAAK,CAACM;QAEjBL,gBAAgBI,MAAMC;IAC1B,GACA;QAACL;QAAiBD;KAAO;IAG7B,OAAO;QAAEG;IAAW;AACxB"}

package/index.d.ts

@@ -35,6 +35,11 @@ export { BuildParamsFeature } from "./features/buildParams/feature.js";
 export { ToolsFeature } from "./features/tools/feature.js";
 export { Tool, ToolRegistry, ToolPipelineRunner } from "./features/tools/abstractions.js";
 export type { ITool, IToolRegistry, IToolPipelineRunner } from "./features/tools/abstractions.js";
+export { DateFormatter } from "./features/dateFormatter/abstractions.js";
+export type { IDateFormatter, FormattableDate } from "./features/dateFormatter/abstractions.js";
+export { DateFormatterFeature } from "./features/dateFormatter/feature.js";
+export { useDateFormatter } from "./features/dateFormatter/useDateFormatter.js";
+export { formatUtcOffset } from "./features/dateFormatter/formatUtcOffset.js";
 export * from "./hooks/index.js";
 export { useWcp } from "./presentation/wcp/useWcp.js";
 export { useTenantContext } from "./presentation/tenancy/useTenantContext.js";

package/index.js

@@ -16,6 +16,10 @@ import "./base/Base/FieldRenderers/PassthroughRenderer.js";
 import "./base/Base/FieldRenderers/HiddenRenderer.js";
 import "./base/Base/FieldRenderers/DateTimeInputsRenderer.js";
 import "./base/Base/FieldRenderers/DateTimeRenderer.js";
+import "./base/Base/FieldRenderers/CheckboxesRenderer.js";
+import "./base/Base/FieldRenderers/RadioButtonsRenderer.js";
+import "./base/Base/FieldRenderers/TagsRenderer.js";
+import "./base/Base/FieldRenderers/TextareasRenderer.js";
 import "./features/formModel/renderers.js";
 import "./features/formModel/fieldTypes/TextFieldType.js";
 import "./features/formModel/fieldTypes/NumberFieldType.js";
@@ -25,18 +29,14 @@ import "./features/formModel/fieldTypes/FileFieldType.js";
 import "./features/formModel/fieldTypes/FileUrlFieldType.js";
 import "./features/formModel/fieldTypes/ObjectFieldType.js";
 import "./features/formModel/fieldTypes/LexicalFieldType.js";
-import "./base/Base/FieldRenderers/CheckboxesRenderer.js";
-import "./base/Base/FieldRenderers/RadioButtonsRenderer.js";
-import "./base/Base/FieldRenderers/TagsRenderer.js";
-import "./base/Base/FieldRenderers/TextareasRenderer.js";
 import "./base/Base/FieldRenderers/TextInputsRenderer.js";
 import "./base/Base/FieldRenderers/NumberInputsRenderer.js";
+import "./base/Base/FieldRenderers/NumberInputRenderer.js";
+import "./base/Base/FieldRenderers/SwitchRenderer.js";
+import "./base/Base/FieldRenderers/TextareaRenderer.js";
+import "./base/Base/FieldRenderers/MultiSelectRenderer.js";
 import "./base/Base/FieldRenderers/InputRenderer.js";
 import "./base/Base/FieldRenderers/SelectRenderer.js";
-import "./base/Base/FieldRenderers/MultiSelectRenderer.js";
-import "./base/Base/FieldRenderers/TextareaRenderer.js";
-import "./base/Base/FieldRenderers/SwitchRenderer.js";
-import "./base/Base/FieldRenderers/NumberInputRenderer.js";
 export * from "@webiny/app";
 export * from "./base/ui/Tags.js";
 export * from "./base/ui/Layout.js";
@@ -66,6 +66,10 @@ export { SystemInstallerProvider } from "./presentation/installation/components/
 export { BuildParamsFeature } from "./features/buildParams/feature.js";
 export { ToolsFeature } from "./features/tools/feature.js";
 export { Tool, ToolPipelineRunner, ToolRegistry } from "./features/tools/abstractions.js";
+export { DateFormatter } from "./features/dateFormatter/abstractions.js";
+export { DateFormatterFeature } from "./features/dateFormatter/feature.js";
+export { useDateFormatter } from "./features/dateFormatter/useDateFormatter.js";
+export { formatUtcOffset } from "./features/dateFormatter/formatUtcOffset.js";
 export { useWcp } from "./presentation/wcp/useWcp.js";
 export { useTenantContext } from "./presentation/tenancy/useTenantContext.js";
 export { useIdentity } from "./presentation/security/hooks/useIdentity.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-unstable.9f53ea597d",
+	"version": "0.0.0-unstable.a4f3e4ea8b",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -26,24 +26,24 @@
 		"@iconify/json": "2.2.503",
 		"@lexical/utils": "0.48.0",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "0.0.0-unstable.9f53ea597d",
-		"@webiny/app": "0.0.0-unstable.9f53ea597d",
+		"@webiny/admin-ui": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/app": "0.0.0-unstable.a4f3e4ea8b",
 		"@webiny/di": "1.0.2",
-		"@webiny/feature": "0.0.0-unstable.9f53ea597d",
-		"@webiny/form": "0.0.0-unstable.9f53ea597d",
-		"@webiny/icons": "0.0.0-unstable.9f53ea597d",
-		"@webiny/lexical-converter": "0.0.0-unstable.9f53ea597d",
-		"@webiny/lexical-editor": "0.0.0-unstable.9f53ea597d",
-		"@webiny/lexical-nodes": "0.0.0-unstable.9f53ea597d",
-		"@webiny/lexical-theme": "0.0.0-unstable.9f53ea597d",
-		"@webiny/plugins": "0.0.0-unstable.9f53ea597d",
-		"@webiny/react-composition": "0.0.0-unstable.9f53ea597d",
-		"@webiny/react-properties": "0.0.0-unstable.9f53ea597d",
-		"@webiny/sdk": "0.0.0-unstable.9f53ea597d",
-		"@webiny/telemetry": "0.0.0-unstable.9f53ea597d",
-		"@webiny/utils": "0.0.0-unstable.9f53ea597d",
-		"@webiny/validation": "0.0.0-unstable.9f53ea597d",
-		"@webiny/wcp": "0.0.0-unstable.9f53ea597d",
+		"@webiny/feature": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/form": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/icons": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/lexical-converter": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/lexical-editor": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/lexical-nodes": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/lexical-theme": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/plugins": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/react-composition": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/react-properties": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/sdk": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/telemetry": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/utils": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/validation": "0.0.0-unstable.a4f3e4ea8b",
+		"@webiny/wcp": "0.0.0-unstable.a4f3e4ea8b",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -83,7 +83,7 @@
 		"@types/react-transition-group": "4.4.12",
 		"@types/store": "2.0.5",
 		"@types/tinycolor2": "1.4.6",
-		"@webiny/build-tools": "0.0.0-unstable.9f53ea597d",
+		"@webiny/build-tools": "0.0.0-unstable.a4f3e4ea8b",
 		"rimraf": "6.1.3",
 		"typescript": "7.0.2",
 		"vitest": "4.1.10"