@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/IconPicker/primitives/components/IconPickerIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { IconName, IconPrefix } from "@fortawesome/fontawesome-svg-core";
+interface IconPickerIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: IconName;
+    prefix: IconPrefix;
+}
+declare const IconPickerIcon: ({ name, prefix, ...props }: IconPickerIconProps) => React.JSX.Element;
+export { IconPickerIcon, type IconPickerIconProps };

package/IconPicker/primitives/components/IconPickerIcon.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+const IconPickerIcon = ({
+  name,
+  prefix,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: [prefix, name],
+    size: "2x",
+    className: "wby-block wby-size-full"
+  }));
+};
+export { IconPickerIcon };
+
+//# sourceMappingURL=IconPickerIcon.js.map

package/IconPicker/primitives/components/IconPickerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FontAwesomeIcon","IconPickerIcon","name","prefix","props","createElement","icon","size","className"],"sources":["IconPickerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconName, IconPrefix } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IconPickerIconProps extends React.HTMLAttributes<HTMLDivElement> {\n    name: IconName;\n    prefix: IconPrefix;\n}\n\nconst IconPickerIcon = ({ name, prefix, ...props }: IconPickerIconProps) => {\n    return (\n        <div {...props}>\n            <FontAwesomeIcon\n                icon={[prefix, name]}\n                size={\"2x\"}\n                className={\"wby-block wby-size-full\"}\n            />\n        </div>\n    );\n};\n\nexport { IconPickerIcon, type IconPickerIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAQhE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACxE,oBACIL,KAAA,CAAAM,aAAA,QAASD,KAAK,eACVL,KAAA,CAAAM,aAAA,CAACL,eAAe;IACZM,IAAI,EAAE,CAACH,MAAM,EAAED,IAAI,CAAE;IACrBK,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAA0B,CACxC,CACA,CAAC;AAEd,CAAC;AAED,SAASP,cAAc","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface IconPickerInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+}
+declare const IconPickerInput: (props: IconPickerInputProps) => React.JSX.Element;
+export { IconPickerInput, type IconPickerInputProps };

package/IconPicker/primitives/components/IconPickerInput.js

@@ -0,0 +1,37 @@
+import React, { useCallback } from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { Input } from "../../../Input";
+import { Icon } from "../../../Icon";
+import { DelayedOnChange } from "../../../DelayedOnChange";
+import { cn } from "../../../utils";
+const IconPickerInput = props => {
+  const onInputChange = useCallback((value, cb) => {
+    props.onChange(value);
+    if (cb) {
+      cb(value);
+    }
+  }, [props.onChange]);
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
+    value: props.value,
+    onChange: onInputChange
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-p-xs-plus wby-pb-0")
+  }, /*#__PURE__*/React.createElement(Input, {
+    inputRef: props.inputRef,
+    value: value,
+    onChange: onChange,
+    placeholder: "Search icons...",
+    variant: "secondary",
+    size: "md",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+      label: "Search icons"
+    })
+  })));
+};
+export { IconPickerInput };
+
+//# sourceMappingURL=IconPickerInput.js.map

