@driveflux/ui 1.0.0-next.0

package/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["@driveflux/eslint-config/next.esm.js"]
+}

package/.swcrc

@@ -0,0 +1,14 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "tsx": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    }
+  }
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,6 @@
+
+> @driveflux/ui@1.0.0-next.0 build /Users/flux/Projects/flux/shared/ui
+> fab
+
+Successfully compiled: 18 files with swc (40.33ms)
+Successfully compiled: 18 files with swc (41.2ms)

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @driveflux/ui
+
+## 1.0.0-next.0
+
+### Major Changes
+
+- 4.5 pre-release
+
+### Patch Changes
+
+- Updated dependencies
+  - @driveflux/icons@1.0.0-next.0

package/dist/chakra.d.ts

@@ -0,0 +1,2 @@
+export * from '@chakra-ui/react';
+//# sourceMappingURL=chakra.d.ts.map

package/dist/chakra.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chakra.d.ts","sourceRoot":"","sources":["../src/chakra.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/chakra.js

@@ -0,0 +1 @@
+export * from "@chakra-ui/react";

package/dist/cjs/chakra.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("@chakra-ui/react"), 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;
+}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./chakra.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;
+}

package/dist/cjs/modal/ModalProvider.js

@@ -0,0 +1,254 @@
+"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 _isEmpty = /*#__PURE__*/ _interop_require_default(require("lodash/isEmpty.js"));
+var _react = require("react");
+var _chakra = require("../chakra.js");
+var _react1 = require("../utils/react.js");
+var _MinimalModalContent = /*#__PURE__*/ _interop_require_default(require("./components/MinimalModalContent.js"));
+var _StandardModalContent = /*#__PURE__*/ _interop_require_default(require("./components/StandardModalContent.js"));
+var _context = require("./context.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 _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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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 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 _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);
+}
+var getModalComponent = function(modalContentConfig, controls) {
+    var otherProps = modalContentConfig.contentProps || {};
+    switch(modalContentConfig.type){
+        case "standard":
+            {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_StandardModalContent.default, _object_spread({
+                    controls: controls,
+                    modalContentConfig: modalContentConfig
+                }, otherProps));
+            }
+        case "minimal":
+            {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MinimalModalContent.default, _object_spread({
+                    controls: controls,
+                    modalContentConfig: modalContentConfig
+                }, otherProps));
+            }
+        case "custom":
+            return (0, _react1.isReactNode)(modalContentConfig.content) ? modalContentConfig.content : /*#__PURE__*/ (0, _jsxruntime.jsx)(modalContentConfig.content, _object_spread({
+                open: open,
+                close: close
+            }, otherProps));
+    }
+};
+var isModalOpenOptions = function(options) {
+    return (options === null || options === void 0 ? void 0 : options.modalContentConfig) !== undefined;
+};
+var ModalProvider = function(param) {
+    var children = param.children;
+    var _useDisclosure = (0, _chakra.useDisclosure)(), isOpen = _useDisclosure.isOpen, onCloseRaw = _useDisclosure.onClose, onOpenRaw = _useDisclosure.onOpen;
+    var _useState = _sliced_to_array((0, _react.useState)(), 2), modalContentConfig = _useState[0], setModalContentConfig = _useState[1];
+    var _useState1 = _sliced_to_array((0, _react.useState)(), 2), modalOptions = _useState1[0], setModalOptions = _useState1[1];
+    var _useState2 = _sliced_to_array((0, _react.useState)(), 2), modalState = _useState2[0], setModalState = _useState2[1];
+    var onClose = (0, _react.useCallback)(function(options) {
+        onCloseRaw();
+        if (modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.onClose) {
+            modalOptions.onClose();
+        }
+        if (!(options === null || options === void 0 ? void 0 : options.keepModalContentConfig)) {
+            setModalContentConfig(undefined);
+            setModalOptions(undefined);
+            setModalState(undefined);
+        }
+    }, [
+        modalOptions
+    ]);
+    var onOpen = (0, _react.useCallback)(function(modalContentConfigOrOptions) {
+        var newModalContentConfig;
+        var newModalSate;
+        var newModalOptions;
+        // Here, we know we're passing the global options object
+        if (isModalOpenOptions(modalContentConfigOrOptions)) {
+            newModalContentConfig = modalContentConfigOrOptions.modalContentConfig;
+            newModalSate = modalContentConfigOrOptions.modalContentConfig.initialModalState;
+            newModalOptions = modalContentConfigOrOptions;
+        } else if (modalContentConfigOrOptions) {
+            newModalContentConfig = modalContentConfigOrOptions;
+            newModalSate = undefined;
+            newModalOptions = undefined;
+        }
+        setModalContentConfig(function(oldModalContentConfig) {
+            var modalContentConfig = newModalContentConfig || oldModalContentConfig;
+            if (modalContentConfig) {
+                onOpenRaw();
+            }
+            return modalContentConfig;
+        });
+        setModalState(newModalSate);
+        setModalOptions(newModalOptions);
+    }, []);
+    var update = (0, _react.useCallback)(function(updateOptions) {
+        if (!updateOptions || (0, _isEmpty.default)(updateOptions)) {
+            return;
+        }
+        setModalContentConfig(function(oldModalContentConfig) {
+            if (!oldModalContentConfig) {
+                return oldModalContentConfig;
+            }
+            return _object_spread_props(_object_spread({}, oldModalContentConfig, updateOptions.modalContentConfig), {
+                contentProps: _object_spread({}, updateOptions.contentProps, oldModalContentConfig.contentProps)
+            });
+        });
+    }, []);
+    var state = (0, _react.useMemo)(function() {
+        return {
+            isOpen: isOpen,
+            // @ts-expect-error
+            open: onOpen,
+            close: onClose,
+            update: update,
+            modalState: modalState,
+            setModalState: setModalState
+        };
+    }, [
+        onOpen,
+        onClose,
+        update,
+        modalState,
+        setModalState,
+        isOpen
+    ]);
+    var content = (0, _react.useMemo)(function() {
+        return modalContentConfig && getModalComponent(modalContentConfig, state);
+    }, [
+        modalContentConfig
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_context.ModalContext.Provider, {
+        value: state,
+        children: [
+            children,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.Modal, {
+                scrollBehavior: "inside",
+                isCentered: true,
+                blockScrollOnMount: true,
+                closeOnOverlayClick: true,
+                size: (modalContentConfig === null || modalContentConfig === void 0 ? void 0 : modalContentConfig.size) || {
+                    base: "full",
+                    md: "3xl"
+                },
+                isOpen: isOpen,
+                onClose: onClose,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalOverlay, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalContent, {
+                        borderRadius: 0,
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = ModalProvider;

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

@@ -0,0 +1,139 @@
+"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 _IconClose = /*#__PURE__*/ _interop_require_default(require("@driveflux/icons/icons/IconClose"));
+var _chakra = require("../../chakra.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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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 EnhancedModalCustomWrapper = function(_param) {
+    var title = _param.title, children = _param.children, isCloseHidden = _param.isCloseHidden, props = _object_without_properties(_param, [
+        "title",
+        "children",
+        "isCloseHidden"
+    ]);
+    var close = (0, _useenhancedmodal.useEnhancedModal)().close;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.Stack, _object_spread_props(_object_spread({
+        overflowY: "scroll",
+        px: "32px",
+        py: "24px",
+        spacing: "18px"
+    }, props), {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.HStack, {
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Heading, {
+                        fontSize: "18px",
+                        textTransform: "uppercase",
+                        children: title
+                    }),
+                    !isCloseHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
+                        p: 0,
+                        variant: "unstyled",
+                        border: 0,
+                        w: "fit-content",
+                        onClick: function() {
+                            close();
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_IconClose.default, {
+                            size: "28px"
+                        })
+                    })
+                ]
+            }),
+            children
+        ]
+    }));
+};
+var _default = EnhancedModalCustomWrapper;

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

@@ -0,0 +1,167 @@
+"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 _macro = require("@lingui/macro");
+var _chakra = require("../../chakra.js");
+var _colors = require("../../theme/colors.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: "bold",
+                        letterSpacing: "3px",
+                        children: (cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.children) ? cancelProps.children : /*#__PURE__*/ (0, _jsxruntime.jsx)(_macro.Trans, {
+                            children: "Cancel"
+                        })
+                    })),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, _object_spread_props(_object_spread({
+                        w: "full"
+                    }, okProps), {
+                        fontSize: "10px",
+                        fontWeight: "bold",
+                        letterSpacing: "3px",
+                        children: (okProps === null || okProps === void 0 ? void 0 : okProps.children) ? okProps.children : /*#__PURE__*/ (0, _jsxruntime.jsx)(_macro.Trans, {
+                            children: "Confirm"
+                        })
+                    }))
+                ]
+            }),
+            suffix
+        ]
+    }));
+};
+var _default = EnhancedModalFooter;