@driveflux/ui 2.0.2 → 2.0.3-next.0

package/dist/modal/components/EnhancedModalCustomWrapper.js

@@ -1,12 +1,124 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import IconClose from '@driveflux/icons/icons/IconClose';
-import { Button, HStack, Heading, Stack, } from '../../chakra.js';
+import { Button, Heading, HStack, Stack } from '../../chakra.js';
 import { useEnhancedModal } from '../use-enhanced-modal.js';
-const EnhancedModalCustomWrapper = ({ title, children, isCloseHidden, ...props }) => {
-    const { close } = useEnhancedModal();
-    return (_jsxs(Stack, { overflowY: 'scroll', px: '32px', py: '24px', spacing: '18px', ...props, children: [_jsxs(HStack, { justifyContent: 'space-between', children: [_jsx(Heading, { fontSize: '18px', textTransform: 'uppercase', children: title }), !isCloseHidden && (_jsx(Button, { p: 0, variant: 'unstyled', border: 0, w: 'fit-content', onClick: () => {
+var EnhancedModalCustomWrapper = function(_param) {
+    var title = _param.title, children = _param.children, isCloseHidden = _param.isCloseHidden, props = _object_without_properties(_param, [
+        "title",
+        "children",
+        "isCloseHidden"
+    ]);
+    var close = useEnhancedModal().close;
+    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+        overflowY: 'scroll',
+        px: '32px',
+        py: '24px',
+        spacing: '18px'
+    }, props), {
+        children: [
+            /*#__PURE__*/ _jsxs(HStack, {
+                justifyContent: 'space-between',
+                children: [
+                    /*#__PURE__*/ _jsx(Heading, {
+                        fontSize: '18px',
+                        textTransform: 'uppercase',
+                        children: title
+                    }),
+                    !isCloseHidden && /*#__PURE__*/ _jsx(Button, {
+                        p: 0,
+                        variant: 'unstyled',
+                        border: 0,
+                        w: 'fit-content',
+                        onClick: function() {
                             close();
-                        }, children: _jsx(IconClose, { size: '28px' }) }))] }), children] }));
+                        },
+                        children: /*#__PURE__*/ _jsx(IconClose, {
+                            size: '28px'
+                        })
+                    })
+                ]
+            }),
+            children
+        ]
+    }));
 };
 export default EnhancedModalCustomWrapper;
-//# sourceMappingURL=EnhancedModalCustomWrapper.js.map

