@webiny/app-admin 6.3.0 → 6.4.0-beta.0

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,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const simpleFormInnerVariants: (props?: ({
-    size?: "full" | "md" | "lg" | null | undefined;
+    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;

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>, 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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAA2B,kBAAkB;AAElF,MAAMC,uBAAuB,GAAGJ,GAAG,CAAC,SAAS,EAAE;EAC3CK,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AASF,OAAO,MAAMK,UAAU,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEP,IAAI;EAAE,GAAGQ;AAAuB,CAAC,KAAK;EACpF,oBACIhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;IAAED,SAAS,EAAEd,EAAE,CAAC,CAAC,kBAAkB,EAAE,cAAc,EAAE,UAAU,CAAC,EAAEc,SAAS;EAAE,iBACvFf,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAEd,EAAE,CAACK,uBAAuB,CAAC;MAAEE;IAAK,CAAC,CAAC;EAAE,GAAEM,QAAc,CACrE,CAAC;AAEd,CAAC;AAED,MAAMM,wBAAwB,GAAGlB,GAAG,CAAC,mDAAmD,EAAE;EACtFK,QAAQ,EAAE;IACNc,OAAO,EAAE;MACLC,IAAI,EAAE;IACV;EACJ,CAAC;EACDV,eAAe,EAAE;IACbS,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAYF,OAAO,MAAME,gBAAgB,GAAGA,CAAC;EAC7BT,QAAQ;EACRU,IAAI;EACJC,KAAK;EACLV,SAAS;EACTM,OAAO;EACP,GAAGL;AACgB,CAAC,KAAK;EACzB,oBACIhB,KAAA,CAAAiB,aAAA;IACIF,SAAS,EAAEd,EAAE,CAACmB,wBAAwB,CAAC;MAAEC;IAAQ,CAAC,CAAC,EAAEN,SAAS,CAAE;IAChE,eAAaC,KAAK,CAAC,aAAa;EAAE,gBAElChB,KAAA,CAAAiB,aAAA,CAACd,IAAI,qBACDH,KAAA,CAAAiB,aAAA,CAACd,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAEb,QAAQ,GAAG,CAAC,GAAG;EAAG,gBACjCd,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAA4B,QAAA,QACKJ,IAAI,iBAAIxB,KAAA,CAAAiB,aAAA,CAACZ,IAAI;IAACwB,KAAK,EAAEJ,KAAgB;IAACD,IAAI,EAAEA;EAAK,CAAE,CAAC,eACrDxB,KAAA,CAAAiB,aAAA,CAACb,OAAO;IAAC0B,KAAK,EAAE,CAAE;IAACf,SAAS,EAAE;EAAW,GACpCU,KACI,CACX,CACO,CAAC,eACdzB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAA4B,QAAA,QAAGd,QAAQ,gBAAGd,KAAA,CAAAiB,aAAA,CAACd,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,GAAEb,QAAsB,CAAC,GAAG,IAAO,CACpE,CACL,CAAC;AAEd,CAAC;AAOD,OAAO,MAAMiB,gBAAgB,GAAGA,CAAC;EAAEjB,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAChF,oBACIf,KAAA,CAAAiB,aAAA;IACIF,SAAS,EAAEd,EAAE,CACT,iFAAiF,EACjF,yBAAyB,EACzBc,SACJ;EAAE,GAEDD,QACA,CAAC;AAEd,CAAC;AAOD,OAAO,MAAMkB,iBAAiB,GAAGA,CAAC;EAAElB,QAAQ;EAAEC;AAAkC,CAAC,KAAK;EAClF,oBACIf,KAAA,CAAAiB,aAAA;IAAKF,SAAS,EAAEd,EAAE,CAAC,2DAA2D,EAAEc,SAAS;EAAE,GACtFD,QACA,CAAC;AAEd,CAAC","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";

package/components/SimpleUI/InputField.js

@@ -1,72 +1,79 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
+import react from "react";
 import { css } from "@emotion/css";
-import classNames from "classnames";
+import classnames from "classnames";
 import omit from "lodash/omit.js";
-import { Typography } from "@webiny/ui/Typography/index.js";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage/index.js";
-const inputStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "182fb6",
-  styles: "box-sizing:border-box;border:1px solid var(--mdc-theme-on-background);width:100%;height:100%;padding:4px 8px;text-align:left;min-height:32px;background-color:var(--mdc-theme-surface);transition:150ms all ease-in-out;&:focus:not(:disabled){background-color:var(--mdc-theme-on-background);}&:hover:not(:disabled){background-color:var(--mdc-theme-on-background);}&:disabled{opacity:0.5;cursor:not-allowed;}&.text-center{text-align:center;padding:4px;}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}"
-} : {
-  name: "k732d4-inputStyle",
-  styles: "box-sizing:border-box;border:1px solid var(--mdc-theme-on-background);width:100%;height:100%;padding:4px 8px;text-align:left;min-height:32px;background-color:var(--mdc-theme-surface);transition:150ms all ease-in-out;&:focus:not(:disabled){background-color:var(--mdc-theme-on-background);}&:hover:not(:disabled){background-color:var(--mdc-theme-on-background);}&:disabled{opacity:0.5;cursor:not-allowed;}&.text-center{text-align:center;padding:4px;}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;};label:inputStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiIsImZpbGUiOiJJbnB1dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgb21pdCBmcm9tIFwibG9kYXNoL29taXQuanNcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2UvaW5kZXguanNcIjtcblxuY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IFwiNHB4IDhweFwiLFxuICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgbWluSGVpZ2h0OiAzMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgdHJhbnNpdGlvbjogXCIxNTBtcyBhbGwgZWFzZS1pbi1vdXRcIixcbiAgICBcIiY6Zm9jdXM6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgIH0sXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgIH0sXG5cbiAgICBcIiYudGV4dC1jZW50ZXJcIjoge1xuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmc6IDRcbiAgICB9LFxuXG4gICAgXCImOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uXCI6IHtcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIG1hcmdpbjogMFxuICAgIH0sXG4gICAgXCImOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uXCI6IHtcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIG1hcmdpbjogMFxuICAgIH1cbn0pO1xuXG5jb25zdCBsYWJlbFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDgsXG4gICAgcGFkZGluZzogXCIwcHggOHB4XCIsXG4gICAgXCImIHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1wcmltYXJ5LW9uLWJhY2tncm91bmQpXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEdldFZhbHVlUGFyYW1zIHtcbiAgICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkO1xuICAgIGRlZmF1bHRWYWx1ZTogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHR5cGU6IFwibnVtYmVyXCIgfCBcInN0cmluZ1wiO1xufVxuY29uc3QgZ2V0VmFsdWUgPSAocGFyYW1zOiBHZXRWYWx1ZVBhcmFtcyk6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgeyB2YWx1ZSwgZGVmYXVsdFZhbHVlLCB0eXBlIH0gPSBwYXJhbXM7XG4gICAgaWYgKHR5cGUgPT09IFwibnVtYmVyXCIpIHtcbiAgICAgICAgcmV0dXJuIChpc05hTih2YWx1ZSBhcyBudW1iZXIpID8gZGVmYXVsdFZhbHVlIDogdmFsdWUpIGFzIHN0cmluZztcbiAgICB9XG4gICAgcmV0dXJuICh2YWx1ZSB8fCBkZWZhdWx0VmFsdWUpIGFzIHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIE9uS2V5RG93blByb3BzID0gUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgRXZlbnQ+ICZcbiAgICBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG5pbnRlcmZhY2UgSW5wdXRCb3hQcm9wcyB7XG4gICAgdmFsdWU/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgb25DaGFuZ2U/OiAodmFsdWU6IGFueSkgPT4gdm9pZDtcbiAgICBvbktleURvd24/OiAoZTogT25LZXlEb3duUHJvcHMpID0+IGFueTtcbiAgICBkZWZhdWx0VmFsdWU/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgdHlwZT86IFwic3RyaW5nXCIgfCBcIm51bWJlclwiO1xuICAgIFtrZXk6IHN0cmluZ106IGFueTtcbn1cbmNvbnN0IElucHV0RmllbGQgPSAoe1xuICAgIGNsYXNzTmFtZSxcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgbGFiZWwsXG4gICAgZGVzY3JpcHRpb24sXG4gICAgdmFsaWRhdGlvbiA9IHsgaXNWYWxpZDogdHJ1ZSB9LFxuICAgIGRlZmF1bHRWYWx1ZSA9IFwiXCIsXG4gICAgLi4ucHJvcHNcbn06IElucHV0Qm94UHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtsYWJlbFN0eWxlfT5cbiAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PntsYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGlucHV0U3R5bGUsIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICAgICAgdmFsdWU9e2dldFZhbHVlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAgICAgICAgIHR5cGU6IHByb3BzLnR5cGUgfHwgXCJzdHJpbmdcIixcbiAgICAgICAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFvbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKChldi50YXJnZXQudmFsdWUgfHwgXCJcIikudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICB7Li4ub21pdChwcm9wcywgXCJ2YWxpZGF0ZVwiKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj57dmFsaWRhdGlvbi5tZXNzYWdlfTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHt2YWxpZGF0aW9uLmlzVmFsaWQgIT09IGZhbHNlICYmIGRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlPntkZXNjcmlwdGlvbn08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oSW5wdXRGaWVsZCk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { FormComponentErrorMessage, FormComponentNote, Text } from "@webiny/admin-ui";
+const inputStyle = css({
+    boxSizing: "border-box",
+    border: "1px solid var(--mdc-theme-on-background)",
+    width: "100%",
+    height: "100%",
+    padding: "4px 8px",
+    textAlign: "left",
+    minHeight: 32,
+    backgroundColor: "var(--mdc-theme-surface)",
+    transition: "150ms all ease-in-out",
+    "&:focus:not(:disabled)": {
+        backgroundColor: "var(--mdc-theme-on-background)"
+    },
+    "&:hover:not(:disabled)": {
+        backgroundColor: "var(--mdc-theme-on-background)"
+    },
+    "&:disabled": {
+        opacity: 0.5,
+        cursor: "not-allowed"
+    },
+    "&.text-center": {
+        textAlign: "center",
+        padding: 4
+    },
+    "&::-webkit-inner-spin-button": {
+        WebkitAppearance: "none",
+        margin: 0
+    },
+    "&::-webkit-outer-spin-button": {
+        WebkitAppearance: "none",
+        margin: 0
+    }
 });
-const labelStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "9dnmsz",
-  styles: "margin-bottom:8px;padding:0px 8px;& span{color:var(--mdc-theme-text-primary-on-background);}"
-} : {
-  name: "1yl4ooa-labelStyle",
-  styles: "margin-bottom:8px;padding:0px 8px;& span{color:var(--mdc-theme-text-primary-on-background);};label:labelStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUIiLCJmaWxlIjoiSW5wdXRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0LmpzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeS9pbmRleC5qc1wiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlL2luZGV4LmpzXCI7XG5cbmNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBcIjRweCA4cHhcIixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIG1pbkhlaWdodDogMzIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIHRyYW5zaXRpb246IFwiMTUwbXMgYWxsIGVhc2UtaW4tb3V0XCIsXG4gICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfSxcbiAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNSxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICB9LFxuXG4gICAgXCImLnRleHQtY2VudGVyXCI6IHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiA0XG4gICAgfSxcblxuICAgIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvblwiOiB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDBcbiAgICB9LFxuICAgIFwiJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvblwiOiB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDBcbiAgICB9XG59KTtcblxuY29uc3QgbGFiZWxTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiA4LFxuICAgIHBhZGRpbmc6IFwiMHB4IDhweFwiLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfVxufSk7XG5cbmludGVyZmFjZSBHZXRWYWx1ZVBhcmFtcyB7XG4gICAgdmFsdWU6IHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgICBkZWZhdWx0VmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgICB0eXBlOiBcIm51bWJlclwiIHwgXCJzdHJpbmdcIjtcbn1cbmNvbnN0IGdldFZhbHVlID0gKHBhcmFtczogR2V0VmFsdWVQYXJhbXMpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIGRlZmF1bHRWYWx1ZSwgdHlwZSB9ID0gcGFyYW1zO1xuICAgIGlmICh0eXBlID09PSBcIm51bWJlclwiKSB7XG4gICAgICAgIHJldHVybiAoaXNOYU4odmFsdWUgYXMgbnVtYmVyKSA/IGRlZmF1bHRWYWx1ZSA6IHZhbHVlKSBhcyBzdHJpbmc7XG4gICAgfVxuICAgIHJldHVybiAodmFsdWUgfHwgZGVmYXVsdFZhbHVlKSBhcyBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBPbktleURvd25Qcm9wcyA9IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIEV2ZW50PiAmXG4gICAgUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PjtcblxuaW50ZXJmYWNlIElucHV0Qm94UHJvcHMge1xuICAgIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIG9uQ2hhbmdlPzogKHZhbHVlOiBhbnkpID0+IHZvaWQ7XG4gICAgb25LZXlEb3duPzogKGU6IE9uS2V5RG93blByb3BzKSA9PiBhbnk7XG4gICAgZGVmYXVsdFZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHR5cGU/OiBcInN0cmluZ1wiIHwgXCJudW1iZXJcIjtcbiAgICBba2V5OiBzdHJpbmddOiBhbnk7XG59XG5jb25zdCBJbnB1dEZpZWxkID0gKHtcbiAgICBjbGFzc05hbWUsXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIGxhYmVsLFxuICAgIGRlc2NyaXB0aW9uLFxuICAgIHZhbGlkYXRpb24gPSB7IGlzVmFsaWQ6IHRydWUgfSxcbiAgICBkZWZhdWx0VmFsdWUgPSBcIlwiLFxuICAgIC4uLnByb3BzXG59OiBJbnB1dEJveFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17bGFiZWxTdHlsZX0+XG4gICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MlwifT57bGFiZWx9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhpbnB1dFN0eWxlLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgIHZhbHVlPXtnZXRWYWx1ZSh7XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICB0eXBlOiBwcm9wcy50eXBlIHx8IFwic3RyaW5nXCIsXG4gICAgICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZVxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldiA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmICghb25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZSgoZXYudGFyZ2V0LnZhbHVlIHx8IFwiXCIpLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgey4uLm9taXQocHJvcHMsIFwidmFsaWRhdGVcIil9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2UgZXJyb3I+e3ZhbGlkYXRpb24ubWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZGVzY3JpcHRpb259PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5tZW1vKElucHV0RmllbGQpO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const labelStyle = css({
+    marginBottom: 8,
+    padding: "0px 8px",
+    "& span": {
+        color: "var(--mdc-theme-text-primary-on-background)"
+    }
 });
-const getValue = params => {
-  const {
-    value,
-    defaultValue,
-    type
-  } = params;
-  if (type === "number") {
-    return isNaN(value) ? defaultValue : value;
-  }
-  return value || defaultValue;
+const getValue = (params)=>{
+    const { value, defaultValue, type } = params;
+    if ("number" === type) return isNaN(value) ? defaultValue : value;
+    return value || defaultValue;
 };
-const InputField = ({
-  className,
-  value,
-  onChange,
-  onKeyDown,
-  label,
-  description,
-  validation = {
+const InputField = ({ className, value, onChange, onKeyDown, label, description, validation = {
     isValid: true
-  },
-  defaultValue = "",
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-    className: labelStyle
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
-  }, label)), /*#__PURE__*/React.createElement("input", Object.assign({
-    className: classNames(inputStyle, className),
-    value: getValue({
-      value,
-      type: props.type || "string",
-      defaultValue
-    }),
-    onKeyDown: onKeyDown,
-    onChange: ev => {
-      if (!onChange) {
-        return;
-      }
-      onChange((ev.target.value || "").toLowerCase());
-    }
-  }, omit(props, "validate"))), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-    error: true
-  }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-};
-export default /*#__PURE__*/React.memo(InputField);
+}, defaultValue = "", ...props })=>/*#__PURE__*/ react.createElement(react.Fragment, null, label && /*#__PURE__*/ react.createElement("div", {
+        className: labelStyle
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, label)), /*#__PURE__*/ react.createElement("input", {
+        className: classnames(inputStyle, className),
+        value: getValue({
+            value,
+            type: props.type || "string",
+            defaultValue
+        }),
+        onKeyDown: onKeyDown,
+        onChange: (ev)=>{
+            if (!onChange) return;
+            onChange((ev.target.value || "").toLowerCase());
+        },
+        ...omit(props, "validate")
+    }), false === validation.isValid && /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validation.message,
+        invalid: true
+    }), false !== validation.isValid && description && /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: description
+    }));
+const SimpleUI_InputField = /*#__PURE__*/ react.memo(InputField);
+export default SimpleUI_InputField;
 
 //# sourceMappingURL=InputField.js.map