@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-RNEL4XIO.js → chunk-LA3CJOWA.js}

@@ -1,11 +1,30 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var client = require('react-dom/client');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
 
+// src/components/Notification.tsx
+var _react = require('react');
+var _client = require('react-dom/client');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var notificationInstancesByPosition = {
   "top-left": [],
@@ -26,31 +45,37 @@ var updateCallbacks = {
   "bottom-left": null,
   "bottom-right": null
 };
+var stackUpdateScheduler = _tigercatcore.createNotificationStackUpdateScheduler.call(void 0, );
+function scheduleNotificationStackUpdate(position) {
+  const callback = updateCallbacks[position];
+  if (!callback) return;
+  stackUpdateScheduler.schedule(position, callback);
+}
 function getNextInstanceId() {
   return ++instanceIdCounter;
 }
 var NotificationItem = ({ notification: notification2, onClose }) => {
-  const [isVisible, setIsVisible] = react.useState(false);
-  react.useEffect(() => {
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
     setTimeout(() => setIsVisible(true), 10);
   }, []);
-  const colorScheme = tigercatCore.getNotificationTypeClasses(notification2.type);
-  const notificationClasses = tigercatCore.classNames(
-    tigercatCore.notificationBaseClasses,
+  const colorScheme = _tigercatcore.getNotificationTypeClasses.call(void 0, notification2.type);
+  const notificationClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.notificationBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     notification2.className,
     isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
   );
-  const iconPath = notification2.icon || tigercatCore.getNotificationIconPath(notification2.type);
-  const iconClass = tigercatCore.classNames(tigercatCore.notificationIconClasses, colorScheme.icon);
+  const iconPath = notification2.icon || _tigercatcore.getNotificationIconPath.call(void 0, notification2.type);
+  const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.notificationIconClasses, colorScheme.icon);
   const handleClose = () => {
     setIsVisible(false);
-    setTimeout(() => onClose(notification2.id), tigercatCore.ANIMATION_DURATION_MS);
+    setTimeout(() => onClose(notification2.id), _tigercatcore.ANIMATION_DURATION_MS);
   };
   const a11yRole = notification2.type === "error" ? "alert" : "status";
   const ariaLive = notification2.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: notificationClasses,
@@ -71,22 +96,22 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
       "data-tiger-notification-type": notification2.type,
       "data-tiger-notification-id": String(notification2.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.notificationContentClasses, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
-          notification2.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.notificationContentClasses, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
+          notification2.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
         ] }),
-        notification2.closable && /* @__PURE__ */ jsxRuntime.jsx(
+        notification2.closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
-            className: tigercatCore.notificationCloseButtonClasses,
+            className: _tigercatcore.notificationCloseButtonClasses,
             onClick: (e) => {
               e.stopPropagation();
               handleClose();
             },
             "aria-label": "Close notification",
             type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.notificationCloseIconPath, className: tigercatCore.notificationCloseIconClasses })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.notificationCloseIconPath, className: _tigercatcore.notificationCloseIconClasses })
           }
         )
       ]
