@veeqo/ui 9.9.5 → 9.10.1

package/dist/components/DataGrid/components/Body/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Row as RowItem } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\ntype RowProps = {\n  /**\n   * The row within the TanStack Table instance.\n   */\n  row: RowItem<any>;\n\n  /**\n   * Whether rows should be striped or not.\n   */\n  striped: boolean;\n\n  /**\n   * Child elements (table cells).\n   */\n  children: React.ReactNode;\n};\n\nexport const Row = ({ row, striped, children }: RowProps) => (\n  <tr\n    className={buildClassnames(['data-grid-row', striped ? 'striped' : undefined])}\n    key={row.id}\n    // 0-based index + header row.\n    aria-rowindex={row.index + 2}\n  >\n    {children}\n  </tr>\n);\n"],"names":["React"],"mappings":";;;;MAuBa,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAY,MACtDA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,EAC9E,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA,eAAA,EAEI,GAAG,CAAC,KAAK,GAAG,CAAC,EAE3B,EAAA,QAAQ,CACN;;;;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Row as RowItem } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\ntype RowProps = {\n  /**\n   * The row within the TanStack Table instance.\n   */\n  row: RowItem<any>;\n\n  /**\n   * Whether rows should be striped or not.\n   */\n  striped: boolean;\n\n  /**\n   * Whether row expanding is enabled.\n   */\n  enableExpanding: boolean;\n\n  /**\n   * Child elements (table cells).\n   */\n  children: React.ReactNode;\n};\n\nexport const Row = ({ row, striped, enableExpanding, children }: RowProps) => (\n  <tr\n    className={buildClassnames(['data-grid-row', striped ? 'striped' : undefined])}\n    key={row.id}\n    // 0-based index + header row.\n    aria-rowindex={row.index + 2}\n    aria-level={enableExpanding ? row.depth + 1 : undefined}\n  >\n    {children}\n  </tr>\n);\n"],"names":["React"],"mappings":";;;;AA4BO,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAY,MACvEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,EAC9E,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA,eAAA,EAEI,GAAG,CAAC,KAAK,GAAG,CAAC,EAChB,YAAA,EAAA,eAAe,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,EAAA,EAEtD,QAAQ,CACN;;;;"}

package/dist/components/DataGrid/components/CellContent/CellContent.cjs

@@ -4,6 +4,7 @@ var React = require('react');
 var buildClassnames = require('../../../../utils/buildClassnames.cjs');
 require('uid/secure');
 var CellContent_module = require('./CellContent.module.scss.cjs');
+var ExpandButton = require('./ExpandButton/ExpandButton.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -13,8 +14,10 @@ const cellContentClassname = buildClassnames.buildClassnames([CellContent_module
 /**
  * Wrapper for content displayed within a non-header cell in the grid.
  */
-const CellContent = ({ contentStyle, children }) => {
-    return (React__default.default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+const CellContent = ({ contentStyle, children, expandButtonProps }) => {
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        expandButtonProps && React__default.default.createElement(ExpandButton.ExpandButton, { ...expandButtonProps }),
+        React__default.default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children)));
 };
 
 exports.CellContent = CellContent;

package/dist/components/DataGrid/components/CellContent/CellContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CellContent.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './CellContent.module.scss';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([styles.cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["buildClassnames","styles","React"],"mappings":";;;;;;;;;;;AAkBA,MAAM,oBAAoB,GAAGA,+BAAe,CAAC,CAACC,kBAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAE5F;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"CellContent.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './CellContent.module.scss';\nimport { ExpandButton, ExpandButtonProps } from './ExpandButton';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<\n    React.CSSProperties,\n    'marginLeft' | 'justifyContent' | 'textAlign' | 'marginLeft'\n  >;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Props for an expand/collapse button, if applicable.\n   */\n  expandButtonProps?: ExpandButtonProps;\n}\n\nconst cellContentClassname = buildClassnames([styles.cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children, expandButtonProps }: CellContentProps) => {\n  return (\n    <>\n      {expandButtonProps && <ExpandButton {...expandButtonProps} />}\n      <div\n        data-testid=\"data-grid-cell-content\"\n        className={cellContentClassname}\n        style={contentStyle}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["buildClassnames","styles","React","ExpandButton"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,oBAAoB,GAAGA,+BAAe,CAAC,CAACC,kBAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAE5F;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAoB,KAAI;AAC7F,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,iBAAiB,IAAIA,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,iBAAiB,EAAI,CAAA;AAC7D,QAAAD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,YAAY,EAElB,EAAA,QAAQ,CACL,CACL;AAEP;;;;"}

package/dist/components/DataGrid/components/CellContent/CellContent.d.ts

@@ -1,15 +1,20 @@
 import React from 'react';
+import { ExpandButtonProps } from './ExpandButton';
 export interface CellContentProps {
     /**
      * Styles to be applied to the cell content wrapper.
      */
-    contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;
+    contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign' | 'marginLeft'>;
     /**
      * Child elements.
      */
     children?: React.ReactNode;
+    /**
+     * Props for an expand/collapse button, if applicable.
+     */
+    expandButtonProps?: ExpandButtonProps;
 }
 /**
  * Wrapper for content displayed within a non-header cell in the grid.
  */
-export declare const CellContent: ({ contentStyle, children }: CellContentProps) => React.JSX.Element;
+export declare const CellContent: ({ contentStyle, children, expandButtonProps }: CellContentProps) => React.JSX.Element;

package/dist/components/DataGrid/components/CellContent/CellContent.js

@@ -2,13 +2,16 @@ import React__default from 'react';
 import { buildClassnames } from '../../../../utils/buildClassnames.js';
 import 'uid/secure';
 import styles from './CellContent.module.scss.js';
+import { ExpandButton } from './ExpandButton/ExpandButton.js';
 
 const cellContentClassname = buildClassnames([styles.cellContent, 'data-grid-cell-content']);
 /**
  * Wrapper for content displayed within a non-header cell in the grid.
  */
-const CellContent = ({ contentStyle, children }) => {
-    return (React__default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+const CellContent = ({ contentStyle, children, expandButtonProps }) => {
+    return (React__default.createElement(React__default.Fragment, null,
+        expandButtonProps && React__default.createElement(ExpandButton, { ...expandButtonProps }),
+        React__default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children)));
 };
 
 export { CellContent };

package/dist/components/DataGrid/components/CellContent/CellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellContent.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './CellContent.module.scss';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([styles.cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAkBA,MAAM,oBAAoB,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAE5F;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"CellContent.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport styles from './CellContent.module.scss';\nimport { ExpandButton, ExpandButtonProps } from './ExpandButton';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<\n    React.CSSProperties,\n    'marginLeft' | 'justifyContent' | 'textAlign' | 'marginLeft'\n  >;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Props for an expand/collapse button, if applicable.\n   */\n  expandButtonProps?: ExpandButtonProps;\n}\n\nconst cellContentClassname = buildClassnames([styles.cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children, expandButtonProps }: CellContentProps) => {\n  return (\n    <>\n      {expandButtonProps && <ExpandButton {...expandButtonProps} />}\n      <div\n        data-testid=\"data-grid-cell-content\"\n        className={cellContentClassname}\n        style={contentStyle}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AA2BA,MAAM,oBAAoB,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAE5F;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAoB,KAAI;AAC7F,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,iBAAiB,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,iBAAiB,EAAI,CAAA;AAC7D,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,YAAY,EAElB,EAAA,QAAQ,CACL,CACL;AAEP;;;;"}

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var DownArrowIcon = require('../../../../../tempIcons/DownArrowIcon.cjs');
+var RightArrowIcon = require('../../../../../tempIcons/RightArrowIcon.cjs');
+require('../../../../../theme/modules/sizes.cjs');
+var Button = require('../../../../Button/Button.cjs');
+var ExpandButton_module = require('./ExpandButton.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ExpandButton = ({ isExpanded, onToggle, containerStyle }) => {
+    return (React__default.default.createElement("div", { className: ExpandButton_module.expandButtonContainer, style: containerStyle },
+        React__default.default.createElement(Button.Button, { size: "sm", variant: "flat", className: ExpandButton_module.expandButton, iconSlot: isExpanded ? React__default.default.createElement(DownArrowIcon.DownArrowIcon, null) : React__default.default.createElement(RightArrowIcon.RightArrowIcon, null), onClick: onToggle, "aria-label": isExpanded ? 'Collapse row' : 'Expand row', "aria-expanded": isExpanded })));
+};
+
+exports.ExpandButton = ExpandButton;
+//# sourceMappingURL=ExpandButton.cjs.map

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.cjs","sources":["../../../../../../src/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DownArrowIcon, RightArrowIcon } from '../../../../../tempIcons';\nimport { Button } from '../../../../Button';\n\nimport styles from './ExpandButton.module.scss';\n\ntype ExpandButtonProps = {\n  isExpanded: boolean;\n  onToggle: () => void;\n  containerStyle?: React.CSSProperties;\n};\n\nconst ExpandButton = ({ isExpanded, onToggle, containerStyle }: ExpandButtonProps) => {\n  return (\n    <div className={styles.expandButtonContainer} style={containerStyle}>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        className={styles.expandButton}\n        iconSlot={isExpanded ? <DownArrowIcon /> : <RightArrowIcon />}\n        onClick={onToggle}\n        aria-label={isExpanded ? 'Collapse row' : 'Expand row'}\n        aria-expanded={isExpanded}\n      />\n    </div>\n  );\n};\n\nexport { ExpandButton };\nexport type { ExpandButtonProps };\n"],"names":["React","styles","Button","DownArrowIcon","RightArrowIcon"],"mappings":";;;;;;;;;;;;;AAaM,MAAA,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAqB,KAAI;IACnF,QACEA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAM,CAAC,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAA;QACjED,sBAAC,CAAA,aAAA,CAAAE,aAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,SAAS,EAAED,mBAAM,CAAC,YAAY,EAC9B,QAAQ,EAAE,UAAU,GAAGD,sBAAA,CAAA,aAAA,CAACG,2BAAa,EAAA,IAAA,CAAG,GAAGH,qCAACI,6BAAc,EAAA,IAAA,CAAG,EAC7D,OAAO,EAAE,QAAQ,EAAA,YAAA,EACL,UAAU,GAAG,cAAc,GAAG,YAAY,mBACvC,UAAU,EAAA,CACzB,CACE;AAEV;;;;"}

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type ExpandButtonProps = {
+    isExpanded: boolean;
+    onToggle: () => void;
+    containerStyle?: React.CSSProperties;
+};
+declare const ExpandButton: ({ isExpanded, onToggle, containerStyle }: ExpandButtonProps) => React.JSX.Element;
+export { ExpandButton };
+export type { ExpandButtonProps };

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { DownArrowIcon } from '../../../../../tempIcons/DownArrowIcon.js';
+import { RightArrowIcon } from '../../../../../tempIcons/RightArrowIcon.js';
+import '../../../../../theme/modules/sizes.js';
+import { Button } from '../../../../Button/Button.js';
+import styles from './ExpandButton.module.scss.js';
+
+const ExpandButton = ({ isExpanded, onToggle, containerStyle }) => {
+    return (React__default.createElement("div", { className: styles.expandButtonContainer, style: containerStyle },
+        React__default.createElement(Button, { size: "sm", variant: "flat", className: styles.expandButton, iconSlot: isExpanded ? React__default.createElement(DownArrowIcon, null) : React__default.createElement(RightArrowIcon, null), onClick: onToggle, "aria-label": isExpanded ? 'Collapse row' : 'Expand row', "aria-expanded": isExpanded })));
+};
+
+export { ExpandButton };
+//# sourceMappingURL=ExpandButton.js.map

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.js","sources":["../../../../../../src/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DownArrowIcon, RightArrowIcon } from '../../../../../tempIcons';\nimport { Button } from '../../../../Button';\n\nimport styles from './ExpandButton.module.scss';\n\ntype ExpandButtonProps = {\n  isExpanded: boolean;\n  onToggle: () => void;\n  containerStyle?: React.CSSProperties;\n};\n\nconst ExpandButton = ({ isExpanded, onToggle, containerStyle }: ExpandButtonProps) => {\n  return (\n    <div className={styles.expandButtonContainer} style={containerStyle}>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        className={styles.expandButton}\n        iconSlot={isExpanded ? <DownArrowIcon /> : <RightArrowIcon />}\n        onClick={onToggle}\n        aria-label={isExpanded ? 'Collapse row' : 'Expand row'}\n        aria-expanded={isExpanded}\n      />\n    </div>\n  );\n};\n\nexport { ExpandButton };\nexport type { ExpandButtonProps };\n"],"names":["React"],"mappings":";;;;;;;AAaM,MAAA,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAqB,KAAI;IACnF,QACEA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAA;QACjEA,cAAC,CAAA,aAAA,CAAA,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,QAAQ,EAAE,UAAU,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAGA,6BAAC,cAAc,EAAA,IAAA,CAAG,EAC7D,OAAO,EAAE,QAAQ,EAAA,YAAA,EACL,UAAU,GAAG,cAAc,GAAG,YAAY,mBACvC,UAAU,EAAA,CACzB,CACE;AAEV;;;;"}

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._expandButton_153ka_1[aria-expanded] {\n  padding: var(--sizes-none);\n  width: var(--sizes-6);\n  height: var(--sizes-6);\n}\n\n._expandButtonContainer_153ka_7 {\n  display: flex;\n  height: 100%;\n  position: absolute;\n  top: var(--sizes-none);\n  align-items: center;\n  justify-content: flex-end;\n}");
+var styles = {"expandButton":"_expandButton_153ka_1","expandButtonContainer":"_expandButtonContainer_153ka_7"};
+
+module.exports = styles;
+//# sourceMappingURL=ExpandButton.module.scss.cjs.map

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.module.scss.cjs","sources":["../../../../../../src/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss"],"sourcesContent":[".expandButton[aria-expanded] {\n  padding: var(--sizes-none);\n  width: var(--sizes-6);\n  height: var(--sizes-6);\n}\n\n.expandButtonContainer {\n  display: flex;\n  height: 100%;\n\n  position: absolute;\n  top: var(--sizes-none);\n\n  align-items: center;\n  justify-content: flex-end;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,mTAAA;AACA,aAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,gCAAA;;;;"}

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../../../_virtual/____insertStyle.js';
+
+insertStyle("._expandButton_153ka_1[aria-expanded] {\n  padding: var(--sizes-none);\n  width: var(--sizes-6);\n  height: var(--sizes-6);\n}\n\n._expandButtonContainer_153ka_7 {\n  display: flex;\n  height: 100%;\n  position: absolute;\n  top: var(--sizes-none);\n  align-items: center;\n  justify-content: flex-end;\n}");
+var styles = {"expandButton":"_expandButton_153ka_1","expandButtonContainer":"_expandButtonContainer_153ka_7"};
+
+export { styles as default };
+//# sourceMappingURL=ExpandButton.module.scss.js.map

package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.module.scss.js","sources":["../../../../../../src/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.module.scss"],"sourcesContent":[".expandButton[aria-expanded] {\n  padding: var(--sizes-none);\n  width: var(--sizes-6);\n  height: var(--sizes-6);\n}\n\n.expandButtonContainer {\n  display: flex;\n  height: 100%;\n\n  position: absolute;\n  top: var(--sizes-none);\n\n  align-items: center;\n  justify-content: flex-end;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,mTAAA;AACA,aAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,gCAAA;;;;"}

package/dist/components/DataGrid/components/CellContent/ExpandButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandButton } from './ExpandButton';
+export type { ExpandButtonProps } from './ExpandButton';

package/dist/components/DataGrid/hooks/useExpandedState.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+
+const useExpandedState = (rowGrouping) => {
+    const { getChildData, expandedRows, onRowExpanded } = rowGrouping || {};
+    const internalExpandedState = React.useMemo(() => {
+        if (!expandedRows || !onRowExpanded)
+            return {};
+        return expandedRows;
+    }, [expandedRows, onRowExpanded]);
+    const setInternalExpandedState = React.useCallback((onUpdate) => {
+        if (!onRowExpanded)
+            return;
+        const newExpandedState = typeof onUpdate === 'function' ? onUpdate(internalExpandedState) : onUpdate;
+        onRowExpanded(newExpandedState);
+    }, [onRowExpanded, internalExpandedState]);
+    const enableExpanding = !!getChildData;
+    const getRowCanExpand = React.useCallback((row) => {
+        if (!getChildData)
+            return false;
+        return getChildData(row.original) !== undefined;
+    }, [getChildData]);
+    return {
+        enableExpanding,
+        getSubRows: getChildData,
+        getRowCanExpand,
+        expanded: internalExpandedState,
+        onExpandedChange: setInternalExpandedState,
+    };
+};
+
+exports.useExpandedState = useExpandedState;
+//# sourceMappingURL=useExpandedState.cjs.map

package/dist/components/DataGrid/hooks/useExpandedState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedState.cjs","sources":["../../../../src/components/DataGrid/hooks/useExpandedState.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { ExpandedState, OnChangeFn } from '@tanstack/react-table';\nimport { RowGroupingConfiguration } from '../types';\n\nexport const useExpandedState = (rowGrouping?: RowGroupingConfiguration) => {\n  const { getChildData, expandedRows, onRowExpanded } = rowGrouping || {};\n\n  const internalExpandedState = useMemo(() => {\n    if (!expandedRows || !onRowExpanded) return {};\n\n    return expandedRows;\n  }, [expandedRows, onRowExpanded]);\n\n  const setInternalExpandedState: OnChangeFn<ExpandedState> = useCallback(\n    (onUpdate) => {\n      if (!onRowExpanded) return;\n\n      const newExpandedState =\n        typeof onUpdate === 'function' ? onUpdate(internalExpandedState) : onUpdate;\n\n      onRowExpanded(newExpandedState);\n    },\n    [onRowExpanded, internalExpandedState],\n  );\n\n  const enableExpanding = !!getChildData;\n  const getRowCanExpand = useCallback(\n    (row: any) => {\n      if (!getChildData) return false;\n\n      return getChildData(row.original) !== undefined;\n    },\n    [getChildData],\n  );\n\n  return {\n    enableExpanding,\n    getSubRows: getChildData,\n    getRowCanExpand,\n    expanded: internalExpandedState,\n    onExpandedChange: setInternalExpandedState,\n  };\n};\n"],"names":["useMemo","useCallback"],"mappings":";;;;AAKa,MAAA,gBAAgB,GAAG,CAAC,WAAsC,KAAI;IACzE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,WAAW,IAAI,EAAE;AAEvE,IAAA,MAAM,qBAAqB,GAAGA,aAAO,CAAC,MAAK;AACzC,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,EAAE;AAE9C,QAAA,OAAO,YAAY;AACrB,KAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAEjC,IAAA,MAAM,wBAAwB,GAA8BC,iBAAW,CACrE,CAAC,QAAQ,KAAI;AACX,QAAA,IAAI,CAAC,aAAa;YAAE;AAEpB,QAAA,MAAM,gBAAgB,GACpB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,qBAAqB,CAAC,GAAG,QAAQ;QAE7E,aAAa,CAAC,gBAAgB,CAAC;AACjC,KAAC,EACD,CAAC,aAAa,EAAE,qBAAqB,CAAC,CACvC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,CAAC,YAAY;AACtC,IAAA,MAAM,eAAe,GAAGA,iBAAW,CACjC,CAAC,GAAQ,KAAI;AACX,QAAA,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,KAAK;QAE/B,OAAO,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,SAAS;AACjD,KAAC,EACD,CAAC,YAAY,CAAC,CACf;IAED,OAAO;QACL,eAAe;AACf,QAAA,UAAU,EAAE,YAAY;QACxB,eAAe;AACf,QAAA,QAAQ,EAAE,qBAAqB;AAC/B,QAAA,gBAAgB,EAAE,wBAAwB;KAC3C;AACH;;;;"}

package/dist/components/DataGrid/hooks/useExpandedState.d.ts

@@ -0,0 +1,9 @@
+import { ExpandedState, OnChangeFn } from '@tanstack/react-table';
+import { RowGroupingConfiguration } from '../types';
+export declare const useExpandedState: (rowGrouping?: RowGroupingConfiguration) => {
+    enableExpanding: boolean;
+    getSubRows: ((row: any) => any) | undefined;
+    getRowCanExpand: (row: any) => boolean;
+    expanded: import("../types").ExpandedRows;
+    onExpandedChange: OnChangeFn<ExpandedState>;
+};

package/dist/components/DataGrid/hooks/useExpandedState.js

@@ -0,0 +1,32 @@
+import { useMemo, useCallback } from 'react';
+
+const useExpandedState = (rowGrouping) => {
+    const { getChildData, expandedRows, onRowExpanded } = rowGrouping || {};
+    const internalExpandedState = useMemo(() => {
+        if (!expandedRows || !onRowExpanded)
+            return {};
+        return expandedRows;
+    }, [expandedRows, onRowExpanded]);
+    const setInternalExpandedState = useCallback((onUpdate) => {
+        if (!onRowExpanded)
+            return;
+        const newExpandedState = typeof onUpdate === 'function' ? onUpdate(internalExpandedState) : onUpdate;
+        onRowExpanded(newExpandedState);
+    }, [onRowExpanded, internalExpandedState]);
+    const enableExpanding = !!getChildData;
+    const getRowCanExpand = useCallback((row) => {
+        if (!getChildData)
+            return false;
+        return getChildData(row.original) !== undefined;
+    }, [getChildData]);
+    return {
+        enableExpanding,
+        getSubRows: getChildData,
+        getRowCanExpand,
+        expanded: internalExpandedState,
+        onExpandedChange: setInternalExpandedState,
+    };
+};
+
+export { useExpandedState };
+//# sourceMappingURL=useExpandedState.js.map

package/dist/components/DataGrid/hooks/useExpandedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedState.js","sources":["../../../../src/components/DataGrid/hooks/useExpandedState.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { ExpandedState, OnChangeFn } from '@tanstack/react-table';\nimport { RowGroupingConfiguration } from '../types';\n\nexport const useExpandedState = (rowGrouping?: RowGroupingConfiguration) => {\n  const { getChildData, expandedRows, onRowExpanded } = rowGrouping || {};\n\n  const internalExpandedState = useMemo(() => {\n    if (!expandedRows || !onRowExpanded) return {};\n\n    return expandedRows;\n  }, [expandedRows, onRowExpanded]);\n\n  const setInternalExpandedState: OnChangeFn<ExpandedState> = useCallback(\n    (onUpdate) => {\n      if (!onRowExpanded) return;\n\n      const newExpandedState =\n        typeof onUpdate === 'function' ? onUpdate(internalExpandedState) : onUpdate;\n\n      onRowExpanded(newExpandedState);\n    },\n    [onRowExpanded, internalExpandedState],\n  );\n\n  const enableExpanding = !!getChildData;\n  const getRowCanExpand = useCallback(\n    (row: any) => {\n      if (!getChildData) return false;\n\n      return getChildData(row.original) !== undefined;\n    },\n    [getChildData],\n  );\n\n  return {\n    enableExpanding,\n    getSubRows: getChildData,\n    getRowCanExpand,\n    expanded: internalExpandedState,\n    onExpandedChange: setInternalExpandedState,\n  };\n};\n"],"names":[],"mappings":";;AAKa,MAAA,gBAAgB,GAAG,CAAC,WAAsC,KAAI;IACzE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,WAAW,IAAI,EAAE;AAEvE,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAK;AACzC,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,EAAE;AAE9C,QAAA,OAAO,YAAY;AACrB,KAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAEjC,IAAA,MAAM,wBAAwB,GAA8B,WAAW,CACrE,CAAC,QAAQ,KAAI;AACX,QAAA,IAAI,CAAC,aAAa;YAAE;AAEpB,QAAA,MAAM,gBAAgB,GACpB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,qBAAqB,CAAC,GAAG,QAAQ;QAE7E,aAAa,CAAC,gBAAgB,CAAC;AACjC,KAAC,EACD,CAAC,aAAa,EAAE,qBAAqB,CAAC,CACvC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,CAAC,YAAY;AACtC,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,GAAQ,KAAI;AACX,QAAA,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,KAAK;QAE/B,OAAO,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,SAAS;AACjD,KAAC,EACD,CAAC,YAAY,CAAC,CACf;IAED,OAAO;QACL,eAAe;AACf,QAAA,UAAU,EAAE,YAAY;QACxB,eAAe;AACf,QAAA,QAAQ,EAAE,qBAAqB;AAC/B,QAAA,gBAAgB,EAAE,wBAAwB;KAC3C;AACH;;;;"}

package/dist/components/DataGrid/types/DataGridProps.d.ts

@@ -4,6 +4,7 @@ import { BorderMode, ResizeMode, SelectionMode } from './enums';
 import { ColumnDefinition } from './ColumnDefinition';
 import { SortState } from './SortState';
 import { PinnedColumnState } from './PinnedColumnState';
+import { RowGroupingConfiguration } from './RowGroupingConfiguration';
 export type CustomState = {
     iconSlot: ReactElement;
     heading: string;
@@ -104,4 +105,9 @@ export type DataGridProps = Pick<AriaAttributes, 'aria-label'> & {
      * Handler called when the row selection is changed.
      */
     onSelectionChanged?: (selectedRows: string[]) => void;
+    /** Row grouping */
+    /**
+     * Row grouping configuration for rendering nested data in the grid.
+     */
+    rowGrouping?: RowGroupingConfiguration;
 };

package/dist/components/DataGrid/types/RowGroupingConfiguration.d.ts

@@ -0,0 +1,22 @@
+export type ExpandedRows = true | Record<string, boolean>;
+/**
+ * Configuration for row grouping within the `DataGrid` component.
+ */
+export type RowGroupingConfiguration<TRow = any> = {
+    /**
+     * Getter used to fetch children within the tree data structure.
+     * @param row The row data to fetch children for.
+     * @returns The children of the given row.
+     */
+    getChildData: (row: TRow) => any;
+    /**
+     * Expanded row state. This can either be:
+     * - `true` - every row is expanded by default.
+     * - a record of row ID's to a boolean value indicating whether the row is expanded or not.
+     */
+    expandedRows: ExpandedRows;
+    /**
+     * Setter called when a row is expanded within the table.
+     */
+    onRowExpanded: (expandedRows: ExpandedRows) => void;
+};

package/dist/components/DataGrid/types/index.d.ts

@@ -4,3 +4,4 @@ export { AriaRoles } from './AriaRoles';
 export { ColumnDefinition } from './ColumnDefinition';
 export { SortState } from './SortState';
 export { PinnedColumnState } from './PinnedColumnState';
+export { RowGroupingConfiguration, ExpandedRows } from './RowGroupingConfiguration';

package/dist/components/DataGrid/utils/getAriaRoles.cjs

@@ -1,15 +1,21 @@
 'use strict';
 
-const getAriaRoles = (enableKeyboardNavigation) => {
-    if (!enableKeyboardNavigation) {
+const getAriaRoles = ({ enableKeyboardNavigation, rowGrouping, }) => {
+    if (rowGrouping) {
         return {
-            table: 'table',
-            cell: 'cell',
+            table: 'treegrid',
+            cell: 'gridcell',
+        };
+    }
+    if (enableKeyboardNavigation) {
+        return {
+            table: 'grid',
+            cell: 'gridcell',
         };
     }
     return {
-        table: 'grid',
-        cell: 'gridcell',
+        table: 'table',
+        cell: 'cell',
     };
 };
 

package/dist/components/DataGrid/utils/getAriaRoles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getAriaRoles.cjs","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { AriaRoles } from '../types/AriaRoles';\n\nexport const getAriaRoles = (enableKeyboardNavigation: boolean): AriaRoles => {\n  if (!enableKeyboardNavigation) {\n    return {\n      table: 'table',\n      cell: 'cell',\n    };\n  }\n\n  return {\n    table: 'grid',\n    cell: 'gridcell',\n  };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,wBAAiC,KAAe;IAC3E,IAAI,CAAC,wBAAwB,EAAE;QAC7B,OAAO;AACL,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,IAAI,EAAE,MAAM;SACb;AACF;IAED,OAAO;AACL,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE,UAAU;KACjB;AACH;;;;"}
+{"version":3,"file":"getAriaRoles.cjs","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { DataGridProps } from '../types';\nimport { AriaRoles } from '../types/AriaRoles';\n\ntype GetAriaRolesProps = Pick<DataGridProps, 'enableKeyboardNavigation' | 'rowGrouping'>;\n\nexport const getAriaRoles = ({\n  enableKeyboardNavigation,\n  rowGrouping,\n}: GetAriaRolesProps): AriaRoles => {\n  if (rowGrouping) {\n    return {\n      table: 'treegrid',\n      cell: 'gridcell',\n    };\n  }\n\n  if (enableKeyboardNavigation) {\n    return {\n      table: 'grid',\n      cell: 'gridcell',\n    };\n  }\n\n  return {\n    table: 'table',\n    cell: 'cell',\n  };\n};\n"],"names":[],"mappings":";;AAKa,MAAA,YAAY,GAAG,CAAC,EAC3B,wBAAwB,EACxB,WAAW,GACO,KAAe;AACjC,IAAA,IAAI,WAAW,EAAE;QACf,OAAO;AACL,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;SACjB;AACF;AAED,IAAA,IAAI,wBAAwB,EAAE;QAC5B,OAAO;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,UAAU;SACjB;AACF;IAED,OAAO;AACL,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,MAAM;KACb;AACH;;;;"}

package/dist/components/DataGrid/utils/getAriaRoles.d.ts

@@ -1,2 +1,5 @@
+import { DataGridProps } from '../types';
 import { AriaRoles } from '../types/AriaRoles';
-export declare const getAriaRoles: (enableKeyboardNavigation: boolean) => AriaRoles;
+type GetAriaRolesProps = Pick<DataGridProps, 'enableKeyboardNavigation' | 'rowGrouping'>;
+export declare const getAriaRoles: ({ enableKeyboardNavigation, rowGrouping, }: GetAriaRolesProps) => AriaRoles;
+export {};

package/dist/components/DataGrid/utils/getAriaRoles.js

@@ -1,13 +1,19 @@
-const getAriaRoles = (enableKeyboardNavigation) => {
-    if (!enableKeyboardNavigation) {
+const getAriaRoles = ({ enableKeyboardNavigation, rowGrouping, }) => {
+    if (rowGrouping) {
         return {
-            table: 'table',
-            cell: 'cell',
+            table: 'treegrid',
+            cell: 'gridcell',
+        };
+    }
+    if (enableKeyboardNavigation) {
+        return {
+            table: 'grid',
+            cell: 'gridcell',
         };
     }
     return {
-        table: 'grid',
-        cell: 'gridcell',
+        table: 'table',
+        cell: 'cell',
     };
 };
 

package/dist/components/DataGrid/utils/getAriaRoles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAriaRoles.js","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { AriaRoles } from '../types/AriaRoles';\n\nexport const getAriaRoles = (enableKeyboardNavigation: boolean): AriaRoles => {\n  if (!enableKeyboardNavigation) {\n    return {\n      table: 'table',\n      cell: 'cell',\n    };\n  }\n\n  return {\n    table: 'grid',\n    cell: 'gridcell',\n  };\n};\n"],"names":[],"mappings":"AAEa,MAAA,YAAY,GAAG,CAAC,wBAAiC,KAAe;IAC3E,IAAI,CAAC,wBAAwB,EAAE;QAC7B,OAAO;AACL,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,IAAI,EAAE,MAAM;SACb;AACF;IAED,OAAO;AACL,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE,UAAU;KACjB;AACH;;;;"}
+{"version":3,"file":"getAriaRoles.js","sources":["../../../../src/components/DataGrid/utils/getAriaRoles.ts"],"sourcesContent":["import { DataGridProps } from '../types';\nimport { AriaRoles } from '../types/AriaRoles';\n\ntype GetAriaRolesProps = Pick<DataGridProps, 'enableKeyboardNavigation' | 'rowGrouping'>;\n\nexport const getAriaRoles = ({\n  enableKeyboardNavigation,\n  rowGrouping,\n}: GetAriaRolesProps): AriaRoles => {\n  if (rowGrouping) {\n    return {\n      table: 'treegrid',\n      cell: 'gridcell',\n    };\n  }\n\n  if (enableKeyboardNavigation) {\n    return {\n      table: 'grid',\n      cell: 'gridcell',\n    };\n  }\n\n  return {\n    table: 'table',\n    cell: 'cell',\n  };\n};\n"],"names":[],"mappings":"AAKa,MAAA,YAAY,GAAG,CAAC,EAC3B,wBAAwB,EACxB,WAAW,GACO,KAAe;AACjC,IAAA,IAAI,WAAW,EAAE;QACf,OAAO;AACL,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,IAAI,EAAE,UAAU;SACjB;AACF;AAED,IAAA,IAAI,wBAAwB,EAAE;QAC5B,OAAO;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,UAAU;SACjB;AACF;IAED,OAAO;AACL,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,MAAM;KACb;AACH;;;;"}

package/dist/index.cjs

@@ -93,7 +93,6 @@ var withDeprecated = require('./hoc/withDeprecated.cjs');
 var buildClassnames = require('./utils/buildClassnames.cjs');
 var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
-var isExternalLink = require('./utils/isExternalLink.cjs');
 var index$7 = require('./theme/index.cjs');
 var ActiveCheckboxIcon = require('./tempIcons/ActiveCheckboxIcon.cjs');
 var ActiveRadioIcon = require('./tempIcons/ActiveRadioIcon.cjs');
@@ -245,7 +244,6 @@ exports.buildClassnames = buildClassnames.buildClassnames;
 exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
-exports.isExternalLink = isExternalLink.isExternalLink;
 exports.theme = index$7.theme;
 exports.ActiveCheckboxIcon = ActiveCheckboxIcon.ActiveCheckboxIcon;
 exports.ActiveRadioIcon = ActiveRadioIcon.ActiveRadioIcon;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -91,7 +91,6 @@ export { withDeprecated } from './hoc/withDeprecated.js';
 export { buildClassnames } from './utils/buildClassnames.js';
 export { getOpaqueHexColor, hexToRgb } from './utils/color.js';
 export { generateId } from './utils/generateId.js';
-export { isExternalLink } from './utils/isExternalLink.js';
 export { theme } from './theme/index.js';
 export { ActiveCheckboxIcon } from './tempIcons/ActiveCheckboxIcon.js';
 export { ActiveRadioIcon } from './tempIcons/ActiveRadioIcon.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tempIcons/LaunchIcon.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const LaunchIcon = (props) => (React__default.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.default.createElement("path", { d: "M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z", fill: "currentColor" })));
+
+exports.LaunchIcon = LaunchIcon;
+//# sourceMappingURL=LaunchIcon.cjs.map

package/dist/tempIcons/LaunchIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LaunchIcon.cjs","sources":["../../src/tempIcons/LaunchIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LaunchIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;MAEa,UAAU,GAAG,CAAC,KAAU,MACnCA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;IAC/EA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,qJAAqJ,EACvJ,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/tempIcons/LaunchIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LaunchIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/LaunchIcon.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+const LaunchIcon = (props) => (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.createElement("path", { d: "M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z", fill: "currentColor" })));
+
+export { LaunchIcon };
+//# sourceMappingURL=LaunchIcon.js.map

package/dist/tempIcons/LaunchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LaunchIcon.js","sources":["../../src/tempIcons/LaunchIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LaunchIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;MAEa,UAAU,GAAG,CAAC,KAAU,MACnCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;IAC/EA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,qJAAqJ,EACvJ,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
 export { buildClassnames } from './buildClassnames';
 export { getOpaqueHexColor, hexToRgb } from './color';
 export { generateId } from './generateId';
-export { isExternalLink } from './isExternalLink';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "9.9.5",
+  "version": "9.10.1",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/utils/isExternalLink.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-const defaultAllowedHostnames = ['app.veeqo.com'];
-/**
- * Check if a URL/path string is an external link
- * @param {string} urlOrPath - URL or path
- * @param {string[]} allowedHostnames - List of allowed hostnames - default: ['app.veeqo.com']
-
- * @returns {Boolean}
- */
-function isExternalLink(urlOrPath, allowedHostnames = defaultAllowedHostnames) {
-    // Check if the string starts with 'http://' or 'https://'
-    if (urlOrPath.startsWith('http://') || urlOrPath.startsWith('https://')) {
-        const { hostname: urlHostname } = new URL(urlOrPath);
-        // Compare the hostname to a list of allowed hostnames
-        return !allowedHostnames.some((hostname) => urlHostname.toLowerCase() === hostname.toLowerCase());
-    }
-    // Check if the string starts with '//'
-    if (urlOrPath.startsWith('//')) {
-        const { hostname } = new URL(`http:${urlOrPath}`);
-        // Compare the hostname to a list of allowed hostnames (case-insensitive)
-        return !allowedHostnames.some((allowedHostname) => hostname.toLowerCase() === allowedHostname.toLowerCase());
-    }
-    // It's a partial path, consider it internal
-    return false;
-}
-
-exports.defaultAllowedHostnames = defaultAllowedHostnames;
-exports.isExternalLink = isExternalLink;
-//# sourceMappingURL=isExternalLink.cjs.map

package/dist/utils/isExternalLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"isExternalLink.cjs","sources":["../../src/utils/isExternalLink.ts"],"sourcesContent":["export const defaultAllowedHostnames = ['app.veeqo.com'];\n\n/**\n * Check if a URL/path string is an external link\n * @param {string} urlOrPath - URL or path\n * @param {string[]} allowedHostnames - List of allowed hostnames - default: ['app.veeqo.com']\n\n * @returns {Boolean}\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = defaultAllowedHostnames,\n) {\n  // Check if the string starts with 'http://' or 'https://'\n  if (urlOrPath.startsWith('http://') || urlOrPath.startsWith('https://')) {\n    const { hostname: urlHostname } = new URL(urlOrPath);\n    // Compare the hostname to a list of allowed hostnames\n    return !allowedHostnames.some(\n      (hostname) => urlHostname.toLowerCase() === hostname.toLowerCase(),\n    );\n  }\n\n  // Check if the string starts with '//'\n  if (urlOrPath.startsWith('//')) {\n    const { hostname } = new URL(`http:${urlOrPath}`);\n    // Compare the hostname to a list of allowed hostnames (case-insensitive)\n    return !allowedHostnames.some(\n      (allowedHostname) => hostname.toLowerCase() === allowedHostname.toLowerCase(),\n    );\n  }\n\n  // It's a partial path, consider it internal\n  return false;\n}\n"],"names":[],"mappings":";;AAAa,MAAA,uBAAuB,GAAG,CAAC,eAAe;AAEvD;;;;;;AAMG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,uBAAuB,EAAA;;AAGpD,IAAA,IAAI,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACvE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC;;QAEpD,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAC3B,CAAC,QAAQ,KAAK,WAAW,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,WAAW,EAAE,CACnE;AACF;;AAGD,IAAA,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,CAAQ,KAAA,EAAA,SAAS,CAAE,CAAA,CAAC;;QAEjD,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAC3B,CAAC,eAAe,KAAK,QAAQ,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,WAAW,EAAE,CAC9E;AACF;;AAGD,IAAA,OAAO,KAAK;AACd;;;;;"}

package/dist/utils/isExternalLink.d.ts

@@ -1,9 +0,0 @@
-export declare const defaultAllowedHostnames: string[];
-/**
- * Check if a URL/path string is an external link
- * @param {string} urlOrPath - URL or path
- * @param {string[]} allowedHostnames - List of allowed hostnames - default: ['app.veeqo.com']
-
- * @returns {Boolean}
- */
-export declare function isExternalLink(urlOrPath: string, allowedHostnames?: string[]): boolean;

package/dist/utils/isExternalLink.js

@@ -1,27 +0,0 @@
-const defaultAllowedHostnames = ['app.veeqo.com'];
-/**
- * Check if a URL/path string is an external link
- * @param {string} urlOrPath - URL or path
- * @param {string[]} allowedHostnames - List of allowed hostnames - default: ['app.veeqo.com']
-
- * @returns {Boolean}
- */
-function isExternalLink(urlOrPath, allowedHostnames = defaultAllowedHostnames) {
-    // Check if the string starts with 'http://' or 'https://'
-    if (urlOrPath.startsWith('http://') || urlOrPath.startsWith('https://')) {
-        const { hostname: urlHostname } = new URL(urlOrPath);
-        // Compare the hostname to a list of allowed hostnames
-        return !allowedHostnames.some((hostname) => urlHostname.toLowerCase() === hostname.toLowerCase());
-    }
-    // Check if the string starts with '//'
-    if (urlOrPath.startsWith('//')) {
-        const { hostname } = new URL(`http:${urlOrPath}`);
-        // Compare the hostname to a list of allowed hostnames (case-insensitive)
-        return !allowedHostnames.some((allowedHostname) => hostname.toLowerCase() === allowedHostname.toLowerCase());
-    }
-    // It's a partial path, consider it internal
-    return false;
-}
-
-export { defaultAllowedHostnames, isExternalLink };
-//# sourceMappingURL=isExternalLink.js.map

package/dist/utils/isExternalLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isExternalLink.js","sources":["../../src/utils/isExternalLink.ts"],"sourcesContent":["export const defaultAllowedHostnames = ['app.veeqo.com'];\n\n/**\n * Check if a URL/path string is an external link\n * @param {string} urlOrPath - URL or path\n * @param {string[]} allowedHostnames - List of allowed hostnames - default: ['app.veeqo.com']\n\n * @returns {Boolean}\n */\nexport function isExternalLink(\n  urlOrPath: string,\n  allowedHostnames: string[] = defaultAllowedHostnames,\n) {\n  // Check if the string starts with 'http://' or 'https://'\n  if (urlOrPath.startsWith('http://') || urlOrPath.startsWith('https://')) {\n    const { hostname: urlHostname } = new URL(urlOrPath);\n    // Compare the hostname to a list of allowed hostnames\n    return !allowedHostnames.some(\n      (hostname) => urlHostname.toLowerCase() === hostname.toLowerCase(),\n    );\n  }\n\n  // Check if the string starts with '//'\n  if (urlOrPath.startsWith('//')) {\n    const { hostname } = new URL(`http:${urlOrPath}`);\n    // Compare the hostname to a list of allowed hostnames (case-insensitive)\n    return !allowedHostnames.some(\n      (allowedHostname) => hostname.toLowerCase() === allowedHostname.toLowerCase(),\n    );\n  }\n\n  // It's a partial path, consider it internal\n  return false;\n}\n"],"names":[],"mappings":"AAAa,MAAA,uBAAuB,GAAG,CAAC,eAAe;AAEvD;;;;;;AAMG;SACa,cAAc,CAC5B,SAAiB,EACjB,mBAA6B,uBAAuB,EAAA;;AAGpD,IAAA,IAAI,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACvE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC;;QAEpD,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAC3B,CAAC,QAAQ,KAAK,WAAW,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,WAAW,EAAE,CACnE;AACF;;AAGD,IAAA,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,CAAQ,KAAA,EAAA,SAAS,CAAE,CAAA,CAAC;;QAEjD,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAC3B,CAAC,eAAe,KAAK,QAAQ,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,WAAW,EAAE,CAC9E;AACF;;AAGD,IAAA,OAAO,KAAK;AACd;;;;"}