package/IconPicker/primitives/components/IconPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","ReactComponent","SearchIcon","Input","Icon","DelayedOnChange","cn","IconPickerInput","props","onInputChange","value","cb","onChange","createElement","className","inputRef","placeholder","variant","size","startIcon","icon","label"],"sources":["IconPickerInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input } from \"~/Input\";\nimport { Icon } from \"~/Icon\";\nimport type { OnChangeCallable } from \"~/DelayedOnChange\";\nimport { DelayedOnChange } from \"~/DelayedOnChange\";\nimport { cn } from \"~/utils\";\n\ninterface IconPickerInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    inputRef: React.RefObject<HTMLInputElement>;\n}\n\nconst IconPickerInput = (props: IconPickerInputProps) => {\n    const onInputChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            props.onChange(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [props.onChange]\n    );\n\n    return (\n        <DelayedOnChange value={props.value} onChange={onInputChange}>\n            {({ value, onChange }) => (\n                <div className={cn(\"wby-p-xs-plus wby-pb-0\")}>\n                    <Input\n                        inputRef={props.inputRef}\n                        value={value}\n                        onChange={onChange}\n                        placeholder={\"Search icons...\"}\n                        variant={\"secondary\"}\n                        size={\"md\"}\n                        startIcon={<Icon icon={<SearchIcon />} label={\"Search icons\"} />}\n                    />\n                </div>\n            )}\n        </DelayedOnChange>\n    );\n};\n\nexport { IconPickerInput, type IconPickerInputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK;AACd,SAASC,IAAI;AAEb,SAASC,eAAe;AACxB,SAASC,EAAE;AAQX,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAMC,aAAa,GAAGT,WAAW,CAC7B,CAACU,KAAK,EAAEC,EAAE,KAAK;IACXH,KAAK,CAACI,QAAQ,CAACF,KAAK,CAAC;IACrB,IAAIC,EAAE,EAAE;MACJA,EAAE,CAACD,KAAK,CAAC;IACb;EACJ,CAAC,EACD,CAACF,KAAK,CAACI,QAAQ,CACnB,CAAC;EAED,oBACIb,KAAA,CAAAc,aAAA,CAACR,eAAe;IAACK,KAAK,EAAEF,KAAK,CAACE,KAAM;IAACE,QAAQ,EAAEH;EAAc,GACxD,CAAC;IAAEC,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,EAAE,CAAC,wBAAwB;EAAE,gBACzCP,KAAA,CAAAc,aAAA,CAACV,KAAK;IACFY,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBL,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBI,WAAW,EAAE,iBAAkB;IAC/BC,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,SAAS,eAAEpB,KAAA,CAAAc,aAAA,CAACT,IAAI;MAACgB,IAAI,eAAErB,KAAA,CAAAc,aAAA,CAACX,UAAU,MAAE,CAAE;MAACmB,KAAK,EAAE;IAAe,CAAE;EAAE,CACpE,CACA,CAEI,CAAC;AAE1B,CAAC;AAED,SAASd,eAAe","ignoreList":[]}

