@driveflux/ui 1.0.0-next.0

package/dist/cjs/theme/colors.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "colors", {
+    enumerable: true,
+    get: function() {
+        return colors;
+    }
+});
+var colors = {
+    /**
+   * #EFEFF0 Light Gray
+   */ primary1: "#EFEFF0",
+    /**
+   * #CACACA Gray
+   */ primary2: "#CACACA",
+    /**
+   * #585858 Dark Gray
+   */ primary3: "#585858",
+    /**
+   * #191919 Soft Black
+   */ primary4: "#191919",
+    /**
+   * #E55867 Red
+   */ accent4: "#E55867",
+    /**
+   * #ADE0EE Light Blue
+   */ links2: "#ADE0EE",
+    /**
+   * #50C8E8 Blue
+   */ links: "#50C8E8",
+    /**
+   * #E24657 Red
+   */ alert4: "#E24657",
+    /**
+   * #E24657 Red
+   */ danger: "#E24657",
+    /**
+   * #F4B25C Yellow
+   */ warning4: "#F4B25C",
+    /**
+   * #4FD9C2 Green
+   */ success4: "#4FD9C2",
+    /**
+   * #4FD9C2 Green
+   */ green: "#4FD9C2",
+    /**
+   * #3BD5BC Green
+   */ // green: '#3BD5BC',
+    /**
+   * #000000 Black
+   */ black: "#000000",
+    /**
+   * #ffffff White
+   */ white: "#ffffff",
+    /**
+   * #E6E6E6 Light Gray
+   */ whiteHover: "#E6E6E6",
+    /**
+   * #F4F4F4  Light Gray
+   */ placeholder: "#F4F4F4",
+    /**
+   * #F9F7D7 Light Yellow
+   */ highlight: "#F9F7D7",
+    primary: {
+        25: "#fafafa",
+        50: "#d6f5f0",
+        100: "#98e6d6",
+        200: "#191919",
+        300: "#191919",
+        400: "#3bd5bb",
+        500: "#000000",
+        600: "#000000",
+        700: "#000000",
+        800: "#000000",
+        900: "#000000"
+    },
+    success: {
+        50: "#d8f7f2",
+        100: "#98e6d6",
+        200: "#3bd5bc",
+        300: "#4FD9C2",
+        400: "#3bd5bb",
+        500: "#3bd5bb",
+        600: "#2EA692",
+        700: "#00825c",
+        800: "#00724d",
+        900: "#005530"
+    },
+    accent: {
+        50: "#fceaee",
+        100: "#f8cad3",
+        200: "#E55867",
+        300: "#E55867",
+        400: "#E24657",
+        500: "#E24657",
+        600: "#d8253f",
+        700: "#c61a38",
+        800: "#b91231",
+        900: "#aa0026"
+    },
+    warning: {
+        50: "#FDF0DE",
+        100: "#F4B25C",
+        200: "#F4B25C",
+        300: "#F4B25C",
+        400: "#F4B25C",
+        500: "#F4B25C",
+        600: "#BF7F2C",
+        700: "#F4B25C",
+        800: "#F4B25C",
+        900: "#F4B25C"
+    },
+    info: {
+        25: "#50C8E81A",
+        50: "#CDF1FA",
+        100: "#50C8E8",
+        200: "#50C8E8",
+        300: "#50C8E8",
+        400: "#50C8E8",
+        500: "#50C8E8",
+        600: "#3EA5C0",
+        700: "#50C8E8",
+        800: "#50C8E8",
+        900: "#50C8E8"
+    },
+    alert: {
+        50: "#E24657",
+        100: "#E24657",
+        200: "#E24657",
+        300: "#E24657",
+        400: "#E24657",
+        500: "#E24657",
+        600: "#E24657",
+        700: "#E24657",
+        800: "#E24657",
+        900: "#E24657"
+    }
+};

package/dist/cjs/theme/index.js

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./use-toast-result.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;
+}
+ // TODO: Add the ToastBox component here