@@ -96,24 +121,25 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
 var NotificationContainer = ({
   position = "top-right"
 }) => {
-  const [notifications, setNotifications] = react.useState([]);
-  react.useEffect(() => {
+  const [notifications, setNotifications] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
     updateCallbacks[position] = () => {
       setNotifications([...notificationInstancesByPosition[position]]);
     };
     updateCallbacks[position]();
     return () => {
+      stackUpdateScheduler.cancel(position);
       updateCallbacks[position] = null;
     };
   }, [position]);
-  const containerClasses = tigercatCore.classNames(
-    tigercatCore.notificationContainerBaseClasses,
-    tigercatCore.notificationPositionClasses[position]
+  const containerClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.notificationContainerBaseClasses,
+    _tigercatcore.notificationPositionClasses[position]
   );
   const handleRemove = (id) => {
     removeNotification(id, position);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -122,7 +148,7 @@ var NotificationContainer = ({
       "aria-relevant": "additions",
       "data-tiger-notification-container": "",
       "data-tiger-notification-position": position,
-      children: notifications.map((notification2) => /* @__PURE__ */ jsxRuntime.jsx(
+      children: notifications.map((notification2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         NotificationItem,
         {
           notification: notification2,
@@ -134,7 +160,7 @@ var NotificationContainer = ({
   );
 };
 function ensureContainer(position) {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
@@ -142,6 +168,7 @@ function ensureContainer(position) {
   if (containerRoots[position] && !existingRootEl) {
     containerRoots[position] = null;
     updateCallbacks[position] = null;
+    stackUpdateScheduler.cancel(position);
   }
   if (containerRoots[position]) {
     return;
@@ -152,8 +179,8 @@ function ensureContainer(position) {
     rootEl.id = rootId;
     document.body.appendChild(rootEl);
   }
-  containerRoots[position] = client.createRoot(rootEl);
-  containerRoots[position].render(/* @__PURE__ */ jsxRuntime.jsx(NotificationContainer, { position }));
+  containerRoots[position] = _client.createRoot.call(void 0, rootEl);
+  containerRoots[position].render(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotificationContainer, { position }));
 }
 function destroyContainer(position) {
   const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
@@ -162,8 +189,9 @@ function destroyContainer(position) {
     containerRoots[position] = null;
   }
   updateCallbacks[position] = null;
-  if (tigercatCore.isBrowser()) {
-    document.getElementById(rootId)?.remove();
+  stackUpdateScheduler.cancel(position);
+  if (_tigercatcore.isBrowser.call(void 0, )) {
+    _optionalChain([document, 'access', _ => _.getElementById, 'call', _2 => _2(rootId), 'optionalAccess', _3 => _3.remove, 'call', _4 => _4()]);
   }
 }
 function addNotification(config) {
@@ -184,7 +212,7 @@ function addNotification(config) {
     position
   };
   notificationInstancesByPosition[position].push(instance);
-  updateCallbacks[position]?.();
+  scheduleNotificationStackUpdate(position);
   if (instance.duration > 0) {
     setTimeout(() => {
       removeNotification(id, position);
@@ -198,8 +226,10 @@ function removeNotification(id, position) {
   if (index !== -1) {
     const instance = instances[index];
     instances.splice(index, 1);
-    instance.onClose?.();
-    updateCallbacks[position]?.();
+    _optionalChain([instance, 'access', _5 => _5.onClose, 'optionalCall', _6 => _6()]);
+    if (notificationInstancesByPosition[position].length > 0) {
+      scheduleNotificationStackUpdate(position);
+    }
   }
   if (notificationInstancesByPosition[position].length === 0) {
     destroyContainer(position);
@@ -208,7 +238,7 @@ function removeNotification(id, position) {
 function clearAll(position) {
   if (position) {
     notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
+      _optionalChain([instance, 'access', _7 => _7.onClose, 'optionalCall', _8 => _8()]);
     });
     notificationInstancesByPosition[position] = [];
     destroyContainer(position);
@@ -216,7 +246,7 @@ function clearAll(position) {
     Object.keys(notificationInstancesByPosition).forEach((pos) => {
       const p = pos;
       notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
+        _optionalChain([instance, 'access', _9 => _9.onClose, 'optionalCall', _10 => _10()]);
       });
       notificationInstancesByPosition[p] = [];
       destroyContainer(p);
@@ -224,7 +254,7 @@ function clearAll(position) {
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "title");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "title");
 }
 var notification = {
   info(options) {
@@ -249,6 +279,8 @@ var notification = {
 };
 var Notification_default = notification;
 
-exports.NotificationContainer = NotificationContainer;
-exports.Notification_default = Notification_default;
-exports.notification = notification;
+
+
+
+
+exports.NotificationContainer = NotificationContainer; exports.notification = notification; exports.Notification_default = Notification_default;

package/dist/{chunk-7BVXG3Z5.mjs → chunk-LKKZLYCA.mjs}

@@ -1,6 +1,9 @@
-import { TaskBoard } from './chunk-DBNAL6G6.mjs';
-import { jsx } from 'react/jsx-runtime';
+import {
+  TaskBoard
+} from "./chunk-ZB55SAGI.mjs";
 
+// src/components/Kanban.tsx
+import { jsx } from "react/jsx-runtime";
 var Kanban = ({
   showCardCount = true,
   allowAddCard = true,
@@ -19,4 +22,7 @@ var Kanban = ({
 };
 var Kanban_default = Kanban;
 
-export { Kanban, Kanban_default };
+export {
+  Kanban,
+  Kanban_default
+};

package/dist/{chunk-OIUIR5ZR.js → chunk-LMTUM3J3.js}

@@ -1,12 +1,30 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var client = require('react-dom/client');
-var reactDom = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
+var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
+
+// src/components/Message.tsx
+var _react = require('react');
+var _client = require('react-dom/client');
+var _reactdom = require('react-dom');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var messageInstances = [];
@@ -17,29 +35,29 @@ function getNextInstanceId() {
   return ++instanceIdCounter;
 }
 var MessageItem = ({ message, onClose }) => {
-  const [isVisible, setIsVisible] = react.useState(false);
-  react.useEffect(() => {
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
     const timer = setTimeout(() => setIsVisible(true), 10);
     return () => clearTimeout(timer);
   }, []);
-  const colorScheme = tigercatCore.getMessageTypeClasses(message.type, tigercatCore.defaultMessageThemeColors);
-  const messageClasses = tigercatCore.classNames(
-    tigercatCore.messageBaseClasses,
+  const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
+  const messageClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.messageBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     colorScheme.text,
     message.className,
     isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
   );
-  const iconPath = message.icon || tigercatCore.getMessageIconPath(message.type);
-  const iconClass = tigercatCore.classNames(tigercatCore.messageIconClasses, colorScheme.icon);
-  const handleClose = react.useCallback(() => {
+  const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
+  const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
+  const handleClose = _react.useCallback.call(void 0, () => {
     setIsVisible(false);
-    setTimeout(() => onClose(message.id), tigercatCore.ANIMATION_DURATION_MS);
+    setTimeout(() => onClose(message.id), _tigercatcore.ANIMATION_DURATION_MS);
   }, [message.id, onClose]);
   const a11yRole = message.type === "error" ? "alert" : "status";
   const ariaLive = message.type === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: messageClasses,
@@ -51,24 +69,24 @@ var MessageItem = ({ message, onClose }) => {
       "data-tiger-message-type": message.type,
       "data-tiger-message-id": String(message.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHQ3QOT7H_js.StatusIconWithLoading,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkHQ3QOT7Hjs.StatusIconWithLoading,
           {
             path: iconPath,
             className: iconClass,
             isLoading: message.type === "loading",
-            spinnerClass: tigercatCore.messageLoadingSpinnerClasses
+            spinnerClass: _tigercatcore.messageLoadingSpinnerClasses
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.messageContentClasses, children: message.content }),
-        message.closable && /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.messageContentClasses, children: message.content }),
+        message.closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
-            className: tigercatCore.messageCloseButtonClasses,
+            className: _tigercatcore.messageCloseButtonClasses,
             onClick: handleClose,
             "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
             type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.messageCloseIconPath, className: "w-4 h-4" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.messageCloseIconPath, className: "w-4 h-4" })
           }
         )
       ]
@@ -76,23 +94,20 @@ var MessageItem = ({ message, onClose }) => {
   );
 };
 var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = react.useState(() => [...messageInstances]);
-  react.useEffect(() => {
+  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
+  _react.useEffect.call(void 0, () => {
     updateCallback = () => {
-      reactDom.flushSync(() => {
-        setMessages([...messageInstances]);
-      });
+      setMessages([...messageInstances]);
     };
-    updateCallback();
     return () => {
       updateCallback = null;
     };
   }, []);
-  const containerClasses = tigercatCore.classNames(tigercatCore.messageContainerBaseClasses, tigercatCore.messagePositionClasses[position]);
-  const handleRemove = react.useCallback((id) => {
+  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[position]);
+  const handleRemove = _react.useCallback.call(void 0, (id) => {
     removeMessage(id);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -100,12 +115,12 @@ var MessageContainer = ({ position = "top" }) => {
       "aria-live": "polite",
       "aria-relevant": "additions",
       "data-tiger-message-container": true,
-      children: messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(MessageItem, { message, onClose: handleRemove }, message.id))
+      children: messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
 function ensureContainer() {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;
@@ -123,9 +138,9 @@ function ensureContainer() {
     rootEl.id = rootId;
     document.body.appendChild(rootEl);
   }
-  containerRoot = client.createRoot(rootEl);
-  reactDom.flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsxRuntime.jsx(MessageContainer, {}));
+  containerRoot = _client.createRoot.call(void 0, rootEl);
+  _reactdom.flushSync.call(void 0, () => {
+    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, {}))]);
   });
 }
 function addMessage(config) {
@@ -141,8 +156,10 @@ function addMessage(config) {
     className: config.className
   };
   messageInstances.push(instance);
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  const shouldUpdateExistingContainer = _tigercatcore.isBrowser.call(void 0, ) && containerRoot !== null && document.getElementById(rootId) !== null;
   ensureContainer();
-  if (updateCallback) {
+  if (shouldUpdateExistingContainer && updateCallback) {
     updateCallback();
   }
   if (instance.duration > 0) {
@@ -181,15 +198,15 @@ function clearAll() {
   }
   updateCallback = null;
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;
-  if (tigercatCore.isBrowser()) {
+  if (_tigercatcore.isBrowser.call(void 0, )) {
     const rootEl = document.getElementById(rootId);
-    if (rootEl?.parentNode) {
+    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
       rootEl.parentNode.removeChild(rootEl);
     }
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "content");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "content");
 }
 var Message = {
   info(options) {
@@ -218,6 +235,8 @@ var Message = {
 };
 var Message_default = Message;
 
-exports.Message = Message;
-exports.MessageContainer = MessageContainer;
-exports.Message_default = Message_default;
+
+
+
+
+exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_default;