@x15ventures/x15-ui-library 3.11.4

package/dist/esm/components/design/statusIndicators/statusIconLabel/StatusIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIconLabel.js","names":["React","dateToShortReadableDateTime","Icon","StatusIconLabel","description","status","label","hideLabel","indicator","dueAt","customIcon","customCssClass","iconPosition","formattedDueDateTime","iconMap","info","alert","warn","defCon3","success","StatusIcon","createElement","icon","className","title"],"sources":["../../../../../../src/components/design/statusIndicators/statusIconLabel/StatusIconLabel.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\nimport { StatusInterface } from '../statusIndicators.interface';\nimport { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';\nimport { Icon, IconProps } from '../../icons/basicIcon/Icon';\n\nimport './statusIconLabel.scss';\n\nexport interface StatusIconLabelInterface extends Omit<StatusInterface, 'onClick'> {\n  customIcon?: IconProps;\n  iconPosition?: 'left' | 'right';\n  label: string | ReactNode;\n  hideLabel?: boolean;\n  customCssClass?: string;\n}\n\nexport const StatusIconLabel: React.FC<StatusIconLabelInterface> = (\n  {\n    description,\n    status,\n    label,\n    hideLabel = false,\n    indicator = 'info',\n    dueAt,\n    customIcon,\n    customCssClass = '',\n    iconPosition = 'left'\n  }\n) => {\n  const formattedDueDateTime = dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD';\n\n  const iconMap: { [index: string]: string } = {\n    info: 'info',\n    alert: 'notification',\n    warn: 'warning',\n    defCon3: 'fire',\n    success: 'info'\n  };\n\n  const StatusIcon = () => {\n    if (customIcon) {\n      return <Icon { ...customIcon } />;\n    }\n    return <Icon icon={ iconMap[indicator] } />;\n  };\n\n  return (\n    <span\n      className={ `statusIconLabel ${ indicator } ${ customCssClass }` }\n      title={ `${ status } ${ description ? ': ' + description : '' }${ dueAt ? '. Due at ' + formattedDueDateTime : '' }` }\n    >\n      {\n        iconPosition === 'left' &&\n        <StatusIcon />\n      }\n      <span className={ hideLabel ? 'sr-only' : '' }>{ label }</span>\n      {\n        iconPosition !== 'left' &&\n        <StatusIcon />\n      }\n    </span>\n  );\n};\n\nexport default StatusIconLabel;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAqB,OAAO;AAExC,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,IAAI,QAAmB,4BAA4B;AAE5D,OAAO,wBAAwB;AAU/B,OAAO,MAAMC,eAAmD,GAAGA,CACjE;EACEC,WAAW;EACXC,MAAM;EACNC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,SAAS,GAAG,MAAM;EAClBC,KAAK;EACLC,UAAU;EACVC,cAAc,GAAG,EAAE;EACnBC,YAAY,GAAG;AACjB,CAAC,KACE;EACH,MAAMC,oBAAoB,GAAGJ,KAAK,GAAGR,2BAA2B,CAACQ,KAAK,CAAC,GAAG,KAAK;EAE/E,MAAMK,OAAoC,GAAG;IAC3CC,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,cAAc;IACrBC,IAAI,EAAE,SAAS;IACfC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIV,UAAU,EAAE;MACd,oBAAOV,KAAA,CAAAqB,aAAA,CAACnB,IAAI,EAAMQ,UAAc,CAAC;IACnC;IACA,oBAAOV,KAAA,CAAAqB,aAAA,CAACnB,IAAI;MAACoB,IAAI,EAAGR,OAAO,CAACN,SAAS;IAAG,CAAE,CAAC;EAC7C,CAAC;EAED,oBACER,KAAA,CAAAqB,aAAA;IACEE,SAAS,EAAG,mBAAoBf,SAAS,IAAMG,cAAc,EAAK;IAClEa,KAAK,EAAG,GAAInB,MAAM,IAAMD,WAAW,GAAG,IAAI,GAAGA,WAAW,GAAG,EAAE,GAAKK,KAAK,GAAG,WAAW,GAAGI,oBAAoB,GAAG,EAAE;EAAK,GAGpHD,YAAY,KAAK,MAAM,iBACvBZ,KAAA,CAAAqB,aAAA,CAACD,UAAU,MAAE,CAAC,eAEhBpB,KAAA,CAAAqB,aAAA;IAAME,SAAS,EAAGhB,SAAS,GAAG,SAAS,GAAG;EAAI,GAAGD,KAAa,CAAC,EAE7DM,YAAY,KAAK,MAAM,iBACvBZ,KAAA,CAAAqB,aAAA,CAACD,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAED,eAAejB,eAAe","ignoreList":[]}

