@driveflux/ui 2.0.0 → 2.0.2

package/dist/modal/components/StandardModalContent.js

@@ -1,349 +1,32 @@
-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, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["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(g && (g = 0, op[0] && (_ = 0)), _)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
-        };
-    }
-}
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
-import { Button, HStack, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from '../../chakra.js';
+import { Button, HStack, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, } from '../../chakra.js';
 import { translations } from '../../translations.js';
 import { isReactNode } from '../../utils/react.js';
 import { useEnhancedModal } from '../use-enhanced-modal.js';
-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(useState(false), 2), isSaving = _useState[0], setIsSaving = _useState[1];
-    var modalState = useEnhancedModal().modalState;
-    var handleOK = useCallback(function() {
-        return _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 = useCallback(function() {
-        return _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__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(ModalHeader, {
-                children: modalContentConfig.title
-            }),
-            /*#__PURE__*/ _jsx(ModalCloseButton, {}),
-            /*#__PURE__*/ _jsx(ModalBody, {
-                children: isReactNode(Content) ? Content : /*#__PURE__*/ _jsx(Content, _object_spread({
-                    open: open,
-                    close: close
-                }, props))
-            }),
-            /*#__PURE__*/ _jsx(ModalFooter, {
-                children: /*#__PURE__*/ _jsxs(HStack, {
-                    w: 'full',
-                    spacing: '6',
-                    children: [
-                        /*#__PURE__*/ _jsx(Button, {
-                            isDisabled: isSaving,
-                            w: 'full',
-                            variant: 'outline',
-                            onClick: handleCancel,
-                            children: modalContentConfig.cancelText || translations.close
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            isDisabled: modalContentConfig.isOkDisabled,
-                            isLoading: isSaving || modalContentConfig.isOkLoading,
-                            w: 'full',
-                            variant: 'solid',
-                            onClick: handleOK,
-                            colorScheme: modalContentConfig.okColorScheme,
-                            children: modalContentConfig.okText || translations.ok
-                        })
-                    ]
-                })
-            })
-        ]
-    });
+const StandardModalContent = ({ controls: { open, close }, modalContentConfig, ...props }) => {
+    const Content = modalContentConfig.content;
+    const [isSaving, setIsSaving] = useState(false);
+    const { modalState } = useEnhancedModal();
+    const handleOK = useCallback(async () => {
+        setIsSaving(true);
+        if (modalContentConfig.onOk) {
+            try {
+                await modalContentConfig.onOk(modalState);
+            }
+            finally {
+                setIsSaving(false);
+            }
+        }
+        close();
+    }, [modalContentConfig.onOk, close, modalState]);
+    const handleCancel = useCallback(async () => {
+        if (modalContentConfig.onCancel) {
+            await modalContentConfig.onCancel();
+        }
+        close();
+    }, [modalContentConfig.onCancel, close]);
+    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { children: modalContentConfig.title }), _jsx(ModalCloseButton, {}), _jsx(ModalBody, { children: isReactNode(Content) ? (Content) : (_jsx(Content, { open: open, close: close, ...props })) }), _jsx(ModalFooter, { children: _jsxs(HStack, { w: 'full', spacing: '6', children: [_jsx(Button, { isDisabled: isSaving, w: 'full', variant: 'outline', onClick: handleCancel, children: modalContentConfig.cancelText || translations.close }), _jsx(Button, { isDisabled: modalContentConfig.isOkDisabled, isLoading: isSaving || modalContentConfig.isOkLoading, w: 'full', variant: 'solid', onClick: handleOK, colorScheme: modalContentConfig.okColorScheme, children: modalContentConfig.okText || translations.ok })] }) })] }));
 };
 export default StandardModalContent;
+//# sourceMappingURL=StandardModalContent.js.map

package/dist/modal/context.js

