@driveflux/ui 1.0.14 → 1.1.1

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

@@ -1,210 +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, {
-    getValidationErrorsList: function() {
-        return getValidationErrorsList;
-    },
-    useToastResult: function() {
-        return useToastResult;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge.js"));
-var _react = require("react");
-var _chakra = require("../chakra.js");
-var _translations = require("../translations.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;
-}
-var accessStatus = function(s, data) {
-    return typeof s === 'function' ? s(data) : s;
-};
-var defaultUseToastResultOptions = {
-    success: {
-        status: 'success',
-        title: _translations.translations.success,
-        description: _translations.translations.successDescription,
-        isClosable: true
-    },
-    error: {
-        status: 'error',
-        title: _translations.translations.failed,
-        defaultDescription: _translations.translations.failedDescription,
-        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);
-        var toastType = result.ok ? 'success' : 'error';
-        var toastOptions = _$options[toastType];
-        if (!toastOptions) {
-            return;
-        }
-        var finalToastOptions = _object_spread({}, accessOptions(typeof toastOptions === 'boolean' ? defaultUseToastResultOptions[toastType] : toastOptions, result.val));
-        console.log('finalToastOptions????', finalToastOptions);
-        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/translations.js

@@ -1,42 +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, {
-    setTranslation: function() {
-        return setTranslation;
-    },
-    setTranslations: function() {
-        return setTranslations;
-    },
-    translations: function() {
-        return translations;
-    }
-});
-var _singleton = require("@driveflux/singleton");
-var translations = (0, _singleton.singleton)('uiTranslations', {
-    success: 'Success',
-    successDescription: 'Operation completed successfully.',
-    failed: 'Operation Failed',
-    failedDescription: 'There was a problem while performing this operation.',
-    cancel: 'Cancel',
-    confirm: 'Confirm',
-    close: 'Close',
-    ok: 'Ok'
-});
-var setTranslations = function(ts) {
-    for(var key in ts){
-        // TODO
-        // @ts-expect-error
-        translations[key] = ts[key];
-    }
-};
-var setTranslation = function(key, value) {
-    translations[key] = value;
-};

package/dist/cjs/types.js

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

package/dist/cjs/utils/accessors.js

@@ -1,65 +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, {
-    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;
-    }
-});
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-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 === "undefined" ? "undefined" : _type_of(f)) === 'object' && 'generateFunction' in f ? f.generateFunction(data) : f;
-};

package/dist/cjs/utils/index.js

@@ -1,19 +0,0 @@
-"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