package/IconPicker/primitives/components/IconPickerTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type VariantProps } from "../../../utils";
+declare const iconPickerTriggerVariants: (props?: ({
+    size?: "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {
+    value?: string;
+}
+declare const IconPickerTrigger: ({ value, size }: IconPickerTriggerProps) => React.JSX.Element;
+export { IconPickerTrigger, type IconPickerTriggerProps };

package/IconPicker/primitives/components/IconPickerTrigger.js

@@ -0,0 +1,46 @@
+import React, { useMemo } from "react";
+import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
+import { Icon as IconComponent } from "../../../Icon";
+import { cn, cva } from "../../../utils";
+import { IconPickerIcon as IconPickerIconComponent } from "./IconPickerIcon";
+import { IconPickerIcon, IconPickerIconFormatter } from "../../domains";
+const iconPickerTriggerVariants = cva("wby-flex wby-items-center", {
+  variants: {
+    size: {
+      md: "wby-gap-xs",
+      lg: "wby-gap-xs",
+      xl: "wby-gap-sm"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+const IconPickerTrigger = ({
+  value,
+  size
+}) => {
+  const icon = useMemo(() => {
+    const icon = IconPickerIcon.createFromString(value);
+    return IconPickerIconFormatter.formatFontAwesome(icon);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(iconPickerTriggerVariants({
+      size
+    }))
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconComponent, {
+    size: size === "xl" ? "lg" : "md",
+    icon: /*#__PURE__*/React.createElement(IconPickerIconComponent, {
+      prefix: icon.prefix,
+      name: icon.name
+    }),
+    label: `Selected icon`
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconComponent, {
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(ChevronDown, null),
+    label: "Open list"
+  })));
+};
+export { IconPickerTrigger };
+
+//# sourceMappingURL=IconPickerTrigger.js.map

package/IconPicker/primitives/components/IconPickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","ReactComponent","ChevronDown","Icon","IconComponent","cn","cva","IconPickerIcon","IconPickerIconComponent","IconPickerIconFormatter","iconPickerTriggerVariants","variants","size","md","lg","xl","defaultVariants","IconPickerTrigger","value","icon","createFromString","formatFontAwesome","createElement","className","prefix","name","label"],"sources":["IconPickerTrigger.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { Icon as IconComponent } from \"~/Icon\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { IconPickerIcon as IconPickerIconComponent } from \"./IconPickerIcon\";\nimport { IconPickerIcon, IconPickerIconFormatter } from \"../../domains\";\n\nconst iconPickerTriggerVariants = cva(\"wby-flex wby-items-center\", {\n    variants: {\n        size: {\n            md: \"wby-gap-xs\",\n            lg: \"wby-gap-xs\",\n            xl: \"wby-gap-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"lg\"\n    }\n});\n\ninterface IconPickerTriggerProps extends VariantProps<typeof iconPickerTriggerVariants> {\n    value?: string;\n}\n\nconst IconPickerTrigger = ({ value, size }: IconPickerTriggerProps) => {\n    const icon = useMemo(() => {\n        const icon = IconPickerIcon.createFromString(value);\n        return IconPickerIconFormatter.formatFontAwesome(icon);\n    }, [value]);\n\n    return (\n        <div className={cn(iconPickerTriggerVariants({ size }))}>\n            <div>\n                <IconComponent\n                    size={size === \"xl\" ? \"lg\" : \"md\"}\n                    icon={<IconPickerIconComponent prefix={icon.prefix} name={icon.name} />}\n                    label={`Selected icon`}\n                />\n            </div>\n            <div>\n                <IconComponent size={\"sm\"} icon={<ChevronDown />} label={\"Open list\"} />\n            </div>\n        </div>\n    );\n};\n\nexport { IconPickerTrigger, type IconPickerTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,cAAc,IAAIC,WAAW,QAAQ,uCAAuC;AACrF,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,cAAc,IAAIC,uBAAuB;AAClD,SAASD,cAAc,EAAEE,uBAAuB;AAEhD,MAAMC,yBAAyB,GAAGJ,GAAG,CAAC,2BAA2B,EAAE;EAC/DK,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbJ,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMK,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEN;AAA6B,CAAC,KAAK;EACnE,MAAMO,IAAI,GAAGnB,OAAO,CAAC,MAAM;IACvB,MAAMmB,IAAI,GAAGZ,cAAc,CAACa,gBAAgB,CAACF,KAAK,CAAC;IACnD,OAAOT,uBAAuB,CAACY,iBAAiB,CAACF,IAAI,CAAC;EAC1D,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBACInB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAElB,EAAE,CAACK,yBAAyB,CAAC;MAAEE;IAAK,CAAC,CAAC;EAAE,gBACpDb,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IACVQ,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK;IAClCO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACd,uBAAuB;MAACgB,MAAM,EAAEL,IAAI,CAACK,MAAO;MAACC,IAAI,EAAEN,IAAI,CAACM;IAAK,CAAE,CAAE;IACxEC,KAAK,EAAE;EAAgB,CAC1B,CACA,CAAC,eACN3B,KAAA,CAAAuB,aAAA,2BACIvB,KAAA,CAAAuB,aAAA,CAAClB,aAAa;IAACQ,IAAI,EAAE,IAAK;IAACO,IAAI,eAAEpB,KAAA,CAAAuB,aAAA,CAACpB,WAAW,MAAE,CAAE;IAACwB,KAAK,EAAE;EAAY,CAAE,CACtE,CACJ,CAAC;AAEd,CAAC;AAED,SAAST,iBAAiB","ignoreList":[]}

package/IconPicker/primitives/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./IconPickerGrid";
+export * from "./IconPickerIcon";
+export * from "./IconPickerInput";
+export * from "./IconPickerTrigger";

package/IconPicker/primitives/components/index.js

@@ -0,0 +1,6 @@
+export * from "./IconPickerGrid";
+export * from "./IconPickerIcon";
+export * from "./IconPickerInput";
+export * from "./IconPickerTrigger";
+
+//# sourceMappingURL=index.js.map

package/IconPicker/primitives/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerGrid\";\nexport * from \"./IconPickerIcon\";\nexport * from \"./IconPickerInput\";\nexport * from \"./IconPickerTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/IconPicker/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconPickerPrimitive";

package/IconPicker/primitives/index.js

@@ -0,0 +1,3 @@
+export * from "./IconPickerPrimitive";
+
+//# sourceMappingURL=index.js.map

package/IconPicker/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}

package/IconPicker/primitives/presenters/IconPickerPresenter.d.ts

@@ -0,0 +1,36 @@
+import type { IconPickerIconDto, IconPickerFontAwesome } from "../../domains";
+interface IconPickerParams {
+    icons: IconPickerIconDto[];
+    onChange?: (value: string) => void;
+}
+interface IIconPickerPresenter {
+    vm: {
+        open: boolean;
+        icons: IconPickerFontAwesome[];
+        iconsLength: number;
+        searchQuery: string;
+    };
+    init: (params: IconPickerParams) => void;
+    setListOpenState: (open: boolean) => void;
+    searchIcon: (value: string) => void;
+    setSelectedIcon: (icon: string) => void;
+}
+declare class IconPickerPresenter implements IIconPickerPresenter {
+    private open;
+    private icons;
+    private searchQuery;
+    private params?;
+    constructor();
+    init: (params: IconPickerParams) => void;
+    get vm(): {
+        open: boolean;
+        searchQuery: string;
+        icons: IconPickerFontAwesome[];
+        iconsLength: number;
+    };
+    setListOpenState: (open: boolean) => void;
+    searchIcon: (value: string) => void;
+    setSelectedIcon: (icon: string) => void;
+    private getIcons;
+}
+export { IconPickerPresenter, type IIconPickerPresenter, type IconPickerParams };

package/IconPicker/primitives/presenters/IconPickerPresenter.js

@@ -0,0 +1,43 @@
+import { makeAutoObservable } from "mobx";
+import { IconPickerIcon, IconPickerIconFormatter, ListCache } from "../../domains";
+class IconPickerPresenter {
+  open = false;
+  icons = new ListCache();
+  searchQuery = "";
+  params = undefined;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init = params => {
+    this.params = params;
+    this.icons.clear();
+    this.icons.addItems(params.icons.map(icon => IconPickerIcon.create(icon)));
+  };
+  get vm() {
+    return {
+      open: this.open,
+      searchQuery: this.searchQuery,
+      icons: this.getIcons().map(icon => IconPickerIconFormatter.formatFontAwesome(icon)),
+      iconsLength: this.getIcons().length || 0
+    };
+  }
+  setListOpenState = open => {
+    this.open = open;
+  };
+  searchIcon = value => {
+    this.searchQuery = value;
+  };
+  setSelectedIcon = icon => {
+    this.setListOpenState(false);
+    this.params?.onChange?.(icon);
+  };
+  getIcons = () => {
+    if (this.searchQuery) {
+      return this.icons.getItems(icon => icon.name.includes(this.searchQuery));
+    }
+    return this.icons.getItems();
+  };
+}
+export { IconPickerPresenter };
+
+//# sourceMappingURL=IconPickerPresenter.js.map

package/IconPicker/primitives/presenters/IconPickerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","IconPickerIcon","IconPickerIconFormatter","ListCache","IconPickerPresenter","open","icons","searchQuery","params","undefined","constructor","init","clear","addItems","map","icon","create","vm","getIcons","formatFontAwesome","iconsLength","length","setListOpenState","searchIcon","value","setSelectedIcon","onChange","getItems","name","includes"],"sources":["IconPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IconPickerIconDto, IconPickerFontAwesome } from \"../../domains\";\nimport { IconPickerIcon, IconPickerIconFormatter, ListCache } from \"../../domains\";\n\ninterface IconPickerParams {\n    icons: IconPickerIconDto[];\n    onChange?: (value: string) => void;\n}\n\ninterface IIconPickerPresenter {\n    vm: {\n        open: boolean;\n        icons: IconPickerFontAwesome[];\n        iconsLength: number;\n        searchQuery: string;\n    };\n    init: (params: IconPickerParams) => void;\n    setListOpenState: (open: boolean) => void;\n    searchIcon: (value: string) => void;\n    setSelectedIcon: (icon: string) => void;\n}\n\nclass IconPickerPresenter implements IIconPickerPresenter {\n    private open = false;\n    private icons = new ListCache<IconPickerIcon>();\n    private searchQuery = \"\";\n    private params?: IconPickerParams = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: IconPickerParams) => {\n        this.params = params;\n        this.icons.clear();\n        this.icons.addItems(params.icons.map(icon => IconPickerIcon.create(icon)));\n    };\n\n    get vm() {\n        return {\n            open: this.open,\n            searchQuery: this.searchQuery,\n            icons: this.getIcons().map(icon => IconPickerIconFormatter.formatFontAwesome(icon)),\n            iconsLength: this.getIcons().length || 0\n        };\n    }\n\n    public setListOpenState = (open: boolean) => {\n        this.open = open;\n    };\n\n    public searchIcon = (value: string) => {\n        this.searchQuery = value;\n    };\n\n    public setSelectedIcon = (icon: string) => {\n        this.setListOpenState(false);\n        this.params?.onChange?.(icon);\n    };\n\n    private getIcons = () => {\n        if (this.searchQuery) {\n            return this.icons.getItems(icon => icon.name.includes(this.searchQuery));\n        }\n\n        return this.icons.getItems();\n    };\n}\n\nexport { IconPickerPresenter, type IIconPickerPresenter, type IconPickerParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,cAAc,EAAEC,uBAAuB,EAAEC,SAAS;AAoB3D,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAG,KAAK;EACZC,KAAK,GAAG,IAAIH,SAAS,CAAiB,CAAC;EACvCI,WAAW,GAAG,EAAE;EAChBC,MAAM,GAAsBC,SAAS;EAE7CC,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOW,IAAI,GAAIH,MAAwB,IAAK;IACxC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACF,KAAK,CAACM,KAAK,CAAC,CAAC;IAClB,IAAI,CAACN,KAAK,CAACO,QAAQ,CAACL,MAAM,CAACF,KAAK,CAACQ,GAAG,CAACC,IAAI,IAAId,cAAc,CAACe,MAAM,CAACD,IAAI,CAAC,CAAC,CAAC;EAC9E,CAAC;EAED,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,IAAI,EAAE,IAAI,CAACA,IAAI;MACfE,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BD,KAAK,EAAE,IAAI,CAACY,QAAQ,CAAC,CAAC,CAACJ,GAAG,CAACC,IAAI,IAAIb,uBAAuB,CAACiB,iBAAiB,CAACJ,IAAI,CAAC,CAAC;MACnFK,WAAW,EAAE,IAAI,CAACF,QAAQ,CAAC,CAAC,CAACG,MAAM,IAAI;IAC3C,CAAC;EACL;EAEOC,gBAAgB,GAAIjB,IAAa,IAAK;IACzC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEMkB,UAAU,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,WAAW,GAAGiB,KAAK;EAC5B,CAAC;EAEMC,eAAe,GAAIV,IAAY,IAAK;IACvC,IAAI,CAACO,gBAAgB,CAAC,KAAK,CAAC;IAC5B,IAAI,CAACd,MAAM,EAAEkB,QAAQ,GAAGX,IAAI,CAAC;EACjC,CAAC;EAEOG,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAI,IAAI,CAACX,WAAW,EAAE;MAClB,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAACZ,IAAI,IAAIA,IAAI,CAACa,IAAI,CAACC,QAAQ,CAAC,IAAI,CAACtB,WAAW,CAAC,CAAC;IAC5E;IAEA,OAAO,IAAI,CAACD,KAAK,CAACqB,QAAQ,CAAC,CAAC;EAChC,CAAC;AACL;AAEA,SAASvB,mBAAmB","ignoreList":[]}

package/IconPicker/primitives/presenters/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconPickerPresenter";

package/IconPicker/primitives/presenters/index.js

@@ -0,0 +1,3 @@
+export * from "./IconPickerPresenter";
+
+//# sourceMappingURL=index.js.map

package/IconPicker/primitives/presenters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IconPickerPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}

package/IconPicker/primitives/useIconPicker.d.ts

@@ -0,0 +1,12 @@
+import type { IconPickerPrimitiveProps } from "./IconPickerPrimitive";
+export declare const useIconPicker: (props: IconPickerPrimitiveProps) => {
+    vm: {
+        open: boolean;
+        searchQuery: string;
+        icons: import("../domains").IconPickerFontAwesome[];
+        iconsLength: number;
+    };
+    setListOpenState: (open: boolean) => void;
+    searchIcon: (value: string) => void;
+    setSelectedIcon: (icon: string) => void;
+};

package/IconPicker/primitives/useIconPicker.js

@@ -0,0 +1,29 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { IconPickerPresenter } from "./presenters";
+export const useIconPicker = props => {
+  const params = useMemo(() => ({
+    icons: props.icons,
+    onChange: props.onChange
+  }), [props.icons, props.onChange]);
+  const presenter = useMemo(() => {
+    return new IconPickerPresenter();
+  }, []);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params, presenter]);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    setListOpenState: presenter.setListOpenState,
+    searchIcon: presenter.searchIcon,
+    setSelectedIcon: presenter.setSelectedIcon
+  };
+};
+
+//# sourceMappingURL=useIconPicker.js.map

