@driveflux/ui 2.0.1 → 2.0.2

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

@@ -1,186 +1,86 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import merge from 'lodash/merge.js';
 import { useCallback } from 'react';
-import { Box, ListItem, Text, UnorderedList, useToast } from '../chakra.js';
+import { Box, ListItem, Text, UnorderedList, useToast, } from '../chakra.js';
 import { translations } from '../translations.js';
 import { accessReactNode } from '../utils/accessors.js';
-var accessStatus = function(s, data) {
+const accessStatus = (s, data) => {
     return typeof s === 'function' ? s(data) : s;
 };
-var defaultUseToastResultOptions = {
+const defaultUseToastResultOptions = {
     success: {
         status: 'success',
         title: translations.success,
         description: translations.successDescription,
-        isClosable: true
+        isClosable: true,
     },
     error: {
         status: 'error',
         title: translations.failed,
         defaultDescription: translations.failedDescription,
         showValidationErrors: true,
-        isClosable: true
-    }
+        isClosable: true,
+    },
 };
-export var getValidationErrorsList = function(validation) {
-    return Object.values(validation.fieldErrors).flatMap(function(v) {
-        return v.map(function(vd) {
-            return vd.message;
-        });
-    });
+export const getValidationErrorsList = (validation) => {
+    return Object.values(validation.fieldErrors).flatMap((v) => v.map((vd) => vd.message));
 };
-var accessOptions = function(options, data) {
+const accessOptions = (options, data) => {
     if (!options) {
         return options;
     }
-    return _object_spread_props(_object_spread({}, options), {
+    return {
+        ...options,
         status: accessStatus(options.status, data),
         title: accessReactNode(options.title, data),
-        description: accessReactNode(options.description, data)
-    });
+        description: accessReactNode(options.description, data),
+    };
 };
-export var useToastResult = function(options) {
-    var originalToast = useToast(accessOptions(options === null || options === void 0 ? void 0 : options.defaultOptions));
-    var toastProblem = useCallback(function(problem, providedOptions) {
-        var _merge = merge({}, defaultUseToastResultOptions.error, providedOptions), description = _merge.description, defaultDescription = _merge.defaultDescription, showValidationErrors = _merge.showValidationErrors, rest = _object_without_properties(_merge, [
-            "description",
-            "defaultDescription",
-            "showValidationErrors"
-        ]);
-        var problemMessage = problem.message || defaultDescription;
-        return originalToast(_object_spread_props(_object_spread({}, accessOptions(rest, problem)), {
-            description: accessReactNode(description, problem) || /*#__PURE__*/ _jsx(Box, {
-                children: /*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        problemMessage && /*#__PURE__*/ _jsx(Text, {
-                            color: 'inherit',
-                            children: problemMessage
-                        }),
-                        problem.validation && showValidationErrors && /*#__PURE__*/ _jsx(UnorderedList, {
-                            color: 'inherit',
-                            children: getValidationErrorsList(problem.validation).map(function(message, i) {
-                                return /*#__PURE__*/ _jsx(ListItem, {
-                                    children: message
-                                }, message);
-                            })
-                        })
-                    ]
-                })
-            })
-        }));
-    }, [
-        originalToast
-    ]);
-    var toastError = useCallback(function(providedOptions) {
-        var _$options = accessOptions(merge({}, defaultUseToastResultOptions.error, providedOptions));
-        return originalToast(_object_spread({}, _$options));
-    }, [
-        originalToast
-    ]);
-    var toastSuccess = useCallback(function(providedOptions) {
-        var _$options = accessOptions(merge({}, defaultUseToastResultOptions.success, providedOptions));
-        return originalToast(_object_spread({}, _$options));
-    }, [
-        originalToast
-    ]);
-    var toastResult = useCallback(function(result, generalToastOptions) {
-        var _$options = merge({}, defaultUseToastResultOptions, generalToastOptions);
-        var toastType = result.ok ? 'success' : 'error';
-        var toastOptions = _$options[toastType];
+export const useToastResult = (options) => {
+    const originalToast = useToast(accessOptions(options?.defaultOptions));
+    const toastProblem = useCallback((problem, providedOptions) => {
+        const { description, defaultDescription, showValidationErrors, ...rest } = merge({}, defaultUseToastResultOptions.error, providedOptions);
+        const problemMessage = problem.message || defaultDescription;
+        return originalToast({
+            ...accessOptions(rest, problem),
+            description: accessReactNode(description, problem) || (_jsx(Box, { children: _jsxs(_Fragment, { children: [problemMessage && (_jsx(Text, { color: 'inherit', children: problemMessage })), problem.validation && showValidationErrors && (_jsx(UnorderedList, { color: 'inherit', children: getValidationErrorsList(problem.validation).map((message, i) => (_jsx(ListItem, { children: message }, message))) }))] }) })),
+        });
+    }, [originalToast]);
+    const toastError = useCallback((providedOptions) => {
+        const options = accessOptions(merge({}, defaultUseToastResultOptions.error, providedOptions));
+        return originalToast({
+            ...options,
+        });
+    }, [originalToast]);
+    const toastSuccess = useCallback((providedOptions) => {
+        const options = accessOptions(merge({}, defaultUseToastResultOptions.success, providedOptions));
+        return originalToast({
+            ...options,
+        });
+    }, [originalToast]);
+    const toastResult = useCallback((result, generalToastOptions) => {
+        const options = merge({}, defaultUseToastResultOptions, generalToastOptions);
+        const toastType = result.ok ? 'success' : 'error';
+        const toastOptions = options[toastType];
         if (!toastOptions) {
             return;
         }
-        var finalToastOptions = _object_spread({}, accessOptions(typeof toastOptions === 'boolean' ? defaultUseToastResultOptions[toastType] : toastOptions, result.val));
+        const finalToastOptions = {
+            ...accessOptions(typeof toastOptions === 'boolean'
+                ? defaultUseToastResultOptions[toastType]
+                : toastOptions, result.val),
+        };
         console.log('finalToastOptions????', finalToastOptions);
-        return result.ok ? toastSuccess(finalToastOptions) : toastProblem(result.val, finalToastOptions);
-    }, [
-        toastProblem,
-        toastSuccess
-    ]);
+        return result.ok
+            ? toastSuccess(finalToastOptions)
+            : toastProblem(result.val, finalToastOptions);
+    }, [toastProblem, toastSuccess]);
     return {
-        toastProblem: toastProblem,
-        toastSuccess: toastSuccess,
-        toastResult: toastResult,
-        toastError: toastError,
-        toast: originalToast
+        toastProblem,
+        toastSuccess,
+        toastResult,
+        toastError,
+        toast: originalToast,
     };
 };
+//# sourceMappingURL=use-toast-result.js.map

package/dist/translations.js

@@ -1,5 +1,5 @@
 import { singleton } from '@driveflux/singleton';
-export var translations = singleton('uiTranslations', {
+export const translations = singleton('uiTranslations', {
     success: 'Success',
     successDescription: 'Operation completed successfully.',
     failed: 'Operation Failed',
@@ -7,15 +7,16 @@ export var translations = singleton('uiTranslations', {
     cancel: 'Cancel',
     confirm: 'Confirm',
     close: 'Close',
-    ok: 'Ok'
+    ok: 'Ok',
 });
-export var setTranslations = function(ts) {
-    for(var key in ts){
+export const setTranslations = (ts) => {
+    for (const key in ts) {
         // TODO
         // @ts-expect-error
         translations[key] = ts[key];
     }
 };
-export var setTranslation = function(key, value) {
+export const setTranslation = (key, value) => {
     translations[key] = value;
 };
+//# sourceMappingURL=translations.js.map

package/dist/types.js

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=types.js.map

package/dist/utils/accessors.js

@@ -1,32 +1,20 @@
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-export var accessSelf = function(s, data, defaultValue) {
+export const accessSelf = (s, data, defaultValue) => {
     if (!s) {
         return defaultValue;
     }
     return typeof s === 'function' ? s(data) : s;
 };
-export var accessBoolean = function(s, data, defaultBoolean) {
-    return accessSelf(s, data, defaultBoolean);
-};
-export var accessString = function(s, data, defaultText) {
-    return accessSelf(s, data, defaultText);
-};
-export var accessStringOrNull = function(s, data) {
-    var defaultText = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
-    return accessSelf(s, data, defaultText);
-};
-export var accessQuery = function(s, data, defaultQuery) {
-    return accessSelf(s, data, defaultQuery);
-};
-export var accessReactNode = function(s, data, defaultNode) {
-    return accessSelf(s, data, defaultNode);
-};
-export var accessFunction = function(f, data, defaultFunction) {
+export const accessBoolean = (s, data, defaultBoolean) => accessSelf(s, data, defaultBoolean);
+export const accessString = (s, data, defaultText) => accessSelf(s, data, defaultText);
+export const accessStringOrNull = (s, data, defaultText = null) => accessSelf(s, data, defaultText);
+export const accessQuery = (s, data, defaultQuery) => accessSelf(s, data, defaultQuery);
+export const accessReactNode = (s, data, defaultNode) => accessSelf(s, data, defaultNode);
+export const accessFunction = (f, data, defaultFunction) => {
     if (!f) {
         return defaultFunction;
     }
-    return (typeof f === "undefined" ? "undefined" : _type_of(f)) === 'object' && 'generateFunction' in f ? f.generateFunction(data) : f;
+    return typeof f === 'object' && 'generateFunction' in f
+        ? f.generateFunction(data)
+        : f;
 };
+//# sourceMappingURL=accessors.js.map

package/dist/utils/index.js

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

package/dist/utils/react.js

@@ -1,15 +1,10 @@
-function _instanceof(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else {
-        return left instanceof right;
-    }
-}
-import { isValidElement } from 'react';
+import { isValidElement, } from 'react';
 export function isReactComponent(Component) {
-    return typeof Component === 'function' && // TODO
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- React component, it's fine
-    (_instanceof(Component.prototype, Component) || Component.displayName !== undefined);
+    return (typeof Component === 'function' &&
+        // TODO
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- React component, it's fine
+        (Component.prototype instanceof Component ||
+            Component.displayName !== undefined));
 }
 export function isReactElement(element) {
     // TODO
@@ -17,19 +12,19 @@ export function isReactElement(element) {
     return isValidElement(element);
 }
 export function isReactNode(node) {
-    if (// TODO
+    if (
+    // TODO
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
     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
+        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);
-    })) {
+    if (Array.isArray(node) && node.every((element) => isReactNode(element))) {
         return true;
     }
     return false;
 }
+//# sourceMappingURL=react.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/ui",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -37,18 +37,18 @@
   ],
   "dependencies": {
     "@chakra-ui/react": "^2.10.7",
-    "@driveflux/icons": "2.0.1",
-    "@driveflux/singleton": "2.0.1",
+    "@driveflux/icons": "2.0.2",
+    "@driveflux/singleton": "2.0.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "framer-motion": "^12.10.1",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@driveflux/fab": "3.0.1",
-    "@driveflux/problem": "5.0.1",
-    "@driveflux/result": "5.0.1",
-    "@driveflux/tsconfig": "2.0.1",
+    "@driveflux/fab": "3.0.2",
+    "@driveflux/problem": "5.0.2",
+    "@driveflux/result": "5.0.2",
+    "@driveflux/tsconfig": "2.0.2",
     "@swc/cli": "0.7.5",
     "@swc/core": "1.11.24",
     "@types/lodash": "^4.17.16",