@driveflux/ui 1.0.13 → 1.1.0

package/dist/cjs/modal/components/EnhancedModalFooter.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _chakra = require("../../chakra.js");
-var _colors = require("../../theme/colors.js");
-var _translations = require("../../translations.js");
-var _useenhancedmodal = require("../use-enhanced-modal.js");
-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;
-}
-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 = (0, _useenhancedmodal.useEnhancedModal)().close;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.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.colors.primary2) : '',
-        background: _colors.colors.white,
-        spacing: '24px',
-        zIndex: 'sticky'
-    }, props), {
-        children: [
-            children ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Stack, {
-                direction: {
-                    base: 'column-reverse',
-                    md: 'row'
-                },
-                spacing: '24px',
-                children: children
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.Stack, {
-                direction: {
-                    base: 'column-reverse',
-                    md: 'row'
-                },
-                spacing: '24px',
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.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.translations.cancel
-                    })),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.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.translations.confirm
-                    }))
-                ]
-            }),
-            suffix
-        ]
-    }));
-};
-var _default = EnhancedModalFooter;

package/dist/cjs/modal/components/MinimalModalContent.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _react = require("react");
-var _chakra = require("../../chakra.js");
-var _react1 = require("../../utils/react.js");
-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;
-}
-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 ? _react.Fragment : _chakra.ModalBody;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            modalContentConfig.title ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalHeader, {
-                children: modalContentConfig.title
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Box, {
-                h: '32px'
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalCloseButton, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(Wrapper, {
-                children: (0, _react1.isReactNode)(Content) ? Content : /*#__PURE__*/ (0, _jsxruntime.jsx)(Content, _object_spread({
-                    close: close,
-                    open: open
-                }, props))
-            })
-        ]
-    });
-};
-var _default = MinimalModalContent;

package/dist/cjs/modal/components/StandardModalContent.js

@@ -1,359 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _react = require("react");
-var _chakra = require("../../chakra.js");
-var _translations = require("../../translations.js");
-var _react1 = require("../../utils/react.js");
-var _useenhancedmodal = require("../use-enhanced-modal.js");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-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 _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var StandardModalContent = 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 _useState = _sliced_to_array((0, _react.useState)(false), 2), isSaving = _useState[0], setIsSaving = _useState[1];
-    var modalState = (0, _useenhancedmodal.useEnhancedModal)().modalState;
-    var handleOK = (0, _react.useCallback)(/*#__PURE__*/ _async_to_generator(function() {
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    setIsSaving(true);
-                    if (!modalContentConfig.onOk) return [
-                        3,
-                        4
-                    ];
-                    _state.label = 1;
-                case 1:
-                    _state.trys.push([
-                        1,
-                        ,
-                        3,
-                        4
-                    ]);
-                    return [
-                        4,
-                        modalContentConfig.onOk(modalState)
-                    ];
-                case 2:
-                    _state.sent();
-                    return [
-                        3,
-                        4
-                    ];
-                case 3:
-                    setIsSaving(false);
-                    return [
-                        7
-                    ];
-                case 4:
-                    close();
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
-        modalContentConfig.onOk,
-        close,
-        modalState
-    ]);
-    var handleCancel = (0, _react.useCallback)(/*#__PURE__*/ _async_to_generator(function() {
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    if (!modalContentConfig.onCancel) return [
-                        3,
-                        2
-                    ];
-                    return [
-                        4,
-                        modalContentConfig.onCancel()
-                    ];
-                case 1:
-                    _state.sent();
-                    _state.label = 2;
-                case 2:
-                    close();
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
-        modalContentConfig.onCancel,
-        close
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalHeader, {
-                children: modalContentConfig.title
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalCloseButton, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalBody, {
-                children: (0, _react1.isReactNode)(Content) ? Content : /*#__PURE__*/ (0, _jsxruntime.jsx)(Content, _object_spread({
-                    open: open,
-                    close: close
-                }, props))
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalFooter, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.HStack, {
-                    w: 'full',
-                    spacing: '6',
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
-                            isDisabled: isSaving,
-                            w: 'full',
-                            variant: 'outline',
-                            onClick: handleCancel,
-                            children: modalContentConfig.cancelText || _translations.translations.close
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
-                            isDisabled: modalContentConfig.isOkDisabled,
-                            isLoading: isSaving || modalContentConfig.isOkLoading,
-                            w: 'full',
-                            variant: 'solid',
-                            onClick: handleOK,
-                            colorScheme: modalContentConfig.okColorScheme,
-                            children: modalContentConfig.okText || _translations.translations.ok
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-var _default = StandardModalContent;

package/dist/cjs/modal/context.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ModalContext", {
-    enumerable: true,
-    get: function() {
-        return ModalContext;
-    }
-});
-var _react = require("react");
-var initialState = {
-    isOpen: true,
-    open: function() {},
-    close: function() {},
-    update: function() {},
-    modalState: undefined,
-    setModalState: function() {}
-};
-var ModalContext = /*#__PURE__*/ (0, _react.createContext)(initialState);

package/dist/cjs/modal/index.js

@@ -1,48 +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, {
-    EnhancedModalCustomWrapper: function() {
-        return _EnhancedModalCustomWrapper.default;
-    },
-    EnhancedModalFooter: function() {
-        return _EnhancedModalFooter.default;
-    },
-    MinimalModalContent: function() {
-        return _MinimalModalContent.default;
-    },
-    ModalProvider: function() {
-        return _ModalProvider.default;
-    }
-});
-var _ModalProvider = /*#__PURE__*/ _interop_require_default(require("./ModalProvider.js"));
-var _EnhancedModalCustomWrapper = /*#__PURE__*/ _interop_require_default(require("./components/EnhancedModalCustomWrapper.js"));
-var _EnhancedModalFooter = /*#__PURE__*/ _interop_require_default(require("./components/EnhancedModalFooter.js"));
-var _MinimalModalContent = /*#__PURE__*/ _interop_require_default(require("./components/MinimalModalContent.js"));
-_export_star(require("./context.js"), exports);
-_export_star(require("./use-enhanced-modal.js"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}

package/dist/cjs/modal/use-enhanced-modal.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useEnhancedModal", {
-    enumerable: true,
-    get: function() {
-        return useEnhancedModal;
-    }
-});
-var _react = require("react");
-var _context = require("./context.js");
-var useEnhancedModal = function() {
-    return (0, _react.useContext)(_context.ModalContext);
-};