@trackunit/react-compound-components 0.0.165 → 0.0.168

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
@@ -9,8 +7,7 @@ var React = require('react');
 var reactComponents = require('@trackunit/react-components');
 var reactModal = require('@trackunit/react-modal');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -23,11 +20,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var defaultTranslations = {
 	"confirmationDialog.default.message": "Are you certain that you wish to proceed with this course of action?",
@@ -78,54 +75,11 @@ const setupLibraryTranslations = () => {
     i18nLibraryTranslation.registerTranslations(translations);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  *
  */
-const ConfirmationDialogModal = (_a) => {
-    var { isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel } = _a, rest = __rest(_a, ["isOpen", "title", "handleDismiss", "message", "handlePrimaryActionClick", "handleSecondaryActionClick", "secondaryActionLabel", "primaryActionType", "primaryActionLabel"]);
-    return (jsxRuntime.jsx(reactModal.Modal, Object.assign({ className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss }, rest, { children: jsxRuntime.jsxs(reactComponents.Card, { "aria-describedby": "dialogDesc", "aria-labelledby": "dialogTitle", role: "dialog", children: [jsxRuntime.jsx(reactComponents.CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsxRuntime.jsx(reactComponents.CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxRuntime.jsxs(reactComponents.CardFooter, { className: "bg-secondary-50", hideSeparator: true, children: [jsxRuntime.jsx(reactComponents.Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "secondary", children: secondaryActionLabel }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }) })));
+const ConfirmationDialogModal = ({ isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...rest }) => {
+    return (jsxRuntime.jsx(reactModal.Modal, { className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss, ...rest, children: jsxRuntime.jsxs(reactComponents.Card, { "aria-describedby": "dialogDesc", "aria-labelledby": "dialogTitle", role: "dialog", children: [jsxRuntime.jsx(reactComponents.CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsxRuntime.jsx(reactComponents.CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxRuntime.jsxs(reactComponents.CardFooter, { className: "bg-secondary-50", hideSeparator: true, children: [jsxRuntime.jsx(reactComponents.Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "secondary", children: secondaryActionLabel }), jsxRuntime.jsx(reactComponents.Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }) }));
 };
 
 /**
@@ -145,25 +99,31 @@ const ConfirmationDialogContextProvider = ({ children }) => {
     const closeModal = React__namespace.useCallback(() => {
         setIsOpen(false);
     }, []);
-    const confirmationDialogModalProps = React__namespace.useMemo(() => (Object.assign(Object.assign({}, confirmationDialogProps), { isOpen, handleDismiss: () => {
+    const confirmationDialogModalProps = React__namespace.useMemo(() => ({
+        ...confirmationDialogProps,
+        isOpen,
+        handleDismiss: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("CLOSE");
             closeModal();
-        }, handlePrimaryActionClick: () => {
+        },
+        handlePrimaryActionClick: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("PRIMARY");
             closeModal();
-        }, handleSecondaryActionClick: () => {
+        },
+        handleSecondaryActionClick: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("SECONDARY");
             closeModal();
-        } })), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
-    const confirm = React__namespace.useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
-        setConfirmationDialogProps(prev => (Object.assign(Object.assign({}, prev), props)));
+        },
+    }), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
+    const confirm = React__namespace.useCallback(async (props) => {
+        setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         setIsOpen(true);
         return new Promise(resolve => {
             setResolveAction(() => resolve);
         });
-    }), []);
+    }, []);
     const value = React__namespace.useMemo(() => ({ confirm }), [confirm]);
-    return (jsxRuntime.jsxs(reactCoreHooks.ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsxRuntime.jsx(ConfirmationDialogModal, Object.assign({}, confirmationDialogModalProps)) : null] }));
+    return (jsxRuntime.jsxs(reactCoreHooks.ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsxRuntime.jsx(ConfirmationDialogModal, { ...confirmationDialogModalProps }) : null] }));
 };
 
 /*

package/index.esm.js

@@ -55,54 +55,11 @@ const setupLibraryTranslations = () => {
     registerTranslations(translations);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  *
  */
-const ConfirmationDialogModal = (_a) => {
-    var { isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel } = _a, rest = __rest(_a, ["isOpen", "title", "handleDismiss", "message", "handlePrimaryActionClick", "handleSecondaryActionClick", "secondaryActionLabel", "primaryActionType", "primaryActionLabel"]);
-    return (jsx(Modal, Object.assign({ className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss }, rest, { children: jsxs(Card, { "aria-describedby": "dialogDesc", "aria-labelledby": "dialogTitle", role: "dialog", children: [jsx(CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsx(CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxs(CardFooter, { className: "bg-secondary-50", hideSeparator: true, children: [jsx(Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "secondary", children: secondaryActionLabel }), jsx(Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }) })));
+const ConfirmationDialogModal = ({ isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...rest }) => {
+    return (jsx(Modal, { className: "max-w-xl", isOpen: isOpen, onDismissClick: handleDismiss, ...rest, children: jsxs(Card, { "aria-describedby": "dialogDesc", "aria-labelledby": "dialogTitle", role: "dialog", children: [jsx(CardHeader, { id: "dialogTitle", heading: title, headingVariant: "secondary", onClose: handleDismiss }), jsx(CardBody, { className: "bg-secondary-50", id: "dialogDesc", children: message }), jsxs(CardFooter, { className: "bg-secondary-50", hideSeparator: true, children: [jsx(Button, { dataTestId: "secondaryAction", onClick: handleSecondaryActionClick, variant: "secondary", children: secondaryActionLabel }), jsx(Button, { dataTestId: "primaryAction", onClick: handlePrimaryActionClick, variant: primaryActionType, children: primaryActionLabel })] })] }) }));
 };
 
 /**
@@ -122,25 +79,31 @@ const ConfirmationDialogContextProvider = ({ children }) => {
     const closeModal = React.useCallback(() => {
         setIsOpen(false);
     }, []);
-    const confirmationDialogModalProps = React.useMemo(() => (Object.assign(Object.assign({}, confirmationDialogProps), { isOpen, handleDismiss: () => {
+    const confirmationDialogModalProps = React.useMemo(() => ({
+        ...confirmationDialogProps,
+        isOpen,
+        handleDismiss: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("CLOSE");
             closeModal();
-        }, handlePrimaryActionClick: () => {
+        },
+        handlePrimaryActionClick: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("PRIMARY");
             closeModal();
-        }, handleSecondaryActionClick: () => {
+        },
+        handleSecondaryActionClick: () => {
             resolveAction === null || resolveAction === void 0 ? void 0 : resolveAction("SECONDARY");
             closeModal();
-        } })), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
-    const confirm = React.useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
-        setConfirmationDialogProps(prev => (Object.assign(Object.assign({}, prev), props)));
+        },
+    }), [confirmationDialogProps, isOpen, resolveAction, closeModal]);
+    const confirm = React.useCallback(async (props) => {
+        setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         setIsOpen(true);
         return new Promise(resolve => {
             setResolveAction(() => resolve);
         });
-    }), []);
+    }, []);
     const value = React.useMemo(() => ({ confirm }), [confirm]);
-    return (jsxs(ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsx(ConfirmationDialogModal, Object.assign({}, confirmationDialogModalProps)) : null] }));
+    return (jsxs(ConfirmationDialogProvider, { value: value, children: [children, resolveAction ? jsx(ConfirmationDialogModal, { ...confirmationDialogModalProps }) : null] }));
 };
 
 /*

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "0.0.165",
+  "version": "0.0.168",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "@trackunit/react-core-contexts-api": "*",
     "@trackunit/react-core-hooks": "*",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "@trackunit/react-components": "*",
     "@trackunit/i18n-library-translation": "*",
     "@trackunit/react-modal": "*"
@@ -16,5 +16,6 @@
     "yarn": "3.8.2"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

package/src/ConfirmationDialog/ConfirmationDialogContextProvider.d.ts

@@ -5,4 +5,4 @@ export interface ConfirmationDialogProviderProps {
 /**
  *
  */
-export declare const ConfirmationDialogContextProvider: ({ children }: ConfirmationDialogProviderProps) => JSX.Element;
+export declare const ConfirmationDialogContextProvider: ({ children }: ConfirmationDialogProviderProps) => import("react/jsx-runtime").JSX.Element;

package/src/ConfirmationDialog/ConfirmationDialogModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 import { ConfirmationDialogProps } from "./useConfirmationDialog.demo";
 export interface ConfirmationDialogModalProps extends Pick<ConfirmationDialogProps, "title" | "message" | "primaryActionLabel" | "secondaryActionLabel" | "primaryActionType">, CommonProps {
@@ -10,4 +9,4 @@ export interface ConfirmationDialogModalProps extends Pick<ConfirmationDialogPro
 /**
  *
  */
-export declare const ConfirmationDialogModal: ({ isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...rest }: ConfirmationDialogModalProps) => JSX.Element;
+export declare const ConfirmationDialogModal: ({ isOpen, title, handleDismiss, message, handlePrimaryActionClick, handleSecondaryActionClick, secondaryActionLabel, primaryActionType, primaryActionLabel, ...rest }: ConfirmationDialogModalProps) => import("react/jsx-runtime").JSX.Element;

package/src/ConfirmationDialog/useConfirmationDialog.demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfirmationDialogProps as ConfirmationDialogPropsActual } from "@trackunit/react-core-contexts-api";
 export interface ConfirmationDialogProps extends ConfirmationDialogPropsActual {
     /**
@@ -38,4 +37,4 @@ export interface ConfirmationDialogProps extends ConfirmationDialogPropsActual {
  *
  * **ATTENTION:** In the Manager and Iris Apps, this hook will "just work". If you are using the hook in a custom setup, you need to wrap your app in the ConfirmationDialogContextProvider.
  */
-export declare const UseConfirmationDialogDemoComponent: (props: ConfirmationDialogProps) => JSX.Element;
+export declare const UseConfirmationDialogDemoComponent: (props: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;

package/src/ConfirmationDialog/useConfirmationDialog.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { useConfirmationDialog } from "@trackunit/react-core-hooks";
 import { UseConfirmationDialogDemoComponent } from "./useConfirmationDialog.demo";
 type Story = StoryObj<typeof UseConfirmationDialogDemoComponent>;
 declare const meta: Meta<typeof useConfirmationDialog>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/translation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
 import defaultTranslations from "./locales/en/translation.json";
 /** A type for all available translation keys in this library */
@@ -27,7 +26,7 @@ export type TranslationFunction = TransForLibs<TranslationKeys>;
 /**
  * Trans for this specific library.
  */
-export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Registers the translations for this library
  */

package/translation.cjs.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs10.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs11.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs12.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs13.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs14.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs15.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs16.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs17.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs2.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs3.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs4.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs5.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs6.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs7.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs8.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs9.js

@@ -7,4 +7,4 @@ var translation = {
 	"confirmationDialog.default.title": "Please confirm this action"
 };
 
-exports["default"] = translation;
+exports.default = translation;