@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/design/tabs/Tabs.js

@@ -0,0 +1,76 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../icons/basicIcon/Icon"));
+var _NotificationIcon = _interopRequireDefault(require("../icons/notificationIcon/NotificationIcon"));
+require("./tabs.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const Tabs = ({
+  tabs,
+  activeTabIndex = 0
+}) => {
+  const [activeTab, setActiveTab] = (0, _react.useState)(activeTabIndex);
+  const getIds = id => ({
+    controlId: `tabControl_${id}`,
+    panelId: `tabPanel_${id}`
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "tabGroup"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "tabControls",
+    role: "tablist"
+  }, tabs.map((tab, index) => {
+    const {
+      id,
+      control
+    } = tab;
+    const {
+      text,
+      leftIcon,
+      rightIcon,
+      notificationIcon
+    } = control;
+    const {
+      controlId,
+      panelId
+    } = getIds(id);
+    return /*#__PURE__*/_react.default.createElement("button", {
+      key: controlId,
+      role: "tab",
+      id: controlId,
+      "aria-controls": panelId,
+      "aria-selected": index === activeTab,
+      tabIndex: index === activeTab ? 0 : -1,
+      type: "button",
+      onClick: () => setActiveTab(index),
+      className: `button tabControl ${notificationIcon ? 'withNotification' : ''} ${index === activeTab ? 'active' : ''}`
+    }, leftIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, leftIcon), text, rightIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, rightIcon), notificationIcon && /*#__PURE__*/_react.default.createElement(_NotificationIcon.default, notificationIcon));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "tabPanels"
+  }, tabs.map((tab, index) => {
+    const {
+      id,
+      content
+    } = tab;
+    const {
+      controlId,
+      panelId
+    } = getIds(id);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: panelId,
+      "aria-labelledby": controlId,
+      role: "tabpanel",
+      tabIndex: index === activeTab ? 0 : -1,
+      id: panelId,
+      className: `tabPanel ${index === activeTab ? 'active' : ''}`
+    }, content);
+  })));
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/design/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","Tabs","_react","_interopRequireWildcard","_Icon","_NotificationIcon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","tabs","activeTabIndex","activeTab","setActiveTab","useState","getIds","id","controlId","panelId","createElement","className","role","map","tab","index","control","text","leftIcon","rightIcon","notificationIcon","key","tabIndex","type","onClick","content"],"sources":["../../../../../src/components/design/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport Icon, { IconProps } from '../icons/basicIcon/Icon';\nimport NotificationIcon, { NotificationIconProps } from '../icons/notificationIcon/NotificationIcon';\n\nimport './tabs.scss';\n\ninterface TabProps {\n  id: string;\n  control: {\n    text: string;\n    leftIcon?: IconProps;\n    rightIcon?: IconProps;\n    notificationIcon?: NotificationIconProps;\n  },\n  content: React.ReactNode | React.ReactElement\n}\n\ninterface TabsProps {\n  tabs: TabProps[];\n  activeTabIndex?: number;\n}\n\nexport const Tabs: React.FC<TabsProps> = (\n  {\n    tabs,\n    activeTabIndex = 0\n  }\n) => {\n  const [activeTab, setActiveTab] = useState(activeTabIndex);\n\n  const getIds = (id: string) => ({\n    controlId: `tabControl_${ id }`,\n    panelId: `tabPanel_${ id }`\n  });\n\n  return (\n    <div className=\"tabGroup\">\n      <div className=\"tabControls\" role=\"tablist\">\n        {\n          tabs.map((tab, index) => {\n            const { id, control } = tab;\n            const {\n              text, leftIcon, rightIcon, notificationIcon\n            } = control;\n\n            const { controlId, panelId } = getIds(id);\n\n            return (\n              <button key={ controlId }\n                role=\"tab\"\n                id={ controlId }\n                aria-controls={ panelId }\n                aria-selected={ index === activeTab }\n                tabIndex={ index === activeTab ? 0 : -1 }\n                type=\"button\"\n                onClick={ () => setActiveTab(index) }\n                className={ `button tabControl ${ notificationIcon ? 'withNotification' : '' } ${ index === activeTab ? 'active' : '' }` }\n              >\n                {\n                  leftIcon && <Icon { ...leftIcon } />\n                }\n\n                { text }\n\n                {\n                  rightIcon && <Icon { ...rightIcon } />\n                }\n\n                {\n                  notificationIcon && <NotificationIcon { ...notificationIcon } />\n                }\n              </button>\n            );\n          })\n        }\n      </div>\n\n      <div className=\"tabPanels\">\n        {\n          tabs.map((tab, index) => {\n            const { id, content } = tab;\n\n            const { controlId, panelId } = getIds(id);\n\n            return (\n              <div key={ panelId }\n                aria-labelledby={ controlId }\n                role=\"tabpanel\"\n                tabIndex={ index === activeTab ? 0 : -1 }\n                id={ panelId }\n                className={ `tabPanel ${ index === activeTab ? 'active' : '' }` }\n              >\n                { content }\n              </div>\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/tabs/tabs.css

@@ -0,0 +1,44 @@
+/* Popovers */
+.tabGroup .tabControls {
+  display: flex;
+  flex-direction: row;
+  column-gap: 1px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.tabGroup .tabControls .tabControl {
+  padding: var(--tabControlPadding, 20px);
+  height: var(--tabControlHeight, 50px);
+  border: var(--tabControlBorder, 1px solid #e5ebef);
+  border-bottom: var(--tabControlBottomBorder, 3px solid #516472);
+  border-radius: var(--tabControlBorderRadius, 3px 3px 0 0);
+  box-shadow: var(--tabControlShadow, none);
+  background: var(--tabControlBg, #f6f8fa);
+  color: var(--tabControlFgColor, #24282b);
+  text-decoration: none;
+}
+.tabGroup .tabControls .tabControl.active {
+  padding: var(--tabControlActivePadding, 20px);
+  height: var(--tabControlActiveHeight, 50px);
+  border: var(--tabControlActiveBorder, 1px solid #e5ebef);
+  border-bottom: var(--tabControlActiveBottomBorder, 3px solid #fff);
+  border-radius: var(--tabControlActiveBorderRadius, 3px 3px 0 0);
+  box-shadow: var(--tabControlActiveShadow, none);
+  background: var(--tabControlActiveBg, #fff);
+  color: var(--tabControlActiveFgColor, #24282b);
+}
+.tabGroup .tabPanels {
+  margin-top: -1px;
+}
+.tabGroup .tabPanels .tabPanel {
+  padding: var(--tabContentPadding, 20px);
+  background: var(--tabContentBg, #fff);
+  color: var(--tabContentFgColor, #24282b);
+  box-shadow: var(--tabContentShadow, none);
+  border: var(--tabContentBorder, 1px solid #e5ebef);
+  border-radius: var(--tabContentBorderRadius, 0 3px 3px 3px);
+  display: none;
+}
+.tabGroup .tabPanels .tabPanel.active {
+  display: block;
+}

package/dist/cjs/components/design/themeLoader/ThemeLoader.js

@@ -0,0 +1,81 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeLoader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _libraryThemes = _interopRequireDefault(require("../../../autoGenerated/libraryThemes"));
+var _AppContextProvider = require("../../../contextProviders/appContext/AppContextProvider");
+var _appEnvironment = require("../../../constants/appEnvironment");
+var _constants = require("../../../constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const themes = _libraryThemes.default || {};
+const ThemeLoader = ({
+  useMin = false,
+  forceProd = false,
+  forceCacheBusting = false,
+  userTheme,
+  useLatest = true
+}) => {
+  const baseCssLink = (0, _react.useRef)(null);
+  const themeCssLink = (0, _react.useRef)(null);
+  const appContextProvider = (0, _react.useContext)(_AppContextProvider.AppContext);
+  const appTheme = appContextProvider?.appContext?.theme;
+  const activeTheme = userTheme || appTheme;
+  const publicLibraryDomain = appContextProvider?.appContext?.publicLibraryDomain || '';
+  const env = process.env.NODE_ENV;
+  const isProduction = env === 'production' || env === 'prod';
+  const isDevelopment = env === 'development' || env === 'dev';
+  const cdnBaseUrl = `${isProduction ? _constants.LIBRARY_CDN_PROD_BASE_URL : _constants.LIBRARY_CDN_DEV_BASE_URL}/${useLatest ? 'latest' : _constants.LIBRARY_VERSION}`;
+  const getThemeCss = theme => {
+    if (!theme || !themes[theme]) {
+      console.warn(`Theme "${theme}" not found. Using default variables instead.`);
+      return null;
+    }
+    const {
+      buildPath,
+      dev,
+      min,
+      versioned
+    } = themes[theme];
+    const cssFile = () => {
+      if (forceProd) {
+        return versioned.css;
+      }
+      if (isProduction) {
+        return useMin ? versioned.css : min.css;
+      }
+      if (isDevelopment) {
+        return useMin ? min.css : dev.css;
+      }
+      return dev.css;
+    };
+    const cacheBuster = _appEnvironment.CURRENT_DOMAIN === 'localhost' || forceCacheBusting ? `?v=${new Date().getTime()}` : '';
+    const libraryDomain = publicLibraryDomain !== '' ? `${publicLibraryDomain}` : cdnBaseUrl;
+    return `${libraryDomain}/${buildPath}/${cssFile()}${cacheBuster}`;
+  };
+  const baseCss = (0, _react.useMemo)(() => getThemeCss('base'), [activeTheme, useMin, forceProd, forceCacheBusting]);
+  const themeCss = (0, _react.useMemo)(() => getThemeCss(activeTheme), [activeTheme, useMin, forceProd, forceCacheBusting]);
+  (0, _react.useEffect)(() => {
+    if (baseCss && baseCssLink.current) {
+      baseCssLink.current.href = baseCss;
+    }
+    if (themeCss && themeCssLink.current) {
+      themeCssLink.current.href = themeCss;
+    }
+  }, [activeTheme]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("link", {
+    ref: baseCssLink,
+    rel: "stylesheet",
+    as: "style"
+  }), /*#__PURE__*/_react.default.createElement("link", {
+    ref: themeCssLink,
+    rel: "stylesheet",
+    as: "style"
+  }));
+};
+exports.ThemeLoader = ThemeLoader;
+//# sourceMappingURL=ThemeLoader.js.map

package/dist/cjs/components/design/themeLoader/ThemeLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeLoader.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","ThemeLoader","_react","_interopRequireWildcard","_libraryThemes","_AppContextProvider","_appEnvironment","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","themes","libraryThemes","useMin","forceProd","forceCacheBusting","userTheme","useLatest","baseCssLink","useRef","themeCssLink","appContextProvider","useContext","AppContext","appTheme","appContext","theme","activeTheme","publicLibraryDomain","env","process","NODE_ENV","isProduction","isDevelopment","cdnBaseUrl","LIBRARY_CDN_PROD_BASE_URL","LIBRARY_CDN_DEV_BASE_URL","LIBRARY_VERSION","getThemeCss","console","warn","buildPath","dev","min","versioned","cssFile","css","cacheBuster","CURRENT_DOMAIN","Date","getTime","libraryDomain","baseCss","useMemo","themeCss","useEffect","current","href","createElement","Fragment","ref","rel","as"],"sources":["../../../../../src/components/design/themeLoader/ThemeLoader.tsx"],"sourcesContent":["'use client';\n\nimport React, { useContext, useEffect, useRef, useMemo } from 'react';\n\nimport libraryThemes from '../../../autoGenerated/libraryThemes';\nimport { AppContext } from '../../../contextProviders/appContext/AppContextProvider';\nimport { CURRENT_DOMAIN } from '../../../constants/appEnvironment';\nimport { LIBRARY_CDN_DEV_BASE_URL, LIBRARY_CDN_PROD_BASE_URL, LIBRARY_VERSION } from '../../../constants';\n\nexport type ThemeStructure = {\n  buildPath: string;\n  dev: {\n    css: string;\n    map: string;\n  };\n  min: {\n    css: string;\n    map: string;\n  };\n  versioned: {\n    css: string;\n    map: string;\n  };\n};\n\ntype AvailableThemes = {\n  [themeName: string]: ThemeStructure;\n};\n\ntype themeLoaderProps = {\n  useMin?: boolean,\n  forceProd?: boolean,\n  forceCacheBusting?: boolean,\n  userTheme?: string;\n  useLatest?: boolean;\n};\n\nconst themes: AvailableThemes = libraryThemes || {};\n\nexport const ThemeLoader: React.FC<themeLoaderProps> = (\n  {\n    useMin = false,\n    forceProd = false,\n    forceCacheBusting = false,\n    userTheme,\n    useLatest = true,\n  }\n) => {\n  const baseCssLink = useRef<HTMLLinkElement>(null);\n  const themeCssLink = useRef<HTMLLinkElement>(null);\n\n  const appContextProvider = useContext(AppContext);\n  const appTheme = appContextProvider?.appContext?.theme;\n\n  const activeTheme = userTheme || appTheme;\n  const publicLibraryDomain = appContextProvider?.appContext?.publicLibraryDomain || '';\n\n  const env = process.env.NODE_ENV;\n  const isProduction = env === 'production' || env === 'prod';\n  const isDevelopment = env === 'development' || env === 'dev';\n\n  const cdnBaseUrl = `${ isProduction ? LIBRARY_CDN_PROD_BASE_URL : LIBRARY_CDN_DEV_BASE_URL }/${ useLatest ? 'latest' : LIBRARY_VERSION }`;\n\n  const getThemeCss = (theme: string | undefined) => {\n    if (!theme || !themes[theme]) {\n      console.warn(`Theme \"${ theme }\" not found. Using default variables instead.`);\n      return null;\n    }\n\n    const {\n      buildPath, dev, min, versioned\n    } = themes[theme];\n\n    const cssFile = () => {\n      if (forceProd) {\n        return versioned.css;\n      }\n\n      if (isProduction) {\n        return useMin ? versioned.css : min.css;\n      }\n\n      if (isDevelopment) {\n        return useMin ? min.css : dev.css;\n      }\n\n      return dev.css;\n    };\n\n    const cacheBuster = CURRENT_DOMAIN === 'localhost' || forceCacheBusting ? `?v=${ new Date().getTime() }` : '';\n    const libraryDomain = publicLibraryDomain !== '' ? `${ publicLibraryDomain }` : cdnBaseUrl;\n\n    return `${ libraryDomain }/${ buildPath }/${ cssFile() }${ cacheBuster }`;\n  };\n\n  const baseCss = useMemo(() => getThemeCss('base'), [activeTheme, useMin, forceProd, forceCacheBusting]);\n  const themeCss = useMemo(() => getThemeCss(activeTheme), [activeTheme, useMin, forceProd, forceCacheBusting]);\n\n  useEffect(() => {\n    if (baseCss && baseCssLink.current) {\n      baseCssLink.current.href = baseCss;\n    }\n    if (themeCss && themeCssLink.current) {\n      themeCssLink.current.href = themeCss;\n    }\n  }, [activeTheme]);\n\n  return (\n    <>\n      <link ref={ baseCssLink } rel=\"stylesheet\" as=\"style\" />\n      <link ref={ themeCssLink } rel=\"stylesheet\" as=\"style\" />\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/tooltip/Tooltip.js

@@ -0,0 +1,113 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Tooltip = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _ClickOutside = require("../../../hooks/ClickOutside");
+var _Icon = require("../icons/basicIcon/Icon");
+var _EdgeProximityDetect = require("../../../hooks/EdgeProximityDetect");
+require("./tooltip.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+// Define the props for Tooltip
+
+const Tooltip = props => {
+  const {
+    triggerId,
+    triggerStyle = 'icon',
+    icon = 'info',
+    customCssClass,
+    containsBlockElements = false,
+    children,
+    label = 'Toggle tooltip open state',
+    showPointer = true
+    // visualIndicators will be handled below
+  } = props;
+
+  // Only use visualIndicators if triggerStyle is 'text'
+  const visualIndicators = triggerStyle === 'text' ? props.visualIndicators ?? {
+    underline: true,
+    colouredText: true
+  } : undefined;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const tooltipElement = (0, _react.useRef)(null);
+  const triggerElement = (0, _react.useRef)(null);
+  const contentElement = (0, _react.useRef)(null);
+  const iconIsElement = /*#__PURE__*/_react.default.isValidElement(icon);
+  (0, _ClickOutside.useOnClickOutside)(tooltipElement, () => setIsOpen(false));
+  (0, _EdgeProximityDetect.useOnEdgeProximityDetect)({
+    triggerRef: triggerElement,
+    wrapperRef: tooltipElement,
+    contentRef: contentElement,
+    requiresRecalc: isOpen
+  });
+
+  // Handle special key presses
+  const handleSpecialKeyPresses = (0, _react.useCallback)(event => {
+    if (event.key === 'Escape' || event.keyCode === 27) {
+      setIsOpen(false);
+    }
+  }, [setIsOpen]);
+  (0, _react.useEffect)(() => {
+    if (tooltipElement.current) {
+      tooltipElement.current.addEventListener('keydown', handleSpecialKeyPresses);
+    }
+  }, [handleSpecialKeyPresses]);
+  if (containsBlockElements) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      role: "tooltip",
+      ref: tooltipElement,
+      className: `tooltip tooltip_block ${isOpen ? 'isOpen' : ''} ${triggerStyle === 'text' && 'textDisplay'} ${customCssClass || ''}`
+    }, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+      ref: triggerElement,
+      type: "button",
+      onClick: () => setIsOpen(!isOpen),
+      className: `button ${triggerStyle === 'text' ? 'text_only' : 'icon_only'} ${triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : ''} ${triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : ''}`
+    }, triggerId ? {
+      'id': triggerId,
+      'aria-describedby': `${triggerId}_content`
+    } : {}, triggerStyle === 'icon' ? {
+      'aria-label': typeof label === 'string' ? label : undefined
+    } : {}), triggerStyle === 'icon' && (iconIsElement ? icon : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: icon.toString()
+    })), triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
+      className: "labelText"
+    }, label)), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      ref: contentElement,
+      className: `content ${showPointer ? 'showPointer' : ''}`
+    }, triggerId ? {
+      id: `${triggerId}_content`
+    } : {}), children));
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    ref: tooltipElement,
+    className: `tooltip ${isOpen ? 'isOpen' : ''} ${triggerStyle === 'text' && 'textDisplay'} ${customCssClass || ''}`
+  }, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    ref: triggerElement,
+    type: "button",
+    onClick: () => setIsOpen(!isOpen),
+    className: `button ${triggerStyle === 'text' ? 'text_only' : 'icon_only'} ${triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : ''} ${triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : ''}`
+  }, triggerId ? {
+    id: triggerId
+  } : {}, triggerStyle === 'icon' ? {
+    'aria-label': typeof label === 'string' ? label : undefined
+  } : {}), triggerStyle === 'icon' && (iconIsElement ? icon : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: icon.toString()
+  })), triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
+    className: "labelText"
+  }, label)), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    "aria-hidden": true,
+    role: "presentation",
+    ref: contentElement,
+    className: `content ${showPointer ? 'showPointer' : ''}`
+  }, triggerId ? {
+    id: `${triggerId}_content`
+  } : {}), children));
+};
+exports.Tooltip = Tooltip;
+var _default = exports.default = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/design/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Tooltip","_extends2","_react","_interopRequireWildcard","_ClickOutside","_Icon","_EdgeProximityDetect","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","triggerId","triggerStyle","icon","customCssClass","containsBlockElements","children","label","showPointer","visualIndicators","underline","colouredText","undefined","isOpen","setIsOpen","useState","tooltipElement","useRef","triggerElement","contentElement","iconIsElement","React","isValidElement","useOnClickOutside","useOnEdgeProximityDetect","triggerRef","wrapperRef","contentRef","requiresRecalc","handleSpecialKeyPresses","useCallback","event","key","keyCode","useEffect","current","addEventListener","createElement","role","ref","className","type","onClick","Icon","toString","id","_default"],"sources":["../../../../../src/components/design/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useRef, useEffect, useCallback, ReactNode, ReactElement } from 'react';\nimport { useOnClickOutside } from '../../../hooks/ClickOutside';\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useOnEdgeProximityDetect } from '../../../hooks/EdgeProximityDetect';\nimport './tooltip.scss';\n\n// Define the props for Tooltip\nexport type TooltipProps =\n   {\n      triggerId?: string;\n      icon?: ReactElement | string;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle?: 'icon';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n    }\n  | {\n      triggerId?: string;\n      icon?: ReactElement | string;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle: 'text';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n      visualIndicators?: { underline?: boolean; colouredText?: boolean };\n    };\n\nexport const Tooltip: React.FC<TooltipProps> = (props) => {\n  const {\n    triggerId,\n    triggerStyle = 'icon',\n    icon = 'info',\n    customCssClass,\n    containsBlockElements = false,\n    children,\n    label = 'Toggle tooltip open state',\n    showPointer = true,\n    // visualIndicators will be handled below\n  } = props as any;\n\n  // Only use visualIndicators if triggerStyle is 'text'\n  const visualIndicators =\n    triggerStyle === 'text'\n      ? (props as { visualIndicators?: { underline?: boolean; colouredText?: boolean } }).visualIndicators ?? { underline: true, colouredText: true }\n      : undefined;\n  const [isOpen, setIsOpen] = useState(false);\n  const tooltipElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const triggerElement = useRef<HTMLButtonElement>(null);\n  const contentElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n\n  const iconIsElement = React.isValidElement(icon);\n\n  useOnClickOutside(tooltipElement, () => setIsOpen(false));\n\n  useOnEdgeProximityDetect({\n    triggerRef: triggerElement,\n    wrapperRef: tooltipElement,\n    contentRef: contentElement,\n    requiresRecalc: isOpen,\n  });\n\n  // Handle special key presses\n  const handleSpecialKeyPresses = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' || event.keyCode === 27) {\n        setIsOpen(false);\n      }\n    },\n    [setIsOpen],\n  );\n\n  useEffect(() => {\n    if (tooltipElement.current) {\n      tooltipElement.current.addEventListener('keydown', handleSpecialKeyPresses as EventListener);\n    }\n  }, [handleSpecialKeyPresses]);\n\n  if (containsBlockElements) {\n    return (\n      <div\n        role=\"tooltip\"\n        ref={ tooltipElement as React.RefObject<HTMLDivElement> }\n        className={ `tooltip tooltip_block ${ isOpen ? 'isOpen' : '' } ${ triggerStyle === 'text' && 'textDisplay' } ${ customCssClass || '' }` }\n      >\n        <button\n          ref={ triggerElement }\n          type=\"button\"\n          onClick={ () => setIsOpen(!isOpen) }\n          className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n          { ...(triggerId ? { 'id': triggerId, 'aria-describedby': `${ triggerId }_content` } : {}) }\n          { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n        >\n          { triggerStyle === 'icon' && (iconIsElement ? icon : <Icon icon={ icon.toString() } />) }\n          { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n        </button>\n        <div\n          ref={ contentElement as React.RefObject<HTMLDivElement> }\n          className={ `content ${ showPointer ? 'showPointer' : '' }` }\n          { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n        >\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <span\n      ref={ tooltipElement as React.RefObject<HTMLSpanElement> }\n      className={ `tooltip ${ isOpen ? 'isOpen' : '' } ${ triggerStyle === 'text' && 'textDisplay' } ${ customCssClass || '' }` }\n    >\n      <button\n        ref={ triggerElement }\n        type=\"button\"\n        onClick={ () => setIsOpen(!isOpen) }\n        className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n        { ...(triggerId ? { id: triggerId } : {}) }\n        { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n      >\n        { triggerStyle === 'icon' && (iconIsElement ? icon : <Icon icon={ icon.toString() } />) }\n        { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n      </button>\n      <span\n        aria-hidden\n        role=\"presentation\"\n        ref={ contentElement as React.RefObject<HTMLSpanElement> }\n        className={ `content ${ showPointer ? 'showPointer' : '' }` }\n        { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n      >\n        { children }\n      </span>\n    </span>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/tooltip/ellipsisTooltip/EllipsisTooltip.js

