@vitality-ds/components 5.7.0 → 6.0.0-alpha.1

package/dist/AuditTrail/components/AuditItem/index.js

@@ -11,6 +11,7 @@ var _Box = _interopRequireDefault(require("../../../Box"));
 var _Flex = _interopRequireDefault(require("../../../Flex"));
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 var _useAuditTrail3 = _interopRequireDefault(require("../../hooks/useAuditTrail"));
+var _jsxRuntime = require("react/jsx-runtime");
 function AuditItem(_ref) {
   var item = _ref.item;
   var _useAuditTrail = (0, _useAuditTrail3["default"])(item),
@@ -18,16 +19,23 @@ function AuditItem(_ref) {
     time = _useAuditTrail2[0],
     auditHistory = _useAuditTrail2[1],
     AvatarComponent = _useAuditTrail2[2];
-  return /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex["default"], {
     direction: "row",
     align: "start",
-    wrap: "noWrap"
-  }, /*#__PURE__*/_react["default"].createElement(AvatarComponent, null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    pt: "xs"
-  }, /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
-    spacing: "xs",
-    direction: "row",
-    wrap: "wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, auditHistory), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, item.dateTime && !time.invalidTime && " on ".concat(time.date, " at ").concat(time.time, " (").concat(time.humanTime, ") ")))));
+    wrap: "noWrap",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarComponent, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      pt: "xs",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex["default"], {
+        spacing: "xs",
+        direction: "row",
+        wrap: "wrap",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          children: auditHistory
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          children: item.dateTime && !time.invalidTime && " on ".concat(time.date, " at ").concat(time.time, " (").concat(time.humanTime, ") ")
+        })]
+      })
+    })]
+  });
 }
 var _default = exports["default"] = AuditItem;

package/dist/AuditTrail/components/AuditItem/index.spec.js

@@ -8,11 +8,15 @@ var _lucideReact = require("lucide-react");
 var _react2 = _interopRequireDefault(require("react"));
 var _test = require("../../../helpers/test");
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 describe("<AuditItem />", function () {
   beforeEach(function () {
-    jest.useFakeTimers("modern");
+    jest.useFakeTimers();
     jest.setSystemTime(new Date("2024-03-22T17:30:00"));
   });
+  afterEach(function () {
+    jest.useRealTimers();
+  });
   describe("when action is a preset", function () {
     describe("and name is given", function () {
       describe("and does not contain the word gentu", function () {
@@ -23,14 +27,14 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22T15:30:00"
           };
           it("renders the fallback icon", function () {
-            var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               })),
               container = _render.container;
             expect((0, _test.findSVGs)(container, _lucideReact.Plus)).toHaveLength(1);
           });
           it("renders the name and preposition", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -44,13 +48,13 @@ describe("<AuditItem />", function () {
               name: "Dr. Jane Doe"
             };
             it("renders the correct initials", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
               expect(_react.screen.getAllByText(/JD/)).toHaveLength(1);
             });
             it("renders the name and preposition", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
               expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -63,14 +67,14 @@ describe("<AuditItem />", function () {
               name: "hello Jane Doe"
             };
             it("renders the fallback icon", function () {
-              var _render2 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              var _render2 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                   item: item
                 })),
                 container = _render2.container;
               expect((0, _test.findSVGs)(container, _lucideReact.Plus)).toHaveLength(1);
             });
             it("renders the name and preposition", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
               expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -84,13 +88,13 @@ describe("<AuditItem />", function () {
             name: "Jane Doe"
           };
           it("renders the correct initials", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/JD/)).toHaveLength(1);
           });
           it("renders the name and preposition", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -103,14 +107,14 @@ describe("<AuditItem />", function () {
             name: "Jane"
           };
           it("renders the name and preposition", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
             expect(_react.screen.getAllByText(/Jane/)).toHaveLength(1);
           });
           it("renders the initial of that one word", function () {
-            var _render3 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            var _render3 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               })),
               container = _render3.container;
@@ -124,13 +128,13 @@ describe("<AuditItem />", function () {
           };
           describe("and source is given", function () {
             it("renders the name", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
               expect(_react.screen.getAllByText(/Jane/)).toHaveLength(1);
             });
             it("renders the source in brackets", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: (0, _extends2["default"])({}, item, {
                   source: "ThirdPartyApp"
                 })
@@ -140,13 +144,13 @@ describe("<AuditItem />", function () {
           });
           describe("and source is not given", function () {
             it("renders the name", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
               expect(_react.screen.getAllByText(/Jane/)).toHaveLength(1);
             });
             it("does not render the source", function () {
-              (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+              (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               }));
 
@@ -162,14 +166,14 @@ describe("<AuditItem />", function () {
           name: "Gentu (Automated)"
         };
         it("renders gentu brand icon", function () {
-          var _render4 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          var _render4 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             })),
             container = _render4.container;
           expect((0, _test.findSVGs)(container, _icons.GentuLogo)).toHaveLength(1);
         });
         it("renders the name and preposition", function () {
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: item
           }));
           expect(_react.screen.getAllByText(/Created by/)).toHaveLength(1);
@@ -182,14 +186,14 @@ describe("<AuditItem />", function () {
         action: "create"
       };
       it("uses the actions fallback icon instead of initials", function () {
-        var _render5 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+        var _render5 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: item
           })),
           container = _render5.container;
         expect((0, _test.findSVGs)(container, _lucideReact.Plus)).toHaveLength(1);
       });
       it("does not render the name or preposition", function () {
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+        (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
           item: item
         }));
 
@@ -202,14 +206,14 @@ describe("<AuditItem />", function () {
           source: "ThirdPartyApp"
         };
         it("renders the source not in brackets", function () {
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: itemWithSource
           }));
           expect(_react.screen.getAllByText(/using ThirdPartyApp/)).toHaveLength(1);
           expect(_react.screen.queryAllByText(/\(using ThirdPartyApp\)/)).toHaveLength(0);
         });
         it("does not render a preposition", function () {
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: itemWithSource
           }));
           expect(_react.screen.queryAllByText(/by/)).toHaveLength(0);
