@driveflux/ui 1.0.4 → 1.0.5

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
-> @driveflux/ui@1.0.4 build /Users/flux/Projects/flux/shared/ui
+> @driveflux/ui@1.0.5 build /Users/flux/Projects/flux/shared/ui
 > fab
 
-Successfully compiled: 19 files with swc (202.75ms)
-Successfully compiled: 19 files with swc (271.96ms)
+Successfully compiled: 19 files with swc (173.15ms)
+Successfully compiled: 19 files with swc (176.06ms)

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @driveflux/ui
 
+## 1.0.5
+
+### Patch Changes
+
+- Version upgrade
+- Updated dependencies
+  - @driveflux/icons@1.0.4
+
 ## 1.0.4
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+// TODO check if is an error or not
 // Turbopack has a bug that's not allowing export * from './chakra.js' to work
 "use strict";
 Object.defineProperty(exports, "__esModule", {

package/dist/cjs/modal/ModalProvider.js

@@ -205,6 +205,7 @@ var ModalProvider = function(param) {
     var state = (0, _react.useMemo)(function() {
         return {
             isOpen: isOpen,
+            // TODO
             // @ts-expect-error
             open: onOpen,
             close: onClose,

package/dist/cjs/theme/colors.js

@@ -1,3 +1,6 @@
+// TODO sync this with the one in dump
+// remove dump file version
+// update all instances using colors
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -76,6 +79,7 @@ var colors = {
         800: "#000000",
         900: "#000000"
     },
+    // TODO add 25
     success: {
         50: "#d8f7f2",
         100: "#98e6d6",
@@ -88,6 +92,7 @@ var colors = {
         800: "#00724d",
         900: "#005530"
     },
+    // TODO add 25
     accent: {
         50: "#fceaee",
         100: "#f8cad3",
@@ -100,6 +105,7 @@ var colors = {
         800: "#b91231",
         900: "#aa0026"
     },
+    // TODO add 25
     warning: {
         50: "#FDF0DE",
         100: "#F4B25C",
@@ -125,6 +131,7 @@ var colors = {
         800: "#50C8E8",
         900: "#50C8E8"
     },
+    // TODO add 25
     alert: {
         50: "#E24657",
         100: "#E24657",

package/dist/cjs/translations.js

@@ -31,6 +31,7 @@ var translations = {
 };
 var setTranslations = function(ts) {
     for(var key in ts){
+        // TODO
         // @ts-expect-error
         translations[key] = ts[key];
     }

package/dist/cjs/utils/react.js

@@ -28,15 +28,18 @@ function _instanceof(left, right) {
     }
 }
 function isReactComponent(Component) {
-    return typeof Component === "function" && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- React component, it's fine
+    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 (// eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
+    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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,2 +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";

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

@@ -1 +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"}
+{"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,CA4GxC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/modal/ModalProvider.js

@@ -190,6 +190,7 @@ var ModalProvider = function(param) {
     var state = useMemo(function() {
         return {
             isOpen: isOpen,
+            // TODO
             // @ts-expect-error
             open: onOpen,
             close: onClose,

package/dist/theme/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;IACjB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFJ,CAAA"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;IACjB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFJ,CAAA"}

package/dist/theme/colors.js

@@ -1,3 +1,6 @@
+// TODO sync this with the one in dump
+// remove dump file version
+// update all instances using colors
 export var colors = {
     /**
    * #EFEFF0 Light Gray
@@ -66,6 +69,7 @@ export var colors = {
         800: "#000000",
         900: "#000000"
     },
+    // TODO add 25
     success: {
         50: "#d8f7f2",
         100: "#98e6d6",
@@ -78,6 +82,7 @@ export var colors = {
         800: "#00724d",
         900: "#005530"
     },
+    // TODO add 25
     accent: {
         50: "#fceaee",
         100: "#f8cad3",
@@ -90,6 +95,7 @@ export var colors = {
         800: "#b91231",
         900: "#aa0026"
     },
+    // TODO add 25
     warning: {
         50: "#FDF0DE",
         100: "#F4B25C",
@@ -115,6 +121,7 @@ export var colors = {
         800: "#50C8E8",
         900: "#50C8E8"
     },
+    // TODO add 25
     alert: {
         50: "#E24657",
         100: "#E24657",

package/dist/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../src/translations.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAA;AAED,eAAO,MAAM,eAAe,OAAQ,QAAQ,YAAY,CAAC,SAKxD,CAAA;AAED,eAAO,MAAM,cAAc,6HAAuC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,SAE1F,CAAA"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../src/translations.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAA;AAED,eAAO,MAAM,eAAe,OAAQ,QAAQ,YAAY,CAAC,SAMxD,CAAA;AAED,eAAO,MAAM,cAAc,6HAAuC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,SAE1F,CAAA"}

package/dist/translations.js

@@ -10,6 +10,7 @@ export var translations = {
 };
 export var setTranslations = function(ts) {
     for(var key in ts){
+        // TODO
         // @ts-expect-error
         translations[key] = ts[key];
     }

package/dist/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/utils/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7F,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,GAAG,GAAG,SAAS,IAAI,aAAa,CAAC,GAAG,CAAC,CAMhF;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,IAAI,YAAY,CAGpE;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,SAAS,CAgBxD"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/utils/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7F,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,GAAG,GAAG,SAAS,IAAI,aAAa,CAAC,GAAG,CAAC,CAOhF;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,IAAI,YAAY,CAIpE;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,SAAS,CAiBxD"}

package/dist/utils/react.js

@@ -7,15 +7,18 @@ function _instanceof(left, right) {
 }
 import { isValidElement } from "react";
 export function isReactComponent(Component) {
-    return typeof Component === "function" && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- React component, it's fine
+    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);
 }
 export function isReactElement(element) {
+    // TODO
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
     return isValidElement(element);
 }
 export function isReactNode(node) {
-    if (// eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
+    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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
-    "@driveflux/icons": "1.0.3",
+    "@driveflux/icons": "1.0.4",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {

package/src/index.ts

@@ -1,3 +1,4 @@
+// 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

@@ -18,8 +18,8 @@ const getModalComponent = (modalContentConfig: ModalContentConfig, controls: Mod
       return <StandardModalContent controls={controls} modalContentConfig={modalContentConfig} {...otherProps} />
 
     }
-    case 'minimal':{
-        return <MinimalModalContent 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} />
@@ -59,7 +59,7 @@ const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
       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) {
@@ -71,7 +71,7 @@ const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
     setModalContentConfig((oldModalContentConfig) => {
       const modalContentConfig = newModalContentConfig || oldModalContentConfig
 
-      if(modalContentConfig) {
+      if (modalContentConfig) {
         onOpenRaw()
       }
 
@@ -91,7 +91,7 @@ const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
       if (!oldModalContentConfig) {
         return oldModalContentConfig
       }
-      
+
       return {
         ...oldModalContentConfig,
         ...updateOptions.modalContentConfig,
@@ -106,6 +106,7 @@ const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
   const state = useMemo((): ModalContextState => {
     return {
       isOpen,
+      // TODO
       // @ts-expect-error
       open: onOpen,
       close: onClose,
@@ -126,7 +127,7 @@ const ModalProvider: FC<PropsWithChildren> = ({ children }) => {
         isCentered
         blockScrollOnMount
         closeOnOverlayClick
-        size={ modalContentConfig?.size || { base: 'full', md:  '3xl' }}
+        size={modalContentConfig?.size || { base: 'full', md: '3xl' }}
         isOpen={isOpen}
         onClose={onClose}
       >

package/src/theme/colors.ts

@@ -1,3 +1,7 @@
+  // TODO sync this with the one in dump
+  // remove dump file version
+  // update all instances using colors
+
 export const colors = {
   /**
    * #EFEFF0 Light Gray
@@ -103,6 +107,7 @@ export const colors = {
     900: '#000000'
   },
 
+  // TODO add 25
   success: {
     50: '#d8f7f2',
     100: '#98e6d6',
@@ -116,6 +121,7 @@ export const colors = {
     900: '#005530'
   },
 
+  // TODO add 25
   accent: {
     50: '#fceaee',
     100: '#f8cad3',
@@ -129,6 +135,7 @@ export const colors = {
     900: '#aa0026'
   },
 
+  // TODO add 25
   warning: {
     50: '#FDF0DE',
     100: '#F4B25C',
@@ -156,6 +163,7 @@ export const colors = {
     900: '#50C8E8'
   },
 
+  // TODO add 25
   alert: {
     50: '#E24657',
     100: '#E24657',

package/src/translations.ts

@@ -13,6 +13,7 @@ export const translations = {
 
 export const setTranslations = (ts: Partial<Translations>) => {
   for (const key in ts) {
+    // TODO
     // @ts-expect-error
     translations[key] = ts[key as keyof Translations]!
   }

package/src/utils/react.ts

@@ -3,18 +3,21 @@ import { isValidElement, type ComponentType, type ReactElement, type ReactNode }
 export function isReactComponent(Component: any): Component is ComponentType<any> {
   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: any): element is ReactElement {
+  // TODO
   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- isValidElement is a validation function
   return isValidElement(element)
 }
 
 export function isReactNode(node: any): node is ReactNode {
   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