@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/components/Permissions/index.js

@@ -1,6 +1,4 @@
 export * from "./StyledComponents.js";
+export * from "./PermissionsGroup.js";
 export { Permissions } from "./Permissions.js";
 export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";
-export * from "./PermissionsGroup.js";
-
-//# sourceMappingURL=index.js.map

package/components/RegisterFeature.js

@@ -1,26 +1,19 @@
-import { useEffect } from "react";
+import { useMemo } from "react";
 import { useContainer } from "@webiny/app";
-
-// Extract the first parameter type from TParams tuple
-
-// Conditional props based on whether feature requires options
-
-function RegisterFeatureImpl({
-  feature,
-  options
-}) {
-  const container = useContainer();
-  useEffect(() => {
-    // Cast feature.register to accept ...any[] to avoid type narrowing issues
-    const register = feature.register;
-    if (options !== undefined) {
-      register(container, options);
-    } else {
-      register(container);
-    }
-  }, [container, feature, options]);
-  return null;
-}
-export const RegisterFeature = RegisterFeatureImpl;
+const RegisterFeatureImpl = ({ feature, options })=>{
+    const container = useContainer();
+    useMemo(()=>{
+        const register = feature.register;
+        if (void 0 !== options) register(container, options);
+        else register(container);
+    }, [
+        container,
+        feature,
+        options
+    ]);
+    return null;
+};
+const RegisterFeature = RegisterFeatureImpl;
+export { RegisterFeature };
 
 //# sourceMappingURL=RegisterFeature.js.map

package/components/RegisterFeature.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useContainer","RegisterFeatureImpl","feature","options","container","register","undefined","RegisterFeature"],"sources":["RegisterFeature.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport type { FeatureDefinition } from \"@webiny/feature/admin\";\n\n// Extract the first parameter type from TParams tuple\ntype ExtractOptions<TParams extends any[]> = TParams extends [infer First, ...any[]]\n    ? First\n    : never;\n\n// Conditional props based on whether feature requires options\ntype RegisterFeatureProps<TParams extends any[]> = {\n    feature: FeatureDefinition<any, TParams>;\n} & (TParams extends [] ? { options?: never } : { options: ExtractOptions<TParams> });\n\nfunction RegisterFeatureImpl<TParams extends any[]>({\n    feature,\n    options\n}: RegisterFeatureProps<TParams>) {\n    const container = useContainer();\n    useEffect(() => {\n        // Cast feature.register to accept ...any[] to avoid type narrowing issues\n        const register = feature.register as (container: any, ...args: any[]) => void;\n        if (options !== undefined) {\n            register(container, options);\n        } else {\n            register(container);\n        }\n    }, [container, feature, options]);\n    return null;\n}\n\nexport const RegisterFeature = RegisterFeatureImpl as <TParams extends any[]>(\n    props: RegisterFeatureProps<TParams>\n) => null;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,YAAY,QAAQ,aAAa;;AAG1C;;AAKA;;AAKA,SAASC,mBAAmBA,CAAwB;EAChDC,OAAO;EACPC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAS,GAAGJ,YAAY,CAAC,CAAC;EAChCD,SAAS,CAAC,MAAM;IACZ;IACA,MAAMM,QAAQ,GAAGH,OAAO,CAACG,QAAoD;IAC7E,IAAIF,OAAO,KAAKG,SAAS,EAAE;MACvBD,QAAQ,CAACD,SAAS,EAAED,OAAO,CAAC;IAChC,CAAC,MAAM;MACHE,QAAQ,CAACD,SAAS,CAAC;IACvB;EACJ,CAAC,EAAE,CAACA,SAAS,EAAEF,OAAO,EAAEC,OAAO,CAAC,CAAC;EACjC,OAAO,IAAI;AACf;AAEA,OAAO,MAAMI,eAAe,GAAGN,mBAEtB","ignoreList":[]}
+{"version":3,"file":"components/RegisterFeature.js","sources":["../../src/components/RegisterFeature.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport type { FeatureDefinition } from \"@webiny/feature/admin\";\n\n// Extract the first parameter type from TParams tuple\ntype ExtractOptions<TParams extends any[]> = TParams extends [infer First, ...any[]]\n    ? First\n    : never;\n\n// Conditional props based on whether feature requires options\ntype RegisterFeatureProps<TParams extends any[]> = {\n    feature: FeatureDefinition<any, TParams>;\n} & (TParams extends [] ? { options?: never } : { options: ExtractOptions<TParams> });\n\nconst RegisterFeatureImpl = <TParams extends any[]>({\n    feature,\n    options\n}: RegisterFeatureProps<TParams>) => {\n    const container = useContainer();\n    useMemo(() => {\n        // Cast feature.register to accept ...any[] to avoid type narrowing issues\n        const register = feature.register as (container: any, ...args: any[]) => void;\n        if (options !== undefined) {\n            register(container, options);\n        } else {\n            register(container);\n        }\n    }, [container, feature, options]);\n    return null;\n};\n\nexport const RegisterFeature = RegisterFeatureImpl as <TParams extends any[]>(\n    props: RegisterFeatureProps<TParams>\n) => null;\n"],"names":["RegisterFeatureImpl","feature","options","container","useContainer","useMemo","register","undefined","RegisterFeature"],"mappings":";;AAcA,MAAMA,sBAAsB,CAAwB,EAChDC,OAAO,EACPC,OAAO,EACqB;IAC5B,MAAMC,YAAYC;IAClBC,QAAQ;QAEJ,MAAMC,WAAWL,QAAQ,QAAQ;QACjC,IAAIC,AAAYK,WAAZL,SACAI,SAASH,WAAWD;aAEpBI,SAASH;IAEjB,GAAG;QAACA;QAAWF;QAASC;KAAQ;IAChC,OAAO;AACX;AAEO,MAAMM,kBAAkBR"}