package/IconPicker/primitives/useIconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","IconPickerPresenter","useIconPicker","props","params","icons","onChange","presenter","vm","setVm","init","setListOpenState","searchIcon","setSelectedIcon"],"sources":["useIconPicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { IconPickerParams } from \"./presenters\";\nimport { IconPickerPresenter } from \"./presenters\";\nimport type { IconPickerPrimitiveProps } from \"./IconPickerPrimitive\";\n\nexport const useIconPicker = (props: IconPickerPrimitiveProps) => {\n    const params: IconPickerParams = useMemo(\n        () => ({\n            icons: props.icons,\n            onChange: props.onChange\n        }),\n        [props.icons, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        return new IconPickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setListOpenState: presenter.setListOpenState,\n        searchIcon: presenter.searchIcon,\n        setSelectedIcon: presenter.setSelectedIcon\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,mBAAmB;AAG5B,OAAO,MAAMC,aAAa,GAAIC,KAA+B,IAAK;EAC9D,MAAMC,MAAwB,GAAGN,OAAO,CACpC,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,QAAQ,EAAEH,KAAK,CAACG;EACpB,CAAC,CAAC,EACF,CAACH,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,QAAQ,CAChC,CAAC;EAED,MAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACO,EAAE,EAAEC,KAAK,CAAC,GAAGV,QAAQ,CAACQ,SAAS,CAACC,EAAE,CAAC;EAE1CX,SAAS,CAAC,MAAM;IACZU,SAAS,CAACG,IAAI,CAACN,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEG,SAAS,CAAC,CAAC;EAEvBV,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBS,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,gBAAgB,EAAEJ,SAAS,CAACI,gBAAgB;IAC5CC,UAAU,EAAEL,SAAS,CAACK,UAAU;IAChCC,eAAe,EAAEN,SAAS,CAACM;EAC/B,CAAC;AACL,CAAC","ignoreList":[]}

