@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

package/Dialog/m/bare.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "KoineDialog", {
-    enumerable: true,
-    get: function() {
-        return KoineDialog;
-    }
-});
-const _framermotion = require("framer-motion");
-const _react = require("react");
-const _md = require("react-icons/md");
-const _helpers = require("../../helpers");
-const _DialogMui = require("../DialogMui");
-const _index = require("./index");
-/**
- * About nested `AnimatePresence` and animated dialogs with framer @see:
- *
- * - https://github.com/framer/motion/issues/478
- * - https://codesandbox.io/s/clever-banzai-7km49?file=/src/Modal.js
- */ const Dialog = /*#__PURE__*/ (0, _react.forwardRef)(function Dialog({ children, title, $scrollPaper, Root, Backdrop, Container, Paper, Close, Header, Body, mBackdrop, mPaper, onClose, ...props }, ref) {
-    const BackdropMotion = (0, _react.useMemo)(()=>(props)=>/*#__PURE__*/ React.createElement(_framermotion.AnimatePresence, null, props.open && /*#__PURE__*/ React.createElement(Backdrop, {
-                ...mBackdrop,
-                ...props
-            })), [
-        Backdrop,
-        mBackdrop
-    ]);
-    // FIXME: extract this logic either in a useDialog hook or in a useclickOutside hook
-    // click handling is taken from
-    // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
-    const backdropClick = (0, _react.useRef)();
-    const handleMouseDown = (event)=>{
-        // We don't want to close the dialog when clicking the dialog content.
-        // Make sure the event starts and ends on the same DOM element.
-        backdropClick.current = event.target === event.currentTarget;
-    };
-    const handleBackdropClick = (event)=>{
-        // Ignore the events not coming from the "backdrop".
-        if (!backdropClick.current) {
-            return;
-        }
-        backdropClick.current = null;
-        // if (onBackdropClick) onBackdropClick(event);
-        if (onClose) {
-            onClose(event, "backdropClick");
-        }
-    };
-    return /*#__PURE__*/ React.createElement(Root, {
-        keepMounted: true,
-        slots: {
-            backdrop: BackdropMotion
-        },
-        onClick: handleBackdropClick,
-        onClose: onClose,
-        ref: ref,
-        ...props,
-        style: (0, _index.mRootStyle)(props)
-    }, /*#__PURE__*/ React.createElement(Container, {
-        $scrollPaper: $scrollPaper,
-        onMouseDown: handleMouseDown
-    }, /*#__PURE__*/ React.createElement(_framermotion.AnimatePresence, null, props.open && // @ts-expect-error framer props collision...
-    /*#__PURE__*/ React.createElement(Paper, {
-        ...mPaper,
-        "aria-label": title || "",
-        $scrollPaper: $scrollPaper
-    }, title && /*#__PURE__*/ React.createElement(Header, null, title), /*#__PURE__*/ React.createElement(Close, {
-        onClick: onClose
-    }, /*#__PURE__*/ React.createElement(_md.MdClear, null)), /*#__PURE__*/ React.createElement(Body, null, children)))));
-});
-const KoineDialog = (0, _helpers.extendComponent)(Dialog, {
-    Root: _DialogMui.Root,
-    Backdrop: (0, _framermotion.m)(_DialogMui.Backdrop),
-    Container: _DialogMui.Container,
-    Paper: (0, _framermotion.m)(_DialogMui.Paper),
-    Close: _DialogMui.Close,
-    Header: _DialogMui.Header,
-    Body: _DialogMui.Body
-});

package/Dialog/m/bare.mjs