@@ -0,0 +1,64 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EllipsisTooltip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Tooltip = require("../Tooltip");
+require("./ellipsisTooltip.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const EllipsisTooltip = ({
+  children,
+  lineClamp,
+  as: Element = 'span',
+  tooltipProps
+}) => {
+  const textRef = (0, _react.useRef)(null);
+  const [isClamped, setIsClamped] = (0, _react.useState)(false);
+  const checkClamping = () => {
+    const el = textRef.current;
+    if (el) {
+      setIsClamped(el.scrollHeight > el.clientHeight);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    checkClamping();
+    window.addEventListener('resize', checkClamping);
+    return () => window.removeEventListener('resize', checkClamping);
+  }, [children]);
+
+  // Apply style for line clamping
+  const elementStyle = {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    display: '-webkit-box',
+    WebkitBoxOrient: 'vertical',
+    WebkitLineClamp: lineClamp || 2 // Default to 2 lines if not specified
+  };
+
+  // If not clamped, just render the element without a tooltip
+  if (!isClamped) {
+    return /*#__PURE__*/_react.default.createElement(Element, {
+      ref: textRef,
+      style: elementStyle
+    }, children);
+  }
+
+  // If clamped, wrap with tooltip
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    triggerStyle: "text",
+    label: /*#__PURE__*/_react.default.createElement(
+    // eslint-disable-next-line no-undef
+    Element, {
+      style: elementStyle
+    }, children),
+    containsBlockElements: Element !== 'span',
+    customCssClass: `ellipsis-tooltip ${tooltipProps?.customCssClass || ''}`,
+    triggerId: tooltipProps?.triggerId
+  }, children);
+};
+exports.EllipsisTooltip = EllipsisTooltip;
+var _default = exports.default = EllipsisTooltip;
+//# sourceMappingURL=EllipsisTooltip.js.map