package/dist/cjs/toast/use-toast-result.js

@@ -0,0 +1,255 @@
+"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, {
+    getValidationErrorsList: function() {
+        return getValidationErrorsList;
+    },
+    useToastResult: function() {
+        return useToastResult;
+    }
+});
+var _jsxruntime = require("react/jsx-runtime");
+var _macro = require("@lingui/macro");
+var _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge.js"));
+var _react = require("react");
+var _chakra = require("../chakra.js");
+var _accessors = require("../utils/accessors.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;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "Success"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "The operation was done successfully"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "Operation Failed"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "There was a problem while performing this operation"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var accessStatus = function(s, data) {
+    return typeof s === "function" ? s(data) : s;
+};
+var defaultUseToastResultOptions = {
+    success: {
+        status: "success",
+        title: (0, _macro.t)(_templateObject()),
+        description: (0, _macro.t)(_templateObject1()),
+        isClosable: true
+    },
+    error: {
+        status: "error",
+        title: (0, _macro.t)(_templateObject2()),
+        defaultDescription: (0, _macro.t)(_templateObject3()),
+        showValidationErrors: true,
+        isClosable: true
+    }
+};
+var getValidationErrorsList = function(validation) {
+    return Object.values(validation.fieldErrors).map(function(v) {
+        return v.map(function(vd) {
+            return vd.message;
+        });
+    }).flat();
+};
+var accessOptions = function(options, data) {
+    if (!options) {
+        return options;
+    }
+    return _object_spread_props(_object_spread({}, options), {
+        status: accessStatus(options.status, data),
+        title: (0, _accessors.accessReactNode)(options.title, data),
+        description: (0, _accessors.accessReactNode)(options.description, data)
+    });
+};
+var useToastResult = function(options) {
+    var originalToast = (0, _chakra.useToast)(accessOptions(options === null || options === void 0 ? void 0 : options.defaultOptions));
+    var toastProblem = (0, _react.useCallback)(function(problem, providedOptions) {
+        var _merge1 = (0, _merge.default)({}, defaultUseToastResultOptions.error, providedOptions), description = _merge1.description, defaultDescription = _merge1.defaultDescription, showValidationErrors = _merge1.showValidationErrors, rest = _object_without_properties(_merge1, [
+            "description",
+            "defaultDescription",
+            "showValidationErrors"
+        ]);
+        var problemMessage = problem.message || defaultDescription;
+        return originalToast(_object_spread_props(_object_spread({}, accessOptions(rest, problem)), {
+            description: (0, _accessors.accessReactNode)(description, problem) || /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Box, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    children: [
+                        problemMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Text, {
+                            color: "inherit",
+                            children: problemMessage
+                        }),
+                        problem.validation && showValidationErrors && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.UnorderedList, {
+                            color: "inherit",
+                            children: getValidationErrorsList(problem.validation).map(function(message, i) {
+                                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ListItem, {
+                                    children: message
+                                }, i);
+                            })
+                        })
+                    ]
+                })
+            })
+        }));
+    }, [
+        originalToast
+    ]);
+    var toastError = (0, _react.useCallback)(function(providedOptions) {
+        var _$options = accessOptions((0, _merge.default)({}, defaultUseToastResultOptions.error, providedOptions));
+        return originalToast(_object_spread({}, _$options));
+    }, [
+        originalToast
+    ]);
+    var toastSuccess = (0, _react.useCallback)(function(providedOptions) {
+        var _$options = accessOptions((0, _merge.default)({}, defaultUseToastResultOptions.success, providedOptions));
+        return originalToast(_object_spread({}, _$options));
+    }, [
+        originalToast
+    ]);
+    var toastResult = (0, _react.useCallback)(function(result, generalToastOptions) {
+        var _$options = (0, _merge.default)({}, defaultUseToastResultOptions, generalToastOptions || defaultUseToastResultOptions);
+        var toastType = result.ok ? "success" : "error";
+        var toastOptions = typeof generalToastOptions === "undefined" || generalToastOptions[toastType] === null ? null : _$options[toastType];
+        if (!toastOptions) {
+            return;
+        }
+        var finalToastOptions = _object_spread({}, accessOptions(typeof toastOptions === "boolean" ? defaultUseToastResultOptions[toastType] : toastOptions, result.val));
+        return result.ok ? toastSuccess(finalToastOptions) : toastProblem(result.val, finalToastOptions);
+    }, [
+        originalToast,
+        toastProblem,
+        toastSuccess
+    ]);
+    return {
+        toastProblem: toastProblem,
+        toastSuccess: toastSuccess,
+        toastResult: toastResult,
+        toastError: toastError,
+        toast: originalToast
+    };
+};

