@trackunit/react-compound-components 1.0.24 → 1.0.26

package/index.cjs.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
-var React = require('react');
+var react = require('react');
 var reactComponents = require('@trackunit/react-components');
 var reactModal = require('@trackunit/react-modal');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
@@ -12,25 +12,6 @@ var tailwindMerge = require('tailwind-merge');
 var dateAndTimeUtils = require('@trackunit/date-and-time-utils');
 var reactFormComponents = require('@trackunit/react-form-components');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 var defaultTranslations = {
 	"confirmationDialog.default.message": "Are you certain that you wish to proceed with this course of action?",
 	"confirmationDialog.default.primarybutton": "Confirm",
@@ -91,20 +72,20 @@ const ConfirmationDialogModal = ({ isOpen, title, handleDismiss, message, handle
  *
  */
 const ConfirmationDialogContextProvider = ({ children }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
+    const [isOpen, setIsOpen] = react.useState(false);
     const [t] = useTranslation();
-    const [resolveAction, setResolveAction] = React.useState(null);
-    const [confirmationDialogProps, setConfirmationDialogProps] = React.useState({
+    const [resolveAction, setResolveAction] = react.useState(null);
+    const [confirmationDialogProps, setConfirmationDialogProps] = react.useState({
         title: t("confirmationDialog.default.title"),
         primaryActionType: "primary",
         primaryActionLabel: t("confirmationDialog.default.primarybutton"),
         secondaryActionLabel: t("confirmationDialog.default.secondarybutton"),
         message: t("confirmationDialog.default.message"),
     });
-    const closeModal = React__namespace.useCallback(() => {
+    const closeModal = react.useCallback(() => {
         setIsOpen(false);
     }, []);
-    const confirmationDialogModalProps = React__namespace.useMemo(() => ({
+    const confirmationDialogModalProps = react.useMemo(() => ({
         ...confirmationDialogProps,
         isOpen,
         handleDismiss: () => {
@@ -120,14 +101,14 @@ const ConfirmationDialogContextProvider = ({ children }) => {
             closeModal();
         },
     }), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
-    const confirm = React__namespace.useCallback(async (props) => {
+    const confirm = react.useCallback(async (props) => {
         setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         setIsOpen(true);
         return new Promise(resolve => {
             setResolveAction(() => resolve);
         });
     }, []);
-    const value = React__namespace.useMemo(() => ({ confirm }), [confirm]);
+    const value = react.useMemo(() => ({ confirm }), [confirm]);
     return (jsxRuntime.jsxs(reactCoreHooks.ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsxRuntime.jsx(ConfirmationDialogModal, { ...confirmationDialogModalProps }) : null] }));
 };
 
@@ -189,13 +170,13 @@ const titleStyle = "absolute top-3 left-1/2 transform -translate-x-1/2 text-whit
  */
 const ImageCollection = (props) => {
     const { imagesData, actions, emptyPlaceholderActionLabel, additionalItemClassName, uploading } = props;
-    const [openImageId, setOpenImageId] = React.useState(imagesData[0]?.id);
-    const [isDeleting, setIsDeleting] = React.useState(false);
+    const [openImageId, setOpenImageId] = react.useState(imagesData[0]?.id);
+    const [isDeleting, setIsDeleting] = react.useState(false);
     const { isLg } = reactComponents.useViewportBreakpoints();
-    const fileInputRef = React.useRef(null);
-    const imageGalleryRef = React.useRef(null);
-    const uploadButton = React.useMemo(() => actions?.upload ? (jsxRuntime.jsx("div", { className: "flex justify-end", children: jsxRuntime.jsx(reactComponents.Button, { loading: uploading, onClick: () => fileInputRef.current?.click(), children: actions.upload.label }) })) : null, [actions?.upload, uploading]);
-    const items = React.useMemo(() => imagesData.map(image => ({
+    const fileInputRef = react.useRef(null);
+    const imageGalleryRef = react.useRef(null);
+    const uploadButton = react.useMemo(() => actions?.upload ? (jsxRuntime.jsx("div", { className: "flex justify-end", children: jsxRuntime.jsx(reactComponents.Button, { loading: uploading, onClick: () => fileInputRef.current?.click(), children: actions.upload.label }) })) : null, [actions?.upload, uploading]);
+    const items = react.useMemo(() => imagesData.map(image => ({
         id: image.id,
         original: createOriginalUrl(image.id),
         thumbnail: createThumbnailUrl(image.id),
@@ -203,12 +184,12 @@ const ImageCollection = (props) => {
         name: image.name,
         timestamp: dateAndTimeUtils.formatDateUtil(new Date(image.timestamp), { dateFormat: "medium", timeFormat: "medium" }),
     })), [imagesData]);
-    React.useEffect(() => {
+    react.useEffect(() => {
         if ((!openImageId || !imagesData.map(x => x.id).includes(openImageId)) && imagesData.length > 0) {
             setOpenImageId(imagesData[0]?.id);
         }
     }, [imagesData, openImageId]);
-    const onRemove = React.useCallback(async () => {
+    const onRemove = react.useCallback(async () => {
         if (!(actions?.remove?.onRemove && openImageId)) {
             return;
         }

package/index.esm.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { ConfirmationDialogProvider } from '@trackunit/react-core-hooks';
-import * as React from 'react';
-import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import { Card, CardHeader, CardBody, CardFooter, Button, useViewportBreakpoints, Icon, Spinner } from '@trackunit/react-components';
 import { Modal } from '@trackunit/react-modal';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -81,10 +80,10 @@ const ConfirmationDialogContextProvider = ({ children }) => {
         secondaryActionLabel: t("confirmationDialog.default.secondarybutton"),
         message: t("confirmationDialog.default.message"),
     });
-    const closeModal = React.useCallback(() => {
+    const closeModal = useCallback(() => {
         setIsOpen(false);
     }, []);
-    const confirmationDialogModalProps = React.useMemo(() => ({
+    const confirmationDialogModalProps = useMemo(() => ({
         ...confirmationDialogProps,
         isOpen,
         handleDismiss: () => {
@@ -100,14 +99,14 @@ const ConfirmationDialogContextProvider = ({ children }) => {
             closeModal();
         },
     }), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
-    const confirm = React.useCallback(async (props) => {
+    const confirm = useCallback(async (props) => {
         setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         setIsOpen(true);
         return new Promise(resolve => {
             setResolveAction(() => resolve);
         });
     }, []);
-    const value = React.useMemo(() => ({ confirm }), [confirm]);
+    const value = useMemo(() => ({ confirm }), [confirm]);
     return (jsxs(ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsx(ConfirmationDialogModal, { ...confirmationDialogModalProps }) : null] }));
 };
 

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "react": "18.3.1",
     "tailwind-merge": "^2.0.0",
     "react-image-gallery": "1.3.0",
-    "@trackunit/react-core-contexts-api": "^1.0.7",
-    "@trackunit/react-core-hooks": "^1.0.7",
-    "@trackunit/react-components": "^1.1.5",
-    "@trackunit/react-modal": "^1.0.23",
-    "@trackunit/css-class-variance-utilities": "^1.0.2",
-    "@trackunit/date-and-time-utils": "^1.0.2",
-    "@trackunit/react-form-components": "^1.0.23",
-    "@trackunit/i18n-library-translation": "^1.0.11"
+    "@trackunit/react-core-contexts-api": "1.0.9",
+    "@trackunit/react-core-hooks": "1.0.9",
+    "@trackunit/react-components": "1.1.7",
+    "@trackunit/react-modal": "1.0.25",
+    "@trackunit/css-class-variance-utilities": "1.0.4",
+    "@trackunit/date-and-time-utils": "1.0.4",
+    "@trackunit/react-form-components": "1.0.25",
+    "@trackunit/i18n-library-translation": "1.0.13"
   },
   "engines": {
     "node": ">=20.x",

package/src/ConfirmationDialog/ConfirmationDialogContextProvider.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import { ReactNode } from "react";
 export interface ConfirmationDialogProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  *