@@ -220,7 +224,7 @@ describe("<AuditItem />", function () {
           action: "create"
         };
         it("does not render the name or the source", function () {
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: itemWithNoSource
           }));
 
@@ -237,7 +241,7 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22T15:30:00"
           };
           it("renders dateTime correctly", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/on 22\/03\/2024 at 3:30:00 PM \(2 hours ago\)/)).toHaveLength(1);
@@ -249,7 +253,7 @@ describe("<AuditItem />", function () {
             dateTime: "2024-03-22 15:30:00"
           };
           it("renders dateTime correctly", function () {
-            (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: item
             }));
             expect(_react.screen.getAllByText(/on 22\/03\/2024 at 3:30:00 PM \(2 hours ago\)/)).toHaveLength(1);
@@ -263,7 +267,7 @@ describe("<AuditItem />", function () {
         dateTime: "string"
       };
       it("does not render the date time or leading text", function () {
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+        (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
           item: item
         }));
 
@@ -289,14 +293,14 @@ describe("<AuditItem />", function () {
       };
     };
     it("renders the given preposition with the name", function () {
-      (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
         item: createItemProps()
       }));
       expect(_react.screen.getByText(/Joe Bloggs/)).toBeDefined();
       expect(_react.screen.getByText(/from/)).toBeDefined();
     });
     it("renders the given actionName", function () {
-      (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
         item: createItemProps()
       }));
       expect(_react.screen.getByText(/Actioned/)).toBeDefined();
@@ -308,7 +312,7 @@ describe("<AuditItem />", function () {
           fallbackIcon: _lucideReact.Link2
         });
         it("renders the fallbackIcon", function () {
-          var _render6 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          var _render6 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: createItemProps(forceIconActionProps)
             })),
             container = _render6.container;
@@ -321,7 +325,7 @@ describe("<AuditItem />", function () {
           forceIcon: true
         });
         it("renders the <CircleUser /> icon", function () {
-          var _render7 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          var _render7 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
               item: createItemProps(forceIconActionProps)
             })),
             container = _render7.container;
@@ -339,7 +343,7 @@ describe("<AuditItem />", function () {
           name: "Joe Bloggs"
         });
         it("renders the initials", function () {
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
             item: item
           }));
           expect(_react.screen.getAllByText(/JB/)).toHaveLength(1);
@@ -353,7 +357,7 @@ describe("<AuditItem />", function () {
             name: "Joe shmo the third"
           });
           it("renders the fallbackIcon", function () {
-            var _render8 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            var _render8 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               })),
               container = _render8.container;
@@ -367,7 +371,7 @@ describe("<AuditItem />", function () {
             name: "Joe shmo the third"
           });
           it("renders the <CircleUser /> icon", function () {
-            var _render9 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+            var _render9 = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
                 item: item
               })),
               container = _render9.container;

package/dist/AuditTrail/components/IconAvatar/index.js

@@ -8,11 +8,14 @@ exports["default"] = void 0;
 var _lucideReact = require("lucide-react");
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function IconAvatar(_ref) {
   var icon = _ref.icon;
   var IconComponent = icon || _lucideReact.CircleUser;
-  return /*#__PURE__*/_react["default"].createElement(_styled.IconAvatarContainer, null, /*#__PURE__*/_react["default"].createElement(IconComponent, {
-    color: "currentColor"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.IconAvatarContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+      color: "currentColor"
+    })
+  });
 }
 var _default = exports["default"] = IconAvatar;

