@driveflux/ui 1.0.6 → 1.0.7

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
-> @driveflux/ui@1.0.6 build /Users/flux/Projects/flux/shared/ui
+> @driveflux/ui@1.0.7 build /Users/flux/Projects/flux/shared/ui
 > fab
 
-Successfully compiled: 19 files with swc (198.07ms)
-Successfully compiled: 19 files with swc (227.11ms)
+Successfully compiled: 19 files with swc (239.41ms)
+Successfully compiled: 19 files with swc (236.4ms)

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @driveflux/ui
 
+## 1.0.7
+
+### Patch Changes
+
+- Upgraded packages
+- Updated dependencies
+  - @driveflux/singleton@1.0.1
+  - @driveflux/icons@1.0.6
+
 ## 1.0.6
 
 ### Patch Changes

package/dist/chakra.js

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

package/dist/cjs/modal/ModalProvider.js

@@ -122,21 +122,21 @@ function _unsupported_iterable_to_array(o, minLen) {
 var getModalComponent = function(modalContentConfig, controls) {
     var otherProps = modalContentConfig.contentProps || {};
     switch(modalContentConfig.type){
-        case "standard":
+        case 'standard':
             {
                 return /*#__PURE__*/ (0, _jsxruntime.jsx)(_StandardModalContent.default, _object_spread({
                     controls: controls,
                     modalContentConfig: modalContentConfig
                 }, otherProps));
             }
-        case "minimal":
+        case 'minimal':
             {
                 return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MinimalModalContent.default, _object_spread({
                     controls: controls,
                     modalContentConfig: modalContentConfig
                 }, otherProps));
             }
-        case "custom":
+        case 'custom':
             return (0, _react1.isReactNode)(modalContentConfig.content) ? modalContentConfig.content : /*#__PURE__*/ (0, _jsxruntime.jsx)(modalContentConfig.content, _object_spread({
                 open: open,
                 close: close
@@ -231,13 +231,13 @@ var ModalProvider = function(param) {
         children: [
             children,
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.Modal, {
-                scrollBehavior: "inside",
+                scrollBehavior: 'inside',
                 isCentered: true,
                 blockScrollOnMount: true,
                 closeOnOverlayClick: true,
                 size: (modalContentConfig === null || modalContentConfig === void 0 ? void 0 : modalContentConfig.size) || {
-                    base: "full",
-                    md: "3xl"
+                    base: 'full',
+                    md: '3xl'
                 },
                 isOpen: isOpen,
                 onClose: onClose,

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

@@ -104,30 +104,30 @@ var EnhancedModalCustomWrapper = function(_param) {
     ]);
     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"
+        overflowY: 'scroll',
+        px: '32px',
+        py: '24px',
+        spacing: '18px'
     }, props), {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.HStack, {
-                justifyContent: "space-between",
+                justifyContent: 'space-between',
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Heading, {
-                        fontSize: "18px",
-                        textTransform: "uppercase",
+                        fontSize: '18px',
+                        textTransform: 'uppercase',
                         children: title
                     }),
                     !isCloseHidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
                         p: 0,
-                        variant: "unstyled",
+                        variant: 'unstyled',
                         border: 0,
-                        w: "fit-content",
+                        w: 'fit-content',
                         onClick: function() {
                             close();
                         },
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_IconClose.default, {
-                            size: "28px"
+                            size: '28px'
                         })
                     })
                 ]

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

@@ -103,55 +103,55 @@ var EnhancedModalFooter = function(_param) {
     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"
+            base: 'absolute',
+            md: sticky ? 'absolute' : 'static'
         },
         bottom: 0,
         left: 0,
         right: 0,
-        py: "32px",
+        py: '32px',
         px: {
-            base: "32px",
-            md: sticky ? "32px" : "0"
+            base: '32px',
+            md: sticky ? '32px' : '0'
         },
-        borderTop: sticky ? "1px solid ".concat(_colors.colors.primary2) : "",
+        borderTop: sticky ? "1px solid ".concat(_colors.colors.primary2) : '',
         background: _colors.colors.white,
-        spacing: "24px",
-        zIndex: "sticky"
+        spacing: '24px',
+        zIndex: 'sticky'
     }, props), {
         children: [
             children ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Stack, {
                 direction: {
-                    base: "column-reverse",
-                    md: "row"
+                    base: 'column-reverse',
+                    md: 'row'
                 },
-                spacing: "24px",
+                spacing: '24px',
                 children: children
             }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.Stack, {
                 direction: {
-                    base: "column-reverse",
-                    md: "row"
+                    base: 'column-reverse',
+                    md: 'row'
                 },
-                spacing: "24px",
+                spacing: '24px',
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, _object_spread_props(_object_spread({
-                        w: "full",
-                        variant: "outline",
+                        w: 'full',
+                        variant: 'outline',
                         onClick: function() {
                             return close();
                         }
                     }, cancelProps), {
-                        fontSize: "10px",
-                        fontWeight: "bold",
-                        letterSpacing: "3px",
+                        fontSize: '10px',
+                        fontWeight: 'bold',
+                        letterSpacing: '3px',
                         children: (cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.children) ? cancelProps.children : _translations.translations.cancel
                     })),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, _object_spread_props(_object_spread({
-                        w: "full"
+                        w: 'full'
                     }, okProps), {
-                        fontSize: "10px",
-                        fontWeight: "bold",
-                        letterSpacing: "3px",
+                        fontSize: '10px',
+                        fontWeight: 'bold',
+                        letterSpacing: '3px',
                         children: (okProps === null || okProps === void 0 ? void 0 : okProps.children) ? okProps.children : _translations.translations.confirm
                     }))
                 ]

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