package/dist/esm/components/design/statusIndicators/statusIconLabel/statusIconLabel.css

@@ -0,0 +1,40 @@
+/* Popovers */
+@keyframes defCon3Flames {
+  from {
+    box-shadow: 0 0 1px 0 var(--statusDefCon3ShadowColor);
+  }
+  to {
+    box-shadow: 0 0 8px 0 var(--statusDefCon3ShadowColor);
+  }
+}
+.statusIconLabel {
+  border: none;
+  background: none;
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.statusIconLabel .icon {
+  font-size: 24px;
+}
+.statusIconLabel.defCon3 .icon {
+  background: var(--statusDefCon3Bg);
+  color: var(--statusDefCon3Color);
+  opacity: 1;
+  border-radius: 100%;
+  animation: defCon3Flames 1s ease infinite;
+}
+.statusIconLabel.alert .icon {
+  color: var(--statusAlertColor);
+}
+.statusIconLabel.warn .icon {
+  color: var(--statusWarnColor);
+}
+.statusIconLabel.info .icon {
+  color: var(--statusInfoColor);
+}
+.statusIconLabel.success .icon {
+  color: var(--statusSuccessColor);
+}

package/dist/esm/components/design/statusIndicators/statusIndicators.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=statusIndicators.interface.js.map

package/dist/esm/components/design/statusIndicators/statusIndicators.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusIndicators.interface.js","names":[],"sources":["../../../../../src/components/design/statusIndicators/statusIndicators.interface.ts"],"sourcesContent":["import { GenericFunction } from '../../../interfaces';\n\nexport interface StatusInterface {\n  id: string;\n  description?: string;\n  status: string;\n  dueAt?: Date | string;\n  onClick?: GenericFunction;\n  indicator: 'defCon3' | 'alert' | 'warn' | 'success' | 'info' | string;\n}\n\nexport interface StatusIndicatorsInterface {\n  statuses: StatusInterface[],\n  size: 's' | 'm' | 'l';\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/design/statusIndicators/statusLight/StatusLight.js

@@ -0,0 +1,39 @@
+/* eslint-disable no-unused-vars */
+
+'use client';
+
+import React from 'react';
+import { SimpleButton } from '../../../form/buttons/SimpleButton';
+import { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';
+import './statusLight.css';
+export const StatusLight = ({
+  size = 'm',
+  id,
+  description,
+  status,
+  indicator,
+  dueAt,
+  includeDueDate = true,
+  onClick
+}) => {
+  const formattedDueDateTime = `Due at ${dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD'}`;
+  const title = `${description || status} ${includeDueDate && dueAt ? formattedDueDateTime : ''}`;
+  if (onClick) {
+    return /*#__PURE__*/React.createElement(SimpleButton, {
+      cssClass: `statusLight statusLight_${size} ${indicator}`,
+      title: title,
+      hideLabel: true,
+      label: status,
+      id: id,
+      onClickHandler: event => onClick(event, status)
+    });
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: `statusLight statusLight_${size} ${indicator}`,
+    title: title,
+    id: id
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, status));
+};
+//# sourceMappingURL=StatusLight.js.map

package/dist/esm/components/design/statusIndicators/statusLight/StatusLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLight.js","names":["React","SimpleButton","dateToShortReadableDateTime","StatusLight","size","id","description","status","indicator","dueAt","includeDueDate","onClick","formattedDueDateTime","title","createElement","cssClass","hideLabel","label","onClickHandler","event","className"],"sources":["../../../../../../src/components/design/statusIndicators/statusLight/StatusLight.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\n'use client';\n\nimport React, { MouseEvent } from 'react';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { StatusInterface } from '../statusIndicators.interface';\nimport { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';\n\nimport './statusLight.scss';\n\ninterface StatusLightInterface extends StatusInterface {\n  size?: 's' | 'm' | 'l';\n  includeDueDate?: boolean;\n  onClick?: (event: MouseEvent, status: string) => void;\n}\n\nexport const StatusLight: React.FC<StatusLightInterface> = (\n  {\n    size = 'm',\n    id,\n    description,\n    status,\n    indicator,\n    dueAt,\n    includeDueDate = true,\n    onClick\n  }\n) => {\n  const formattedDueDateTime = `Due at ${ dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD' }`;\n  const title = `${ description || status } ${ includeDueDate && dueAt ? formattedDueDateTime : '' }`;\n\n  if (onClick) {\n    return (\n      <SimpleButton\n        cssClass={ `statusLight statusLight_${ size } ${ indicator }` }\n        title={ title }\n        hideLabel\n        label={ status }\n        id={ id }\n        onClickHandler={ (event) => onClick(event, status) }\n      />\n    );\n  }\n\n  return (\n    <span\n      className={ `statusLight statusLight_${ size } ${ indicator }` }\n      title={ title }\n      id={ id }\n    >\n      <span className=\"sr-only\">{ status }</span>\n    </span>\n  );\n};\n"],"mappings":"AAAA;;AAEA,YAAY;;AAEZ,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAASC,YAAY,QAAQ,oCAAoC;AAEjE,SAASC,2BAA2B,QAAQ,iCAAiC;AAE7E,OAAO,oBAAoB;AAQ3B,OAAO,MAAMC,WAA2C,GAAGA,CACzD;EACEC,IAAI,GAAG,GAAG;EACVC,EAAE;EACFC,WAAW;EACXC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,cAAc,GAAG,IAAI;EACrBC;AACF,CAAC,KACE;EACH,MAAMC,oBAAoB,GAAG,UAAWH,KAAK,GAAGP,2BAA2B,CAACO,KAAK,CAAC,GAAG,KAAK,EAAG;EAC7F,MAAMI,KAAK,GAAG,GAAIP,WAAW,IAAIC,MAAM,IAAMG,cAAc,IAAID,KAAK,GAAGG,oBAAoB,GAAG,EAAE,EAAG;EAEnG,IAAID,OAAO,EAAE;IACX,oBACEX,KAAA,CAAAc,aAAA,CAACb,YAAY;MACXc,QAAQ,EAAG,2BAA4BX,IAAI,IAAMI,SAAS,EAAK;MAC/DK,KAAK,EAAGA,KAAO;MACfG,SAAS;MACTC,KAAK,EAAGV,MAAQ;MAChBF,EAAE,EAAGA,EAAI;MACTa,cAAc,EAAIC,KAAK,IAAKR,OAAO,CAACQ,KAAK,EAAEZ,MAAM;IAAG,CACrD,CAAC;EAEN;EAEA,oBACEP,KAAA,CAAAc,aAAA;IACEM,SAAS,EAAG,2BAA4BhB,IAAI,IAAMI,SAAS,EAAK;IAChEK,KAAK,EAAGA,KAAO;IACfR,EAAE,EAAGA;EAAI,gBAETL,KAAA,CAAAc,aAAA;IAAMM,SAAS,EAAC;EAAS,GAAGb,MAAc,CACtC,CAAC;AAEX,CAAC","ignoreList":[]}

package/dist/esm/components/design/statusIndicators/statusLight/statusLight.css

@@ -0,0 +1,49 @@
+span.statusLight {
+  display: inline-block;
+}
+
+.statusLight {
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  padding: 0;
+  border-radius: 100%;
+  border: none;
+  background: var(--statusInfoLightBg);
+}
+.statusLight.defCon3 {
+  background: var(--statusDefCon3LightBg);
+  opacity: 1;
+  animation: defCon3Pulse 1s ease infinite;
+}
+.statusLight.alert {
+  background: var(--statusAlertLightBg);
+}
+.statusLight.warn {
+  background: var(--statusWarnLightBg);
+}
+.statusLight.info {
+  background: var(--statusInfoLightBg);
+}
+.statusLight.success {
+  background: var(--statusSuccessLightBg);
+}
+.statusLight.statusLight_s {
+  width: 10px;
+  min-width: 10px;
+  height: 10px;
+}
+.statusLight.statusLight_l {
+  width: 50px;
+  min-width: 50px;
+  height: 50px;
+}
+
+@keyframes defCon3Pulse {
+  from {
+    box-shadow: 0 0 1px 0 var(--statusDefCon3ShadowColor);
+  }
+  to {
+    box-shadow: 0 0 8px 0 var(--statusDefCon3ShadowColor);
+  }
+}

package/dist/esm/components/design/statusIndicators/statusLightsBar/StatusLightsBar.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import './statusLightsBar.css';
+import { StatusLight } from '../statusLight/StatusLight';
+export const StatusLightsBar = ({
+  statuses = [],
+  size = 'm'
+}) => {
+  if (!statuses.length) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "noBullet statusLightsBar"
+  }, statuses.map(statusDefinition => /*#__PURE__*/React.createElement("li", {
+    key: statusDefinition.id
+  }, /*#__PURE__*/React.createElement(StatusLight, _extends({}, statusDefinition, {
+    size: size
+  })))));
+};
+//# sourceMappingURL=StatusLightsBar.js.map

package/dist/esm/components/design/statusIndicators/statusLightsBar/StatusLightsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLightsBar.js","names":["React","StatusLight","StatusLightsBar","statuses","size","length","createElement","className","map","statusDefinition","key","id","_extends"],"sources":["../../../../../../src/components/design/statusIndicators/statusLightsBar/StatusLightsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusIndicatorsInterface, StatusInterface } from '../statusIndicators.interface';\n\nimport './statusLightsBar.scss';\nimport { StatusLight } from '../statusLight/StatusLight';\n\nexport const StatusLightsBar: React.FC<StatusIndicatorsInterface> = (\n  {\n    statuses = [],\n    size = 'm'\n  }\n) => {\n  if (!statuses.length) {\n    return null;\n  }\n\n  return (\n    <ul className=\"noBullet statusLightsBar\">\n      {\n        statuses.map((statusDefinition: StatusInterface) => (\n          <li key={ statusDefinition.id }>\n            <StatusLight { ...statusDefinition } size={ size } />\n          </li>\n        ))\n      }\n    </ul>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,wBAAwB;AAC/B,SAASC,WAAW,QAAQ,4BAA4B;AAExD,OAAO,MAAMC,eAAoD,GAAGA,CAClE;EACEC,QAAQ,GAAG,EAAE;EACbC,IAAI,GAAG;AACT,CAAC,KACE;EACH,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAAAM,aAAA;IAAIC,SAAS,EAAC;EAA0B,GAEpCJ,QAAQ,CAACK,GAAG,CAAEC,gBAAiC,iBAC7CT,KAAA,CAAAM,aAAA;IAAII,GAAG,EAAGD,gBAAgB,CAACE;EAAI,gBAC7BX,KAAA,CAAAM,aAAA,CAACL,WAAW,EAAAW,QAAA,KAAMH,gBAAgB;IAAGL,IAAI,EAAGA;EAAM,EAAE,CAClD,CACL,CAED,CAAC;AAET,CAAC","ignoreList":[]}

package/dist/esm/components/design/statusIndicators/statusLightsBar/statusLightsBar.css

@@ -0,0 +1,8 @@
+/* Popovers */
+.statusLightsBar {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}

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

@@ -0,0 +1,68 @@
+'use client';
+
+import React, { useState } from 'react';
+import Icon from '../icons/basicIcon/Icon';
+import NotificationIcon from '../icons/notificationIcon/NotificationIcon';
+import './tabs.css';
+export const Tabs = ({
+  tabs,
+  activeTabIndex = 0
+}) => {
+  const [activeTab, setActiveTab] = useState(activeTabIndex);
+  const getIds = id => ({
+    controlId: `tabControl_${id}`,
+    panelId: `tabPanel_${id}`
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tabGroup"
+  }, /*#__PURE__*/React.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.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.createElement(Icon, leftIcon), text, rightIcon && /*#__PURE__*/React.createElement(Icon, rightIcon), notificationIcon && /*#__PURE__*/React.createElement(NotificationIcon, notificationIcon));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "tabPanels"
+  }, tabs.map((tab, index) => {
+    const {
+      id,
+      content
+    } = tab;
+    const {
+      controlId,
+      panelId
+    } = getIds(id);
+    return /*#__PURE__*/React.createElement("div", {
+      key: panelId,
+      "aria-labelledby": controlId,
+      role: "tabpanel",
+      tabIndex: index === activeTab ? 0 : -1,
+      id: panelId,
+      className: `tabPanel ${index === activeTab ? 'active' : ''}`
+    }, content);
+  })));
+};
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["React","useState","Icon","NotificationIcon","Tabs","tabs","activeTabIndex","activeTab","setActiveTab","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":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,IAAI,MAAqB,yBAAyB;AACzD,OAAOC,gBAAgB,MAAiC,4CAA4C;AAEpG,OAAO,aAAa;AAkBpB,OAAO,MAAMC,IAAyB,GAAGA,CACvC;EACEC,IAAI;EACJC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAACK,cAAc,CAAC;EAE1D,MAAMG,MAAM,GAAIC,EAAU,KAAM;IAC9BC,SAAS,EAAE,cAAeD,EAAE,EAAG;IAC/BE,OAAO,EAAE,YAAaF,EAAE;EAC1B,CAAC,CAAC;EAEF,oBACEV,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBd,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,aAAa;IAACC,IAAI,EAAC;EAAS,GAEvCV,IAAI,CAACW,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IACvB,MAAM;MAAER,EAAE;MAAES;IAAQ,CAAC,GAAGF,GAAG;IAC3B,MAAM;MACJG,IAAI;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAC7B,CAAC,GAAGJ,OAAO;IAEX,MAAM;MAAER,SAAS;MAAEC;IAAQ,CAAC,GAAGH,MAAM,CAACC,EAAE,CAAC;IAEzC,oBACEV,KAAA,CAAAa,aAAA;MAAQW,GAAG,EAAGb,SAAW;MACvBI,IAAI,EAAC,KAAK;MACVL,EAAE,EAAGC,SAAW;MAChB,iBAAgBC,OAAS;MACzB,iBAAgBM,KAAK,KAAKX,SAAW;MACrCkB,QAAQ,EAAGP,KAAK,KAAKX,SAAS,GAAG,CAAC,GAAG,CAAC,CAAG;MACzCmB,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAGA,CAAA,KAAMnB,YAAY,CAACU,KAAK,CAAG;MACrCJ,SAAS,EAAG,qBAAsBS,gBAAgB,GAAG,kBAAkB,GAAG,EAAE,IAAML,KAAK,KAAKX,SAAS,GAAG,QAAQ,GAAG,EAAE;IAAK,GAGxHc,QAAQ,iBAAIrB,KAAA,CAAAa,aAAA,CAACX,IAAI,EAAMmB,QAAY,CAAC,EAGpCD,IAAI,EAGJE,SAAS,iBAAItB,KAAA,CAAAa,aAAA,CAACX,IAAI,EAAMoB,SAAa,CAAC,EAItCC,gBAAgB,iBAAIvB,KAAA,CAAAa,aAAA,CAACV,gBAAgB,EAAMoB,gBAAoB,CAE3D,CAAC;EAEb,CAAC,CAEA,CAAC,eAENvB,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAW,GAEtBT,IAAI,CAACW,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IACvB,MAAM;MAAER,EAAE;MAAEkB;IAAQ,CAAC,GAAGX,GAAG;IAE3B,MAAM;MAAEN,SAAS;MAAEC;IAAQ,CAAC,GAAGH,MAAM,CAACC,EAAE,CAAC;IAEzC,oBACEV,KAAA,CAAAa,aAAA;MAAKW,GAAG,EAAGZ,OAAS;MAClB,mBAAkBD,SAAW;MAC7BI,IAAI,EAAC,UAAU;MACfU,QAAQ,EAAGP,KAAK,KAAKX,SAAS,GAAG,CAAC,GAAG,CAAC,CAAG;MACzCG,EAAE,EAAGE,OAAS;MACdE,SAAS,EAAG,YAAaI,KAAK,KAAKX,SAAS,GAAG,QAAQ,GAAG,EAAE;IAAK,GAE/DqB,OACC,CAAC;EAEV,CAAC,CAEA,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/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/esm/components/design/themeLoader/ThemeLoader.js

@@ -0,0 +1,73 @@
+'use client';
+
+import React, { useContext, useEffect, useRef, useMemo } from 'react';
+import libraryThemes from '../../../autoGenerated/libraryThemes';
+import { AppContext } from '../../../contextProviders/appContext/AppContextProvider';
+import { CURRENT_DOMAIN } from '../../../constants/appEnvironment';
+import { LIBRARY_CDN_DEV_BASE_URL, LIBRARY_CDN_PROD_BASE_URL, LIBRARY_VERSION } from '../../../constants';
+const themes = libraryThemes || {};
+export const ThemeLoader = ({
+  useMin = false,
+  forceProd = false,
+  forceCacheBusting = false,
+  userTheme,
+  useLatest = true
+}) => {
+  const baseCssLink = useRef(null);
+  const themeCssLink = useRef(null);
+  const appContextProvider = useContext(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 ? LIBRARY_CDN_PROD_BASE_URL : LIBRARY_CDN_DEV_BASE_URL}/${useLatest ? 'latest' : 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 = CURRENT_DOMAIN === 'localhost' || forceCacheBusting ? `?v=${new Date().getTime()}` : '';
+    const libraryDomain = publicLibraryDomain !== '' ? `${publicLibraryDomain}` : cdnBaseUrl;
+    return `${libraryDomain}/${buildPath}/${cssFile()}${cacheBuster}`;
+  };
+  const baseCss = useMemo(() => getThemeCss('base'), [activeTheme, useMin, forceProd, forceCacheBusting]);
+  const themeCss = useMemo(() => getThemeCss(activeTheme), [activeTheme, useMin, forceProd, forceCacheBusting]);
+  useEffect(() => {
+    if (baseCss && baseCssLink.current) {
+      baseCssLink.current.href = baseCss;
+    }
+    if (themeCss && themeCssLink.current) {
+      themeCssLink.current.href = themeCss;
+    }
+  }, [activeTheme]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
+    ref: baseCssLink,
+    rel: "stylesheet",
+    as: "style"
+  }), /*#__PURE__*/React.createElement("link", {
+    ref: themeCssLink,
+    rel: "stylesheet",
+    as: "style"
+  }));
+};
+//# sourceMappingURL=ThemeLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeLoader.js","names":["React","useContext","useEffect","useRef","useMemo","libraryThemes","AppContext","CURRENT_DOMAIN","LIBRARY_CDN_DEV_BASE_URL","LIBRARY_CDN_PROD_BASE_URL","LIBRARY_VERSION","themes","ThemeLoader","useMin","forceProd","forceCacheBusting","userTheme","useLatest","baseCssLink","themeCssLink","appContextProvider","appTheme","appContext","theme","activeTheme","publicLibraryDomain","env","process","NODE_ENV","isProduction","isDevelopment","cdnBaseUrl","getThemeCss","console","warn","buildPath","dev","min","versioned","cssFile","css","cacheBuster","Date","getTime","libraryDomain","baseCss","themeCss","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/esm/components/design/tooltip/Tooltip.js

@@ -0,0 +1,106 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { useOnClickOutside } from '../../../hooks/ClickOutside';
+import { Icon } from '../icons/basicIcon/Icon';
+import { useOnEdgeProximityDetect } from '../../../hooks/EdgeProximityDetect';
+import './tooltip.css';
+
+// Define the props for Tooltip
+
+export 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] = useState(false);
+  const tooltipElement = useRef(null);
+  const triggerElement = useRef(null);
+  const contentElement = useRef(null);
+  const iconIsElement = /*#__PURE__*/React.isValidElement(icon);
+  useOnClickOutside(tooltipElement, () => setIsOpen(false));
+  useOnEdgeProximityDetect({
+    triggerRef: triggerElement,
+    wrapperRef: tooltipElement,
+    contentRef: contentElement,
+    requiresRecalc: isOpen
+  });
+
+  // Handle special key presses
+  const handleSpecialKeyPresses = useCallback(event => {
+    if (event.key === 'Escape' || event.keyCode === 27) {
+      setIsOpen(false);
+    }
+  }, [setIsOpen]);
+  useEffect(() => {
+    if (tooltipElement.current) {
+      tooltipElement.current.addEventListener('keydown', handleSpecialKeyPresses);
+    }
+  }, [handleSpecialKeyPresses]);
+  if (containsBlockElements) {
+    return /*#__PURE__*/React.createElement("div", {
+      role: "tooltip",
+      ref: tooltipElement,
+      className: `tooltip tooltip_block ${isOpen ? 'isOpen' : ''} ${triggerStyle === 'text' && 'textDisplay'} ${customCssClass || ''}`
+    }, /*#__PURE__*/React.createElement("button", _extends({
+      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.createElement(Icon, {
+      icon: icon.toString()
+    })), triggerStyle === 'text' && /*#__PURE__*/React.createElement("span", {
+      className: "labelText"
+    }, label)), /*#__PURE__*/React.createElement("div", _extends({
+      ref: contentElement,
+      className: `content ${showPointer ? 'showPointer' : ''}`
+    }, triggerId ? {
+      id: `${triggerId}_content`
+    } : {}), children));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    ref: tooltipElement,
+    className: `tooltip ${isOpen ? 'isOpen' : ''} ${triggerStyle === 'text' && 'textDisplay'} ${customCssClass || ''}`
+  }, /*#__PURE__*/React.createElement("button", _extends({
+    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.createElement(Icon, {
+    icon: icon.toString()
+  })), triggerStyle === 'text' && /*#__PURE__*/React.createElement("span", {
+    className: "labelText"
+  }, label)), /*#__PURE__*/React.createElement("span", _extends({
+    "aria-hidden": true,
+    role: "presentation",
+    ref: contentElement,
+    className: `content ${showPointer ? 'showPointer' : ''}`
+  }, triggerId ? {
+    id: `${triggerId}_content`
+  } : {}), children));
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["_extends","React","useState","useRef","useEffect","useCallback","useOnClickOutside","Icon","useOnEdgeProximityDetect","Tooltip","props","triggerId","triggerStyle","icon","customCssClass","containsBlockElements","children","label","showPointer","visualIndicators","underline","colouredText","undefined","isOpen","setIsOpen","tooltipElement","triggerElement","contentElement","iconIsElement","isValidElement","triggerRef","wrapperRef","contentRef","requiresRecalc","handleSpecialKeyPresses","event","key","keyCode","current","addEventListener","createElement","role","ref","className","type","onClick","toString","id"],"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/esm/components/design/tooltip/ellipsisTooltip/EllipsisTooltip.js

@@ -0,0 +1,57 @@
+'use client';
+
+import React, { useState, useRef, useEffect } from 'react';
+import { Tooltip } from '../Tooltip';
+import './ellipsisTooltip.css';
+export const EllipsisTooltip = ({
+  children,
+  lineClamp,
+  as: Element = 'span',
+  tooltipProps
+}) => {
+  const textRef = useRef(null);
+  const [isClamped, setIsClamped] = useState(false);
+  const checkClamping = () => {
+    const el = textRef.current;
+    if (el) {
+      setIsClamped(el.scrollHeight > el.clientHeight);
+    }
+  };
+  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.createElement(Element, {
+      ref: textRef,
+      style: elementStyle
+    }, children);
+  }
+
+  // If clamped, wrap with tooltip
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    triggerStyle: "text",
+    label: /*#__PURE__*/React.createElement(
+    // eslint-disable-next-line no-undef
+    Element, {
+      style: elementStyle
+    }, children),
+    containsBlockElements: Element !== 'span',
+    customCssClass: `ellipsis-tooltip ${tooltipProps?.customCssClass || ''}`,
+    triggerId: tooltipProps?.triggerId
+  }, children);
+};
+export default EllipsisTooltip;
+//# sourceMappingURL=EllipsisTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.js","names":["React","useState","useRef","useEffect","Tooltip","EllipsisTooltip","children","lineClamp","as","Element","tooltipProps","textRef","isClamped","setIsClamped","checkClamping","el","current","scrollHeight","clientHeight","window","addEventListener","removeEventListener","elementStyle","overflow","textOverflow","display","WebkitBoxOrient","WebkitLineClamp","createElement","ref","style","triggerStyle","label","containsBlockElements","customCssClass","triggerId"],"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":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAmB,OAAO;AACrE,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAO,wBAAwB;AAc/B,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,QAAQ;EACRC,SAAS;EACTC,EAAE,EAAEC,OAAO,GAAG,MAAM;EACpBC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAGT,MAAM,CAAc,IAAI,CAAC;EACzC,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMa,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,EAAE,GAAGJ,OAAO,CAACK,OAAO;IAC1B,IAAID,EAAE,EAAE;MACNF,YAAY,CAACE,EAAE,CAACE,YAAY,GAAGF,EAAE,CAACG,YAAY,CAAC;IACjD;EACF,CAAC;EAEDf,SAAS,CAAC,MAAM;IACdW,aAAa,CAAC,CAAC;IACfK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEN,aAAa,CAAC;IAChD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEP,aAAa,CAAC;EAClE,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;;EAEd;EACA,MAAMgB,YAAiC,GAAG;IACxCC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE,UAAU;IACxBC,OAAO,EAAE,aAAa;IACtBC,eAAe,EAAE,UAAU;IAC3BC,eAAe,EAAEpB,SAAS,IAAI,CAAC,CAAE;EACnC,CAAC;;EAED;EACA,IAAI,CAACK,SAAS,EAAE;IACd,oBAAOZ,KAAK,CAAC4B,aAAa,CACxBnB,OAAO,EACP;MAAEoB,GAAG,EAAElB,OAAO;MAAEmB,KAAK,EAAER;IAAa,CAAC,EACrChB,QACF,CAAC;EACH;;EAEA;EACA,oBACEN,KAAA,CAAA4B,aAAA,CAACxB,OAAO;IACN2B,YAAY,EAAC,MAAM;IACnBC,KAAK,eAAGhC,KAAK,CAAC4B,aAAa;IACzB;IACAnB,OAAO,EACP;MAAEqB,KAAK,EAAER;IAAa,CAAC,EACvBhB,QACF,CAAG;IACH2B,qBAAqB,EAAGxB,OAAO,KAAK,MAAQ;IAC5CyB,cAAc,EAAG,oBAAqBxB,YAAY,EAAEwB,cAAc,IAAI,EAAE,EAAK;IAC7EC,SAAS,EAAGzB,YAAY,EAAEyB;EAAW,GAEnC7B,QACK,CAAC;AAEd,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}

package/dist/esm/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/esm/components/design/tooltip/index.js

@@ -0,0 +1,3 @@
+export * from './Tooltip';
+export * from './ellipsisTooltip/EllipsisTooltip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/design/tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\nexport * from './ellipsisTooltip/EllipsisTooltip';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,mCAAmC","ignoreList":[]}