package/Image/Image.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
+    [key: string]: any;
+}
+declare const Image: ({ ...rest }: ImageProps) => React.JSX.Element;
+export { Image, type ImageProps };

package/Image/Image.js

@@ -0,0 +1,19 @@
+import React from "react";
+
+// Accepts all props that a normal <img> element would accept.
+
+const Image = ({
+  ...rest
+}) => {
+  const finalProps = {
+    ...rest
+  };
+  const srcSet = finalProps.srcSet;
+  if (srcSet && typeof srcSet === "object") {
+    finalProps.srcSet = Object.keys(srcSet).map(key => `${srcSet[key]} ${key}`).join(", ");
+  }
+  return /*#__PURE__*/React.createElement("img", finalProps);
+};
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","rest","finalProps","srcSet","Object","keys","map","key","join","createElement"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\n\n// Accepts all props that a normal <img> element would accept.\ninterface ImageProps\n    extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {\n    [key: string]: any;\n}\n\nconst Image = ({ ...rest }: ImageProps) => {\n    const finalProps = { ...rest };\n    const srcSet = finalProps.srcSet;\n    if (srcSet && typeof srcSet === \"object\") {\n        finalProps.srcSet = Object.keys(srcSet)\n            .map(key => `${srcSet[key]} ${key}`)\n            .join(\", \");\n    }\n\n    return <img {...finalProps} />;\n};\n\nexport { Image, type ImageProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;;AAMA,MAAMC,KAAK,GAAGA,CAAC;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvC,MAAMC,UAAU,GAAG;IAAE,GAAGD;EAAK,CAAC;EAC9B,MAAME,MAAM,GAAGD,UAAU,CAACC,MAAM;EAChC,IAAIA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IACtCD,UAAU,CAACC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAClCG,GAAG,CAACC,GAAG,IAAI,GAAGJ,MAAM,CAACI,GAAG,CAAC,IAAIA,GAAG,EAAE,CAAC,CACnCC,IAAI,CAAC,IAAI,CAAC;EACnB;EAEA,oBAAOT,KAAA,CAAAU,aAAA,QAASP,UAAa,CAAC;AAClC,CAAC;AAED,SAASF,KAAK","ignoreList":[]}