@@ -79,7 +79,7 @@ var MinimalModalContent = function(_param) {
             modalContentConfig.title ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalHeader, {
                 children: modalContentConfig.title
             }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Box, {
-                h: "32px"
+                h: '32px'
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalCloseButton, {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(Wrapper, {

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

@@ -331,21 +331,21 @@ var StandardModalContent = function(_param) {
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ModalFooter, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_chakra.HStack, {
-                    w: "full",
-                    spacing: "6",
+                    w: 'full',
+                    spacing: '6',
                     children: [
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
                             isDisabled: isSaving,
-                            w: "full",
-                            variant: "outline",
+                            w: 'full',
+                            variant: 'outline',
                             onClick: handleCancel,
                             children: modalContentConfig.cancelText || _translations.translations.close
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Button, {
                             isDisabled: modalContentConfig.isOkDisabled,
                             isLoading: isSaving || modalContentConfig.isOkLoading,
-                            w: "full",
-                            variant: "solid",
+                            w: 'full',
+                            variant: 'solid',
                             onClick: handleOK,
                             colorScheme: modalContentConfig.okColorScheme,
                             children: modalContentConfig.okText || _translations.translations.ok

package/dist/cjs/theme/colors.js

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

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

@@ -107,17 +107,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 var accessStatus = function(s, data) {
-    return typeof s === "function" ? s(data) : s;
+    return typeof s === 'function' ? s(data) : s;
 };
 var defaultUseToastResultOptions = {
     success: {
-        status: "success",
+        status: 'success',
         title: _translations.translations.success,
         description: _translations.translations.successDescription,
         isClosable: true
     },
     error: {
-        status: "error",
+        status: 'error',
         title: _translations.translations.failed,
         defaultDescription: _translations.translations.failedDescription,
         showValidationErrors: true,
@@ -155,11 +155,11 @@ var useToastResult = function(options) {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                     children: [
                         problemMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.Text, {
-                            color: "inherit",
+                            color: 'inherit',
                             children: problemMessage
                         }),
                         problem.validation && showValidationErrors && /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.UnorderedList, {
-                            color: "inherit",
+                            color: 'inherit',
                             children: getValidationErrorsList(problem.validation).map(function(message, i) {
                                 return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chakra.ListItem, {
                                     children: message
@@ -187,12 +187,12 @@ var useToastResult = function(options) {
     ]);
     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];
+        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));
+        var finalToastOptions = _object_spread({}, accessOptions(typeof toastOptions === 'boolean' ? defaultUseToastResultOptions[toastType] : toastOptions, result.val));
         return result.ok ? toastSuccess(finalToastOptions) : toastProblem(result.val, finalToastOptions);
     }, [
         originalToast,

package/dist/cjs/translations.js

@@ -20,15 +20,15 @@ _export(exports, {
     }
 });
 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 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){

package/dist/cjs/utils/accessors.js

@@ -35,7 +35,7 @@ var accessSelf = function(s, data, defaultValue) {
     if (!s) {
         return defaultValue;
     }
-    return typeof s === "function" ? s(data) : s;
+    return typeof s === 'function' ? s(data) : s;
 };
 var accessBoolean = function(s, data, defaultBoolean) {
     return accessSelf(s, data, defaultBoolean);
@@ -57,5 +57,5 @@ var accessFunction = function(f, data, defaultFunction) {
     if (!f) {
         return defaultFunction;
     }
-    return typeof f === "object" && "generateFunction" in f ? f.generateFunction(data) : f;
+    return typeof f === 'object' && 'generateFunction' in f ? f.generateFunction(data) : f;
 };

package/dist/cjs/utils/react.js

@@ -28,7 +28,7 @@ function _instanceof(left, right) {
     }
 }
 function isReactComponent(Component) {
-    return typeof Component === "function" && // TODO
+    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);
 }
@@ -41,8 +41,8 @@ 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
+    typeof node === 'string' || // Check if it's a string
+    typeof node === 'number' // Check if it's a number
     ) {
         return true;
     }

package/dist/index.js

@@ -1,3 +1,3 @@
 // 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";
+export * from './chakra.js';

package/dist/modal/ModalProvider.js

@@ -97,31 +97,31 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import isEmpty from "lodash/isEmpty.js";
-import { useCallback, useMemo, useState } 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 } from "./context.js";
+import isEmpty from 'lodash/isEmpty.js';
+import { useCallback, useMemo, useState } 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 } from './context.js';
 var getModalComponent = function(modalContentConfig, controls) {
     var otherProps = modalContentConfig.contentProps || {};
     switch(modalContentConfig.type){
-        case "standard":
+        case 'standard':
             {
                 return /*#__PURE__*/ _jsx(StandardModalContent, _object_spread({
                     controls: controls,
                     modalContentConfig: modalContentConfig
                 }, otherProps));
             }
-        case "minimal":
+        case 'minimal':
             {
                 return /*#__PURE__*/ _jsx(MinimalModalContent, _object_spread({
                     controls: controls,
                     modalContentConfig: modalContentConfig
                 }, otherProps));
             }
-        case "custom":
+        case 'custom':
             return isReactNode(modalContentConfig.content) ? modalContentConfig.content : /*#__PURE__*/ _jsx(modalContentConfig.content, _object_spread({
                 open: open,
                 close: close
@@ -216,13 +216,13 @@ var ModalProvider = function(param) {
         children: [
             children,
             /*#__PURE__*/ _jsxs(Modal, {
-                scrollBehavior: "inside",
+                scrollBehavior: 'inside',
                 isCentered: true,
                 blockScrollOnMount: true,
                 closeOnOverlayClick: true,
                 size: (modalContentConfig === null || modalContentConfig === void 0 ? void 0 : modalContentConfig.size) || {
-                    base: "full",
-                    md: "3xl"
+                    base: 'full',
+                    md: '3xl'
                 },
                 isOpen: isOpen,
                 onClose: onClose,