package/dist/cjs/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/utils/accessors.js

@@ -0,0 +1,61 @@
+"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, {
+    accessBoolean: function() {
+        return accessBoolean;
+    },
+    accessFunction: function() {
+        return accessFunction;
+    },
+    accessQuery: function() {
+        return accessQuery;
+    },
+    accessReactNode: function() {
+        return accessReactNode;
+    },
+    accessSelf: function() {
+        return accessSelf;
+    },
+    accessString: function() {
+        return accessString;
+    },
+    accessStringOrNull: function() {
+        return accessStringOrNull;
+    }
+});
+var accessSelf = function(s, data, defaultValue) {
+    if (!s) {
+        return defaultValue;
+    }
+    return typeof s === "function" ? s(data) : s;
+};
+var accessBoolean = function(s, data, defaultBoolean) {
+    return accessSelf(s, data, defaultBoolean);
+};
+var accessString = function(s, data, defaultText) {
+    return accessSelf(s, data, defaultText);
+};
+var accessStringOrNull = function(s, data) {
+    var defaultText = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
+    return accessSelf(s, data, defaultText);
+};
+var accessQuery = function(s, data, defaultQuery) {
+    return accessSelf(s, data, defaultQuery);
+};
+var accessReactNode = function(s, data, defaultNode) {
+    return accessSelf(s, data, defaultNode);
+};
+var accessFunction = function(f, data, defaultFunction) {
+    if (!f) {
+        return defaultFunction;
+    }
+    return typeof f === "object" && "generateFunction" in f ? f.generateFunction(data) : f;
+};

package/dist/cjs/utils/index.js

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

@@ -0,0 +1,94 @@
+"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, {
+    isReactComponent: function() {
+        return isReactComponent;
+    },
+    isReactElement: function() {
+        return isReactElement;
+    },
+    isReactNode: function() {
+        return isReactNode;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function isReactComponent(Component) {
+    return typeof Component === "function" && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- React component, it's fine
+    (_instanceof(Component.prototype, _react.default.Component) || Component.displayName !== undefined);
+}
+function isReactElement(element) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
+    return (0, _react.isValidElement)(element);
+}
+function isReactNode(node) {
+    if (// eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
+    (0, _react.isValidElement)(node) || // Check if it's a React element
+    typeof node === "string" || // Check if it's a string
+    typeof node === "number" // Check if it's a number
+    ) {
+        return true;
+    }
+    // Check if it's an array of React nodes
+    if (Array.isArray(node) && node.every(function(element) {
+        return isReactNode(element);
+    })) {
+        return true;
+    }
+    return false;
+}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./chakra.js";

package/dist/modal/ModalProvider.d.ts

@@ -0,0 +1,4 @@
+import { type FC, type PropsWithChildren } from 'react';
+declare const ModalProvider: FC<PropsWithChildren>;
+export default ModalProvider;
+//# sourceMappingURL=ModalProvider.d.ts.map

package/dist/modal/ModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../src/modal/ModalProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AA+BvF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CA2GxC,CAAA;AAED,eAAe,aAAa,CAAA"}