package/dist/modal/components/EnhancedModalCustomWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedModalCustomWrapper.js","sourceRoot":"","sources":["../../../src/modal/components/EnhancedModalCustomWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,kCAAkC,CAAA;AAExD,OAAO,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,GAEL,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAO3D,MAAM,0BAA0B,GAAiC,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEpC,OAAO,CACN,MAAC,KAAK,IACL,SAAS,EAAE,QAAQ,EACnB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,MAAM,KACX,KAAK,aAET,MAAC,MAAM,IAAC,cAAc,EAAE,eAAe,aACtC,KAAC,OAAO,IAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,YACnD,KAAK,GACG,EACT,CAAC,aAAa,IAAI,CAClB,KAAC,MAAM,IACN,CAAC,EAAE,CAAC,EACJ,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,aAAa,EAChB,OAAO,EAAE,GAAG,EAAE;4BACb,KAAK,EAAE,CAAA;wBACR,CAAC,YAED,KAAC,SAAS,IAAC,IAAI,EAAE,MAAM,GAAI,GACnB,CACT,IACO,EACR,QAAQ,IACF,CACR,CAAA;AACF,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}
+{"version":3,"file":"EnhancedModalCustomWrapper.js","sourceRoot":"","sources":["../../../src/modal/components/EnhancedModalCustomWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,kCAAkC,CAAA;AAExD,OAAO,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,GAEL,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAO3D,MAAM,0BAA0B,GAAiC,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEpC,OAAO,CACN,MAAC,KAAK,IACL,SAAS,EAAE,QAAQ,EACnB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,MAAM,KACX,KAAK,aAET,MAAC,MAAM,IAAC,cAAc,EAAE,eAAe,aACtC,KAAC,OAAO,IAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,YACnD,KAAK,GACG,EACT,CAAC,aAAa,IAAI,CAClB,KAAC,MAAM,IACN,CAAC,EAAE,CAAC,EACJ,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,aAAa,EAChB,OAAO,EAAE,GAAG,EAAE;4BACb,KAAK,EAAE,CAAA;wBACR,CAAC,YAED,KAAC,SAAS,IAAC,IAAI,EAAE,MAAM,GAAI,GACnB,CACT,IACO,EACR,QAAQ,IACF,CACR,CAAA;AACF,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist/modal/components/EnhancedModalFooter.js

@@ -1,11 +1,153 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack, } from '../../chakra.js';
+import { Button, Stack } from '../../chakra.js';
 import { colors } from '../../theme/colors.js';
 import { translations } from '../../translations.js';
 import { useEnhancedModal } from '../use-enhanced-modal.js';
-const EnhancedModalFooter = ({ sticky, cancelProps, okProps, children, suffix, ...props }) => {
-    const { close } = useEnhancedModal();
-    return (_jsxs(Stack, { pos: { base: 'absolute', md: sticky ? 'absolute' : 'static' }, bottom: 0, left: 0, right: 0, py: '32px', px: { base: '32px', md: sticky ? '32px' : '0' }, borderTop: sticky ? `1px solid ${colors.primary2}` : '', background: colors.white, spacing: '24px', zIndex: 'sticky', ...props, children: [children ? (_jsx(Stack, { direction: { base: 'column-reverse', md: 'row' }, spacing: '24px', children: children })) : (_jsxs(Stack, { direction: { base: 'column-reverse', md: 'row' }, spacing: '24px', children: [_jsx(Button, { w: 'full', variant: 'outline', onClick: () => close(), ...cancelProps, fontSize: '10px', fontWeight: '700', letterSpacing: '3px', children: cancelProps?.children ? cancelProps.children : translations.cancel }), _jsx(Button, { w: 'full', ...okProps, fontSize: '10px', fontWeight: '700', letterSpacing: '3px', children: okProps?.children ? okProps.children : translations.confirm })] })), suffix] }));
+var EnhancedModalFooter = function(_param) {
+    var sticky = _param.sticky, cancelProps = _param.cancelProps, okProps = _param.okProps, children = _param.children, suffix = _param.suffix, props = _object_without_properties(_param, [
+        "sticky",
+        "cancelProps",
+        "okProps",
+        "children",
+        "suffix"
+    ]);
+    var close = useEnhancedModal().close;
+    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+        pos: {
+            base: 'absolute',
+            md: sticky ? 'absolute' : 'static'
+        },
+        bottom: 0,
+        left: 0,
+        right: 0,
+        py: '32px',
+        px: {
+            base: '32px',
+            md: sticky ? '32px' : '0'
+        },
+        borderTop: sticky ? "1px solid ".concat(colors.primary2) : '',
+        background: colors.white,
+        spacing: '24px',
+        zIndex: 'sticky'
+    }, props), {
+        children: [
+            children ? /*#__PURE__*/ _jsx(Stack, {
+                direction: {
+                    base: 'column-reverse',
+                    md: 'row'
+                },
+                spacing: '24px',
+                children: children
+            }) : /*#__PURE__*/ _jsxs(Stack, {
+                direction: {
+                    base: 'column-reverse',
+                    md: 'row'
+                },
+                spacing: '24px',
+                children: [
+                    /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
+                        w: 'full',
+                        variant: 'outline',
+                        onClick: function() {
+                            return close();
+                        }
+                    }, cancelProps), {
+                        fontSize: '10px',
+                        fontWeight: '700',
+                        letterSpacing: '3px',
+                        children: (cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.children) ? cancelProps.children : translations.cancel
+                    })),
+                    /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
+                        w: 'full'
+                    }, okProps), {
+                        fontSize: '10px',
+                        fontWeight: '700',
+                        letterSpacing: '3px',
+                        children: (okProps === null || okProps === void 0 ? void 0 : okProps.children) ? okProps.children : translations.confirm
+                    }))
+                ]
+            }),
+            suffix
+        ]
+    }));
 };
 export default EnhancedModalFooter;
-//# sourceMappingURL=EnhancedModalFooter.js.map

package/dist/modal/components/MinimalModalContent.js

@@ -1,11 +1,84 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { Box, ModalBody, ModalCloseButton, ModalHeader } from '../../chakra.js';
 import { isReactNode } from '../../utils/react.js';
-const MinimalModalContent = ({ controls: { open, close }, modalContentConfig, ...props }) => {
-    const Content = modalContentConfig.content;
-    const Wrapper = modalContentConfig.noModalBody ? Fragment : ModalBody;
-    return (_jsxs(_Fragment, { children: [modalContentConfig.title ? (_jsx(ModalHeader, { children: modalContentConfig.title })) : (_jsx(Box, { h: '32px' })), _jsx(ModalCloseButton, {}), _jsx(Wrapper, { children: isReactNode(Content) ? (Content) : (_jsx(Content, { close: close, open: open, ...props })) })] }));
+var MinimalModalContent = function(_param) {
+    var _param_controls = _param.controls, open = _param_controls.open, close = _param_controls.close, modalContentConfig = _param.modalContentConfig, props = _object_without_properties(_param, [
+        "controls",
+        "modalContentConfig"
+    ]);
+    var Content = modalContentConfig.content;
+    var Wrapper = modalContentConfig.noModalBody ? Fragment : ModalBody;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            modalContentConfig.title ? /*#__PURE__*/ _jsx(ModalHeader, {
+                children: modalContentConfig.title
+            }) : /*#__PURE__*/ _jsx(Box, {
+                h: '32px'
+            }),
+            /*#__PURE__*/ _jsx(ModalCloseButton, {}),
+            /*#__PURE__*/ _jsx(Wrapper, {
+                children: isReactNode(Content) ? Content : /*#__PURE__*/ _jsx(Content, _object_spread({
+                    close: close,
+                    open: open
+                }, props))
+            })
+        ]
+    });
 };
 export default MinimalModalContent;
-//# sourceMappingURL=MinimalModalContent.js.map