package/components/ResizablePanels/index.d.ts

@@ -1 +1 @@
-export { Panel, type PanelProps, PanelGroup, type PanelGroupProps, PanelResizeHandle, type PanelResizeHandleProps } from "react-resizable-panels";
+export { Group as PanelGroup, type GroupProps as PanelGroupProps, Panel, type PanelProps, Separator as PanelResizeHandle, type Layout } from "react-resizable-panels";

package/components/ResizablePanels/index.js

@@ -1,3 +1 @@
-export { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
-
-//# sourceMappingURL=index.js.map
+export { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels";

package/components/RoleAutocomplete/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-export const LIST_ROLES = gql`
+import graphql_tag from "graphql-tag";
+const LIST_ROLES = graphql_tag`
     query ListRoles {
         security {
             roles: listRoles {
@@ -14,5 +14,6 @@ export const LIST_ROLES = gql`
         }
     }
 `;
+export { LIST_ROLES };
 
 //# sourceMappingURL=graphql.js.map

package/components/RoleAutocomplete/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","LIST_ROLES"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"components/RoleAutocomplete/graphql.js","sources":["../../../src/components/RoleAutocomplete/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_ROLES","gql"],"mappings":";AAEO,MAAMA,aAAaC,WAAG,CAAC;;;;;;;;;;;;;;AAc9B,CAAC"}

package/components/RoleAutocomplete/index.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-import type { AutoCompleteProps } from "@webiny/ui/AutoComplete/index.js";
-type RoleAutocompleteProps = Partial<AutoCompleteProps>;
-export declare const RoleAutocomplete: (props: RoleAutocompleteProps) => React.JSX.Element;
+import { AutoComplete } from "@webiny/admin-ui";
+type RoleAutocompleteProps = Omit<React.ComponentProps<typeof AutoComplete>, "options" | "onValueChange"> & {
+    onChange?: (value: string) => void;
+};
+export declare const RoleAutocomplete: ({ onChange, value, ...props }: RoleAutocompleteProps) => React.JSX.Element;
 export {};

package/components/RoleAutocomplete/index.js

@@ -1,18 +1,26 @@
-import React from "react";
-import { AutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import react, { useCallback, useMemo } from "react";
+import { AutoComplete } from "@webiny/admin-ui";
 import { LIST_ROLES } from "./graphql.js";
 import { useQuery } from "@apollo/react-hooks";
-export const RoleAutocomplete = props => {
-  const {
-    data,
-    loading
-  } = useQuery(LIST_ROLES);
-  const options = loading || !data ? [] : data.security.roles.data;
-  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
-    options: options,
-    valueProp: "id",
-    value: loading ? undefined : props.value
-  }));
+const RoleAutocomplete = ({ onChange, value, ...props })=>{
+    const { data, loading } = useQuery(LIST_ROLES);
+    const rawOptions = loading || !data ? [] : data.security.roles.data;
+    const options = useMemo(()=>rawOptions.map((role)=>({
+                label: role.name,
+                value: role.id
+            })), [
+        rawOptions
+    ]);
+    const onValueChange = useCallback((id)=>onChange?.(id), [
+        onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(AutoComplete, {
+        ...props,
+        options: options,
+        value: loading ? void 0 : value,
+        onValueChange: onValueChange
+    });
 };
+export { RoleAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/components/RoleAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AutoComplete","LIST_ROLES","useQuery","RoleAutocomplete","props","data","loading","options","security","roles","createElement","Object","assign","valueProp","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RoleAutocompleteProps = Partial<AutoCompleteProps>;\nexport const RoleAutocomplete = (props: RoleAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n\n    const options = loading || !data ? [] : data.security.roles.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,YAAY,EAAAW,MAAA,CAAAC,MAAA,KACLR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,KAAK,EAAER,OAAO,GAAGS,SAAS,GAAGX,KAAK,CAACU;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/RoleAutocomplete/index.js","sources":["../../../src/components/RoleAutocomplete/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RoleAutocompleteProps = Omit<\n    React.ComponentProps<typeof AutoComplete>,\n    \"options\" | \"onValueChange\"\n> & {\n    onChange?: (value: string) => void;\n};\n\nexport const RoleAutocomplete = ({ onChange, value, ...props }: RoleAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValueChange = useCallback((id: string) => onChange?.(id), [onChange]);\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            value={loading ? undefined : (value as string | undefined)}\n            onValueChange={onValueChange}\n        />\n    );\n};\n"],"names":["RoleAutocomplete","onChange","value","props","data","loading","useQuery","LIST_ROLES","rawOptions","options","useMemo","role","onValueChange","useCallback","id","AutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAA8B;IACjF,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAEnE,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,gBAAgBC,YAAY,CAACC,KAAeb,WAAWa,KAAK;QAACb;KAAS;IAE5E,OAAO,WAAP,GACI,oBAACc,cAAYA;QACR,GAAGZ,KAAK;QACT,SAASM;QACT,OAAOJ,UAAUW,SAAad;QAC9B,eAAeU;;AAG3B"}

package/components/RolesMultiAutocomplete/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-export const LIST_ROLES = gql`
+import graphql_tag from "graphql-tag";
+const LIST_ROLES = graphql_tag`
     query ListRoles {
         security {
             roles: listRoles {
@@ -19,5 +19,6 @@ export const LIST_ROLES = gql`
         }
     }
 `;
+export { LIST_ROLES };
 
 //# sourceMappingURL=graphql.js.map

package/components/RolesMultiAutocomplete/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","LIST_ROLES"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"components/RolesMultiAutocomplete/graphql.js","sources":["../../../src/components/RolesMultiAutocomplete/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_ROLES","gql"],"mappings":";AAEO,MAAMA,aAAaC,WAAG,CAAC;;;;;;;;;;;;;;;;;;;AAmB9B,CAAC"}

package/components/RolesMultiAutocomplete/index.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-import type { MultiAutoCompleteProps } from "@webiny/ui/AutoComplete/index.js";
-type RolesMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;
-export declare const RolesMultiAutocomplete: (props: RolesMultiAutocompleteProps) => React.JSX.Element;
+import { MultiAutoComplete } from "@webiny/admin-ui";
+type RolesMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
+    onChange?: (values: string[]) => void;
+};
+export declare const RolesMultiAutocomplete: ({ onChange, values, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
 export {};

package/components/RolesMultiAutocomplete/index.js

@@ -1,19 +1,26 @@
-import React from "react";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import react, { useCallback, useMemo } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
 import { LIST_ROLES } from "./graphql.js";
 import { useQuery } from "@apollo/react-hooks";
-export const RolesMultiAutocomplete = props => {
-  const {
-    data,
-    loading
-  } = useQuery(LIST_ROLES);
-  const options = loading || !data ? [] : data.security.roles.data;
-  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, props, {
-    options: options,
-    valueProp: "id",
-    unique: true,
-    value: loading ? undefined : props.value
-  }));
+const RolesMultiAutocomplete = ({ onChange, values, ...props })=>{
+    const { data, loading } = useQuery(LIST_ROLES);
+    const rawOptions = loading || !data ? [] : data.security.roles.data;
+    const options = useMemo(()=>rawOptions.map((role)=>({
+                label: role.name,
+                value: role.id
+            })), [
+        rawOptions
+    ]);
+    const onValuesChange = useCallback((ids)=>onChange?.(ids), [
+        onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+        ...props,
+        options: options,
+        values: loading ? void 0 : values,
+        onValuesChange: onValuesChange
+    });
 };
+export { RolesMultiAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/components/RolesMultiAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MultiAutoComplete","LIST_ROLES","useQuery","RolesMultiAutocomplete","props","data","loading","options","security","roles","createElement","Object","assign","valueProp","unique","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MultiAutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;\n\nexport const RolesMultiAutocomplete = (props: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n\n    const options = loading || !data ? [] : data.security.roles.data;\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            unique={true}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,MAAM,EAAE,IAAK;IACbC,KAAK,EAAET,OAAO,GAAGU,SAAS,GAAGZ,KAAK,CAACW;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = ({\n    onChange,\n    values,\n    ...props\n}: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"names":["RolesMultiAutocomplete","onChange","values","props","data","loading","useQuery","LIST_ROLES","rawOptions","options","useMemo","role","onValuesChange","useCallback","ids","MultiAutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,yBAAyB,CAAC,EACnCC,QAAQ,EACRC,MAAM,EACN,GAAGC,OACuB;IAC1B,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAEnE,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBb,WAAWa,MAAM;QAACb;KAAS;IAEjF,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,SAASM;QACT,QAAQJ,UAAUW,SAAad;QAC/B,gBAAgBU;;AAG5B"}

package/components/SearchUI.js

@@ -1,28 +1,21 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/search.svg";
 import { Icon, InputPrimitive } from "@webiny/admin-ui";
-export const SearchUI = ({
-  value,
-  onChange,
-  onEnter,
-  dataTestId,
-  inputPlaceholder = "Search..."
-}) => {
-  return /*#__PURE__*/React.createElement(InputPrimitive, {
-    id: "search-input",
-    placeholder: inputPlaceholder,
-    value: value,
-    onChange: onChange,
-    onEnter: onEnter,
-    autoComplete: "off",
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      label: "Search",
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
-    }),
-    variant: "ghost",
-    size: "md",
-    "data-testid": dataTestId
-  });
-};
+const SearchUI = ({ value, onChange, onEnter, dataTestId, inputPlaceholder = "Search..." })=>/*#__PURE__*/ react.createElement(InputPrimitive, {
+        id: "search-input",
+        placeholder: inputPlaceholder,
+        value: value,
+        onChange: onChange,
+        onEnter: onEnter,
+        autoComplete: "off",
+        startIcon: /*#__PURE__*/ react.createElement(Icon, {
+            label: "Search",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        variant: "ghost",
+        size: "md",
+        "data-testid": dataTestId
+    });
+export { SearchUI };
 
 //# sourceMappingURL=SearchUI.js.map

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","Icon","InputPrimitive","SearchUI","value","onChange","onEnter","dataTestId","inputPlaceholder","createElement","id","placeholder","autoComplete","startIcon","label","icon","variant","size"],"sources":["SearchUI.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Icon, InputPrimitive } from \"@webiny/admin-ui\";\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n    dataTestId?: string;\n}\n\nexport const SearchUI = ({\n    value,\n    onChange,\n    onEnter,\n    dataTestId,\n    inputPlaceholder = \"Search...\"\n}: SearchProps) => {\n    return (\n        <InputPrimitive\n            id={\"search-input\"}\n            placeholder={inputPlaceholder}\n            value={value}\n            onChange={onChange}\n            onEnter={onEnter}\n            autoComplete=\"off\"\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            variant={\"ghost\"}\n            size={\"md\"}\n            data-testid={dataTestId}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,EAAEC,cAAc,QAAQ,kBAAkB;AAUvD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,gBAAgB,GAAG;AACV,CAAC,KAAK;EACf,oBACIV,KAAA,CAAAW,aAAA,CAACP,cAAc;IACXQ,EAAE,EAAE,cAAe;IACnBC,WAAW,EAAEH,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBM,YAAY,EAAC,KAAK;IAClBC,SAAS,eAAEf,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACa,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEjB,KAAA,CAAAW,aAAA,CAACT,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DgB,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACX,eAAaV;EAAW,CAC3B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/SearchUI.js","sources":["../../src/components/SearchUI.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Icon, InputPrimitive } from \"@webiny/admin-ui\";\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n    dataTestId?: string;\n}\n\nexport const SearchUI = ({\n    value,\n    onChange,\n    onEnter,\n    dataTestId,\n    inputPlaceholder = \"Search...\"\n}: SearchProps) => {\n    return (\n        <InputPrimitive\n            id={\"search-input\"}\n            placeholder={inputPlaceholder}\n            value={value}\n            onChange={onChange}\n            onEnter={onEnter}\n            autoComplete=\"off\"\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            variant={\"ghost\"}\n            size={\"md\"}\n            data-testid={dataTestId}\n        />\n    );\n};\n"],"names":["SearchUI","value","onChange","onEnter","dataTestId","inputPlaceholder","InputPrimitive","Icon","SearchIcon"],"mappings":";;;AAaO,MAAMA,WAAW,CAAC,EACrBC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,mBAAmB,WAAW,EACpB,GACH,WAAP,GACI,oBAACC,gBAAcA;QACX,IAAI;QACJ,aAAaD;QACb,OAAOJ;QACP,UAAUC;QACV,SAASC;QACT,cAAa;QACb,yBAAW,oBAACI,MAAIA;YAAC,OAAO;YAAU,oBAAM,oBAACC,gBAAUA;;QACnD,SAAS;QACT,MAAM;QACN,eAAaJ"}

package/components/SimpleForm/SimpleForm.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const simpleFormInnerVariants: (props?: ({
-    size?: "md" | "lg" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "full" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {
     children: React.ReactNode;
     noElevation?: boolean;
@@ -11,7 +11,7 @@ interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantP
 export declare const SimpleForm: ({ children, className, size, ...props }: SimpleFormProps) => React.JSX.Element;
 declare const simpleFormHeaderVariants: (props?: ({
     rounded?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SimpleFormHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof simpleFormHeaderVariants> {
     title: React.ReactNode;
     icon?: React.ReactElement<any>;

package/components/SimpleForm/SimpleForm.js

@@ -1,81 +1,62 @@
-import * as React from "react";
-import { cn, cva, Grid, Heading, Icon } from "@webiny/admin-ui";
+import { Grid, Heading, Icon, cn, cva } from "@webiny/admin-ui";
+import * as __rspack_external_react from "react";
 const simpleFormInnerVariants = cva("mx-auto", {
-  variants: {
-    size: {
-      md: "max-w-[640px]",
-      lg: "max-w-[800px]",
-      full: "max-w-full"
+    variants: {
+        size: {
+            md: "max-w-[640px]",
+            lg: "max-w-[800px]",
+            xl: "max-w-[1200px]",
+            full: "max-w-full"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-export const SimpleForm = ({
-  children,
-  className,
-  size,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn(["webiny-data-list", "mx-auto p-lg", "relative"], className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn(simpleFormInnerVariants({
-      size
-    }))
-  }, children));
-};
+const SimpleForm = ({ children, className, size, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn([
+            "webiny-data-list",
+            "mx-auto p-lg",
+            "relative"
+        ], className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(simpleFormInnerVariants({
+            size
+        }))
+    }, children));
 const simpleFormHeaderVariants = cva("p-md pl-lg border-sm border-neutral-dimmed-darker", {
-  variants: {
-    rounded: {
-      true: "rounded-t-3xl"
+    variants: {
+        rounded: {
+            true: "rounded-t-3xl"
+        }
+    },
+    defaultVariants: {
+        rounded: true
     }
-  },
-  defaultVariants: {
-    rounded: true
-  }
 });
-export const SimpleFormHeader = ({
-  children,
-  icon,
-  title,
-  className,
-  rounded,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(simpleFormHeaderVariants({
-      rounded
-    }), className),
-    "data-testid": props["data-testid"]
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: children ? 6 : 12
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
-    label: title,
-    icon: icon
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: 4,
-    className: "truncate"
-  }, title))), /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, children) : null)));
-};
-export const SimpleFormFooter = ({
-  children,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl", "flex justify-end gap-sm", className)
-  }, children);
-};
-export const SimpleFormContent = ({
-  children,
-  className
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("p-lg border-sm border-y-none border-neutral-dimmed-darker", className)
-  }, children);
-};
+const SimpleFormHeader = ({ children, icon, title, className, rounded, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(simpleFormHeaderVariants({
+            rounded
+        }), className),
+        "data-testid": props["data-testid"]
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Grid, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+        span: children ? 6 : 12
+    }, /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, icon && /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        label: title,
+        icon: icon
+    }), /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        level: 4,
+        className: "truncate"
+    }, title))), /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, children ? /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+        span: 6
+    }, children) : null)));
+const SimpleFormFooter = ({ children, className })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn("p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl", "flex justify-end gap-sm", className)
+    }, children);
+const SimpleFormContent = ({ children, className })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn("p-lg border-sm border-y-none border-neutral-dimmed-darker", className)
+    }, children);
+export { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader };
 
 //# sourceMappingURL=SimpleForm.js.map

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","Grid","Heading","Icon","simpleFormInnerVariants","variants","size","md","lg","full","defaultVariants","SimpleForm","children","className","props","createElement","Object","assign","simpleFormHeaderVariants","rounded","true","SimpleFormHeader","icon","title","Column","span","Fragment","label","level","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, Grid, Heading, Icon, type VariantProps } from \"@webiny/admin-ui\";\n\nconst simpleFormInnerVariants = cva(\"mx-auto\", {\n    variants: {\n        size: {\n            md: \"max-w-[640px]\",\n            lg: \"max-w-[800px]\",\n            full: \"max-w-full\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface SimpleFormProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof simpleFormInnerVariants> {\n    children: React.ReactNode;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport const SimpleForm = ({ children, className, size, ...props }: SimpleFormProps) => {\n    return (\n        <div {...props} className={cn([\"webiny-data-list\", \"mx-auto p-lg\", \"relative\"], className)}>\n            <div className={cn(simpleFormInnerVariants({ size }))}>{children}</div>\n        </div>\n    );\n};\n\nconst simpleFormHeaderVariants = cva(\"p-md pl-lg border-sm border-neutral-dimmed-darker\", {\n    variants: {\n        rounded: {\n            true: \"rounded-t-3xl\"\n        }\n    },\n    defaultVariants: {\n        rounded: true\n    }\n});\n\ninterface SimpleFormHeaderProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof simpleFormHeaderVariants> {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const SimpleFormHeader = ({\n    children,\n    icon,\n    title,\n    className,\n    rounded,\n    ...props\n}: SimpleFormHeaderProps) => {\n    return (\n        <div\n            className={cn(simpleFormHeaderVariants({ rounded }), className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <Grid>\n                <Grid.Column span={children ? 6 : 12}>\n                    <>\n                        {icon && <Icon label={title as string} icon={icon} />}\n                        <Heading level={4} className={\"truncate\"}>\n                            {title}\n                        </Heading>\n                    </>\n                </Grid.Column>\n                <>{children ? <Grid.Column span={6}>{children}</Grid.Column> : null}</>\n            </Grid>\n        </div>\n    );\n};\n\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormFooter = ({ children, className }: SimpleFormFooterProps) => {\n    return (\n        <div\n            className={cn(\n                \"p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl\",\n                \"flex justify-end gap-sm\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormContent = ({ children, className }: SimpleFormContentProps) => {\n    return (\n        <div className={cn(\"p-lg border-sm border-y-none border-neutral-dimmed-darker\", className)}>\n            {children}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/SimpleForm/SimpleForm.js","sources":["../../../src/components/SimpleForm/SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, Grid, Heading, Icon, type VariantProps } from \"@webiny/admin-ui\";\n\nconst simpleFormInnerVariants = cva(\"mx-auto\", {\n    variants: {\n        size: {\n            md: \"max-w-[640px]\",\n            lg: \"max-w-[800px]\",\n            xl: \"max-w-[1200px]\",\n            full: \"max-w-full\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface SimpleFormProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {\n    children: React.ReactNode;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport const SimpleForm = ({ children, className, size, ...props }: SimpleFormProps) => {\n    return (\n        <div {...props} className={cn([\"webiny-data-list\", \"mx-auto p-lg\", \"relative\"], className)}>\n            <div className={cn(simpleFormInnerVariants({ size }))}>{children}</div>\n        </div>\n    );\n};\n\nconst simpleFormHeaderVariants = cva(\"p-md pl-lg border-sm border-neutral-dimmed-darker\", {\n    variants: {\n        rounded: {\n            true: \"rounded-t-3xl\"\n        }\n    },\n    defaultVariants: {\n        rounded: true\n    }\n});\n\ninterface SimpleFormHeaderProps\n    extends\n        Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof simpleFormHeaderVariants> {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const SimpleFormHeader = ({\n    children,\n    icon,\n    title,\n    className,\n    rounded,\n    ...props\n}: SimpleFormHeaderProps) => {\n    return (\n        <div\n            className={cn(simpleFormHeaderVariants({ rounded }), className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            <Grid>\n                <Grid.Column span={children ? 6 : 12}>\n                    <>\n                        {icon && <Icon label={title as string} icon={icon} />}\n                        <Heading level={4} className={\"truncate\"}>\n                            {title}\n                        </Heading>\n                    </>\n                </Grid.Column>\n                <>{children ? <Grid.Column span={6}>{children}</Grid.Column> : null}</>\n            </Grid>\n        </div>\n    );\n};\n\nexport interface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormFooter = ({ children, className }: SimpleFormFooterProps) => {\n    return (\n        <div\n            className={cn(\n                \"p-lg pt-none border-sm border-t-none border-neutral-dimmed-darker rounded-b-3xl\",\n                \"flex justify-end gap-sm\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\ninterface SimpleFormContentProps {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport const SimpleFormContent = ({ children, className }: SimpleFormContentProps) => {\n    return (\n        <div className={cn(\"p-lg border-sm border-y-none border-neutral-dimmed-darker\", className)}>\n            {children}\n        </div>\n    );\n};\n"],"names":["simpleFormInnerVariants","cva","SimpleForm","children","className","size","props","cn","simpleFormHeaderVariants","SimpleFormHeader","icon","title","rounded","Grid","Icon","Heading","SimpleFormFooter","SimpleFormContent"],"mappings":";;AAGA,MAAMA,0BAA0BC,IAAI,WAAW;IAC3C,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AASO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGC,OAAwB,GACxE,WAAP,GACI,sCAAC;QAAK,GAAGA,KAAK;QAAE,WAAWC,GAAG;YAAC;YAAoB;YAAgB;SAAW,EAAEH;qBAC5E,sCAAC;QAAI,WAAWG,GAAGP,wBAAwB;YAAEK;QAAK;OAAMF;AAKpE,MAAMK,2BAA2BP,IAAI,qDAAqD;IACtF,UAAU;QACN,SAAS;YACL,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAYO,MAAMQ,mBAAmB,CAAC,EAC7BN,QAAQ,EACRO,IAAI,EACJC,KAAK,EACLP,SAAS,EACTQ,OAAO,EACP,GAAGN,OACiB,GACb,WAAP,GACI,sCAAC;QACG,WAAWC,GAAGC,yBAAyB;YAAEI;QAAQ,IAAIR;QACrD,eAAaE,KAAK,CAAC,cAAc;qBAEjC,sCAACO,MAAIA,MAAAA,WAAAA,GACD,sCAACA,KAAK,MAAM;QAAC,MAAMV,WAAW,IAAI;qBAC9B,8EACKO,QAAQ,WAARA,GAAQ,sCAACI,MAAIA;QAAC,OAAOH;QAAiB,MAAMD;sBAC7C,sCAACK,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBJ,UAAAA,WAAAA,GAIb,8EAAGR,WAAW,WAAXA,GAAW,sCAACU,KAAK,MAAM;QAAC,MAAM;OAAIV,YAA0B;AAWxE,MAAMa,mBAAmB,CAAC,EAAEb,QAAQ,EAAEC,SAAS,EAAyB,GACpE,WAAP,GACI,sCAAC;QACG,WAAWG,GACP,mFACA,2BACAH;OAGHD;AAUN,MAAMc,oBAAoB,CAAC,EAAEd,QAAQ,EAAEC,SAAS,EAA0B,GACtE,WAAP,GACI,sCAAC;QAAI,WAAWG,GAAG,6DAA6DH;OAC3ED"}

package/components/SimpleForm/index.js

@@ -1,3 +1 @@
-export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from "./SimpleForm.js";
-
-//# sourceMappingURL=index.js.map
+export { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "./SimpleForm.js";