package/dist/cjs/components/design/tooltip/ellipsisTooltip/EllipsisTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.js","names":["Object","defineProperty","exports","value","default","EllipsisTooltip","_react","_interopRequireWildcard","require","_Tooltip","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","children","lineClamp","as","Element","tooltipProps","textRef","useRef","isClamped","setIsClamped","useState","checkClamping","el","current","scrollHeight","clientHeight","useEffect","window","addEventListener","removeEventListener","elementStyle","overflow","textOverflow","display","WebkitBoxOrient","WebkitLineClamp","React","createElement","ref","style","Tooltip","triggerStyle","label","containsBlockElements","customCssClass","triggerId","_default"],"sources":["../../../../../../src/components/design/tooltip/ellipsisTooltip/EllipsisTooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useRef, useEffect, ReactNode } from 'react';\nimport { Tooltip } from '../Tooltip';\nimport './ellipsisTooltip.scss';\n\nexport interface EllipsisTooltipProps {\n  children: ReactNode;\n  lineClamp?: number;\n  // eslint-disable-next-line no-undef\n  as?: keyof JSX.IntrinsicElements;\n  tooltipProps?: {\n    triggerId?: string;\n    customCssClass?: string;\n    label?: string | ReactNode;\n  };\n}\n\nexport const EllipsisTooltip: React.FC<EllipsisTooltipProps> = ({\n  children,\n  lineClamp,\n  as: Element = 'span',\n  tooltipProps,\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const [isClamped, setIsClamped] = useState(false);\n\n  const checkClamping = () => {\n    const el = textRef.current;\n    if (el) {\n      setIsClamped(el.scrollHeight > el.clientHeight);\n    }\n  };\n\n  useEffect(() => {\n    checkClamping();\n    window.addEventListener('resize', checkClamping);\n    return () => window.removeEventListener('resize', checkClamping);\n  }, [children]);\n\n  // Apply style for line clamping\n  const elementStyle: React.CSSProperties = {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical',\n    WebkitLineClamp: lineClamp || 2, // Default to 2 lines if not specified\n  };\n\n  // If not clamped, just render the element without a tooltip\n  if (!isClamped) {\n    return React.createElement(\n      Element,\n      { ref: textRef, style: elementStyle },\n      children\n    );\n  }\n\n  // If clamped, wrap with tooltip\n  return (\n    <Tooltip\n      triggerStyle=\"text\"\n      label={ React.createElement(\n        // eslint-disable-next-line no-undef\n        Element as keyof JSX.IntrinsicElements,\n        { style: elementStyle },\n        children\n      ) }\n      containsBlockElements={ Element !== 'span' }\n      customCssClass={ `ellipsis-tooltip ${ tooltipProps?.customCssClass || '' }` }\n      triggerId={ tooltipProps?.triggerId }\n    >\n      { children }\n    </Tooltip>\n  );\n};\n\nexport default EllipsisTooltip;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/tooltip/ellipsisTooltip/ellipsisTooltip.css

@@ -0,0 +1,8 @@
+.ellipsis-tooltip .button.text_only {
+  width: 100%;
+  text-align: left;
+  padding: 0;
+}
+.ellipsis-tooltip .button.text_only:hover, .ellipsis-tooltip .button.text_only:focus {
+  text-decoration: none;
+}

package/dist/cjs/components/design/tooltip/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Tooltip = require("./Tooltip");
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tooltip[key];
+    }
+  });
+});
+var _EllipsisTooltip = require("./ellipsisTooltip/EllipsisTooltip");
+Object.keys(_EllipsisTooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EllipsisTooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EllipsisTooltip[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/design/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Tooltip","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_EllipsisTooltip"],"sources":["../../../../../src/components/design/tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\nexport * from './ellipsisTooltip/EllipsisTooltip';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}