@@ -1,10 +1,11 @@
-import { createContext } from 'react';
-var initialState = {
+import { createContext, } from 'react';
+const initialState = {
     isOpen: true,
-    open: function() {},
-    close: function() {},
-    update: function() {},
+    open: () => { },
+    close: () => { },
+    update: () => { },
     modalState: undefined,
-    setModalState: function() {}
+    setModalState: () => { },
 };
-export var ModalContext = /*#__PURE__*/ createContext(initialState);
+export const ModalContext = createContext(initialState);
+//# sourceMappingURL=context.js.map

package/dist/modal/index.js

@@ -4,3 +4,4 @@ export { default as EnhancedModalFooter } from './components/EnhancedModalFooter
 export { default as MinimalModalContent } from './components/MinimalModalContent.js';
 export * from './context.js';
 export * from './use-enhanced-modal.js';
+//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,6 @@
 import { useContext } from 'react';
 import { ModalContext } from './context.js';
-export var useEnhancedModal = function() {
+export const useEnhancedModal = () => {
     return useContext(ModalContext);
 };
+//# sourceMappingURL=use-enhanced-modal.js.map

package/dist/theme/colors.js

@@ -1,61 +1,79 @@
 // TODO sync this with the one in dump
 // remove dump file version
 // update all instances using colors
-export var colors = {
+export const colors = {
     /**
-	 * #EFEFF0 Light Gray
-	 */ primary1: '#EFEFF0',
+     * #EFEFF0 Light Gray
+     */
+    primary1: '#EFEFF0',
     /**
-	 * #CACACA Gray
-	 */ primary2: '#CACACA',
+     * #CACACA Gray
+     */
+    primary2: '#CACACA',
     /**
-	 * #585858 Dark Gray
-	 */ primary3: '#585858',
+     * #585858 Dark Gray
+     */
+    primary3: '#585858',
     /**
-	 * #191919 Soft Black
-	 */ primary4: '#191919',
+     * #191919 Soft Black
+     */
+    primary4: '#191919',
     /**
-	 * #E55867 Red
-	 */ accent4: '#E55867',
+     * #E55867 Red
+     */
+    accent4: '#E55867',
     /**
-	 * #ADE0EE Light Blue
-	 */ links2: '#ADE0EE',
+     * #ADE0EE Light Blue
+     */
+    links2: '#ADE0EE',
     /**
-	 * #50C8E8 Blue
-	 */ links: '#50C8E8',
+     * #50C8E8 Blue
+     */
+    links: '#50C8E8',
     /**
-	 * #E24657 Red
-	 */ alert4: '#E24657',
+     * #E24657 Red
+     */
+    alert4: '#E24657',
     /**
-	 * #E24657 Red
-	 */ danger: '#E24657',
+     * #E24657 Red
+     */
+    danger: '#E24657',
     /**
-	 * #F4B25C Yellow
-	 */ warning4: '#F4B25C',
+     * #F4B25C Yellow
+     */
+    warning4: '#F4B25C',
     /**
-	 * #4FD9C2 Green
-	 */ success4: '#4FD9C2',
+     * #4FD9C2 Green
+     */
+    success4: '#4FD9C2',
     /**
-	 * #4FD9C2 Green
-	 */ green: '#4FD9C2',
+     * #4FD9C2 Green
+     */
+    green: '#4FD9C2',
     /**
-	 * #3BD5BC Green
-	 */ // green: '#3BD5BC',
+     * #3BD5BC Green
+     */
+    // green: '#3BD5BC',
     /**
-	 * #000000 Black
-	 */ black: '#000000',
+     * #000000 Black
+     */
+    black: '#000000',
     /**
-	 * #ffffff White
-	 */ white: '#ffffff',
+     * #ffffff White
+     */
+    white: '#ffffff',
     /**
-	 * #E6E6E6 Light Gray
-	 */ whiteHover: '#E6E6E6',
+     * #E6E6E6 Light Gray
+     */
+    whiteHover: '#E6E6E6',
     /**
-	 * #F4F4F4  Light Gray
-	 */ placeholder: '#F4F4F4',
+     * #F4F4F4  Light Gray
+     */
+    placeholder: '#F4F4F4',
     /**
-	 * #F9F7D7 Light Yellow
-	 */ highlight: '#F9F7D7',
+     * #F9F7D7 Light Yellow
+     */
+    highlight: '#F9F7D7',
     primary: {
         25: '#fafafa',
         50: '#d6f5f0',
@@ -67,7 +85,7 @@ export var colors = {
         600: '#000000',
         700: '#000000',
         800: '#000000',
-        900: '#000000'
+        900: '#000000',
     },
     // TODO add 25
     success: {
@@ -80,7 +98,7 @@ export var colors = {
         600: '#2EA692',
         700: '#00825c',
         800: '#00724d',
-        900: '#005530'
+        900: '#005530',
     },
     // TODO add 25
     accent: {
@@ -93,7 +111,7 @@ export var colors = {
         600: '#d8253f',
         700: '#c61a38',
         800: '#b91231',
-        900: '#aa0026'
+        900: '#aa0026',
     },
     // TODO add 25
     warning: {
@@ -106,7 +124,7 @@ export var colors = {
         600: '#BF7F2C',
         700: '#F4B25C',
         800: '#F4B25C',
-        900: '#F4B25C'
+        900: '#F4B25C',
     },
     info: {
         25: '#50C8E81A',
@@ -119,7 +137,7 @@ export var colors = {
         600: '#3EA5C0',
         700: '#50C8E8',
         800: '#50C8E8',
-        900: '#40A0BA'
+        900: '#40A0BA',
     },
     // TODO add 25
     alert: {
@@ -132,6 +150,7 @@ export var colors = {
         600: '#E24657',
         700: '#E24657',
         800: '#E24657',
-        900: '#E24657'
-    }
+        900: '#E24657',
+    },
 };
+//# sourceMappingURL=colors.js.map

package/dist/theme/index.js

@@ -1 +1,2 @@
 export * from './colors.js';
+//# sourceMappingURL=index.js.map

package/dist/toast/index.js

@@ -1 +1,3 @@
-export * from './use-toast-result.js'; // TODO: Add the ToastBox component here
+export * from './use-toast-result.js';
+// TODO: Add the ToastBox component here
+//# sourceMappingURL=index.js.map