@@ -1,70 +0,0 @@
-import { AnimatePresence, m } from "framer-motion";
-import { forwardRef, useMemo, useRef } from "react";
-import { MdClear as IconClose } from "react-icons/md";
-import { extendComponent } from "../../helpers";
-import { Backdrop, Body, Close, Container, Header, Paper, Root } from "../DialogMui";
-import { mRootStyle } from "./index";
-/**
- * About nested `AnimatePresence` and animated dialogs with framer @see:
- *
- * - https://github.com/framer/motion/issues/478
- * - https://codesandbox.io/s/clever-banzai-7km49?file=/src/Modal.js
- */ const Dialog = /*#__PURE__*/ forwardRef(function Dialog({ children, title, $scrollPaper, Root, Backdrop, Container, Paper, Close, Header, Body, mBackdrop, mPaper, onClose, ...props }, ref) {
-    const BackdropMotion = useMemo(()=>(props)=>/*#__PURE__*/ React.createElement(AnimatePresence, null, props.open && /*#__PURE__*/ React.createElement(Backdrop, {
-                ...mBackdrop,
-                ...props
-            })), [
-        Backdrop,
-        mBackdrop
-    ]);
-    // FIXME: extract this logic either in a useDialog hook or in a useclickOutside hook
-    // click handling is taken from
-    // @see https://github.com/mui/material-ui/blob/c758b6c0b30f0831110458a746690b33147c45df/packages/mui-material/src/Dialog/Dialog.js#L205-L226
-    const backdropClick = useRef();
-    const handleMouseDown = (event)=>{
-        // We don't want to close the dialog when clicking the dialog content.
-        // Make sure the event starts and ends on the same DOM element.
-        backdropClick.current = event.target === event.currentTarget;
-    };
-    const handleBackdropClick = (event)=>{
-        // Ignore the events not coming from the "backdrop".
-        if (!backdropClick.current) {
-            return;
-        }
-        backdropClick.current = null;
-        // if (onBackdropClick) onBackdropClick(event);
-        if (onClose) {
-            onClose(event, "backdropClick");
-        }
-    };
-    return /*#__PURE__*/ React.createElement(Root, {
-        keepMounted: true,
-        slots: {
-            backdrop: BackdropMotion
-        },
-        onClick: handleBackdropClick,
-        onClose: onClose,
-        ref: ref,
-        ...props,
-        style: mRootStyle(props)
-    }, /*#__PURE__*/ React.createElement(Container, {
-        $scrollPaper: $scrollPaper,
-        onMouseDown: handleMouseDown
-    }, /*#__PURE__*/ React.createElement(AnimatePresence, null, props.open && // @ts-expect-error framer props collision...
-    /*#__PURE__*/ React.createElement(Paper, {
-        ...mPaper,
-        "aria-label": title || "",
-        $scrollPaper: $scrollPaper
-    }, title && /*#__PURE__*/ React.createElement(Header, null, title), /*#__PURE__*/ React.createElement(Close, {
-        onClick: onClose
-    }, /*#__PURE__*/ React.createElement(IconClose, null)), /*#__PURE__*/ React.createElement(Body, null, children)))));
-});
-export const KoineDialog = extendComponent(Dialog, {
-    Root,
-    Backdrop: m(Backdrop),
-    Container,
-    Paper: m(Paper),
-    Close,
-    Header,
-    Body
-});

package/Dialog/m/basic.d.ts

@@ -1,4 +0,0 @@
-import type { MotionProps } from "framer-motion";
-export * from "./index";
-export declare const dialogBackdropMotion: MotionProps;
-export declare const dialogPaperMotion: MotionProps;

package/Dialog/m/basic.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    dialogBackdropMotion: function() {
-        return dialogBackdropMotion;
-    },
-    dialogPaperMotion: function() {
-        return dialogPaperMotion;
-    }
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./index"), exports);
-const dialogBackdropMotion = {
-    initial: {
-        opacity: 0
-    },
-    animate: {
-        backdropFilter: "blur(10px)",
-        opacity: 1
-    },
-    exit: {
-        backdropFilter: "blur(0px)",
-        opacity: 0
-    }
-};
-const dialogPaperMotion = {
-    initial: {
-        // scale: .9,
-        translateY: -60,
-        opacity: 0
-    },
-    animate: {
-        // scale: 1,
-        translateY: 0,
-        opacity: 1
-    },
-    exit: {
-        // scale: 0.9,
-        translateY: 60,
-        opacity: 0
-    }
-};

package/Dialog/m/basic.mjs

@@ -1,31 +0,0 @@
-export * from "./index";
-export const dialogBackdropMotion = {
-    initial: {
-        opacity: 0
-    },
-    animate: {
-        backdropFilter: "blur(10px)",
-        opacity: 1
-    },
-    exit: {
-        backdropFilter: "blur(0px)",
-        opacity: 0
-    }
-};
-export const dialogPaperMotion = {
-    initial: {
-        // scale: .9,
-        translateY: -60,
-        opacity: 0
-    },
-    animate: {
-        // scale: 1,
-        translateY: 0,
-        opacity: 1
-    },
-    exit: {
-        // scale: 0.9,
-        translateY: 60,
-        opacity: 0
-    }
-};

package/Dialog/m/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { KoineDialogProps } from "../DialogMui";
-export declare const mRootStyle: (props: Pick<KoineDialogProps, "open" | "style">) => import("react").CSSProperties;

package/Dialog/m/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "mRootStyle", {
-    enumerable: true,
-    get: function() {
-        return mRootStyle;
-    }
-});
-const mRootStyle = (props)=>({
-        pointerEvents: props.open ? "all" : "none",
-        ...props.style || {}
-    });

package/Dialog/m/index.mjs

@@ -1,4 +0,0 @@
-export const mRootStyle = (props)=>({
-        pointerEvents: props.open ? "all" : "none",
-        ...props.style || {}
-    });