@driveflux/ui 1.0.6 → 1.0.7

package/dist/modal/components/EnhancedModalCustomWrapper.js

@@ -78,9 +78,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import IconClose from "@driveflux/icons/icons/IconClose";
-import { Button, HStack, Heading, Stack } from "../../chakra.js";
-import { useEnhancedModal } from "../use-enhanced-modal.js";
+import IconClose from '@driveflux/icons/icons/IconClose';
+import { Button, HStack, Heading, Stack } from '../../chakra.js';
+import { useEnhancedModal } from '../use-enhanced-modal.js';
 var EnhancedModalCustomWrapper = function(_param) {
     var title = _param.title, children = _param.children, isCloseHidden = _param.isCloseHidden, props = _object_without_properties(_param, [
         "title",
@@ -89,30 +89,30 @@ var EnhancedModalCustomWrapper = function(_param) {
     ]);
     var close = useEnhancedModal().close;
     return /*#__PURE__*/ _jsxs(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__*/ _jsxs(HStack, {
-                justifyContent: "space-between",
+                justifyContent: 'space-between',
                 children: [
                     /*#__PURE__*/ _jsx(Heading, {
-                        fontSize: "18px",
-                        textTransform: "uppercase",
+                        fontSize: '18px',
+                        textTransform: 'uppercase',
                         children: title
                     }),
                     !isCloseHidden && /*#__PURE__*/ _jsx(Button, {
                         p: 0,
-                        variant: "unstyled",
+                        variant: 'unstyled',
                         border: 0,
-                        w: "fit-content",
+                        w: 'fit-content',
                         onClick: function() {
                             close();
                         },
                         children: /*#__PURE__*/ _jsx(IconClose, {
-                            size: "28px"
+                            size: '28px'
                         })
                     })
                 ]

package/dist/modal/components/EnhancedModalFooter.js

@@ -78,10 +78,10 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack } from "../../chakra.js";
-import { colors } from "../../theme/colors.js";
-import { translations } from "../../translations.js";
-import { useEnhancedModal } from "../use-enhanced-modal.js";
+import { Button, Stack } from '../../chakra.js';
+import { colors } from '../../theme/colors.js';
+import { translations } from '../../translations.js';
+import { useEnhancedModal } from '../use-enhanced-modal.js';
 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",
@@ -93,55 +93,55 @@ var EnhancedModalFooter = function(_param) {
     var close = useEnhancedModal().close;
     return /*#__PURE__*/ _jsxs(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.primary2) : "",
+        borderTop: sticky ? "1px solid ".concat(colors.primary2) : '',
         background: colors.white,
-        spacing: "24px",
-        zIndex: "sticky"
+        spacing: '24px',
+        zIndex: 'sticky'
     }, props), {
         children: [
             children ? /*#__PURE__*/ _jsx(Stack, {
                 direction: {
-                    base: "column-reverse",
-                    md: "row"
+                    base: 'column-reverse',
+                    md: 'row'
                 },
-                spacing: "24px",
+                spacing: '24px',
                 children: children
             }) : /*#__PURE__*/ _jsxs(Stack, {
                 direction: {
-                    base: "column-reverse",
-                    md: "row"
+                    base: 'column-reverse',
+                    md: 'row'
                 },
-                spacing: "24px",
+                spacing: '24px',
                 children: [
                     /*#__PURE__*/ _jsx(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.cancel
                     })),
                     /*#__PURE__*/ _jsx(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.confirm
                     }))
                 ]

package/dist/modal/components/MinimalModalContent.js

@@ -54,9 +54,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { Box, ModalBody, ModalCloseButton, ModalHeader } from "../../chakra.js";
-import { isReactNode } from "../../utils/react.js";
+import { Fragment } from 'react';
+import { Box, ModalBody, ModalCloseButton, ModalHeader } from '../../chakra.js';
+import { isReactNode } from '../../utils/react.js';
 var MinimalModalContent = function(_param) {
     var _param_controls = _param.controls, open = _param_controls.open, close = _param_controls.close, modalContentConfig = _param.modalContentConfig, props = _object_without_properties(_param, [
         "controls",
@@ -69,7 +69,7 @@ var MinimalModalContent = function(_param) {
             modalContentConfig.title ? /*#__PURE__*/ _jsx(ModalHeader, {
                 children: modalContentConfig.title
             }) : /*#__PURE__*/ _jsx(Box, {
-                h: "32px"
+                h: '32px'
             }),
             /*#__PURE__*/ _jsx(ModalCloseButton, {}),
             /*#__PURE__*/ _jsx(Wrapper, {

package/dist/modal/components/StandardModalContent.js

@@ -224,11 +224,11 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { Button, HStack, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from "../../chakra.js";
-import { translations } from "../../translations.js";
-import { isReactNode } from "../../utils/react.js";
-import { useEnhancedModal } from "../use-enhanced-modal.js";
+import { useCallback, useState } from 'react';
+import { Button, HStack, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from '../../chakra.js';
+import { translations } from '../../translations.js';
+import { isReactNode } from '../../utils/react.js';
+import { useEnhancedModal } from '../use-enhanced-modal.js';
 var StandardModalContent = function(_param) {
     var _param_controls = _param.controls, open = _param_controls.open, close = _param_controls.close, modalContentConfig = _param.modalContentConfig, props = _object_without_properties(_param, [
         "controls",
@@ -321,21 +321,21 @@ var StandardModalContent = function(_param) {
             }),
             /*#__PURE__*/ _jsx(ModalFooter, {
                 children: /*#__PURE__*/ _jsxs(HStack, {
-                    w: "full",
-                    spacing: "6",
+                    w: 'full',
+                    spacing: '6',
                     children: [
                         /*#__PURE__*/ _jsx(Button, {
                             isDisabled: isSaving,
-                            w: "full",
-                            variant: "outline",
+                            w: 'full',
+                            variant: 'outline',
                             onClick: handleCancel,
                             children: modalContentConfig.cancelText || translations.close
                         }),
                         /*#__PURE__*/ _jsx(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.ok

package/dist/modal/context.js

@@ -1,4 +1,4 @@
-import { createContext } from "react";
+import { createContext } from 'react';
 var initialState = {
     isOpen: true,
     open: function() {},

package/dist/modal/index.js

@@ -1,6 +1,6 @@
-export { default as ModalProvider } from "./ModalProvider.js";
-export { default as EnhancedModalCustomWrapper } from "./components/EnhancedModalCustomWrapper.js";
-export { default as EnhancedModalFooter } from "./components/EnhancedModalFooter.js";
-export { default as MinimalModalContent } from "./components/MinimalModalContent.js";
-export * from "./context.js";
-export * from "./use-enhanced-modal.js";
+export { default as ModalProvider } from './ModalProvider.js';
+export { default as EnhancedModalCustomWrapper } from './components/EnhancedModalCustomWrapper.js';
+export { default as EnhancedModalFooter } from './components/EnhancedModalFooter.js';
+export { default as MinimalModalContent } from './components/MinimalModalContent.js';
+export * from './context.js';
+export * from './use-enhanced-modal.js';

package/dist/modal/use-enhanced-modal.js

@@ -1,5 +1,5 @@
-import { useContext } from "react";
-import { ModalContext } from "./context.js";
+import { useContext } from 'react';
+import { ModalContext } from './context.js';
 export var useEnhancedModal = function() {
     return useContext(ModalContext);
 };

package/dist/theme/colors.js

@@ -4,134 +4,134 @@
 export 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/theme/index.js

@@ -1 +1 @@
-export * from "./colors.js";
+export * from './colors.js';

package/dist/toast/index.js

@@ -1 +1 @@
-export * from "./use-toast-result.js"; // TODO: Add the ToastBox component here
+export * from './use-toast-result.js'; // TODO: Add the ToastBox component here

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

@@ -78,23 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import merge from "lodash/merge.js";
-import { useCallback } from "react";
-import { Box, ListItem, Text, UnorderedList, useToast } from "../chakra.js";
-import { translations } from "../translations.js";
-import { accessReactNode } from "../utils/accessors.js";
+import merge from 'lodash/merge.js';
+import { useCallback } from 'react';
+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) {
-    return typeof s === "function" ? s(data) : s;
+    return typeof s === 'function' ? s(data) : s;
 };
 var defaultUseToastResultOptions = {
     success: {
-        status: "success",
+        status: 'success',
         title: translations.success,
         description: translations.successDescription,
         isClosable: true
     },
     error: {
-        status: "error",
+        status: 'error',
         title: translations.failed,
         defaultDescription: translations.failedDescription,
         showValidationErrors: true,
@@ -132,11 +132,11 @@ export var useToastResult = function(options) {
                 children: /*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
                         problemMessage && /*#__PURE__*/ _jsx(Text, {
-                            color: "inherit",
+                            color: 'inherit',
                             children: problemMessage
                         }),
                         problem.validation && showValidationErrors && /*#__PURE__*/ _jsx(UnorderedList, {
-                            color: "inherit",
+                            color: 'inherit',
                             children: getValidationErrorsList(problem.validation).map(function(message, i) {
                                 return /*#__PURE__*/ _jsx(ListItem, {
                                     children: message
@@ -164,12 +164,12 @@ export var useToastResult = function(options) {
     ]);
     var toastResult = useCallback(function(result, generalToastOptions) {
         var _$options = merge({}, 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/translations.js

@@ -1,13 +1,13 @@
-import { singleton } from "@driveflux/singleton";
-export var translations = 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"
+import { singleton } from '@driveflux/singleton';
+export var translations = 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'
 });
 export var setTranslations = function(ts) {
     for(var key in ts){

package/dist/utils/accessors.js

@@ -2,7 +2,7 @@ export var accessSelf = function(s, data, defaultValue) {
     if (!s) {
         return defaultValue;
     }
-    return typeof s === "function" ? s(data) : s;
+    return typeof s === 'function' ? s(data) : s;
 };
 export var accessBoolean = function(s, data, defaultBoolean) {
     return accessSelf(s, data, defaultBoolean);
@@ -24,5 +24,5 @@ export 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/utils/index.js

@@ -1,2 +1,2 @@
-export * from "./accessors.js";
-export * from "./react.js";
+export * from './accessors.js';
+export * from './react.js';

package/dist/utils/react.js

@@ -5,9 +5,9 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-import { isValidElement } from "react";
+import { isValidElement } from 'react';
 export 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);
 }
@@ -20,8 +20,8 @@ export function isReactNode(node) {
     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;
     }