package/Image/index.d.ts

@@ -0,0 +1 @@
+export * from "./Image";

package/Image/index.js

@@ -0,0 +1,3 @@
+export * from "./Image";
+
+//# sourceMappingURL=index.js.map

package/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Image\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { type InputPrimitiveProps } from "./InputPrimitive";
+import { type FormComponentProps } from "../FormComponent";
+type InputProps = InputPrimitiveProps & FormComponentProps;
+declare const Input: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+    original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element) & {
+        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: InputProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { Input, type InputProps };

package/Input/Input.js

@@ -0,0 +1,59 @@
+import React, { useCallback, useMemo } from "react";
+import { makeDecoratable, generateId } from "../utils";
+import { InputPrimitive } from "./InputPrimitive";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+const DecoratableInput = ({
+  label,
+  description,
+  note,
+  required,
+  disabled,
+  validation,
+  validate,
+  onBlur: originalOnBlur,
+  ...props
+}) => {
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const id = useMemo(() => generateId(props.id), [props.id]);
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  const onBlur = useCallback(async e => {
+    if (validate) {
+      // Since we are accessing event in an async operation, we need to persist it.
+      // See https://reactjs.org/docs/events.html#event-pooling.
+      e.persist();
+      await validate();
+    }
+    originalOnBlur && originalOnBlur(e);
+  }, [validate, originalOnBlur]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full"
+  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    htmlFor: id,
+    text: label,
+    required: required,
+    disabled: disabled,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(InputPrimitive, Object.assign({}, props, {
+    id: id,
+    disabled: disabled,
+    invalid: invalid,
+    onBlur: onBlur
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: note,
+    disabled: disabled
+  }));
+};
+const Input = makeDecoratable("Input", DecoratableInput);
+export { Input };
+
+//# sourceMappingURL=Input.js.map

package/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","generateId","InputPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableInput","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Input"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, generateId } from \"~/utils\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"./InputPrimitive\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent\";\n\ntype InputProps = InputPrimitiveProps & FormComponentProps;\n\nconst DecoratableInput = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: InputProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <InputPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Input = makeDecoratable(\"Input\", DecoratableInput);\n\nexport { Input, type InputProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,cAAc;AACvB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,gBAAgB,GAAGA,CAAC;EACtBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACK,CAAC,KAAK;EACd,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAME,UAAU,CAACgB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAA4B,MAAA,CAAAC,MAAA,KACPd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,KAAK,GAAGhC,eAAe,CAAC,OAAO,EAAEO,gBAAgB,CAAC;AAExD,SAASyB,KAAK","ignoreList":[]}