@webiny/admin-ui 6.0.0-alpha.0

package/DelayedOnChange/DelayedOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","isEqual","emptyFunction","undefined","DelayedOnChange","children","other","firstMount","onChange","delay","value","initialValue","setValue","localTimeout","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...child.props };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as any as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as any as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"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","ignoreList":[]}

package/DelayedOnChange/index.d.ts

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

package/DelayedOnChange/index.js

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

package/DelayedOnChange/index.js.map

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

package/Dialog/Dialog.d.ts

@@ -0,0 +1,113 @@
+import * as React from "react";
+import { DialogContent } from "./components/DialogContent";
+import { DialogRoot } from "./components/DialogRoot";
+interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>, Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, "title"> {
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    showCloseButton?: boolean;
+    dismissible?: boolean;
+    bodyPadding?: boolean;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    info?: React.ReactNode;
+    onClose?: () => void;
+    onOpen?: () => void;
+}
+declare const Dialog: {
+    (props: DialogProps): React.JSX.Element;
+    displayName: string;
+} & {
+    original: {
+        (props: DialogProps): React.JSX.Element;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    original: {
+        (props: DialogProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: DialogProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<{
+        (props: DialogProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: DialogProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    ConfirmButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    CancelButton: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Button/Button").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../Button/Button").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Icon: ((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
+        original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
+            original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Icon/Icon").IconProps) => React.JSX.Element) & {
+            original: (props: import("../Icon/Icon").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Dialog, type DialogProps };

package/Dialog/Dialog.js

@@ -0,0 +1,118 @@
+import * as React from "react";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { DialogContent } from "./components/DialogContent";
+import { DialogHeader } from "./components/DialogHeader";
+import { DialogBody } from "./components/DialogBody";
+import { DialogFooter } from "./components/DialogFooter";
+import { DialogOverlay } from "./components/DialogOverlay";
+import { DialogPortal } from "./components/DialogPortal";
+import { DialogRoot } from "./components/DialogRoot";
+import { DialogTrigger } from "./components/DialogTrigger";
+import { Icon } from "./components/Icon";
+import { ConfirmButton } from "./components/ConfirmButton";
+import { CancelButton } from "./components/CancelButton";
+import { DialogClose } from "./components/DialogClose";
+const DialogBase = props => {
+  const {
+    rootProps,
+    triggerProps,
+    contentProps,
+    headerProps,
+    bodyProps,
+    footerProps,
+    closeButtonProps
+  } = React.useMemo(() => {
+    const {
+      // Root props.
+      defaultOpen,
+      open,
+      onOpenChange: originalOnOpenChange,
+      onClose,
+      onOpen,
+      modal,
+      dir,
+      // Shared props.
+      size,
+      // Trigger props.
+      trigger,
+      // Header props.
+      title,
+      icon,
+      description,
+      // Body props.
+      children,
+      bodyPadding,
+      // Footer props.
+      actions,
+      info,
+      // Close button props.
+      showCloseButton = true,
+      // Content props.
+      ...rest
+    } = props;
+
+    // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed
+    const onOpenChange = open => {
+      originalOnOpenChange && originalOnOpenChange(open);
+      if (onClose && !open) {
+        onClose();
+      }
+      if (onOpen && open) {
+        onOpen();
+      }
+    };
+    return {
+      rootProps: {
+        defaultOpen,
+        open,
+        onOpenChange,
+        modal,
+        dir
+      },
+      triggerProps: {
+        // Temporary fix. We need this because `ref` doesn't get passed to components
+        // that are decorated with `makeDecoratable`. This will be fixed in the future.
+        children: /*#__PURE__*/React.createElement("div", null, trigger)
+      },
+      headerProps: {
+        title,
+        icon,
+        description,
+        size
+      },
+      bodyProps: {
+        children,
+        bodyPadding,
+        size
+      },
+      footerProps: {
+        info,
+        actions,
+        size
+      },
+      closeButtonProps: {
+        show: showCloseButton,
+        size
+      },
+      contentProps: {
+        ...rest,
+        size
+      }
+    };
+  }, [props]);
+  return /*#__PURE__*/React.createElement(DialogRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DialogTrigger, Object.assign({}, triggerProps, {
+    asChild: true
+  })), /*#__PURE__*/React.createElement(DialogPortal, null, /*#__PURE__*/React.createElement(DialogOverlay, null), /*#__PURE__*/React.createElement(DialogContent, contentProps, /*#__PURE__*/React.createElement(DialogHeader, headerProps), /*#__PURE__*/React.createElement(DialogBody, bodyProps), /*#__PURE__*/React.createElement(DialogFooter, footerProps), closeButtonProps.show && /*#__PURE__*/React.createElement(DialogClose, {
+    size: closeButtonProps.size
+  }))));
+};
+DialogBase.displayName = "Dialog";
+const DecoratableDialog = makeDecoratable("Dialog", DialogBase);
+const Dialog = withStaticProps(DecoratableDialog, {
+  ConfirmButton,
+  CancelButton,
+  Icon
+});
+export { Dialog };
+
+//# sourceMappingURL=Dialog.js.map

package/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","withStaticProps","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogOverlay","DialogPortal","DialogRoot","DialogTrigger","Icon","ConfirmButton","CancelButton","DialogClose","DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","actions","info","showCloseButton","rest","createElement","show","Object","assign","asChild","displayName","DecoratableDialog","Dialog"],"sources":["Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { DialogContent } from \"./components/DialogContent\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay\";\nimport { DialogPortal } from \"./components/DialogPortal\";\nimport { DialogRoot } from \"./components/DialogRoot\";\nimport { DialogTrigger } from \"./components/DialogTrigger\";\nimport { Icon } from \"./components/Icon\";\nimport { ConfirmButton } from \"./components/ConfirmButton\";\nimport { CancelButton } from \"./components/CancelButton\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose\";\n\ninterface DialogProps\n    extends React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <DialogOverlay />\n                <DialogContent {...contentProps}>\n                    <DialogHeader {...headerProps} />\n                    <DialogBody {...bodyProps} />\n                    <DialogFooter {...footerProps} />\n                    {closeButtonProps.show && <DialogClose size={closeButtonProps.size} />}\n                </DialogContent>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Dialog, type DialogProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,aAAa;AACtB,SAASC,IAAI;AACb,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,WAAW;AAmBpB,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACvC,MAAM;IACFC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,WAAW;IACXC,SAAS;IACTC,WAAW;IACXC;EACJ,CAAC,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAM;IACpB,MAAM;MACF;MACAC,WAAW;MACXC,IAAI;MACJC,YAAY,EAAEC,oBAAoB;MAClCC,OAAO;MACPC,MAAM;MACNC,KAAK;MACLC,GAAG;MAEH;MACAC,IAAI;MAEJ;MACAC,OAAO;MAEP;MACAC,KAAK;MACLC,IAAI;MACJC,WAAW;MAEX;MACAC,QAAQ;MACRC,WAAW;MAEX;MACAC,OAAO;MACPC,IAAI;MAEJ;MACAC,eAAe,GAAG,IAAI;MAEtB;MACA,GAAGC;IACP,CAAC,GAAG3B,KAAK;;IAET;IACA,MAAMW,YAAY,GAAID,IAAa,IAAK;MACpCE,oBAAoB,IAAIA,oBAAoB,CAACF,IAAI,CAAC;MAElD,IAAIG,OAAO,IAAI,CAACH,IAAI,EAAE;QAClBG,OAAO,CAAC,CAAC;MACb;MAEA,IAAIC,MAAM,IAAIJ,IAAI,EAAE;QAChBI,MAAM,CAAC,CAAC;MACZ;IACJ,CAAC;IAED,OAAO;MACHb,SAAS,EAAE;QACPQ,WAAW;QACXC,IAAI;QACJC,YAAY;QACZI,KAAK;QACLC;MACJ,CAAC;MACDd,YAAY,EAAE;QACV;QACA;QACAoB,QAAQ,eAAEtC,KAAA,CAAA4C,aAAA,cAAMV,OAAa;MACjC,CAAC;MACDd,WAAW,EAAE;QAAEe,KAAK;QAAEC,IAAI;QAAEC,WAAW;QAAEJ;MAAK,CAAC;MAC/CZ,SAAS,EAAE;QAAEiB,QAAQ;QAAEC,WAAW;QAAEN;MAAK,CAAC;MAC1CX,WAAW,EAAE;QAAEmB,IAAI;QAAED,OAAO;QAAEP;MAAK,CAAC;MACpCV,gBAAgB,EAAE;QAAEsB,IAAI,EAAEH,eAAe;QAAET;MAAK,CAAC;MACjDd,YAAY,EAAE;QAAE,GAAGwB,IAAI;QAAEV;MAAK;IAClC,CAAC;EACL,CAAC,EAAE,CAACjB,KAAK,CAAC,CAAC;EAEX,oBACIhB,KAAA,CAAA4C,aAAA,CAACnC,UAAU,EAAKQ,SAAS,EACpBC,YAAY,CAACoB,QAAQ,iBAAItC,KAAA,CAAA4C,aAAA,CAAClC,aAAa,EAAAoC,MAAA,CAAAC,MAAA,KAAK7B,YAAY;IAAE8B,OAAO;EAAA,EAAE,CAAC,eACrEhD,KAAA,CAAA4C,aAAA,CAACpC,YAAY,qBACTR,KAAA,CAAA4C,aAAA,CAACrC,aAAa,MAAE,CAAC,eACjBP,KAAA,CAAA4C,aAAA,CAACzC,aAAa,EAAKgB,YAAY,eAC3BnB,KAAA,CAAA4C,aAAA,CAACxC,YAAY,EAAKgB,WAAc,CAAC,eACjCpB,KAAA,CAAA4C,aAAA,CAACvC,UAAU,EAAKgB,SAAY,CAAC,eAC7BrB,KAAA,CAAA4C,aAAA,CAACtC,YAAY,EAAKgB,WAAc,CAAC,EAChCC,gBAAgB,CAACsB,IAAI,iBAAI7C,KAAA,CAAA4C,aAAA,CAAC9B,WAAW;IAACmB,IAAI,EAAEV,gBAAgB,CAACU;EAAK,CAAE,CAC1D,CACL,CACN,CAAC;AAErB,CAAC;AAEDlB,UAAU,CAACkC,WAAW,GAAG,QAAQ;AAEjC,MAAMC,iBAAiB,GAAGjD,eAAe,CAAC,QAAQ,EAAEc,UAAU,CAAC;AAE/D,MAAMoC,MAAM,GAAGjD,eAAe,CAACgD,iBAAiB,EAAE;EAC9CtC,aAAa;EACbC,YAAY;EACZF;AACJ,CAAC,CAAC;AAEF,SAASwC,MAAM","ignoreList":[]}