@@ -1,56 +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, {
-    isReactComponent: function() {
-        return isReactComponent;
-    },
-    isReactElement: function() {
-        return isReactElement;
-    },
-    isReactNode: function() {
-        return isReactNode;
-    }
-});
-var _react = 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 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);
-}
-function isReactElement(element) {
-    // TODO
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
-    return (0, _react.isValidElement)(element);
-}
-function isReactNode(node) {
-    if (// TODO
-    // 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

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,3 +0,0 @@
-// TODO check if is an error or not
-// Turbopack has a bug that's not allowing export * from './chakra.js' to work
-export * from './chakra.js';

package/index.cjs

@@ -1 +0,0 @@
-module.exports = require('./dist/cjs/index.js')

package/index.d.ts

@@ -1 +0,0 @@
-export * from './dist/index'

package/modal.cjs

@@ -1 +0,0 @@
-module.exports = require('./dist/cjs/modal/index.js')

package/modal.d.ts

@@ -1 +0,0 @@
-export * from './dist/modal/index'

package/src/chakra.ts

@@ -1,2 +0,0 @@
-export * from '@chakra-ui/react'
-export type { StackProps } from '@chakra-ui/react'

package/src/index.ts

@@ -1,4 +0,0 @@
-// TODO check if is an error or not
-// Turbopack has a bug that's not allowing export * from './chakra.js' to work
-export * from './chakra.js'
-

package/src/modal/ModalProvider.tsx

@@ -1,143 +0,0 @@
-import isEmpty from 'lodash/isEmpty.js'
-import { useCallback, useMemo, useState, type FC, type PropsWithChildren } from 'react'
-import {
-  Modal,
-  ModalContent,
-  ModalOverlay,
-  useDisclosure
-} from '../chakra.js'
-import { isReactNode } from '../utils/react.js'
-import MinimalModalContent from './components/MinimalModalContent.js'
-import StandardModalContent from './components/StandardModalContent.js'
-import { ModalContext, type ModalCloseOptions, type ModalContentConfig, type ModalContextState, type ModalControlProps, type ModalOpenOptions, type ModalOptions, type ModalUpdateOptions } from './context.js'
-
-const getModalComponent = (modalContentConfig: ModalContentConfig, controls: ModalControlProps) => {
-  const otherProps = modalContentConfig.contentProps || {}
-  switch (modalContentConfig.type) {
-    case 'standard': {
-      return <StandardModalContent controls={controls} modalContentConfig={modalContentConfig} {...otherProps} />
-
-    }
-    case 'minimal': {
-      return <MinimalModalContent controls={controls} modalContentConfig={modalContentConfig} {...otherProps} />
-    }
-    case 'custom':
-      return isReactNode(modalContentConfig.content) ? modalContentConfig.content : <modalContentConfig.content open={open} close={close} {...otherProps} />
-  }
-}
-
-const isModalOpenOptions = (options?: ModalOpenOptions | ModalContentConfig): options is ModalOpenOptions => {
-  return (options as ModalOpenOptions)?.modalContentConfig !== undefined
-}
-
-const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
-  const { isOpen, onClose: onCloseRaw, onOpen: onOpenRaw } = useDisclosure()
-  const [modalContentConfig, setModalContentConfig] = useState<ModalContentConfig | undefined>()
-  const [modalOptions, setModalOptions] = useState<ModalOptions | undefined>()
-  const [modalState, setModalState] = useState<any>()
-
-  const onClose = useCallback((options?: ModalCloseOptions) => {
-    onCloseRaw()
-
-    if (modalOptions?.onClose) {
-      modalOptions.onClose()
-    }
-
-    if (!options?.keepModalContentConfig) {
-      setModalContentConfig(undefined)
-      setModalOptions(undefined)
-      setModalState(undefined)
-    }
-  }, [modalOptions])
-
-  const onOpen = useCallback((modalContentConfigOrOptions?: ModalOpenOptions | ModalContentConfig) => {
-    let newModalContentConfig: ModalContentConfig | undefined
-    let newModalSate: any
-    let newModalOptions: ModalOptions | undefined
-    // Here, we know we're passing the global options object
-    if (isModalOpenOptions(modalContentConfigOrOptions)) {
-      newModalContentConfig = modalContentConfigOrOptions.modalContentConfig
-      newModalSate = modalContentConfigOrOptions.modalContentConfig.initialModalState
-      newModalOptions = modalContentConfigOrOptions
-    }
-    // we will set the state only when we're passing the modal content config. Maybe the modal
-    // was closed with keepModalContentConfig set to true, so we don't want to override the state
-    else if (modalContentConfigOrOptions) {
-      newModalContentConfig = modalContentConfigOrOptions
-      newModalSate = undefined
-      newModalOptions = undefined
-    }
-
-    setModalContentConfig((oldModalContentConfig) => {
-      const modalContentConfig = newModalContentConfig || oldModalContentConfig
-
-      if (modalContentConfig) {
-        onOpenRaw()
-      }
-
-      return modalContentConfig
-    })
-
-    setModalState(newModalSate)
-    setModalOptions(newModalOptions)
-  }, [])
-
-  const update = useCallback((updateOptions: ModalUpdateOptions) => {
-    if (!updateOptions || isEmpty(updateOptions)) {
-      return
-    }
-
-    setModalContentConfig((oldModalContentConfig) => {
-      if (!oldModalContentConfig) {
-        return oldModalContentConfig
-      }
-
-      return {
-        ...oldModalContentConfig,
-        ...updateOptions.modalContentConfig,
-        contentProps: {
-          ...updateOptions.contentProps,
-          ...oldModalContentConfig.contentProps,
-        }
-      }
-    })
-  }, [])
-
-  const state = useMemo((): ModalContextState => {
-    return {
-      isOpen,
-      // TODO
-      // @ts-expect-error
-      open: onOpen,
-      close: onClose,
-      update,
-      modalState,
-      setModalState,
-    }
-  }, [onOpen, onClose, update, modalState, setModalState, isOpen])
-
-  const content = useMemo(() => modalContentConfig && getModalComponent(modalContentConfig, state), [modalContentConfig])
-
-  return (
-    <ModalContext.Provider value={state}>
-      {children}
-      {/* The modal is already rendered in a portal */}
-      <Modal
-        scrollBehavior={'inside'}
-        isCentered
-        blockScrollOnMount
-        closeOnOverlayClick
-        size={modalContentConfig?.size || { base: 'full', md: '3xl' }}
-        isOpen={isOpen}
-        onClose={onClose}
-      >
-        <ModalOverlay />
-        <ModalContent borderRadius={0}>
-          {content}
-        </ModalContent>
-      </Modal>
-    </ModalContext.Provider>
-  )
-}
-
-export default ModalProvider

package/src/modal/components/EnhancedModalCustomWrapper.tsx

@@ -1,39 +0,0 @@
-import IconClose from '@driveflux/icons/icons/IconClose'
-import type { FC, PropsWithChildren, ReactNode } from 'react'
-import { Button, HStack, Heading, Stack, type StackProps } from '../../chakra.js'
-import { useEnhancedModal } from '../use-enhanced-modal.js'
-
-type Props = {
-  title?: ReactNode
-  isCloseHidden?: boolean
-} & StackProps
-
-const EnhancedModalCustomWrapper: FC<PropsWithChildren<Props>> = ({ title, children, isCloseHidden, ...props }) => {
-  const { close } = useEnhancedModal()
-
-  return (
-    <Stack overflowY={'scroll'} px={'32px'} py={'24px'} spacing={'18px'} {...props}>
-      <HStack justifyContent={'space-between'}>
-        <Heading fontSize={'18px'} textTransform={'uppercase'}>
-          {title}
-        </Heading>
-        {!isCloseHidden && (
-          <Button
-            p={0}
-            variant={'unstyled'}
-            border={0}
-            w={'fit-content'}
-            onClick={() => {
-              close()
-            }}
-          >
-            <IconClose size={'28px'} />
-          </Button>
-        )}
-      </HStack>
-      {children}
-    </Stack>
-  )
-}
-
-export default EnhancedModalCustomWrapper

package/src/modal/components/EnhancedModalFooter.tsx

@@ -1,51 +0,0 @@
-import { FC, ReactNode } from 'react'
-import { Button, ButtonProps, Stack, StackProps } from '../../chakra.js'
-import { colors } from '../../theme/colors.js'
-import { translations } from '../../translations.js'
-import { useEnhancedModal } from '../use-enhanced-modal.js'
-
-type Props = {
-  sticky?: boolean
-  cancelProps?: ButtonProps
-  okProps?: ButtonProps
-  children?: ReactNode
-  suffix?: ReactNode
-} & StackProps
-
-const EnhancedModalFooter: FC<Props> = ({ sticky, cancelProps, okProps, children, suffix, ...props }) => {
-  const { close } = useEnhancedModal()
-
-  return (
-    <Stack
-      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 ${colors.primary2}` : ''}
-      background={colors.white}
-      spacing={'24px'}
-      zIndex={'sticky'}
-      {...props}
-    >
-      {children ? (
-        <Stack direction={{ base: 'column-reverse', md: 'row' }} spacing={'24px'}>
-          {children}
-        </Stack>
-      ) : (
-        <Stack direction={{ base: 'column-reverse', md: 'row' }} spacing={'24px'}>
-          <Button w={'full'} variant={'outline'} onClick={() => close()} {...cancelProps} fontSize={'10px'} fontWeight={'700'} letterSpacing={'3px'}>
-            {cancelProps?.children ? cancelProps.children : translations.cancel}
-          </Button>
-          <Button w={'full'} {...okProps} fontSize={'10px'} fontWeight={'700'} letterSpacing={'3px'}>
-            {okProps?.children ? okProps.children : translations.confirm}
-          </Button>
-        </Stack>
-      )}
-      {suffix}
-    </Stack>
-  )
-}
-
-export default EnhancedModalFooter