package/dist/AuditTrail/hooks/useAuditTrail.js

@@ -11,6 +11,7 @@ var _Avatar = require("../../Avatar");
 var _IconAvatar = _interopRequireDefault(require("../components/IconAvatar"));
 var _constants = require("../constants");
 var _logic = require("../logic");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var useAuditTrail = function useAuditTrail(item) {
   var time = (0, _logic.getTimes)(item.dateTime);
@@ -32,9 +33,9 @@ var useAuditTrail = function useAuditTrail(item) {
     return result;
   }, [item, preposition, actionName]);
   function AvatarComponent() {
-    return !initials || forceIcon || brandIcon ? /*#__PURE__*/_react["default"].createElement(_IconAvatar["default"], {
+    return !initials || forceIcon || brandIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconAvatar["default"], {
       icon: brandIcon || fallbackIcon
-    }) : /*#__PURE__*/_react["default"].createElement(_Avatar.Avatar, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
       color: "primary",
       initials: initials
     });

package/dist/AuditTrail/hooks/useAuditTrail.spec.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useAuditTrail = _interopRequireDefault(require("./useAuditTrail"));
 describe("useAuditTrail", function () {
   beforeEach(function () {
@@ -20,7 +20,7 @@ describe("useAuditTrail", function () {
       };
       describe("and the item contains a name and source", function () {
         it("should return the audit history with the name and source", function () {
-          var _renderHook = (0, _reactHooks.renderHook)(function () {
+          var _renderHook = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, customActionItem, {
                 name: "Olga Campbell",
                 source: "ThirdPartyApp"
@@ -34,7 +34,7 @@ describe("useAuditTrail", function () {
       describe("and the item contains a source but no name", function () {
         describe("and it does not contain an actionName", function () {
           it("should return the audit history with the source", function () {
-            var _renderHook2 = (0, _reactHooks.renderHook)(function () {
+            var _renderHook2 = (0, _react.renderHook)(function () {
                 return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, customActionItem, {
                   actionProps: {},
                   source: "ThirdPartyApp"
@@ -47,7 +47,7 @@ describe("useAuditTrail", function () {
         });
         describe("and it contains an actionName", function () {
           it("should return the audit history with the source", function () {
-            var _renderHook3 = (0, _reactHooks.renderHook)(function () {
+            var _renderHook3 = (0, _react.renderHook)(function () {
                 return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, customActionItem, {
                   source: "ThirdPartyApp"
                 }));
@@ -60,7 +60,7 @@ describe("useAuditTrail", function () {
       });
       describe("and the item contains a name but no source", function () {
         it("should return the audit history with the name", function () {
-          var _renderHook4 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook4 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, customActionItem, {
                 name: "Olga Campbell"
               }));
@@ -72,7 +72,7 @@ describe("useAuditTrail", function () {
       });
       describe("and the item contains neither a name or a source or actionName", function () {
         it("should return the audit history as a blank string", function () {
-          var _renderHook5 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook5 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, customActionItem, {
                 actionProps: {}
               }));
@@ -91,7 +91,7 @@ describe("useAuditTrail", function () {
       };
       describe("and the item contains a name and source", function () {
         it("should return the audit history with the name and source", function () {
-          var _renderHook6 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook6 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, item, {
                 name: "Olga Campbell",
                 source: "ThirdPartyApp"
@@ -104,7 +104,7 @@ describe("useAuditTrail", function () {
       });
       describe("and the item contains a name but no source", function () {
         it("should return the audit history with the name and no source", function () {
-          var _renderHook7 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook7 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, item, {
                 name: "Olga Campbell"
               }));
@@ -116,7 +116,7 @@ describe("useAuditTrail", function () {
       });
       describe("and the item contains no name but a source", function () {
         it("should return the audit history with the source", function () {
-          var _renderHook8 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook8 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])((0, _extends2["default"])({}, item, {
                 source: "ThirdPartyApp"
               }));
@@ -128,7 +128,7 @@ describe("useAuditTrail", function () {
       });
       describe("and the item contains neither a name or a source", function () {
         it("should return the audit history with no name or source", function () {
-          var _renderHook9 = (0, _reactHooks.renderHook)(function () {
+          var _renderHook9 = (0, _react.renderHook)(function () {
               return (0, _useAuditTrail["default"])(item);
             }),
             result = _renderHook9.result;

package/dist/AuditTrail/index.js

@@ -9,16 +9,18 @@ var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _AuditItem = _interopRequireDefault(require("./components/AuditItem"));
+var _jsxRuntime = require("react/jsx-runtime");
 function AuditTrail(_ref) {
   var items = _ref.items;
   var generateKey = function generateKey(item) {
     return "".concat(item.action, "-").concat(new Date(item === null || item === void 0 ? void 0 : item.dateTime).getTime(), "-").concat((0, _lodash.uniqueId)());
   };
-  return /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, items === null || items === void 0 ? void 0 : items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_AuditItem["default"], {
-      key: generateKey(item),
-      item: item
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack["default"], {
+    children: items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AuditItem["default"], {
+        item: item
+      }, generateKey(item));
+    })
+  });
 }
 var _default = exports["default"] = AuditTrail;

package/dist/AuditTrail/index.spec.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 describe("AuditTrail", function () {
   describe("when there is one item", function () {
     var items = [{
@@ -12,7 +13,7 @@ describe("AuditTrail", function () {
       dateTime: "2024-03-22T15:30:00Z"
     }];
     it("renders one audit item", function () {
-      (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
         items: items
       }));
       expect(_react.screen.getAllByText(/Joe Bloggs/).length).toBe(1);
@@ -30,7 +31,7 @@ describe("AuditTrail", function () {
         dateTime: "2024-03-22T15:30:00Z"
       }];
       it("renders the correct number of audit items", function () {
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+        (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
           items: items
         }));
         expect(_react.screen.getAllByText(/Joe Bloggs/).length).toBe(2);
@@ -51,7 +52,7 @@ describe("AuditTrail", function () {
         dateTime: "2024-03-22T15:30:00Z"
       }];
       it("renders the correct number of audit items", function () {
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+        (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
           items: items
         }));
         expect(_react.screen.getAllByText(/Joe Bloggs/).length).toBe(3);
@@ -61,7 +62,7 @@ describe("AuditTrail", function () {
   describe("when there are no items", function () {
     var items = [];
     it("does not render any audit items", function () {
-      (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
         items: items
       }));
       expect(_react.screen.queryAllByText(/Joe Bloggs/).length).toBe(0);

package/dist/Avatar/Avatar.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BaseAvatar = _interopRequireDefault(require("./BaseAvatar"));
 var _logic = require("./logic");
+var _jsxRuntime = require("react/jsx-runtime");
 function Avatar(_ref) {
   var _ref$initials = _ref.initials,
     initials = _ref$initials === void 0 ? "" : _ref$initials,
@@ -15,7 +16,7 @@ function Avatar(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     color = _ref.color,
     imageSrc = _ref.imageSrc;
-  return /*#__PURE__*/_react["default"].createElement(_BaseAvatar["default"], {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseAvatar["default"], {
     size: size,
     initials: (0, _logic.formatInitials)(initials),
     color: color,

package/dist/Avatar/AvatarButton.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ConditionalTooltipWrapper = _interopRequireDefault(require("../helpers/components/ConditionalTooltipWrapper"));
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "style", "as", "asChild", "children", "size", "initials", "color", "tooltipContent", "buttonProps"];
 var AvatarButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardedRef) {
   var className = _ref.className,
@@ -24,15 +25,18 @@ var AvatarButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, for
     tooltipContent = _ref.tooltipContent,
     buttonProps = _ref.buttonProps,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseAvatarButton, (0, _extends2["default"])({
-    ref: forwardedRef
-  }, buttonProps, rest), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-    size: size,
-    initials: initials,
-    color: color
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseAvatarButton, (0, _extends2["default"])({
+      ref: forwardedRef
+    }, buttonProps, rest, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar["default"], {
+        size: size,
+        initials: initials,
+        color: color
+      })
+    }))
+  });
 });
 AvatarButton.displayName = "AvatarButton";
 var _default = exports["default"] = AvatarButton;

package/dist/Avatar/AvatarLink.js

@@ -5,14 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["linkProps"];
 function AvatarLink(_ref) {
   var linkProps = _ref.linkProps,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseAvatarLink, linkProps, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], restProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseAvatarLink, (0, _extends2["default"])({}, linkProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar["default"], (0, _extends2["default"])({}, restProps))
+  }));
 }
 var _default = exports["default"] = AvatarLink;

package/dist/Avatar/BaseAvatar.js

@@ -9,18 +9,21 @@ var _reactAvatar = require("@radix-ui/react-avatar");
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function BaseAvatar(_ref) {
   var initials = _ref.initials,
     color = _ref.color,
     size = _ref.size,
     imageSrc = _ref.imageSrc;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseAvatarContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseAvatarContainer, {
     size: size,
-    color: color
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseAvatarImage, {
-    src: imageSrc
-  }), /*#__PURE__*/_react["default"].createElement(_reactAvatar.Fallback, {
-    className: _constants.AVATAR_FALLBACK_CLASSNAME
-  }, initials));
+    color: color,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseAvatarImage, {
+      src: imageSrc
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactAvatar.Fallback, {
+      className: _constants.AVATAR_FALLBACK_CLASSNAME,
+      children: initials
+    })]
+  });
 }
 var _default = exports["default"] = BaseAvatar;