@heliux-org/design-system-core 0.0.306-Test → 0.0.306

package/dist/esm/src/components/Table/components/Row/InternalRowWithRT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowWithRT.js","sources":["../../../../../../../src/components/Table/components/Row/InternalRowWithRT.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { Fragment, ReactElement, useMemo } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { VirtualItem } from 'react-virtual';\n\nimport cx from 'classnames';\n\nimport { useTableContext } from '../TableContext';\nimport { LGRowData } from '../useLeafyGreenTable';\nimport InternalRowBase from './InternalRowBase';\nimport styles from './Row.module.scss';\nimport { InternalRowWithRTProps } from './Row.types';\nimport RowCellChildren from './RowCellChildren';\nimport { useRowContext } from './RowContext';\nimport { Polymorph } from '../newComponents/Polymorphic';\nimport { HTMLAttributes } from 'react';\n\n/**\n * Custom type checker based on React component displayName\n */\ntype ComponentWithDisplayName = {\n  (props: any): ReactElement | null;\n  displayName?: string;\n};\n\nfunction isComponentType(child: any, componentName: string): boolean {\n  // Type assertion to treat the type as a ComponentWithDisplayName\n  const component = child.type as ComponentWithDisplayName;\n  \n  return (\n    React.isValidElement(child) &&\n    typeof component === 'function' && // Ensure it's a function\n    component.displayName === componentName // Check the displayName\n  );\n}\n\nconst InternalRowWithRT = <T extends LGRowData>({\n  children,\n  className,\n  row,\n  virtualRow,\n  ...rest\n}: InternalRowWithRTProps<T>) => {\n  const { disabled } = useRowContext();\n  const { table, getParentRow, shouldAlternateRowColor } = useTableContext();\n  const parentRow = getParentRow?.(row.id);\n  const rowRef = virtualRow?.measureRef;\n\n  const isTableExpandable = table?.getCanSomeRowsExpand();\n  const isNested = !!parentRow;\n  const isParentExpanded = !!parentRow && parentRow.getIsExpanded();\n  const isRowVisible = isParentExpanded || !isNested;\n  const isOddVSRow = !!virtualRow && virtualRow.index % 2 !== 0;\n\n  const isExpanded = row.getIsExpanded();\n  const isSelected = row.getIsSelected();\n\n  const flattenedChildren = flattenChildren(children);\n\n  const CellChildren = flattenedChildren.filter(child =>\n    isComponentType(child, 'Cell'),\n  );\n\n  const OtherChildren = flattenedChildren.filter(\n    child => !isComponentType(child, 'Cell'),\n  );\n\n  const shouldRenderAsTBody = isTableExpandable && !isNested;\n  const containerAs = useMemo(\n    () => (shouldRenderAsTBody ? 'tbody' : Fragment),\n    [shouldRenderAsTBody],\n  );\n\n  const tBodyProps: HTMLAttributes<HTMLTableSectionElement> &\n    Pick<VirtualItem, 'measureRef'> = {\n    className: cx({\n      [styles.expandedContentParent]: isExpanded, // Ensure these are the correct class names\n    }),\n    'data-expanded': isExpanded,\n    ref: rowRef,\n  };\n\n  return (\n    <Polymorph as={containerAs} {...(shouldRenderAsTBody && tBodyProps)}>\n      <InternalRowBase\n        className={cx(\n          {\n            [styles.grayZebraRow]: isOddVSRow && shouldAlternateRowColor && !isSelected,\n            [styles.zebraRow]: !virtualRow && shouldAlternateRowColor && !isSelected,\n            [styles.selectedRow]: isSelected && !disabled,\n          },\n          className,\n        )}\n        data-selected={isSelected}\n        aria-hidden={!isRowVisible}\n        id={`lg-table-row-${row.id}`}\n        {...rest}\n      >\n        <RowCellChildren row={row}>{CellChildren}</RowCellChildren>\n      </InternalRowBase>\n      {OtherChildren}\n    </Polymorph>\n  );\n};\n\nexport default InternalRowWithRT;\n"],"names":["isComponentType","child","componentName","component","type","React","isValidElement","displayName","InternalRowWithRT","_a","children","className","row","virtualRow","rest","__rest","disabled","useRowContext","_useTableContext","useTableContext","table","getParentRow","shouldAlternateRowColor","parentRow","id","rowRef","measureRef","isTableExpandable","getCanSomeRowsExpand","isNested","isRowVisible","getIsExpanded","isOddVSRow","index","isExpanded","isSelected","getIsSelected","flattenedChildren","flattenChildren","CellChildren","filter","OtherChildren","shouldRenderAsTBody","containerAs","useMemo","Fragment","tBodyProps","cx","_defineProperty","styles","expandedContentParent","ref","_jsxs","Polymorph","Object","assign","as","_jsx","InternalRowBase","grayZebraRow","zebraRow","selectedRow","concat","RowCellChildren"],"mappings":"8lBAyBA,SAASA,EAAgBC,EAAYC,GAEnC,IAAMC,EAAYF,EAAMG,KAExB,OACEC,EAAMC,eAAeL,IACA,mBAAdE,GACPA,EAAUI,cAAgBL,CAE9B,CAEA,IAAMM,EAAoB,SAAsBC,GAAA,IAC9CC,EAGUD,EAHVC,SACAC,EAEUF,EAFVE,UACAC,EACUH,EADVG,IACAC,EAAUJ,EAAVI,WACGC,EAL2CC,EAAAN,EAAA,CAAA,WAAA,YAAA,MAAA,eAOtCO,EAAaC,IAAbD,SACRE,EAAyDC,IAAjDC,EAAKF,EAALE,MAAOC,EAAYH,EAAZG,aAAcC,EAAuBJ,EAAvBI,wBACvBC,EAAYF,aAAY,EAAZA,EAAeT,EAAIY,IAC/BC,EAASZ,aAAA,EAAAA,EAAYa,WAErBC,EAAoBP,eAAAA,EAAOQ,uBAC3BC,IAAaN,EAEbO,IADqBP,GAAaA,EAAUQ,kBACRF,EACpCG,IAAenB,GAAcA,EAAWoB,MAAQ,GAAM,EAEtDC,EAAatB,EAAImB,gBACjBI,EAAavB,EAAIwB,gBAEjBC,EAAoBC,EAAgB5B,GAEpC6B,EAAeF,EAAkBG,QAAO,SAAAvC,GAAK,OACjDD,EAAgBC,EAAO,WAGnBwC,EAAgBJ,EAAkBG,QACtC,SAAAvC,GAAK,OAAKD,EAAgBC,EAAO,WAG7ByC,EAAsBf,IAAsBE,EAC5Cc,EAAcC,GAClB,WAAA,OAAOF,EAAsB,QAAUG,CAAQ,GAC/C,CAACH,IAGGI,EAC8B,CAClCnC,UAAWoC,EAAEC,EAAA,CAAA,EACVC,EAAOC,sBAAwBhB,IAElC,gBAAiBA,EACjBiB,IAAK1B,GAGP,OACE2B,EAACC,EAASC,OAAAC,OAAA,CAACC,GAAIb,GAAkBD,GAAuBI,aACtDW,EAACC,iBACC/C,UAAWoC,EAAEC,EAAAA,EAAAA,EAAA,CAAA,EAERC,EAAOU,aAAe3B,GAAcV,IAA4Ba,GAChEc,EAAOW,UAAY/C,GAAcS,IAA4Ba,GAC7Dc,EAAOY,YAAc1B,IAAenB,GAEvCL,GAEa,gBAAAwB,iBACDL,EACdN,GAAEsC,gBAAAA,OAAkBlD,EAAIY,KACpBV,EAAI,CAAAJ,SAER+C,EAACM,EAAgBT,OAAAC,OAAA,CAAA3C,IAAKA,GAAG,CAAAF,SAAG6B,QAE7BE,KAGP"}

package/dist/esm/src/components/Table/components/Row/InternalRowWithoutRT.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import e from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import t from"./InternalRowBase.js";import a from"./Row.module.scss.js";var m=function(m){var l=m.children,i=m.className,n=r(m,["children","className"]),c=s();return o(t,Object.assign({className:e(c.shouldAlternateRowColor&&a.zebraRowLight,i)},n,{children:l}))};export{m as default};
+//# sourceMappingURL=InternalRowWithoutRT.js.map

package/dist/esm/src/components/Table/components/Row/InternalRowWithoutRT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalRowWithoutRT.js","sources":["../../../../../../../src/components/Table/components/Row/InternalRowWithoutRT.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\n// import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\n// import { consoleOnce, isComponentType } from '@leafygreen-ui/lib';\n\nimport { useTableContext } from '../TableContext';\nimport InternalRowBase from './InternalRowBase';\nimport styles from './Row.module.scss'; // Ensure this is the correct path to your SCSS module\nimport { InternalRowBaseProps } from './Row.types';\n\n/**\n * Renders basic array row data\n */\nconst InternalRowWithoutRT = ({\n  children,\n  className,\n  ...rest\n}: InternalRowBaseProps) => {\n  const { shouldAlternateRowColor } = useTableContext();\n  // const { theme } = useDarkMode();\n\n  // React.Children.forEach(children, child => {\n  //   if (!isComponentType(child, 'Cell'))\n  //     consoleOnce.warn(\n  //       'LG Row is rendering a custom cell element. Utilize the `Cell` component for standardized styles, correct HTML properties and additional functionalities when using `useLeafyGreenTable`.',\n  //     );\n  // });\n\n  // Determine the theme-specific class for zebra styles based on context\n  // const zebraClass = theme === 'dark' ? styles.zebraRowDark : styles.zebraRowLight;\n\n  return (\n    <InternalRowBase\n      className={cx(\n        shouldAlternateRowColor && styles.zebraRowLight,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </InternalRowBase>\n  );\n};\n\nexport default InternalRowWithoutRT;\n"],"names":["InternalRowWithoutRT","_a","children","className","rest","__rest","_useTableContext","useTableContext","_jsx","InternalRowBase","Object","assign","cx","shouldAlternateRowColor","styles","zebraRowLight"],"mappings":"uQAaA,IAAMA,EAAuB,SAACC,OAC5BC,EACSD,EADTC,SACAC,EAASF,EAATE,UACGC,EAAIC,EAAAJ,EAHqB,0BAK5BK,EAAoCC,IAapC,OACEC,EAACC,EAAeC,OAAAC,OAAA,CACdR,UAAWS,EAfgBN,EAAvBO,yBAgByBC,EAAOC,cAClCZ,IAEEC,EAEH,CAAAF,SAAAA,IAGP"}

package/dist/esm/src/components/Table/components/Row/Row.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import t from"prop-types";import i from"./InternalRowWithoutRT.js";import a from"./InternalRowWithRT.js";import{RowContextProvider as s}from"./RowContext.js";var e=function(t){var e=t.row,l=t.virtualRow,n=t.disabled,m=r(t,["row","virtualRow","disabled"]);return o(s,Object.assign({disabled:n},{children:e?o(a,Object.assign({row:e,virtualRow:l},m)):o(i,Object.assign({},m))}))};e.propTypes={virtualRow:t.any,row:t.any,disabled:t.bool},e.displayName="Row";export{e as default};
+//# sourceMappingURL=Row.js.map

package/dist/esm/src/components/Table/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../../src/components/Table/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LGRowData } from '../useLeafyGreenTable';\n\nimport InternalRowWithoutRT from './InternalRowWithoutRT';\nimport InternalRowWithRT from './InternalRowWithRT';\nimport { RowProps } from './Row.types';\nimport { RowContextProvider } from './RowContext';\n\n/**\n * Renders the provided cells\n */\nconst Row = <T extends LGRowData>({\n  row,\n  virtualRow,\n  disabled,\n  ...rest\n}: RowProps<T>) => {\n  return (\n    <RowContextProvider disabled={disabled}>\n      {row ? (\n        <InternalRowWithRT row={row} virtualRow={virtualRow} {...rest} />\n      ) : (\n        <InternalRowWithoutRT {...rest} />\n      )}\n    </RowContextProvider>\n  );\n};\n\nRow.propTypes = {\n  virtualRow: PropTypes.any,\n  row: PropTypes.any,\n  disabled: PropTypes.bool,\n};\n\nRow.displayName = 'Row';\n\nexport default Row;\n"],"names":["Row","_a","row","virtualRow","disabled","rest","__rest","_jsx","RowContextProvider","Object","assign","children","InternalRowWithRT","InternalRowWithoutRT","propTypes","PropTypes","any","bool","displayName"],"mappings":"iQAaA,IAAMA,EAAM,SAAsBC,OAChCC,IAAAA,IACAC,IAAAA,WACAC,IAAAA,SACGC,EAJ6BC,EAAAL,EAAA,CAAA,MAAA,aAAA,aAMhC,OACEM,EAACC,EAAmBC,OAAAC,OAAA,CAAAN,SAAUA,GAAQ,CAAAO,SACnCT,EACCK,EAACK,EAAiBH,OAAAC,OAAA,CAACR,IAAKA,EAAKC,WAAYA,GAAgBE,IAEzDE,EAACM,EAAyBJ,OAAAC,OAAA,GAAAL,MAIlC,EAEAL,EAAIc,UAAY,CACdX,WAAYY,EAAUC,IACtBd,IAAKa,EAAUC,IACfZ,SAAUW,EAAUE,MAGtBjB,EAAIkB,YAAc"}

package/dist/esm/src/components/Table/components/Row/Row.module.scss.js

@@ -0,0 +1,2 @@
+var e={expandedContentParent:"expandedContentParent_37d55d58ea",selectedRow:"selectedRow_16bb6df854",grayZebraRow:"grayZebraRow_37d55d58ea",zebraRow:"zebraRow_6ab9df454e",clickableRow:"clickableRow_1a5fe3de1e",disabledRow:"disabledRow_57c995f7ca"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-26e01f936e6f_0_0_82-table-tanstack";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".expandedContentParent_37d55d58ea {\n  background-color: var(--surface-secondary);\n}\n\n.selectedRow_16bb6df854 {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow_37d55d58ea {\n  background-color: var(--surface-secondary);\n}\n\n.zebraRow_6ab9df454e:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow_1a5fe3de1e {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow_1a5fe3de1e:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow_1a5fe3de1e:focus, .clickableRow_1a5fe3de1e:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);\n}\n\n.disabledRow_57c995f7ca {\n  pointer-events: none;\n  background-color: var(--surface-secondary);\n  color: var(--text-secondary);\n}");export{e as default};
+//# sourceMappingURL=Row.module.scss.js.map

package/dist/esm/src/components/Table/components/Row/Row.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/Row/RowCellChildren.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,Fragment as t}from"react/jsx-runtime";import i from"react";import l from"../Cell/InternalCell.js";import{useTableContext as n}from"../TableContext/TableContext.js";import{getAreAncestorsExpanded as o}from"../utils/areAncestorsExpanded.js";import{useRowContext as d}from"./RowContext.js";var a=function(a){var s=a.row,m=a.children,p=n().getParentRow,c=d().disabled,u=null==p?void 0:p(s.id),f=!!u,b=!!u&&u.getIsExpanded(),h=o(s.id,p)&&b||!f;return r(t,{children:i.Children.map(m,(function(t,i){var n=null==t?void 0:t.props,o=n.children,d=e(n,["children"]),a=s.getVisibleCells()[i];return r(l,Object.assign({},d,{cellIndex:i,isVisible:h,disabled:c,depth:s.depth,align:a.column.columnDef.align},{children:o}))}))})};export{a as default};
+//# sourceMappingURL=RowCellChildren.js.map

package/dist/esm/src/components/Table/components/Row/RowCellChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowCellChildren.js","sources":["../../../../../../../src/components/Table/components/Row/RowCellChildren.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { ReactElement, ReactNode } from 'react';\n\nimport InternalCell from '../Cell/InternalCell';\nimport { useTableContext } from '../TableContext';\nimport ToggleExpandedIcon from '../ToggleExpandedIcon';\nimport { LGRowData } from '../useLeafyGreenTable';\nimport { getAreAncestorsExpanded } from '../utils/areAncestorsExpanded';\n\nimport { useRowContext } from './RowContext';\nimport { RowProps } from '.';\n\ntype RowCellChildrenProps<T extends LGRowData> = Required<\n  Pick<RowProps<T>, 'row'>\n> &\n  Pick<RowProps<T>, 'disabled' | 'children'>;\n\n/**\n * Renders row cells provided by `useReactTable`\n */\nconst RowCellChildren = <T extends LGRowData>({\n  row,\n  children: CellChildren,\n}: RowCellChildrenProps<T>) => {\n  const { getParentRow } = useTableContext();\n  const { disabled } = useRowContext();\n  const parentRow = getParentRow?.(row.id);\n  const isNested = !!parentRow;\n  const isParentExpanded = !!parentRow && parentRow.getIsExpanded();\n  const areAncestorsExpanded = getAreAncestorsExpanded(row.id, getParentRow);\n  const isRowVisible = (areAncestorsExpanded && isParentExpanded) || !isNested;\n\n  return (\n    <>\n      {React.Children.map(\n        CellChildren,\n        (child: ReactNode, colIndex: number) => {\n          const { children, ...props } = (child as ReactElement)?.props;\n          const cell = row.getVisibleCells()[colIndex];\n\n          return (\n            <InternalCell\n              {...props}\n              cellIndex={colIndex}\n              isVisible={isRowVisible}\n              disabled={disabled}\n              depth={row.depth}\n              align={cell.column.columnDef.align}\n            >\n              {children}\n            </InternalCell>\n          );\n        }\n      )}\n    </>\n  );\n};\n\nexport default RowCellChildren;\n"],"names":["RowCellChildren","_ref","row","CellChildren","children","getParentRow","useTableContext","disabled","useRowContext","parentRow","id","isNested","isParentExpanded","getIsExpanded","isRowVisible","getAreAncestorsExpanded","_jsx","_Fragment","React","Children","map","child","colIndex","_a","props","__rest","cell","getVisibleCells","InternalCell","Object","assign","cellIndex","isVisible","depth","align","column","columnDef"],"mappings":"0WAoBA,IAAMA,EAAkB,SAAHC,GAGS,IAF5BC,EAAGD,EAAHC,IACUC,EAAYF,EAAtBG,SAEQC,EAAiBC,IAAjBD,aACAE,EAAaC,IAAbD,SACFE,EAAYJ,aAAY,EAAZA,EAAeH,EAAIQ,IAC/BC,IAAaF,EACbG,IAAqBH,GAAaA,EAAUI,gBAE5CC,EADuBC,EAAwBb,EAAIQ,GAAIL,IACfO,IAAsBD,EAEpE,OACEK,EAAAC,EAAA,CAAAb,SACGc,EAAMC,SAASC,IACdjB,GACA,SAACkB,EAAkBC,GACX,IAAAC,EAA0BF,aAAK,EAALA,EAAwBG,MAAhDpB,EAAqDmB,EAArDnB,SAAaoB,EAAfC,EAAAF,EAAA,CAAA,aACAG,EAAOxB,EAAIyB,kBAAkBL,GAEnC,OACEN,EAACY,EACKC,OAAAC,OAAA,CAAA,EAAAN,GACJO,UAAWT,EACXU,UAAWlB,EACXP,SAAUA,EACV0B,MAAO/B,EAAI+B,MACXC,MAAOR,EAAKS,OAAOC,UAAUF,iBAE5B9B,SAOf"}

package/dist/esm/src/components/Table/components/Row/RowContext.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,useContext as i}from"react";var t=e({}),n=function(){return i(t)},o=function(e){return r(t.Provider,Object.assign({value:{disabled:e.disabled}},{children:e.children}))};export{o as RowContextProvider,n as useRowContext};
+//# sourceMappingURL=RowContext.js.map

package/dist/esm/src/components/Table/components/Row/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sources":["../../../../../../../src/components/Table/components/Row/RowContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext } from 'react';\n\ntype RowContextProps = PropsWithChildren<{\n  disabled?: boolean;\n}>;\n\nconst RowContext = createContext<RowContextProps>({});\n\nexport const useRowContext = () => useContext(RowContext);\n\nexport const RowContextProvider = ({ children, disabled }: RowContextProps) => {\n  return (\n    <RowContext.Provider\n      value={{\n        disabled,\n      }}\n    >\n      {children}\n    </RowContext.Provider>\n  );\n};\n"],"names":["RowContext","createContext","useRowContext","useContext","RowContextProvider","_ref","_jsx","Provider","Object","assign","value","disabled","children"],"mappings":"8FAMA,IAAMA,EAAaC,EAA+B,CAAA,GAErCC,EAAgB,WAAH,OAASC,EAAWH,EAAW,EAE5CI,EAAqB,SAAHC,GAC7B,OACEC,EAACN,EAAWO,SAAQC,OAAAC,OAAA,CAClBC,MAAO,CACLC,SAJ+CN,EAARM,WAOxC,CAAAC,SAPsCP,EAARO,WAUrC"}

package/dist/esm/src/components/Table/components/TableBody/TableBody.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useMemo as o,Fragment as r}from"react";import{useTableContext as n}from"../TableContext/TableContext.js";import{Polymorph as l}from"../newComponents/Polymorphic/Polymorph.js";var a=function(a){var d,s,c=a.children,h=t(a,["children"]),m=0,u=0,p=n().table,v=null==p?void 0:p.getCanSomeRowsExpand(),b=o((function(){return v?r:"tbody"}),[v]);if(p&&p.virtualRows){var f=p.virtualRows;m=f.length>0&&(null===(d=null==f?void 0:f[0])||void 0===d?void 0:d.start)||0,u=f.length>0?p.totalSize-((null===(s=null==f?void 0:f[f.length-1])||void 0===s?void 0:s.end)||0):0}return e(l,Object.assign({as:b},h,{children:[m>0&&i("tr",Object.assign({"aria-hidden":!0},{children:i("td",{style:{height:"".concat(m,"px")}})})),c,u>0&&i("tr",Object.assign({"aria-hidden":!0},{children:i("td",{style:{height:"".concat(u,"px")}})}))]}))};a.displayName="TableBody";export{a as default};
+//# sourceMappingURL=TableBody.js.map

package/dist/esm/src/components/Table/components/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport { useTableContext } from '../TableContext';\nimport { TableBodyProps } from './TableBody.types';\nimport { Polymorph } from '../newComponents/Polymorphic';\n\nconst TableBody = ({ children, ...rest }: TableBodyProps) => {\n  let paddingTop = 0;\n  let paddingBottom = 0;\n\n  const { table } = useTableContext();\n  const areSomeRowsExpandable = table?.getCanSomeRowsExpand();\n\n  const bodyAs = useMemo(\n    () => (areSomeRowsExpandable ? Fragment : 'tbody'),\n    [areSomeRowsExpandable],\n  );\n\n  if (table && table.virtualRows) {\n    const { virtualRows, totalSize } = table;\n    paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;\n    paddingBottom =\n      virtualRows.length > 0\n        ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0)\n        : 0;\n  }\n\n  return (\n    <Polymorph as={bodyAs} {...rest}>\n      {/* As the user scrolls down, the paddingTop grows bigger, creating the effect of virtual scrolling */}\n      {paddingTop > 0 && (\n        <tr aria-hidden>\n          <td style={{ height: `${paddingTop}px` }} />\n        </tr>\n      )}\n      {children}\n      {/* As the user scrolls down, the paddingBottom gets smaller, creating the effect of virtual scrolling */}\n      {paddingBottom > 0 && (\n        <tr aria-hidden>\n          <td style={{ height: `${paddingBottom}px` }} />\n        </tr>\n      )}\n    </Polymorph>\n  );\n};\n\nTableBody.displayName = 'TableBody';\n\nexport default TableBody;\n"],"names":["TableBody","_a","children","rest","__rest","paddingTop","paddingBottom","table","useTableContext","areSomeRowsExpandable","getCanSomeRowsExpand","bodyAs","useMemo","Fragment","virtualRows","length","_b","start","totalSize","_c","end","_jsxs","Polymorph","Object","assign","as","_jsx","style","height","concat","displayName"],"mappings":"mSAKA,IAAMA,EAAY,SAACC,WAAEC,EAAmCD,EAAnCC,SAAaC,EAAIC,EAAAH,EAAnB,cACbI,EAAa,EACbC,EAAgB,EAEZC,EAAUC,IAAVD,MACFE,EAAwBF,eAAAA,EAAOG,uBAE/BC,EAASC,GACb,WAAA,OAAOH,EAAwBI,EAAW,OAAO,GACjD,CAACJ,IAGH,GAAIF,GAASA,EAAMO,YAAa,CAC9B,IAAQA,EAA2BP,EAA3BO,YACRT,EAAaS,EAAYC,OAAS,IAAsB,QAAlBC,EAAAF,aAAW,EAAXA,EAAc,UAAI,IAAAE,OAAA,EAAAA,EAAAC,QAAa,EACrEX,EACEQ,EAAYC,OAAS,EAHYR,EAAdW,YAIqC,QAAvCC,EAAAL,aAAA,EAAAA,EAAcA,EAAYC,OAAS,UAAI,IAAAI,OAAA,EAAAA,EAAAC,MAAO,GAC3D,CACP,CAED,OACEC,EAACC,EAAUC,OAAAC,OAAA,CAAAC,GAAId,GAAYR,EAAI,CAAAD,SAAA,CAE5BG,EAAa,GACZqB,EACE,KAAAH,OAAAC,OAAA,CAAA,eAAA,GAAA,CAAAtB,SAAAwB,EAAA,KAAA,CAAIC,MAAO,CAAEC,OAAM,GAAAC,OAAKxB,EAAU,YAGrCH,EAEAI,EAAgB,GACfoB,EAAA,KAAAH,OAAAC,OAAA,CAAA,eAAA,GAAA,CAAAtB,SACEwB,EAAI,KAAA,CAAAC,MAAO,CAAEC,OAAM,GAAAC,OAAKvB,EAAa,eAK/C,EAEAN,EAAU8B,YAAc"}

package/dist/esm/src/components/Table/components/TableContext/TableContext.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{useContext as r,createContext as t}from"react";import e from"../utils/getParentRowId.js";var n=t({}),i=function(){return r(n)},l=function(r){var t=r.table,i=function(o){var r;return o?null===(r=null==t?void 0:t.getRowModel().rowsById)||void 0===r?void 0:r[o]:void 0};return o(n.Provider,Object.assign({value:{table:t,getRowById:i,getParentRow:function(o){return i(e(o))},shouldAlternateRowColor:r.shouldAlternateRowColor,disableAnimations:r.disableAnimations}},{children:r.children}))};export{n as TableContext,l as default,i as useTableContext};
+//# sourceMappingURL=TableContext.js.map

package/dist/esm/src/components/Table/components/TableContext/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sources":["../../../../../../../src/components/Table/components/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext } from 'react';\n\n// import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';\n\nimport { LGRowData } from '../useLeafyGreenTable';\nimport getParentRowId from '../utils/getParentRowId';\n\nimport { type TableContextValues } from './TableContext.types';\n\nexport const TableContext = createContext<\n  Partial<TableContextValues<LGRowData>>\n>({});\n\nexport const useTableContext = <T extends LGRowData>() =>\n  useContext<TableContextValues<T>>(\n    TableContext as React.Context<TableContextValues<T>>,\n  );\n\nconst TableContextProvider = <T extends LGRowData>({\n  children,\n  darkMode,\n  table,\n  shouldAlternateRowColor,\n  disableAnimations,\n}: PropsWithChildren<Partial<TableContextValues<T>>>) => {\n  const getRowById = (id?: string) =>\n    id ? table?.getRowModel().rowsById?.[id] : undefined;\n\n  const getParentRow = (childId?: string) =>\n    getRowById(getParentRowId(childId));\n\n  /** The appropriately typed context provider */\n  const TableProvider = (TableContext as React.Context<TableContextValues<T>>)\n    .Provider;\n\n  return (\n    // <LeafyGreenProvider darkMode={darkMode}>\n      <TableProvider\n        value={{\n          table,\n          getRowById,\n          getParentRow,\n          shouldAlternateRowColor,\n          disableAnimations,\n        }}\n      >\n        {children}\n      </TableProvider>\n    // </LeafyGreenProvider>\n  );\n};\n\nexport default TableContextProvider;\n"],"names":["TableContext","createContext","useTableContext","useContext","TableContextProvider","_ref","table","getRowById","id","_a","getRowModel","rowsById","undefined","_jsx","Provider","Object","assign","value","getParentRow","childId","getParentRowId","shouldAlternateRowColor","disableAnimations","children"],"mappings":"4IASaA,EAAeC,EAE1B,IAEWC,EAAkB,WAAH,OAC1BC,EACEH,EACD,EAEGI,EAAuB,SAAHC,GAM8B,IAHtDC,EAAKD,EAALC,MAIMC,EAAa,SAACC,GAClB,IAAAC,EAAA,OAAAD,EAAqC,UAAhCF,aAAK,EAALA,EAAOI,cAAcC,gBAAW,IAAAF,OAAA,EAAAA,EAAAD,QAAMI,GAS7C,OAEIC,EALmBb,EACpBc,SAKGC,OAAAC,OAAA,CAAAC,MAAO,CACLX,MAAAA,EACAC,WAAAA,EACAW,aAba,SAACC,GAAgB,OACpCZ,EAAWa,EAAeD,GAAS,EAa7BE,wBApBehB,EAAvBgB,wBAqBQC,kBApBSjB,EAAjBiB,oBAqBO,CAAAC,SAzBClB,EAARkB,WA+BF"}

package/dist/esm/src/components/Table/components/TableHead/TableHead.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as s}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import a from"classnames";import i from"./TableHead.module.scss.js";var t=function(t){var l=t.children,m=t.isSticky,o=t.className,c=s(t,["children","isSticky","className"]);return r("thead",Object.assign({className:a(e({},i.stickyStyles,m),i.themeLight,o)},c,{children:l}))};t.displayName="TableHead";export{t as default};
+//# sourceMappingURL=TableHead.js.map

package/dist/esm/src/components/Table/components/TableHead/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","sources":["../../../../../../../src/components/Table/components/TableHead/TableHead.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport cx from 'classnames';\n// import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\n\nimport styles from './TableHead.module.scss';  // Import SCSS styles\nimport { TableHeadProps } from './TableHead.types';\n\nconst TableHead = ({\n  children,\n  isSticky,\n  className,\n  ...rest\n}: PropsWithChildren<TableHeadProps>) => {\n  // const { theme } = useDarkMode();\n  \n  return (\n    <thead\n      className={cx(\n        {\n          [styles.stickyStyles]: isSticky,  // Use sticky class from SCSS module\n        },\n        styles.themeLight,  // Conditional theme styles\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </thead>\n  );\n};\n\nTableHead.displayName = 'TableHead';\n\nexport default TableHead;\n"],"names":["TableHead","_a","children","isSticky","className","rest","__rest","_jsx","Object","assign","cx","_defineProperty","styles","stickyStyles","themeLight","displayName"],"mappings":"6PAOA,IAAMA,EAAY,SAACC,OACjBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACGC,EAJcC,EAAAL,EAAA,CAAA,WAAA,WAAA,cAQjB,OACEM,EAAA,QAAAC,OAAAC,OAAA,CACEL,UAAWM,EAAEC,EAERC,CAAAA,EAAAA,EAAOC,aAAeV,GAEzBS,EAAOE,WACPV,IAEEC,YAEHH,IAGP,EAEAF,EAAUe,YAAc"}

package/dist/esm/src/components/Table/components/TableHead/TableHead.module.scss.js

@@ -0,0 +1,2 @@
+var n={stickyStyles:"stickyStyles_2e354bbf5d"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-68793f406e7e_0_0_82-table-tanstack";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyStyles_2e354bbf5d {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nthead {\n  position: sticky;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  inset-block-start: 0;\n  z-index: 2;\n  user-select: none;\n  background-color: var(--surface-primary);\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n}\n\nthead tr {\n  transition: background-color 0.3s ease-out;\n}");export{n as default};
+//# sourceMappingURL=TableHead.module.scss.js.map

package/dist/esm/src/components/Table/components/TableHead/TableHead.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/TableHeader/TableHeader.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,typeof as n,defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import c from"../../../TextField/TextField.js";import l from"../../../Dropdown/Dropdown.js";import s from"lodash";import u from"../../../Flex/Flex.js";import m from"../../../IconButton/IconButton.js";import d from"./TableHeader.module.scss.js";import f from"../../../Search/Search.js";import p from"../../../Icon/Icons/components/Download.js";import v from"../../../Icon/Icons/components/Filter.js";import j from"../../../Icon/Icons/components/Close.js";var b=function(b){var h=b.data,g=b.onFilteredDataChange,y=b.globalSearch,C=void 0!==y&&y,L=b.dropdownFilters,O=void 0===L?[]:L,w=b.globalFilterColumns,k=void 0===w?[]:w,E=b.headerButtons,S=void 0===E?[]:E,F=b.isDownloadable,x=void 0===F||F,I=b.isFilterableable,N=void 0===I||I,T=i(!1),A=e(T,2),B=A[0],z=A[1],D=i(""),R=e(D,2),M=R[0],H=R[1],P=i(""),_=e(P,2),U=_[0],W=_[1],Y=i(null),q=e(Y,2),V=q[0],G=i(null),J=(e(G,2),i({})),K=e(J,2),Q=K[0],X=K[1],Z=i(h),$=e(Z,2),ee=$[0],ne=$[1];a((function(){var o=h;if(C&&M&&k){var t=M.toLowerCase();o=o.filter((function(e){return k.some((function(n){return(e[n]+"").toLowerCase().includes(t)}))}))}if(U){var r=U.toLowerCase();o=o.filter((function(e){return Object.values(e).some((function(e){return"object"===n(e)?Object.values(e).some((function(e){return(e+"").toLowerCase().includes(r)})):(e+"").toLowerCase().includes(r)}))}))}Object.entries(Q).forEach((function(t){var r=e(t,2),i=r[0],a=r[1];a&&(o=o.filter((function(e){var o=e[i];return"object"===n(o)?o.value===a.value:o===a.value})))})),s.isEqual(o,ee)||(g(o),ne(o))}),[h,M,U,V,Q,g,k]);return t(u,Object.assign({justify:S.length>0?u.justify.SPACE_BETWEEN:u.justify.END,className:d.tableHeader,wrap:!1},{children:[r(u,Object.assign({gap:u.gaps.SMALL},{children:S&&S.map((function(e,n){return e}))})),t(u,Object.assign({gap:u.gaps.SMALL},{children:[O.map((function(e){var t=new Set(h.map((function(o){var t=o[e.columnName];return"object"===n(t)?t.value:t}))),i=Array.from(t).map((function(e){return{label:"string"==typeof e?e:e+"",value:e}}));return r("div",Object.assign({style:{minWidth:"150px"}},{children:r(l,{options:i,size:l.sizes.SMALL,onOptionSelect:function(n){return X((function(t){return Object.assign(Object.assign({},t),o({},e.columnName,n))}))},placeholder:e.placeholder?e.placeholder:e.columnName,onClear:function(){return X((function(n){return Object.assign(Object.assign({},n),o({},e.columnName,null))}))}},e.columnName)}))})),C&&r(f,{placeholder:"Search...",value:M,onChange:H,size:f.sizes.SMALL}),x&&r(m,{icon:p,style:{color:"grey"},kind:"tertiary",size:"small",ariaLabel:"Export as CSV",active:!0,onClick:function(){var o=function(o){var t=[],r=Object.keys(o[0]);return t.push(r.join(",")),o.forEach((function(o){var i=r.map((function(t){var r=o[t];"object"===n(r)&&null!==r&&(r=Object.entries(r).map((function(n){var o=e(n,2),t=o[1];return"".concat(o[0],": ").concat(t)})).join("; "));var i="".concat(r).replace(/"/g,'""');return'"'.concat(i,'"')}));t.push(i.join(","))})),t.join("\n")}(h);!function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"table-data.csv",o=new Blob([e],{type:"text/csv;charset=utf-8;"}),t=document.createElement("a");t.href=URL.createObjectURL(o),t.download=n,t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)}(o)}}),N&&t("div",Object.assign({className:d.filterButtonContainer},{children:[r(m,o(o(o(o(o({icon:v,kind:m.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Filter"),"active",!0),"onClick",(function(){z((function(e){return!e}))}))),B&&t("div",Object.assign({className:d.filterBox},{children:[r(c,{placeholder:"Type to filter...",value:U,onChange:W}),r(m,o(o(o(o(o({icon:j,kind:m.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Close Filter"),"active",!0),"onClick",(function(){return z(!1)})))]}))]}))]}))]}))};export{b as default};
+//# sourceMappingURL=TableHeader.js.map

package/dist/esm/src/components/Table/components/TableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../../src/components/Table/components/TableHeader/TableHeader.tsx"],"sourcesContent":["// TableHeader.tsx\n// @ts-nocheck\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport TextField from \"../../../TextField/TextField\";\nimport Dropdown from \"../../../Dropdown/Dropdown\";\nimport _ from \"lodash\";\nimport Flex from \"../../../Flex/Flex\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport { Close, Download, Filter } from \"../../../Icon/Icons\";\nimport styles from \"./TableHeader.module.scss\";\nimport Search from \"../../../Search/Search\";\n\ninterface AssigneeOption {\n  value: string;\n  label: string;\n  leftAvatar: string;\n}\n\ninterface DropdownFilterOption {\n  columnName: string;\n  placeholder: string;\n}\n\ninterface TableHeaderProps {\n  data: {}[];\n  onFilteredDataChange: (filteredData: any[]) => void;\n  globalSearch: boolean;\n  headerButtons?: React.ReactNode[];\n  isDownloadable?: boolean;\n  isFilterableable?: boolean;\n  dropdownFilters?: DropdownFilterOption[];\n  globalFilterColumns?: string[];\n}\n\nconst TableHeader: React.FC<TableHeaderProps> = ({\n  data,\n  onFilteredDataChange,\n  globalSearch = false,\n  dropdownFilter = false,\n  dropdownFilters = [],\n  globalFilterColumns = [],\n  headerButtons = [],\n  isDownloadable = true,\n  isFilterableable = true,\n}) => {\n  const [isFilterInputVisible, setIsFilterInputVisible] = useState(false);\n  const [globalFilter, setGlobalFilter] = useState(\"\");\n  const [inputFilter, setInputFilter] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [selectedAssignee, setSelectedAssignee] =\n    useState<AssigneeOption | null>(null);\n  const [selectedDropdownFilters, setSelectedDropdownFilters] = useState<{\n    [columnName: string]: AssigneeOption | null;\n  }>({});\n  const [lastFiltered, setLastFiltered] = useState(data);\n\n  const handleFilterIconClick = () => {\n    setIsFilterInputVisible((prev) => !prev);\n  };\n\n  const arrayToCSV = (data) => {\n    const csvRows = [];\n    const headers = Object.keys(data[0]);\n    csvRows.push(headers.join(\",\"));\n\n    data.forEach((row) => {\n      const values = headers.map((header) => {\n        let cell = row[header];\n        if (typeof cell === \"object\" && cell !== null) {\n          cell = Object.entries(cell)\n            .map(([key, value]) => `${key}: ${value}`)\n            .join(\"; \");\n        }\n        const escaped = `${cell}`.replace(/\"/g, '\"\"');\n        return `\"${escaped}\"`;\n      });\n      csvRows.push(values.join(\",\"));\n    });\n\n    return csvRows.join(\"\\n\");\n  };\n\n  const downloadCSV = (csvString, filename = \"table-data.csv\") => {\n    const blob = new Blob([csvString], { type: \"text/csv;charset=utf-8;\" });\n    const link = document.createElement(\"a\");\n    link.href = URL.createObjectURL(blob);\n    link.download = filename;\n    link.style.visibility = \"hidden\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  };\n\n  const handleDownloadClick = () => {\n    const csvString = arrayToCSV(data);\n    downloadCSV(csvString);\n  };\n\n  useEffect(() => {\n    let filtered = data;\n\n    // Global search\n    if (globalSearch && globalFilter && globalFilterColumns) {\n      const searchLower = globalFilter.toLowerCase();\n      filtered = filtered.filter((item) =>\n        globalFilterColumns.some((column) =>\n          String(item[column]).toLowerCase().includes(searchLower)\n        )\n      );\n    }\n\n    // Input filter\n    if (inputFilter) {\n      const lowerCaseFilter = inputFilter.toLowerCase();\n      filtered = filtered.filter((item) =>\n        Object.values(item).some((value) =>\n          typeof value === \"object\"\n            ? Object.values(value).some((innerValue) =>\n                String(innerValue).toLowerCase().includes(lowerCaseFilter)\n              )\n            : String(value).toLowerCase().includes(lowerCaseFilter)\n        )\n      );\n    }\n\n    // Dropdown filters\n    Object.entries(selectedDropdownFilters).forEach(\n      ([columnName, selectedOption]) => {\n        if (selectedOption) {\n          filtered = filtered.filter((item) => {\n            const itemValue = item[columnName];\n            return typeof itemValue === \"object\"\n              ? itemValue.value === selectedOption.value\n              : itemValue === selectedOption.value;\n          });\n        }\n      }\n    );\n\n    if (!_.isEqual(filtered, lastFiltered)) {\n      onFilteredDataChange(filtered);\n      setLastFiltered(filtered);\n    }\n  }, [\n    data,\n    globalFilter,\n    inputFilter,\n    statusFilter,\n    selectedDropdownFilters,\n    onFilteredDataChange,\n    globalFilterColumns,\n  ]);\n\n  const renderDropdownFilters = () => {\n    return dropdownFilters.map((filter) => {\n      const columnValues = new Set(\n        data.map((item) => {\n          const itemValue = item[filter.columnName];\n          return typeof itemValue === \"object\" ? itemValue.value : itemValue;\n        })\n      );\n\n      const options = Array.from(columnValues).map((value) => ({\n        label: typeof value === \"string\" ? value : String(value),\n        value,\n      }));\n\n      return (\n        <div style={{ minWidth: \"150px\" }}>\n          <Dropdown\n            key={filter.columnName}\n            options={options}\n            size={Dropdown.sizes.SMALL}\n            onOptionSelect={(selectedOption) =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: selectedOption,\n              }))\n            }\n            placeholder={\n              filter.placeholder ? filter.placeholder : filter.columnName\n            }\n            onClear={() =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: null,\n              }))\n            }\n          />\n        </div>\n      );\n    });\n  };\n\n  return (\n    <Flex\n      justify={\n        headerButtons.length > 0 ? Flex.justify.SPACE_BETWEEN : Flex.justify.END\n      }\n      className={styles.tableHeader}\n      wrap={false}\n    >\n      <Flex gap={Flex.gaps.SMALL}>\n        {headerButtons && headerButtons.map((button, index) => button)}\n      </Flex>\n      <Flex gap={Flex.gaps.SMALL}>\n        {renderDropdownFilters()}\n        {globalSearch && (\n          <Search\n            placeholder=\"Search...\"\n            value={globalFilter}\n            onChange={setGlobalFilter}\n            size={Search.sizes.SMALL}\n          />\n        )}\n        {isDownloadable && (\n          <IconButton\n            icon={Download}\n            style={{ color: \"grey\" }}\n            kind=\"tertiary\"\n            size=\"small\"\n            ariaLabel=\"Export as CSV\"\n            active\n            onClick={handleDownloadClick}\n          />\n        )}\n        {isFilterableable && (\n          <div className={styles.filterButtonContainer}>\n            <IconButton\n              icon={Filter}\n              kind={IconButton.kinds.TERTIARY}\n              style={{ color: \"grey\" }}\n              kind=\"tertiary\"\n              size=\"small\"\n              ariaLabel=\"Filter\"\n              active\n              onClick={handleFilterIconClick}\n            />\n            {isFilterInputVisible && (\n              <div className={styles.filterBox}>\n                <TextField\n                  placeholder=\"Type to filter...\"\n                  value={inputFilter}\n                  onChange={setInputFilter}\n                />\n                <IconButton\n                  icon={Close}\n                  kind={IconButton.kinds.TERTIARY}\n                  style={{ color: \"grey\" }}\n                  kind=\"tertiary\"\n                  size=\"small\"\n                  ariaLabel=\"Close Filter\"\n                  active\n                  onClick={() => setIsFilterInputVisible(false)}\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","_ref","data","onFilteredDataChange","_ref$globalSearch","globalSearch","_ref$dropdownFilters","dropdownFilters","_ref$globalFilterColu","globalFilterColumns","_ref$headerButtons","headerButtons","_ref$isDownloadable","isDownloadable","_ref$isFilterableable","isFilterableable","_useState","useState","_useState2","_slicedToArray","isFilterInputVisible","setIsFilterInputVisible","_useState3","_useState4","globalFilter","setGlobalFilter","_useState5","_useState6","inputFilter","setInputFilter","_useState7","_useState8","statusFilter","_useState9","_useState11","_useState12","selectedDropdownFilters","setSelectedDropdownFilters","_useState13","_useState14","lastFiltered","setLastFiltered","useEffect","filtered","searchLower","toLowerCase","filter","item","some","column","String","includes","lowerCaseFilter","Object","values","value","_typeof","innerValue","entries","forEach","_ref4","_ref5","columnName","selectedOption","itemValue","_","isEqual","_jsxs","Flex","assign","justify","length","SPACE_BETWEEN","END","className","styles","tableHeader","wrap","children","_jsx","gap","gaps","SMALL","map","button","index","columnValues","Set","options","Array","from","label","style","minWidth","Dropdown","size","sizes","onOptionSelect","prev","_defineProperty","placeholder","onClear","Search","onChange","IconButton","icon","Download","color","kind","ariaLabel","active","onClick","csvString","csvRows","headers","keys","push","join","row","header","cell","_ref2","_ref3","concat","escaped","replace","arrayToCSV","filename","arguments","undefined","blob","Blob","type","link","document","createElement","href","URL","createObjectURL","download","visibility","body","appendChild","click","removeChild","downloadCSV","filterButtonContainer","Filter","kinds","TERTIARY","filterBox","TextField","Close"],"mappings":"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"}

package/dist/esm/src/components/Table/components/TableHeader/TableHeader.module.scss.js

@@ -0,0 +1,2 @@
+var e={tableHeader:"tableHeader_c6c35ab110",filterButtonContainer:"filterButtonContainer_6ca2e23db0",filterBox:"filterBox_bd8fd251db"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b72273b29a72_0_0_82-table-tanstack";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableHeader_c6c35ab110 {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer_6ca2e23db0 {\n  position: relative;\n}\n\n.filterBox_bd8fd251db {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+//# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/esm/src/components/Table/components/TableHeader/TableHeader.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/ToggleExpandedIcon.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"prop-types";import{useTableContext as n}from"../TableContext/TableContext.js";import s from"./ToggleExpandedIcon.module.scss.js";import a from"../../../IconButton/IconButton.js";import i from"../../../Icon/Icons/components/MoveArrowRight.js";var r=function(t){var r=t.isExpanded,d=t.toggleExpanded,l=t.disabled,p=o(t,["isExpanded","toggleExpanded","disabled"]),c=n().disableAnimations;return e(a,Object.assign({"aria-label":"".concat(r?"Collapse":"Expand"," row"),disabled:l,icon:i,onClick:d,size:"xs",className:"".concat(r?s.rotatedStyles:""," \n                  ").concat(c?"":s.iconButtonTransitionStyles)},p))};r.propTypes={disabled:t.bool,toggleExpanded:t.func.isRequired,isExpanded:t.bool.isRequired};export{r as default};
+//# sourceMappingURL=ToggleExpandedIcon.js.map

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/ToggleExpandedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleExpandedIcon.js","sources":["../../../../../../../src/components/Table/components/ToggleExpandedIcon/ToggleExpandedIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTableContext } from \"../TableContext\";\nimport styles from \"./ToggleExpandedIcon.module.scss\"; // Import SCSS styles\nimport { ToggleExpandedIconProps } from \"./ToggleExpandedIcon.types\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport MoveArrowRight from \"../../../Icon/Icons/components/MoveArrowRight\";\n\n/**\n * @internal\n */\nconst ToggleExpandedIcon = ({\n  isExpanded,\n  toggleExpanded,\n  disabled,\n  ...rest\n}: ToggleExpandedIconProps) => {\n  const { disableAnimations } = useTableContext();\n\n  return (\n    <IconButton\n      aria-label={`${isExpanded ? \"Collapse\" : \"Expand\"} row`}\n      disabled={disabled}\n      icon={MoveArrowRight}\n      onClick={toggleExpanded}\n      size=\"xs\"\n      className={`${isExpanded ? styles.rotatedStyles : \"\"} \n                  ${\n                    !disableAnimations ? styles.iconButtonTransitionStyles : \"\"\n                  }`}\n      {...rest}\n    />\n  );\n};\n\nToggleExpandedIcon.propTypes = {\n  disabled: PropTypes.bool,\n  toggleExpanded: PropTypes.func.isRequired,\n  isExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ToggleExpandedIcon;\n"],"names":["ToggleExpandedIcon","_a","isExpanded","toggleExpanded","disabled","rest","__rest","disableAnimations","useTableContext","_jsx","IconButton","Object","assign","concat","icon","MoveArrowRight","onClick","size","className","styles","rotatedStyles","iconButtonTransitionStyles","propTypes","PropTypes","bool","func","isRequired"],"mappings":"mWAYA,IAAMA,EAAqB,SAACC,OAC1BC,IAAAA,WACAC,IAAAA,eACAC,IAAAA,SACGC,EAJuBC,EAAAL,EAAA,CAAA,aAAA,iBAAA,aAMlBM,EAAsBC,IAAtBD,kBAER,OACEE,EAACC,EAAUC,OAAAC,OAAA,CAAA,aAAA,GAAAC,OACMX,EAAa,WAAa,SAAc,QACvDE,SAAUA,EACVU,KAAMC,EACNC,QAASb,EACTc,KAAK,KACLC,UAAS,GAAAL,OAAKX,EAAaiB,EAAOC,cAAgB,4BAAEP,OAErCN,EAAwD,GAApCY,EAAOE,6BAEtChB,GAGV,EAEAL,EAAmBsB,UAAY,CAC7BlB,SAAUmB,EAAUC,KACpBrB,eAAgBoB,EAAUE,KAAKC,WAC/BxB,WAAYqB,EAAUC,KAAKE"}

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js

@@ -0,0 +1,2 @@
+var t={iconButtonTransitionStyles:"iconButtonTransitionStyles_c8416ec55d",rotatedStyles:"rotatedStyles_2c2c67781c"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-b5e517e36271_0_0_82-table-tanstack";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".iconButtonTransitionStyles_c8416ec55d {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles_2c2c67781c {\n  transform: rotate(90deg);\n}");export{t as default};
+//# sourceMappingURL=ToggleExpandedIcon.module.scss.js.map

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleExpandedIcon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/index.js

@@ -0,0 +1,2 @@
+import o from"./ToggleExpandedIcon.js";export{default}from"./ToggleExpandedIcon.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Table/components/ToggleExpandedIcon/index.js.map

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

package/dist/esm/src/components/Table/components/newComponents/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsxs as t,Fragment as r,jsx as i}from"react/jsx-runtime";import*as n from"react";import{mergeEventHandlers as s}from"../utils/functions/dom.js";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import{cloneElementWithRef as l}from"../utils/functions/react.js";import"../utils/functions/dev.js";import{useMergedRefs as u,mergeRefs as a}from"../utils/hooks/useMergedRefs.js";import{useControlledState as c}from"../utils/hooks/useControlledState.js";import"../utils/color/ColorValue.js";import{Portal as m}from"../utils/components/Portal.js";import{Menu as p}from"../Menu/Menu.js";import{usePopover as f}from"../Popover/Popover.js";var d=n.forwardRef((function(d,j){var v=d.menuItems,b=d.children,h=d.role,g=void 0===h?"menu":h,P=d.visible,y=d.placement,C=void 0===y?"bottom-start":y,O=d.matchWidth,R=void 0!==O&&O,k=d.onVisibleChange,M=d.portal,V=void 0===M||M,_=o(d,["menuItems","children","role","visible","placement","matchWidth","onVisibleChange","portal"]),w=c(!1,P,k),x=e(w,2),W=x[0],D=x[1],F=n.useRef(null),I=n.useCallback((function(){var e;D(!1),null===(e=F.current)||void 0===e||e.focus({preventScroll:!0})}),[D]),K=n.useMemo((function(){return"function"==typeof v?v(I):v}),[v,I]),S=f({visible:W,onVisibleChange:function(e){return e?D(!0):I()},placement:C,matchWidth:R}),T=u(j,S.refs.setFloating);return t(r,{children:[l(b,(function(e){return Object.assign(Object.assign({},S.getReferenceProps(e.props)),{"aria-expanded":S.open,ref:a(F,S.refs.setReference)})})),S.open&&i(m,Object.assign({portal:V},{children:i(p,Object.assign({},S.getFloatingProps(Object.assign(Object.assign({role:g},_),{onKeyDown:s(d.onKeyDown,(function(e){e.defaultPrevented||"Tab"===e.key&&I()}))})),{ref:T},{children:K}))}))]})}));export{d as DropdownMenu};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/src/components/Table/components/newComponents/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../../../../src/components/Table/components/newComponents/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from \"react\";\nimport {\n  useMergedRefs,\n  cloneElementWithRef,\n  useControlledState,\n  mergeRefs,\n  mergeEventHandlers,\n} from \"../utils/index\";\nimport { Portal } from \"../utils/components/Portal\";\nimport type {\n  PolymorphicForwardRefComponent,\n  PortalProps,\n} from \"../utils/index\";\nimport { Menu } from \"../Menu/Menu\";\nimport { usePopover } from \"../Popover/Popover\";\n\nexport type DropdownMenuProps = {\n  /**\n   * List of menu items. Recommended to use MenuItem component.\n   * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.\n   */\n  menuItems:\n    | ((close: () => void) => JSX.Element[])\n    | JSX.Element[]\n    | JSX.Element;\n  /**\n   * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.\n   * @default 'menu'\n   */\n  role?: string;\n  /**\n   * Child element to wrap dropdown with.\n   */\n  children: React.ReactNode;\n} & Pick<\n  Parameters<typeof usePopover>[0],\n  \"visible\" | \"onVisibleChange\" | \"placement\" | \"matchWidth\"\n> &\n  React.ComponentPropsWithoutRef<\"ul\"> &\n  Pick<PortalProps, \"portal\">;\n\n/**\n * Dropdown menu component.\n * Built on top of the {@link Popover} component.\n * @example\n * const menuItems = (close: () => void) => [\n *   <MenuItem key={1} onClick={onClick(1, close)}>\n *     Item #1\n *   </MenuItem>,\n *   <MenuItem key={2} onClick={onClick(2, close)}>\n *     Item #2\n *   </MenuItem>,\n *   <MenuItem key={3} onClick={onClick(3, close)}>\n *     Item #3\n *   </MenuItem>,\n * ];\n * <DropdownMenu menuItems={menuItems}>\n *   <Button>Menu</Button>\n * </DropdownMenu>\n */\nexport const DropdownMenu = React.forwardRef((props, forwardedRef) => {\n  const {\n    menuItems,\n    children,\n    role = \"menu\",\n    visible: visibleProp,\n    placement = \"bottom-start\",\n    matchWidth = false,\n    onVisibleChange,\n    portal = true,\n    ...rest\n  } = props;\n\n  const [visible, setVisible] = useControlledState(\n    false,\n    visibleProp,\n    onVisibleChange\n  );\n\n  const triggerRef = React.useRef<HTMLElement>(null);\n\n  const close = React.useCallback(() => {\n    setVisible(false);\n    triggerRef.current?.focus({ preventScroll: true });\n  }, [setVisible]);\n\n  const menuContent = React.useMemo(() => {\n    if (typeof menuItems === \"function\") {\n      return menuItems(close);\n    }\n    return menuItems;\n  }, [menuItems, close]);\n\n  const popover = usePopover({\n    visible,\n    onVisibleChange: (open) => (open ? setVisible(true) : close()),\n    placement,\n    matchWidth,\n  });\n\n  const popoverRef = useMergedRefs(forwardedRef, popover.refs.setFloating);\n\n  return (\n    <>\n      {cloneElementWithRef(children, (children) => ({\n        ...popover.getReferenceProps(children.props),\n        \"aria-expanded\": popover.open,\n        ref: mergeRefs(triggerRef, popover.refs.setReference),\n      }))}\n      {popover.open && (\n        <Portal portal={portal}>\n          <Menu\n            {...popover.getFloatingProps({\n              role,\n              ...rest,\n              onKeyDown: mergeEventHandlers(props.onKeyDown, (e) => {\n                if (e.defaultPrevented) {\n                  return;\n                }\n                if (e.key === \"Tab\") {\n                  close();\n                }\n              }),\n            })}\n            ref={popoverRef}\n          >\n            {menuContent}\n          </Menu>\n        </Portal>\n      )}\n    </>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", DropdownMenuProps>;\n"],"names":["DropdownMenu","React","forwardRef","props","forwardedRef","menuItems","children","_props$role","role","visibleProp","visible","_props$placement","placement","_props$matchWidth","matchWidth","onVisibleChange","_props$portal","portal","rest","__rest","_useControlledState","useControlledState","_useControlledState2","_slicedToArray","setVisible","triggerRef","useRef","close","useCallback","_a","current","focus","preventScroll","menuContent","useMemo","popover","usePopover","open","popoverRef","useMergedRefs","refs","setFloating","_jsxs","_Fragment","cloneElementWithRef","Object","assign","getReferenceProps","ref","mergeRefs","setReference","_jsx","Portal","Menu","getFloatingProps","onKeyDown","mergeEventHandlers","e","defaultPrevented","key"],"mappings":"+yBAkEO,IAAMA,EAAeC,EAAMC,YAAW,SAACC,EAAOC,GACnD,IACEC,EASEF,EATFE,UACAC,EAQEH,EARFG,SAAQC,EAQNJ,EAPFK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACJE,EAMPN,EANFO,QAAOC,EAMLR,EALFS,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAAAE,EAKxBV,EAJFW,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGEZ,EAHFY,gBAAeC,EAGbb,EAFFc,OAAAA,OAAS,IAAHD,GAAOA,EACVE,EACDC,EAAAhB,EAVE,CAAA,YAAA,WAAA,OAAA,UAAA,YAAA,aAAA,kBAAA,WAYNiB,EAA8BC,GAC5B,EACAZ,EACAM,GACDO,EAAAC,EAAAH,EAAA,GAJMV,EAAOY,EAAA,GAAEE,EAAUF,EAAA,GAMpBG,EAAaxB,EAAMyB,OAAoB,MAEvCC,EAAQ1B,EAAM2B,aAAY,iBAC9BJ,GAAW,GACO,QAAlBK,EAAAJ,EAAWK,eAAO,IAAAD,GAAAA,EAAEE,MAAM,CAAEC,eAAe,GAC7C,GAAG,CAACR,IAEES,EAAchC,EAAMiC,SAAQ,WAChC,MAAyB,mBAAd7B,EACFA,EAAUsB,GAEZtB,CACT,GAAG,CAACA,EAAWsB,IAETQ,EAAUC,EAAW,CACzB1B,QAAAA,EACAK,gBAAiB,SAACsB,GAAI,OAAMA,EAAOb,GAAW,GAAQG,GAAQ,EAC9Df,UAAAA,EACAE,WAAAA,IAGIwB,EAAaC,EAAcnC,EAAc+B,EAAQK,KAAKC,aAE5D,OACEC,EACGC,EAAA,CAAArC,SAAA,CAAAsC,EAAoBtC,GAAU,SAACA,GAAQ,OACnCuC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAX,EAAQY,kBAAkBzC,EAASH,SACtC,gBAAiBgC,EAAQE,KACzBW,IAAKC,EAAUxB,EAAYU,EAAQK,KAAKU,eAAa,IAEtDf,EAAQE,MACPc,EAACC,EAAMP,OAAAC,OAAA,CAAC7B,OAAQA,GACd,CAAAX,SAAA6C,EAACE,EACKR,OAAAC,OAAA,CAAA,EAAAX,EAAQmB,8CACV9C,KAAAA,GACGU,GAAI,CACPqC,UAAWC,EAAmBrD,EAAMoD,WAAW,SAACE,GAC1CA,EAAEC,kBAGQ,QAAVD,EAAEE,KACJhC,UAIN,CAAAqB,IAAKV,GAEJ,CAAAhC,SAAA2B,UAMb"}

package/dist/esm/src/components/Table/components/newComponents/Menu/Menu.js

@@ -0,0 +1,2 @@
+import{slicedToArray as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{mergeEventHandlers as n}from"../utils/functions/dom.js";import"../utils/functions/colors.js";import{getFocusableElements as i}from"../utils/functions/focusable.js";import"../utils/functions/polymorphic.js";import{useMergedRefs as u}from"../utils/hooks/useMergedRefs.js";import"../utils/functions/dev.js";import"../utils/color/ColorValue.js";import{Box as l}from"../utils/components/Box.js";var a=e.forwardRef((function(a,f){var c=a.setFocus,m=void 0===c||c,p=a.className,v=o(a,["setFocus","className"]),d=e.useState(),j=t(d,2),g=j[0],b=j[1],h=e.useRef(null),w=u(h,f),y=e.useCallback((function(){var t=i(h.current);return t.filter((function(o){return!t.some((function(t){return t.contains(o.parentElement)}))}))}),[]);e.useEffect((function(){var t,o=y();if(null==g){var r=o.findIndex((function(t){return"true"===t.getAttribute("aria-selected")}));m&&b(r>-1?r:0)}else null===(t=null==o?void 0:o[g])||void 0===t||t.focus()}),[m,g,y]);return r(l,Object.assign({as:"div",className:s("iui-menu",p),role:"menu",ref:w},v,{onKeyDown:n(a.onKeyDown,(function(t){if(!t.altKey){var o=y();if(null==o?void 0:o.length){var r=null!=g?g:0;switch(t.key){case"ArrowDown":b(Math.min(r+1,o.length-1)),t.preventDefault(),t.stopPropagation();break;case"ArrowUp":b(Math.max(r-1,0)),t.preventDefault(),t.stopPropagation()}}}}))}))}));export{a as Menu};
+//# sourceMappingURL=Menu.js.map

package/dist/esm/src/components/Table/components/newComponents/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../src/components/Table/components/newComponents/Menu/Menu.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport {\n  useMergedRefs,\n  getFocusableElements,\n  mergeEventHandlers,\n} from \"../utils/index\";\nimport { Box } from \"../utils/components/Box\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\n\ntype MenuProps = {\n  /**\n   * Menu items. Recommended to use `MenuItem` components.\n   *\n   * If you have custom actionable items, they should have `tabIndex={-1}` for better keyboard navigation support\n   * and selected item should have `aria-selected={true}`.\n   */\n  children: React.ReactNode;\n  /**\n   * If true, the first selected or enabled menu item will be focused automatically.\n   * @default true\n   */\n  setFocus?: boolean;\n};\n\n/**\n * Basic menu component. Can be used for select or dropdown components.\n */\nexport const Menu = React.forwardRef((props, ref) => {\n  const { setFocus = true, className, ...rest } = props;\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number | null>();\n  const menuRef = React.useRef<HTMLElement>(null);\n  const refs = useMergedRefs(menuRef, ref);\n\n  const getFocusableNodes = React.useCallback(() => {\n    const focusableItems = getFocusableElements(menuRef.current);\n    // Filter out focusable elements that are inside each menu item, e.g. checkbox, anchor\n    return focusableItems.filter(\n      (i) => !focusableItems.some((p) => p.contains(i.parentElement))\n    ) as HTMLElement[];\n  }, []);\n\n  React.useEffect(() => {\n    const items = getFocusableNodes();\n    if (focusedIndex != null) {\n      (items?.[focusedIndex] as HTMLElement)?.focus();\n      return;\n    }\n\n    const selectedIndex = items.findIndex(\n      (el) => el.getAttribute(\"aria-selected\") === \"true\"\n    );\n    if (setFocus) {\n      setFocusedIndex(selectedIndex > -1 ? selectedIndex : 0);\n    }\n  }, [setFocus, focusedIndex, getFocusableNodes]);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.altKey) {\n      return;\n    }\n\n    const items = getFocusableNodes();\n    if (!items?.length) {\n      return;\n    }\n\n    const currentIndex = focusedIndex ?? 0;\n    switch (event.key) {\n      case \"ArrowDown\": {\n        setFocusedIndex(Math.min(currentIndex + 1, items.length - 1));\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      case \"ArrowUp\": {\n        setFocusedIndex(Math.max(currentIndex - 1, 0));\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  return (\n    <Box\n      as=\"div\"\n      className={cx(\"iui-menu\", className)}\n      role=\"menu\"\n      ref={refs}\n      {...rest}\n      onKeyDown={mergeEventHandlers(props.onKeyDown, onKeyDown)}\n    />\n  );\n}) as PolymorphicForwardRefComponent<\"div\", MenuProps>;\n"],"names":["Menu","React","forwardRef","props","ref","_props$setFocus","setFocus","className","rest","__rest","_React$useState","useState","_React$useState2","_slicedToArray","focusedIndex","setFocusedIndex","menuRef","useRef","refs","useMergedRefs","getFocusableNodes","useCallback","focusableItems","getFocusableElements","current","filter","i","some","p","contains","parentElement","useEffect","items","selectedIndex","findIndex","el","getAttribute","_a","focus","_jsx","Box","Object","assign","as","cx","role","onKeyDown","mergeEventHandlers","event","altKey","length","currentIndex","key","Math","min","preventDefault","stopPropagation","max"],"mappings":"6nBAgCO,IAAMA,EAAOC,EAAMC,YAAW,SAACC,EAAOC,GAC3C,IAAAC,EAAgDF,EAAxCG,SAAAA,OAAW,IAAHD,GAAOA,EAAEE,EAAuBJ,EAAvBI,UAAcC,EAASC,EAAAN,EAA1C,CAAA,WAAA,cAENO,EAAwCT,EAAMU,WAAyBC,EAAAC,EAAAH,EAAA,GAAhEI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BI,EAAUf,EAAMgB,OAAoB,MACpCC,EAAOC,EAAcH,EAASZ,GAE9BgB,EAAoBnB,EAAMoB,aAAY,WAC1C,IAAMC,EAAiBC,EAAqBP,EAAQQ,SAEpD,OAAOF,EAAeG,QACpB,SAACC,GAAC,OAAMJ,EAAeK,MAAK,SAACC,GAAC,OAAKA,EAAEC,SAASH,EAAEI,oBAEnD,GAAE,IAEH7B,EAAM8B,WAAU,iBACRC,EAAQZ,IACd,GAAoB,MAAhBN,EAAJ,CAKA,IAAMmB,EAAgBD,EAAME,WAC1B,SAACC,GAAE,MAA0C,SAArCA,EAAGC,aAAa,oBAEtB9B,GACFS,EAAgBkB,GAAiB,EAAIA,EAAgB,EANtD,MAFuC,QAArCI,EAAAL,aAAA,EAAAA,EAAQlB,UAA6B,IAAAuB,GAAAA,EAAEC,OAU3C,GAAE,CAAChC,EAAUQ,EAAcM,IA+B5B,OACEmB,EAACC,EACCC,OAAAC,OAAA,CAAAC,GAAG,MACHpC,UAAWqC,EAAG,WAAYrC,GAC1BsC,KAAK,OACLzC,IAAKc,GACDV,EAAI,CACRsC,UAAWC,EAAmB5C,EAAM2C,WApCtB,SAACE,GACjB,IAAIA,EAAMC,OAAV,CAIA,IAAMjB,EAAQZ,IACd,GAAKY,eAAAA,EAAOkB,OAAZ,CAIA,IAAMC,EAAerC,QAAAA,EAAgB,EACrC,OAAQkC,EAAMI,KACZ,IAAK,YACHrC,EAAgBsC,KAAKC,IAAIH,EAAe,EAAGnB,EAAMkB,OAAS,IAC1DF,EAAMO,iBACNP,EAAMQ,kBACN,MAEF,IAAK,UACHzC,EAAgBsC,KAAKI,IAAIN,EAAe,EAAG,IAC3CH,EAAMO,iBACNP,EAAMQ,kBAbT,CALA,OAoCL"}

package/dist/esm/src/components/Table/components/newComponents/Polymorphic/Polymorph.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../../../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import i from"react";import{usePolymorphic as t}from"./Polymorphic.hooks.js";var e=function(i,e){var m=i.as,a=i.children,n=r(i,["as","children"]),s=t(m);return o(s.Component,Object.assign({},n,{ref:e},{children:a}))},m=i.forwardRef(e);m.displayName="Polymorph";export{e as BasePolymorph,m as Polymorph};
+//# sourceMappingURL=Polymorph.js.map

package/dist/esm/src/components/Table/components/newComponents/Polymorphic/Polymorph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorph.js","sources":["../../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { usePolymorphic } from './Polymorphic.hooks';\nimport {\n  PolymorphicAs,\n  PolymorphicComponentType,\n  PolymorphicPropsWithRef,\n  PolymorphicRef,\n} from './Polymorphic.types';\n\n/**\n * Base polymorphic component\n */\nexport const BasePolymorph = <T extends PolymorphicAs = 'div'>(\n  { as, children, ...rest }: PolymorphicPropsWithRef<T>,\n  ref: PolymorphicRef<T>,\n) => {\n  const { Component } = usePolymorphic(as);\n\n  return (\n    <Component {...rest} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\n/**\n * Polymorphic component that supports forwarded refs\n *\n * With the `as` prop, Polymorphic can dynamically render\n * as any HTML element or React Component.\n *\n * If the logic defining the `as` prop is defined internally within your component,\n * use this standalone `Polymorph` component.\n *\n * However: If you want to expose `as` as a prop of your component,\n * prefer the `{@link Polymorphic}` factory function and related hooks.\n */\nexport const Polymorph: PolymorphicComponentType =\n  React.forwardRef(BasePolymorph);\nPolymorph.displayName = 'Polymorph';\n"],"names":["BasePolymorph","_a","ref","as","children","rest","__rest","_usePolymorphic","usePolymorphic","_jsx","Component","Object","assign","Polymorph","React","forwardRef","displayName"],"mappings":"mLAaO,IAAMA,EAAgB,SAC3BC,EACAC,OADEC,EAAYF,EAAZE,GAAIC,EAAQH,EAARG,SAAaC,EAAIC,EAAAL,EAAvB,mBAGAM,EAAsBC,EAAeL,GAErC,OACEM,EAHeF,EAATG,UAGIC,OAAAC,OAAA,CAAA,EAAKP,EAAI,CAAEH,IAAKA,GAAG,CAAAE,SAC1BA,IAGP,EAcaS,EACXC,EAAMC,WAAWf,GACnBa,EAAUG,YAAc"}

package/dist/esm/src/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.js

@@ -0,0 +1,2 @@
+import n from"react";var r=function(r){return n.useRef(null)};function t(n){return n||"div"}function e(n){return{Component:t(n),ref:r()}}export{e as usePolymorphic,t as usePolymorphicComponent,r as usePolymorphicRef};
+//# sourceMappingURL=Polymorphic.hooks.js.map

package/dist/esm/src/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorphic.hooks.js","sources":["../../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.tsx"],"sourcesContent":["import React from 'react';\n\nimport { PolymorphicAs, PolymorphicRef } from './Polymorphic.types';\n\n/**\n * A wrapper around `React.useRef`\n * that provides an accurately typed Ref object\n */\nexport const usePolymorphicRef = <E extends PolymorphicAs>(_?: E) => {\n  // By accepting a prop with a generic type, we can set the type E using JS vars.\n  // i.e. instead of calling `usePolymorphicRef<'div'>()`\n  // we can instead call `usePolymorphicRef('div')`\n\n  return React.useRef<\n    | (E extends keyof HTMLElementTagNameMap\n        ? HTMLElementTagNameMap[E]\n        : unknown)\n    | null\n  >(null);\n};\n\n/**\n * A hook that computes & returns the polymorphic ReactElement based on the `as` prop\n *\n * For client-side components, prefer using `usePolymorphic`, which returns a typed `ref` as well as the polymorphic component\n */\nexport function usePolymorphicComponent<T extends PolymorphicAs>(\n  as?: T,\n): React.ElementType {\n  return as || 'div';\n}\n\n/**\n * A hook that returns an accurately typed polymorphic `Component` and `ref`,\n * given an `as` prop\n */\nexport function usePolymorphic<T extends PolymorphicAs>(\n  as?: T,\n): {\n  Component: PolymorphicAs;\n  ref: PolymorphicRef<T>;\n} {\n  const Component = usePolymorphicComponent(as);\n  const ref = usePolymorphicRef(as);\n\n  return {\n    Component,\n    ref,\n  };\n}\n"],"names":["usePolymorphicRef","_","React","useRef","usePolymorphicComponent","as","usePolymorphic","Component","ref"],"mappings":"yBAQaA,EAAoB,SAA0BC,GAKzD,OAAOC,EAAMC,OAKX,KACJ,EAOM,SAAUC,EACdC,GAEA,OAAOA,GAAM,KACf,CAMM,SAAUC,EACdD,GAQA,MAAO,CACLE,UAJgBH,EAAwBC,GAKxCG,IAJUR,IAMd"}

package/dist/esm/src/components/Table/components/newComponents/Popover/Popover.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../_virtual/_tslib.js";import"react/jsx-runtime";import*as t from"react";import"classnames";import{useFloating as o,autoUpdate as i,offset as n,flip as s,shift as l,size as r,autoPlacement as a,inline as c,hide as p,useInteractions as u,useClick as m,useDismiss as f,useHover as d,safePolygon as g,useFocus as b,useRole as j}from"@floating-ui/react";import"../utils/components/Box.js";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import"../utils/functions/dev.js";import{useControlledState as h}from"../utils/hooks/useControlledState.js";import"../utils/color/ColorValue.js";import"react-dom";import"../Toast/Toaster.js";var v=function(v){var O=v.placement,x=void 0===O?"bottom-start":O,y=v.visible,C=v.onVisibleChange,S=v.closeOnOutsideClick,k=v.autoUpdateOptions,w=v.matchWidth,P=v.trigger,_=void 0===P?{click:!0,hover:!1,focus:!1}:P,z=v.role,B=Object.assign({flip:!0,shift:!0},v.middleware),I=h(!1,y,C),T=e(I,2),A=T[0],F=T[1],M=o({placement:x,open:A,onOpenChange:F,whileElementsMounted:function(){for(var e=arguments.length,t=Array(e),o=0;e>o;o++)t[o]=arguments[o];return i.apply(void 0,t.concat([k]))},middleware:[void 0!==B.offset&&n(B.offset),B.flip&&s(),B.shift&&l(),w&&r({apply:function(e){W(e.rects.reference.width)}}),B.autoPlacement&&a(),B.inline&&c(),B.hide&&p()].filter(Boolean)}),V=u([m(M.context,{enabled:!!_.click}),f(M.context,{outsidePress:S}),d(M.context,{enabled:!!_.hover,delay:100,handleClose:g({buffer:1})}),b(M.context,{enabled:!!_.focus}),j(M.context,{role:"dialog",enabled:!!z})]),E=t.useState(),H=e(E,2),U=H[0],W=H[1],q=t.useCallback((function(e){return V.getFloatingProps(Object.assign(Object.assign({},e),{style:Object.assign(Object.assign(Object.assign(Object.assign({},M.floatingStyles),{zIndex:9999}),w&&U?{minInlineSize:"".concat(U,"px"),maxInlineSize:"min(".concat(2*U,"px, 90vw)")}:{}),null==e?void 0:e.style)}))}),[M.floatingStyles,V,w,U]);return t.useMemo((function(){return Object.assign(Object.assign(Object.assign({open:A,onOpenChange:F},V),{getFloatingProps:q}),M)}),[A,F,V,q,M])};export{v as usePopover};
+//# sourceMappingURL=Popover.js.map

package/dist/esm/src/components/Table/components/newComponents/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../../../../../src/components/Table/components/newComponents/Popover/Popover.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  size,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  autoPlacement,\n  inline,\n  hide,\n  FloatingFocusManager,\n  useHover,\n  useFocus,\n  safePolygon,\n  useRole,\n  FloatingPortal,\n} from \"@floating-ui/react\";\nimport type { SizeOptions, Placement } from \"@floating-ui/react\";\nimport { Box } from \"../utils/components/Box\";\nimport {\n  cloneElementWithRef,\n  useControlledState,\n  useId,\n  useLayoutEffect,\n  useMergedRefs,\n} from \"../utils/index\";\nimport type { PolymorphicForwardRefComponent } from \"../utils/index\";\nimport { Portal } from \"../utils/components/Portal\";\nimport type { PortalProps } from \"../utils/components/Portal\";\nimport { ThemeProvider } from \"../ThemeProvider/ThemeProvider\";\n\ntype PopoverOptions = {\n  /**\n   * Placement of the popover content.\n   * @default 'bottom-start'\n   */\n  placement?: Placement;\n  /**\n   * Controlled flag for whether the popover is visible.\n   */\n  visible?: boolean;\n\n  /**\n   * Callback invoked every time the popover visibility changes as a result\n   * of internal logic. Should be used alongside `visible` prop.\n   */\n  onVisibleChange?: (visible: boolean) => void;\n  /**\n   * If true, the popover will close when clicking outside it.\n   *\n   * @default true\n   */\n  closeOnOutsideClick?: boolean;\n  /**\n   * Middleware options.\n   *\n   * By default, `flip` and `shift` are enabled.\n   *\n   * @see https://floating-ui.com/docs/middleware\n   */\n  middleware?: {\n    offset?: number;\n    flip?: boolean;\n    shift?: boolean;\n    autoPlacement?: boolean;\n    hide?: boolean;\n    inline?: boolean;\n  };\n};\n\n// keep public api small to start with\ntype PopoverInternalProps = {\n  /**\n   * autoUpdate options that recalculates position\n   * to ensure the floating element remains anchored\n   * to its reference element, such as when scrolling\n   * and resizing the screen\n   *\n   * https://floating-ui.com/docs/autoUpdate#options\n   */\n  autoUpdateOptions?: {\n    ancestorScroll?: boolean;\n    ancestorResize?: boolean;\n    elementResize?: boolean;\n    /**\n     * Use this if you want popover to follow moving trigger element\n     */\n    animationFrame?: boolean;\n    layoutShift?: boolean;\n  };\n  /**\n   * By default, the popover will only open on click.\n   * `hover` and `focus` can be manually specified as triggers.\n   */\n  trigger?: Partial<Record<\"hover\" | \"click\" | \"focus\", boolean>>;\n  role?: \"dialog\" | \"menu\" | \"listbox\";\n  /**\n   * Whether the popover should match the width of the trigger.\n   */\n  matchWidth?: boolean;\n};\n\n// ----------------------------------------------------------------------------\n\nexport const usePopover = (options: PopoverOptions & PopoverInternalProps) => {\n  const {\n    placement = \"bottom-start\",\n    visible,\n    onVisibleChange,\n    closeOnOutsideClick,\n    autoUpdateOptions,\n    matchWidth,\n    trigger = { click: true, hover: false, focus: false },\n    role,\n  } = options;\n\n  const middleware = { flip: true, shift: true, ...options.middleware };\n\n  const [open, onOpenChange] = useControlledState(\n    false,\n    visible,\n    onVisibleChange\n  );\n\n  const floating = useFloating({\n    placement,\n    open,\n    onOpenChange,\n    whileElementsMounted: (...args) => autoUpdate(...args, autoUpdateOptions),\n    middleware: [\n      middleware.offset !== undefined && offset(middleware.offset),\n      middleware.flip && flip(),\n      middleware.shift && shift(),\n      matchWidth &&\n        size({\n          apply: ({ rects }) => {\n            setReferenceWidth(rects.reference.width);\n          },\n        } as SizeOptions),\n      middleware.autoPlacement && autoPlacement(),\n      middleware.inline && inline(),\n      middleware.hide && hide(),\n    ].filter(Boolean),\n  });\n\n  const interactions = useInteractions([\n    useClick(floating.context, { enabled: !!trigger.click }),\n    useDismiss(floating.context, { outsidePress: closeOnOutsideClick }),\n    useHover(floating.context, {\n      enabled: !!trigger.hover,\n      delay: 100,\n      handleClose: safePolygon({ buffer: 1 }),\n    }),\n    useFocus(floating.context, { enabled: !!trigger.focus }),\n    useRole(floating.context, { role: \"dialog\", enabled: !!role }),\n  ]);\n\n  const [referenceWidth, setReferenceWidth] = React.useState<number>();\n\n  const getFloatingProps = React.useCallback(\n    (userProps?: React.HTMLProps<HTMLElement>) =>\n      interactions.getFloatingProps({\n        ...userProps,\n        style: {\n          ...floating.floatingStyles,\n          zIndex: 9999,\n          ...(matchWidth && referenceWidth\n            ? {\n                minInlineSize: `${referenceWidth}px`,\n                maxInlineSize: `min(${referenceWidth * 2}px, 90vw)`,\n              }\n            : {}),\n          ...userProps?.style,\n        },\n      }),\n    [floating.floatingStyles, interactions, matchWidth, referenceWidth]\n  );\n\n  return React.useMemo(\n    () => ({\n      open,\n      onOpenChange,\n      ...interactions,\n      getFloatingProps,\n      ...floating,\n    }),\n    [open, onOpenChange, interactions, getFloatingProps, floating]\n  );\n};\n\n// ----------------------------------------------------------------------------\n\ntype PopoverPublicProps = {\n  /**\n   * Content displayed inside the popover.\n   */\n  content?: React.ReactNode;\n  /**\n   * Element that triggers the popover. Should usually be a button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Whether the popover adds recommended CSS (background-color, box-shadow, etc.) to itself.\n   *\n   * @default false\n   */\n  applyBackground?: boolean;\n  /**\n   * This is used to position the popover relative to a different element than the trigger.\n   *\n   * Recommended to use state to store this element, rather than a ref.\n   */\n  positionReference?: HTMLElement;\n} & PortalProps &\n  PopoverOptions;\n\n/**\n * A utility component to help with positioning of floating content relative to a trigger.\n * Built on top of [`floating-ui`](https://floating-ui.com/).\n *\n * @see https://itwinui.bentley.com/docs/popover\n *\n * @example\n * <Popover content='This is a popover'>\n *   <Button>Show popover</Button>\n * </Popover>\n */\nexport const Popover = React.forwardRef((props, forwardedRef) => {\n  const {\n    portal = true,\n    //\n    // popover options\n    visible,\n    placement = \"bottom-start\",\n    onVisibleChange,\n    closeOnOutsideClick = true,\n    middleware,\n    //\n    // extra props\n    positionReference,\n    //\n    // dom props\n    className,\n    children,\n    content,\n    applyBackground = false,\n    ...rest\n  } = props;\n\n  const popover = usePopover({\n    visible,\n    placement,\n    onVisibleChange,\n    closeOnOutsideClick,\n    role: \"dialog\",\n    middleware,\n  });\n\n  const [popoverElement, setPopoverElement] = React.useState<HTMLElement>();\n\n  const popoverRef = useMergedRefs(\n    popover.refs.setFloating,\n    forwardedRef,\n    setPopoverElement\n  );\n\n  const triggerId = `${useId()}-trigger`;\n  const hasAriaLabel = !!props[\"aria-labelledby\"] || !!props[\"aria-label\"];\n\n  useLayoutEffect(() => {\n    if (!positionReference) {\n      return;\n    }\n    popover.refs.setPositionReference(positionReference);\n    return () => void popover.refs.setPositionReference(null);\n  }, [popover.refs, positionReference]);\n\n  return (\n    <>\n      {cloneElementWithRef(children, (children) => ({\n        id: children.props.id || triggerId,\n        ...popover.getReferenceProps(children.props),\n        ref: popover.refs.setReference,\n      }))}\n\n      {popover.open ? (\n        <Portal portal={portal}>\n          <FloatingPortal>\n            <ThemeProvider\n              portalContainer={popoverElement} // portal nested popovers into this one\n            >\n              <FloatingFocusManager\n                context={popover.context}\n                modal={false}\n                initialFocus={popover.refs.floating}\n              >\n                <Box\n                  className={cx(\n                    { \"iui-popover-surface\": applyBackground },\n                    className\n                  )}\n                  aria-labelledby={\n                    !hasAriaLabel\n                      ? popover.refs.domReference.current?.id\n                      : undefined\n                  }\n                  {...popover.getFloatingProps(rest)}\n                  ref={popoverRef}\n                >\n                  {content}\n                </Box>\n              </FloatingFocusManager>\n            </ThemeProvider>\n          </FloatingPortal>\n        </Portal>\n      ) : null}\n    </>\n  );\n}) as PolymorphicForwardRefComponent<\"div\", PopoverPublicProps>;\n"],"names":["usePopover","options","_options$placement","placement","visible","onVisibleChange","closeOnOutsideClick","autoUpdateOptions","matchWidth","_options$trigger","trigger","click","hover","focus","role","middleware","Object","assign","flip","shift","_useControlledState","useControlledState","_useControlledState2","_slicedToArray","open","onOpenChange","floating","useFloating","whileElementsMounted","_len","arguments","length","args","Array","_key","autoUpdate","apply","concat","undefined","offset","size","_ref","setReferenceWidth","rects","reference","width","autoPlacement","inline","hide","filter","Boolean","interactions","useInteractions","useClick","context","enabled","useDismiss","outsidePress","useHover","delay","handleClose","safePolygon","buffer","useFocus","useRole","_React$useState","React","useState","_React$useState2","referenceWidth","getFloatingProps","useCallback","userProps","style","floatingStyles","zIndex","minInlineSize","maxInlineSize","useMemo"],"mappings":"iwBAmHaA,EAAa,SAACC,GACzB,IAAAC,EASID,EARFE,UAAAA,OAAY,IAAHD,EAAG,eAAcA,EAC1BE,EAOEH,EAPFG,QACAC,EAMEJ,EANFI,gBACAC,EAKEL,EALFK,oBACAC,EAIEN,EAJFM,kBACAC,EAGEP,EAHFO,WAAUC,EAGRR,EAFFS,QAAAA,OAAU,IAAHD,EAAG,CAAEE,OAAO,EAAMC,OAAO,EAAOC,OAAO,GAAOJ,EACrDK,EACEb,EADFa,KAGIC,EAAUC,OAAAC,OAAA,CAAKC,MAAM,EAAMC,OAAO,GAASlB,EAAQc,YAEzDK,EAA6BC,GAC3B,EACAjB,EACAC,GACDiB,EAAAC,EAAAH,EAAA,GAJMI,EAAIF,EAAA,GAAEG,EAAYH,EAAA,GAMnBI,EAAWC,EAAY,CAC3BxB,UAAAA,EACAqB,KAAAA,EACAC,aAAAA,EACAG,qBAAsB,WAAA,IAAA,IAAAC,EAAAC,UAAAC,OAAIC,EAAIC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAAJF,EAAIE,GAAAJ,UAAAI,GAAA,OAAKC,EAAUC,WAAA,EAAIJ,EAAIK,OAAE9B,CAAAA,IAAkB,EACzEQ,WAAY,MACYuB,IAAtBvB,EAAWwB,QAAwBA,EAAOxB,EAAWwB,QACrDxB,EAAWG,MAAQA,IACnBH,EAAWI,OAASA,IACpBX,GACEgC,EAAK,CACHJ,MAAO,SAAAK,GACLC,EADaD,EAALE,MACgBC,UAAUC,MACpC,IAEJ9B,EAAW+B,eAAiBA,IAC5B/B,EAAWgC,QAAUA,IACrBhC,EAAWiC,MAAQA,KACnBC,OAAOC,WAGLC,EAAeC,EAAgB,CACnCC,EAAS3B,EAAS4B,QAAS,CAAEC,UAAW7C,EAAQC,QAChD6C,EAAW9B,EAAS4B,QAAS,CAAEG,aAAcnD,IAC7CoD,EAAShC,EAAS4B,QAAS,CACzBC,UAAW7C,EAAQE,MACnB+C,MAAO,IACPC,YAAaC,EAAY,CAAEC,OAAQ,MAErCC,EAASrC,EAAS4B,QAAS,CAAEC,UAAW7C,EAAQG,QAChDmD,EAAQtC,EAAS4B,QAAS,CAAExC,KAAM,SAAUyC,UAAWzC,MAGzDmD,EAA4CC,EAAMC,WAAkBC,EAAA7C,EAAA0C,EAAA,GAA7DI,EAAcD,EAAA,GAAE1B,EAAiB0B,EAAA,GAElCE,EAAmBJ,EAAMK,aAC7B,SAACC,GAAwC,OACvCrB,EAAamB,iBAAgBtD,OAAAC,OAAAD,OAAAC,OAAA,GACxBuD,GAAS,CACZC,MAAKzD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAS,EAASgD,gBAAc,CAC1BC,OAAQ,OACJnE,GAAc6D,EACd,CACEO,cAAavC,GAAAA,OAAKgC,EAAkB,MACpCQ,cAAaxC,OAAAA,OAA0B,EAAjBgC,EAAkB,cAE1C,CAAG,GACJG,aAAS,EAATA,EAAWC,YAGpB,CAAC/C,EAASgD,eAAgBvB,EAAc3C,EAAY6D,IAGtD,OAAOH,EAAMY,SACX,WAAA,kDACEtD,KAAAA,EACAC,aAAAA,GACG0B,GACH,CAAAmB,iBAAAA,IACG5C,EAAQ,GAEb,CAACF,EAAMC,EAAc0B,EAAcmB,EAAkB5C,GAEzD"}

package/dist/esm/src/components/Table/components/newComponents/ThemeProvider/ThemeContext.js

@@ -0,0 +1,2 @@
+import*as r from"react";var t=r.createContext(void 0);export{t as ThemeContext};
+//# sourceMappingURL=ThemeContext.js.map

package/dist/esm/src/components/Table/components/newComponents/ThemeProvider/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sources":["../../../../../../../../src/components/Table/components/newComponents/ThemeProvider/ThemeContext.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport type { ThemeOptions, ThemeType } from './ThemeProvider';\n\nexport const ThemeContext = React.createContext<\n  | {\n      theme?: ThemeType;\n      themeOptions?: ThemeOptions;\n      portalContainer?: HTMLElement | null;\n    }\n  | undefined\n>(undefined);\n"],"names":["ThemeContext","React","createContext","undefined"],"mappings":"wBAOO,IAAMA,EAAeC,EAAMC,mBAOhCC"}

package/dist/esm/src/components/Table/components/newComponents/Toast/Toaster.js

@@ -0,0 +1,2 @@
+import"react/jsx-runtime";import*as o from"react";import"classnames";import"../utils/functions/colors.js";import"../utils/functions/polymorphic.js";import"../../../../../../_virtual/_tslib.js";import"../utils/functions/dev.js";import"../utils/color/ColorValue.js";import"../utils/components/Box.js";import"../utils/components/ButtonBase.js";import"../../../../Tooltip/Tooltip.js";import"../../../../Icon/Icon.js";import"../../../../Icon/Icons/components/Close.js";var t=o.createContext(void 0);t.displayName="ToasterStateContext",o.createContext(void 0).displayName="ToasterDispatchContext";export{t as ToasterStateContext};
+//# sourceMappingURL=Toaster.js.map

package/dist/esm/src/components/Table/components/newComponents/Toast/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../../../../../../src/components/Table/components/newComponents/Toast/Toaster.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport { useSafeContext } from \"../utils/index\";\nimport { Box } from \"../utils/components/Box\";\nimport { Toast } from \"./Toast\";\nimport type { ToastCategory, ToastProps } from \"./Toast\";\n\nexport type ToasterSettings = {\n  /**\n   * Order of toasts.\n   * When set to 'descending', most recent toasts are on top. When set to 'ascending', most recent toasts are on bottom.\n   *\n   * When set to `auto`, it will behave like 'descending' when `placement` is set to a top value, otherwise 'ascending'.\n   *\n   * @default 'auto'\n   */\n  order: \"descending\" | \"ascending\" | \"auto\";\n  /**\n   * Placement of toasts.\n   * Changes placement of toasts. Start indicates left side of viewport. End - right side of viewport.\n   * @default 'top'\n   */\n  placement:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\";\n};\n\nexport type ToastOptions = Omit<\n  ToastProps,\n  \"category\" | \"isVisible\" | \"id\" | \"content\"\n>;\n\n// ----------------------------------------------------------------------------\n\nexport const useToaster = () => {\n  const dispatch = useSafeContext(ToasterDispatchContext);\n\n  return React.useMemo(() => {\n    const showToast =\n      (category: ToastCategory) =>\n      (content: React.ReactNode, options?: ToastOptions) => {\n        const id = nextId();\n\n        dispatch({\n          type: \"add\",\n          toast: { ...options, id, content, category },\n        });\n\n        return { close: () => dispatch({ type: \"remove\", id }) };\n      };\n\n    return {\n      positive: showToast(\"positive\"),\n      informational: showToast(\"informational\"),\n      negative: showToast(\"negative\"),\n      warning: showToast(\"warning\"),\n      closeAll: () => {\n        dispatch({ type: \"close-all\" });\n      },\n      setSettings: (settings: Partial<ToasterSettings>) => {\n        dispatch({ type: \"settings\", settings });\n      },\n    };\n  }, [dispatch]);\n};\n\n// ----------------------------------------------------------------------------\n\nexport const Toaster = () => {\n  const { toasts, settings } = useSafeContext(ToasterStateContext);\n\n  return (\n    <Box\n      className={cx(`iui-toast-wrapper`, `iui-placement-${settings.placement}`)}\n    >\n      {toasts.map((toastProps) => {\n        return <Toast key={toastProps.id} {...toastProps} />;\n      })}\n    </Box>\n  );\n};\n\n// ----------------------------------------------------------------------------\n\nexport const ToastProvider = ({ children }: { children: React.ReactNode }) => {\n  const [toasterState, dispatch] = React.useReducer(toastReducer, {\n    toasts: [],\n    settings: {\n      order: \"auto\",\n      placement: \"top\",\n    },\n  });\n\n  return (\n    <ToasterDispatchContext.Provider value={dispatch}>\n      <ToasterStateContext.Provider value={toasterState}>\n        {children}\n      </ToasterStateContext.Provider>\n    </ToasterDispatchContext.Provider>\n  );\n};\n\nconst toastReducer = (state: ToasterState, action: ToasterAction) => {\n  if (action.type === \"add\") {\n    let order = state.settings.order;\n    if (order === \"auto\") {\n      order = state.settings.placement.startsWith(\"top\")\n        ? \"descending\"\n        : \"ascending\";\n    }\n\n    return {\n      ...state,\n      toasts: [\n        ...(order === \"ascending\" ? state.toasts : []),\n        action.toast,\n        ...(order === \"descending\" ? state.toasts : []),\n      ],\n    };\n  }\n\n  if (action.type === \"remove\") {\n    return {\n      ...state,\n      toasts: state.toasts.filter((toast) => toast.id !== action.id),\n    };\n  }\n\n  if (action.type === \"close-all\") {\n    return {\n      ...state,\n      toasts: state.toasts.map((toast) => ({ ...toast, isVisible: false })),\n    };\n  }\n\n  if (action.type === \"settings\") {\n    return { ...state, settings: { ...state.settings, ...action.settings } };\n  }\n\n  return state;\n};\n\n// ----------------------------------------------------------------------------\n\nexport const ToasterStateContext = React.createContext<\n  ToasterState | undefined\n>(undefined);\nToasterStateContext.displayName = \"ToasterStateContext\";\n\ntype ToasterState = { toasts: ToastProps[]; settings: ToasterSettings };\n\n// ----------------------------------------------------------------------------\n\nconst ToasterDispatchContext = React.createContext<\n  React.Dispatch<ToasterAction> | undefined\n>(undefined);\nToasterDispatchContext.displayName = \"ToasterDispatchContext\";\n\ntype ToasterAction =\n  | { type: \"add\"; toast: ToastProps }\n  | { type: \"remove\"; id: number }\n  | { type: \"close-all\" }\n  | { type: \"settings\"; settings: Partial<ToasterSettings> };\n\n// ----------------------------------------------------------------------------\n\nconst nextId = (() => {\n  let count = 0;\n  return () => ++count;\n})();\n"],"names":["ToasterStateContext","React","createContext","undefined","displayName"],"mappings":"gdAwJO,IAAMA,EAAsBC,EAAMC,mBAEvCC,GACFH,EAAoBI,YAAc,sBAMHH,EAAMC,mBAEnCC,GACqBC,YAAc"}

package/dist/esm/src/components/Table/components/newComponents/pagination/Pagination.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as r,Fragment as i}from"react/jsx-runtime";import n from"lodash/range";import a from"prop-types";import t from"classnames";import s from"./useIdAllocator.js";import l from"../../../../Icon/Icons/components/DropdownChevronLeft.js";import c from"../../../../Icon/Icons/components/DropdownChevronRight.js";import d from"../../../../IconButton/IconButton.js";import m from"./Pagination.module.scss.js";import{getTotalNumPages as p,getCurrentRangeString as g,getRangeMaxString as u}from"./utils.js";import f from"../../../../Text/Text.js";var h=[10,25,50];function P(a){var P=a.id,b=a.className,v=a.itemsPerPage,C=void 0===v?h[0]:v,O=a.itemsPerPageOptions,j=void 0===O?h:O,w=a.onItemsPerPageOptionChange,I=a.currentPage,k=void 0===I?1:I,x=a.onCurrentPageOptionChange,A=a.numTotalItems,y=a.onBackArrowClick,N=a.shouldDisableBackArrow,S=a.onForwardArrowClick,B=a.shouldDisableForwardArrow,D=e(a,["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow"]),T=s({prefix:"lg-pagination-items-per-page-label",id:P}),F=s({prefix:"lg-pagination-items-per-page-select",id:P}),L=void 0!==N?N:void 0!==A&&1>=k,R=void 0!==B?B:void 0!==A&&k>=p(A,C);(1>k||A&&p(A,C)<k)&&console.error("Value of the 'currentPage' prop is invalid."),j.includes(C)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.");return o("div",Object.assign({className:t(m.baseStyles,b)},D,{children:[r("div",Object.assign({className:m.flexSectionStyles},{children:void 0!==w&&o(i,{children:[r(f,{children:"Items per page:"}),r("select",Object.assign({onChange:function(e){null==w||w(parseInt(e.target.value,10))},"aria-labelledby":T,value:C+"",id:F},{children:j.map((function(e){return r("option",Object.assign({value:e+""},{children:e}),e)}))}))]})})),r("div",Object.assign({className:m.flexSectionStyles},{children:o(f,{children:[g(C,k,A)," of"," ",u(A)]})})),o("div",Object.assign({className:m.flexSectionStyles},{children:[void 0!==x&&A?o(i,{children:[r("select",Object.assign({"aria-label":"Set current page",onChange:function(e){null==x||x(parseInt(e.target.value,10))},value:k+"","data-testid":"lg-pagination-page-select"},{children:n(1,p(A,C)+1).map((function(e){return r("option",Object.assign({value:e+""},{children:e}),e)}))})),o(f,{children:["of ",p(A,C)]})]}):o(f,{children:[k," of"," ",A?p(A,C):"many"]}),r(d,{ariaLabel:"Previous page",disabled:L,onClick:y,size:"small","data-testid":"lg-pagination-back-button",icon:l}),r(d,{ariaLabel:"Next page",disabled:R,onClick:S,"data-testid":"lg-pagination-next-button",size:"small",icon:c})]}))]}))}P.propTypes={onBackArrowClick:a.func.isRequired,onForwardArrowClick:a.func.isRequired,numTotalItems:a.number,onCurrentPageOptionChange:a.func,currentPage:a.number,onItemsPerPageOptionChange:a.func,itemsPerPageOptions:a.arrayOf(a.number),itemsPerPage:a.number},P.displayName="Pagination";export{P as default};
+//# sourceMappingURL=Pagination.js.map

package/dist/esm/src/components/Table/components/newComponents/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../../../../../src/components/Table/components/newComponents/pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport range from \"lodash/range\";\nimport PropTypes from \"prop-types\";\nimport cx from \"classnames\";\nimport useIdAllocator from \"./useIdAllocator\";\nimport DropdownChevronLeft from \"../../../../Icon/Icons/components/DropdownChevronLeft\";\nimport DropdownChevronRight from \"../../../../Icon/Icons/components/DropdownChevronRight\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport styles from \"./Pagination.module.scss\";\nimport { PaginationProps } from \"./Pagination.types\";\nimport {\n  getCurrentRangeString,\n  getRangeMaxString,\n  getTotalNumPages,\n} from \"./utils\";\nimport Text from \"../../../../Text/Text\";\n\nconst DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 25, 50];\n\nfunction Pagination<T extends number>({\n  id: idProp,\n  className,\n  itemsPerPage = DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T,\n  itemsPerPageOptions = DEFAULT_ITEMS_PER_PAGE_OPTIONS as Array<T>,\n  onItemsPerPageOptionChange,\n  currentPage = 1,\n  onCurrentPageOptionChange,\n  numTotalItems,\n  onBackArrowClick,\n  shouldDisableBackArrow,\n  onForwardArrowClick,\n  shouldDisableForwardArrow,\n  ...rest\n}: PaginationProps<T>) {\n  const itemsPerPageLabelId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-label\",\n    id: idProp,\n  });\n  const itemsPerPageSelectId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-select\",\n    id: idProp,\n  });\n  const shouldDisableBackButton =\n    shouldDisableBackArrow !== undefined\n      ? shouldDisableBackArrow\n      : numTotalItems !== undefined && currentPage <= 1;\n  const shouldDisableForwardButton =\n    shouldDisableForwardArrow !== undefined\n      ? shouldDisableForwardArrow\n      : numTotalItems !== undefined &&\n        currentPage >= getTotalNumPages(numTotalItems, itemsPerPage);\n\n  if (\n    currentPage < 1 ||\n    (numTotalItems &&\n      getTotalNumPages(numTotalItems, itemsPerPage) < currentPage)\n  ) {\n    console.error(`Value of the 'currentPage' prop is invalid.`);\n  }\n\n  if (!itemsPerPageOptions.includes(itemsPerPage)) {\n    console.error(\n      `Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.`\n    );\n  }\n\n  const handleItemsPerPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10) as T;\n    onItemsPerPageOptionChange?.(value);\n  };\n\n  const handleCurrentPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10);\n    onCurrentPageOptionChange?.(value);\n  };\n\n  return (\n    <div className={cx(styles.baseStyles, className)} {...rest}>\n      <div className={styles.flexSectionStyles}>\n        {onItemsPerPageOptionChange !== undefined && (\n          <>\n            <Text>Items per page:</Text>\n            <select\n              onChange={handleItemsPerPageChange}\n              aria-labelledby={itemsPerPageLabelId}\n              value={String(itemsPerPage)}\n              id={itemsPerPageSelectId}\n            >\n              {itemsPerPageOptions.map((option: number) => (\n                <option key={option} value={String(option)}>\n                  {option}\n                </option>\n              ))}\n            </select>\n          </>\n        )}\n      </div>\n      <div className={styles.flexSectionStyles}>\n        <Text>\n          {getCurrentRangeString(itemsPerPage, currentPage, numTotalItems)} of{\" \"}\n          {getRangeMaxString(numTotalItems)}\n        </Text>\n      </div>\n      <div className={styles.flexSectionStyles}>\n        {onCurrentPageOptionChange !== undefined && numTotalItems ? (\n          <>\n            <select\n              aria-label=\"Set current page\"\n              onChange={handleCurrentPageChange}\n              value={String(currentPage)}\n              data-testid=\"lg-pagination-page-select\"\n            >\n              {range(1, getTotalNumPages(numTotalItems, itemsPerPage) + 1).map(\n                (pageNumber: number) => {\n                  return (\n                    <option key={pageNumber} value={String(pageNumber)}>\n                      {pageNumber}\n                    </option>\n                  );\n                }\n              )}\n            </select>\n            <Text>of {getTotalNumPages(numTotalItems, itemsPerPage)}</Text>\n          </>\n        ) : (\n          <Text>\n            {currentPage} of{\" \"}\n            {numTotalItems\n              ? getTotalNumPages(numTotalItems, itemsPerPage)\n              : \"many\"}\n          </Text>\n        )}\n        <IconButton\n          ariaLabel=\"Previous page\"\n          disabled={shouldDisableBackButton}\n          onClick={onBackArrowClick}\n          size=\"small\"\n          data-testid=\"lg-pagination-back-button\"\n          icon={DropdownChevronLeft}\n        />\n        <IconButton\n          ariaLabel=\"Next page\"\n          disabled={shouldDisableForwardButton}\n          onClick={onForwardArrowClick}\n          data-testid=\"lg-pagination-next-button\"\n          size=\"small\"\n          icon={DropdownChevronRight}\n        />\n      </div>\n    </div>\n  );\n}\n\nPagination.propTypes = {\n  onBackArrowClick: PropTypes.func.isRequired,\n  onForwardArrowClick: PropTypes.func.isRequired,\n  numTotalItems: PropTypes.number,\n  onCurrentPageOptionChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  onItemsPerPageOptionChange: PropTypes.func,\n  itemsPerPageOptions: PropTypes.arrayOf(PropTypes.number),\n  itemsPerPage: PropTypes.number,\n};\n\nPagination.displayName = \"Pagination\";\n\nexport default Pagination;\n"],"names":["DEFAULT_ITEMS_PER_PAGE_OPTIONS","Pagination","_a","idProp","id","className","_a$itemsPerPage","itemsPerPage","_a$itemsPerPageOption","itemsPerPageOptions","onItemsPerPageOptionChange","_a$currentPage","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","rest","__rest","itemsPerPageLabelId","useIdAllocator","prefix","itemsPerPageSelectId","shouldDisableBackButton","undefined","shouldDisableForwardButton","getTotalNumPages","console","error","includes","_jsxs","Object","assign","cx","styles","baseStyles","children","_jsx","flexSectionStyles","_Fragment","Text","onChange","event","parseInt","target","value","String","map","option","getCurrentRangeString","getRangeMaxString","range","pageNumber","IconButton","ariaLabel","disabled","onClick","size","icon","DropdownChevronLeft","DropdownChevronRight","propTypes","PropTypes","func","isRequired","number","arrayOf","displayName"],"mappings":"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"}

package/dist/esm/src/components/Table/components/newComponents/pagination/Pagination.module.scss.js

@@ -0,0 +1,2 @@
+var e={baseStyles:"baseStyles_168d9bc25d",flexSectionStyles:"flexSectionStyles_5edb66d659"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-545f0401fd79_0_0_82-table-tanstack";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".baseStyles_168d9bc25d {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  gap: 16px;\n}\n.baseStyles_168d9bc25d > div:first-child {\n  justify-content: flex-start;\n}\n.baseStyles_168d9bc25d > div:last-child {\n  justify-content: flex-end;\n}\n.flexSectionStyles_5edb66d659 {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}");export{e as default};
+//# sourceMappingURL=Pagination.module.scss.js.map

package/dist/esm/src/components/Table/components/newComponents/pagination/Pagination.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Table/components/newComponents/pagination/index.js

@@ -0,0 +1,2 @@
+import o from"./Pagination.js";export{default}from"./Pagination.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Table/components/newComponents/pagination/index.js.map

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

package/dist/esm/src/components/Table/components/newComponents/pagination/useIdAllocator.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as i,useEffect as l}from"react";var n=0;function t(t){return function(t){var e=t.id,o=t.prefix,a=i(e),u=r(a,2),c=u[0],f=u[1];return l((function(){null==c&&f(n+=1)}),[c,o]),e||"".concat(null!=o?o:"lg","-").concat(c)}({id:t.id,prefix:t.prefix})}export{t as default};
+//# sourceMappingURL=useIdAllocator.js.map

package/dist/esm/src/components/Table/components/newComponents/pagination/useIdAllocator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdAllocator.js","sources":["../../../../../../../../src/components/Table/components/newComponents/pagination/useIdAllocator.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\ninterface Params {\n  prefix?: string;\n  id?: string;\n}\n\nlet globalId = 0;\n\nfunction useGlobalId({ id: idOverride, prefix }: Params): string {\n  const [defaultId, setDefaultId] = useState<string | number | undefined>(\n    idOverride\n  );\n\n  useEffect(() => {\n    if (defaultId == null) {\n      globalId += 1;\n      setDefaultId(globalId);\n    }\n  }, [defaultId, prefix]);\n\n  return idOverride ? idOverride : `${prefix ?? \"lg\"}-${defaultId}`;\n}\n\nexport default function useId({ prefix, id: idOverride }: Params): string {\n  return useGlobalId({ id: idOverride, prefix });\n}\n"],"names":["globalId","useId","_ref2","_ref","idOverride","id","prefix","_useState","useState","_useState2","_slicedToArray","defaultId","setDefaultId","useEffect","concat","useGlobalId"],"mappings":"wIAOA,IAAIA,EAAW,EAiBD,SAAUC,EAAKC,GAC3B,OAhBF,SAAoBC,GAAmC,IAA5BC,EAAUD,EAAdE,GAAgBC,EAAMH,EAANG,OACrCC,EAAkCC,EAChCJ,GACDK,EAAAC,EAAAH,EAAA,GAFMI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAW9B,OAPAI,GAAU,WACS,MAAbF,GAEFC,EADAZ,GAAY,EAGhB,GAAG,CAACW,EAAWL,IAERF,GAAuB,GAAAU,OAAMR,QAAAA,EAAU,KAAIQ,KAAAA,OAAIH,EACxD,CAGSI,CAAY,CAAEV,GAD+BH,EAAdG,GACDC,OADDJ,EAANI,QAEhC"}

package/dist/esm/src/components/Table/components/newComponents/pagination/utils.js

@@ -0,0 +1,2 @@
+var n=function(n,t,c){return"".concat(n*(t-1)+1," - ").concat(Math.min(n*t,null!=c?c:n*t))},t=function(n){return n?"".concat(n," items"):"many"},c=function(n,t){return Math.ceil(n/t)};export{n as getCurrentRangeString,t as getRangeMaxString,c as getTotalNumPages};
+//# sourceMappingURL=utils.js.map

package/dist/esm/src/components/Table/components/newComponents/pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../../src/components/Table/components/newComponents/pagination/utils.ts"],"sourcesContent":["export const getCurrentRangeString = (\n  itemsPerPage: number,\n  currentPage: number,\n  numTotalItems?: number\n) => {\n  return `${itemsPerPage * (currentPage - 1) + 1} - ${Math.min(\n    itemsPerPage * currentPage,\n    numTotalItems ?? itemsPerPage * currentPage\n  )}`;\n};\n\nexport const getRangeMaxString = (numTotalItems?: number) => {\n  return numTotalItems ? `${numTotalItems} items` : \"many\";\n};\n\nexport const getTotalNumPages = (numItems: number, itemsPerPage: number) => {\n  return Math.ceil(numItems / itemsPerPage);\n};\n"],"names":["getCurrentRangeString","itemsPerPage","currentPage","numTotalItems","concat","Math","min","getRangeMaxString","getTotalNumPages","numItems","ceil"],"mappings":"AAAO,IAAMA,EAAwB,SACnCC,EACAC,EACAC,GAEA,MAAA,GAAAC,OAAUH,GAAgBC,EAAc,GAAK,EAACE,OAAAA,OAAMC,KAAKC,IACvDL,EAAeC,EACfC,QAAAA,EAAiBF,EAAeC,GAEpC,EAEaK,EAAoB,SAACJ,GAChC,OAAOA,EAAaC,GAAAA,OAAMD,YAAwB,MACpD,EAEaK,EAAmB,SAACC,EAAkBR,GACjD,OAAOI,KAAKK,KAAKD,EAAWR,EAC9B"}

package/dist/esm/src/components/Table/components/newComponents/utils/color/ColorValue.js

@@ -0,0 +1,2 @@
+var r=new Uint8Array(4);new Uint32Array(r.buffer);
+//# sourceMappingURL=ColorValue.js.map

package/dist/esm/src/components/Table/components/newComponents/utils/color/ColorValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorValue.js","sources":["../../../../../../../../../src/components/Table/components/newComponents/utils/color/ColorValue.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { getBoundedValue } from \"../functions/numbers\";\n\n// portions adapted from Three.js Copyright © 2010-2017 three.js authors\n\nconst scratchBytes = new Uint8Array(4);\nconst scratchUInt32 = new Uint32Array(scratchBytes.buffer);\n\n/**\n * A color defined by Red, Green, and Blue\n */\nexport type RgbColor = {\n  /** 0-255 */\n  r: number;\n  /** 0-255 */\n  g: number;\n  /** 0-255 */\n  b: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * A color defined by Hue, Saturation, and Lightness.\n */\nexport type HslColor = {\n  /** 0-360 */\n  h: number;\n  /** 0-100 */\n  s: number;\n  /** 0-100 */\n  l: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * A color defined by Hue, Saturation, and Value\n */\nexport type HsvColor = {\n  /** 0-360 */\n  h: number;\n  /** 0-100 */\n  s: number;\n  /** 0-100 */\n  v: number;\n  /** 0-1 */\n  a?: number;\n};\n\n/**\n * All supported color specifications.\n */\nexport type ColorType = string | RgbColor | HslColor | HsvColor;\n\n/**\n * isRgbValue type guard.\n */\nexport const isRgbColor = (value: ColorType): value is RgbColor => {\n  return (\n    typeof value !== \"string\" && \"r\" in value && \"g\" in value && \"b\" in value\n  );\n};\n\n/**\n * isHslValue type guard.\n */\nexport const isHslColor = (value: ColorType): value is HslColor => {\n  return (\n    typeof value !== \"string\" && \"h\" in value && \"s\" in value && \"l\" in value\n  );\n};\n\n/**\n * isHsvValue type guard.\n */\nexport const isHsvColor = (value: ColorType): value is HsvColor => {\n  return (\n    typeof value !== \"string\" && \"h\" in value && \"s\" in value && \"v\" in value\n  );\n};\n\n/**\n * An immutable integer representation of a color.\n *\n * Colors are stored as 4 components: Red, Blue, Green, and Transparency (0=fully opaque). Each is an 8-bit integer between 0-255.\n * ColorValue uses `0xTTBBGGRR` (red in the low byte. 0==fully opaque in high byte) internally, but it also provides methods\n * to return colors in popular web formats.\n *\n * The `create` method accepts any ColorType format.\n *\n * @public\n */\nexport class ColorValue {\n  private readonly _tbgr: number;\n\n  /** hue value provided by user */\n  private readonly _hue?: number;\n\n  private constructor(tbgr: number, hue?: number) {\n    scratchUInt32[0] = tbgr; // Force to be a 32-bit unsigned integer\n    this._tbgr = scratchUInt32[0];\n    this._hue = hue;\n  }\n\n  /**\n   * Create a new ColorValue.\n   * @param val value to use.\n   *\n   * If a string, must be in one of the following forms:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   */\n  public static create(val?: ColorType): ColorValue {\n    if (!val) {\n      return ColorValue.fromTbgr(0);\n    }\n\n    if (isRgbColor(val)) {\n      return ColorValue.fromRGB(val);\n    }\n    if (isHslColor(val)) {\n      return ColorValue.fromHSL(val);\n    }\n    if (isHsvColor(val)) {\n      return ColorValue.fromHSV(val);\n    }\n    if (typeof val === \"string\") {\n      return ColorValue.fromString(val, ColorValue.fromTbgr(0));\n    }\n    return ColorValue.fromTbgr(0);\n  }\n\n  /**\n   * Convert this ColorValue to an unsigned 32 bit integer representing the 0xTTBBGGRR value\n   */\n  public toTbgr(): number {\n    return this._tbgr;\n  }\n\n  /**\n   * Create a ColorValue from its 0xTTBBGGRR representation.\n   */\n  public static fromTbgr(tbgr: number): ColorValue {\n    return new ColorValue(tbgr);\n  }\n\n  /**\n   * Create a ColorValue from Red, Green, Blue, Transparency values. All inputs should be integers between 0-255.\n   */\n  private static fromRgbt(\n    red: number,\n    green: number,\n    blue: number,\n    transparency?: number\n  ): ColorValue {\n    return this.fromTbgr(\n      this.computeTbgrFromComponents(red, green, blue, transparency)\n    );\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR value corresponding to the specified Red, Green, Blue, Transparency components.\n   *  All inputs should be integers between 0-255.\n   */\n  private static computeTbgrFromComponents(\n    red: number,\n    green: number,\n    blue: number,\n    transparency?: number\n  ): number {\n    scratchBytes[0] = red;\n    scratchBytes[1] = green;\n    scratchBytes[2] = blue;\n    scratchBytes[3] = transparency || 0;\n    return scratchUInt32[0];\n  }\n\n  /**\n   * Create a ColorValue from a string representation. The following representations are supported:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   * NOTE: If defaultColorIfNotParsed is not defined and string is invalid then error is thrown.\n   * This allows component builders to know if they received bad input from user.\n   */\n  public static fromString(\n    val: string,\n    defaultColorIfNotParsed?: ColorValue\n  ): ColorValue {\n    const [tbgr, hue] = this.computeTbgrFromString(\n      val,\n      defaultColorIfNotParsed?.toTbgr()\n    );\n    return new ColorValue(tbgr, hue);\n  }\n\n  /** Create a ColorValue from hue, saturation, lightness values.  */\n  private static fromHSL(hsl: HslColor): ColorValue {\n    const alpha = hsl.a ?? 1;\n    return new ColorValue(\n      this.computeTbgrFromHSL(\n        hsl.h / 360,\n        hsl.s / 100,\n        hsl.l / 100,\n        Math.round((1 - alpha) * 255)\n      ),\n      hsl.h\n    );\n  }\n\n  /** Create a ColorValue from an RgbColor */\n  private static fromRGB(rgb: RgbColor): ColorValue {\n    const alpha = rgb.a ?? 1;\n    return ColorValue.fromRgbt(\n      rgb.r,\n      rgb.g,\n      rgb.b,\n      Math.round((1 - alpha) * 255)\n    );\n  }\n\n  /**\n   * Create a ColorValue from an HsvColor\n   */\n  private static fromHSV(hsv: HsvColor): ColorValue {\n    const alpha = hsv.a ?? 1;\n    const transparency = Math.round((1 - alpha) * 255);\n\n    // Check for simple case first.\n    if (!hsv.s || hsv.h === -1) {\n      // hue must be undefined, have no color only white\n      const white = 0xff & Math.floor((255.0 * hsv.v) / 100.0 + 0.5 + 3.0e-14);\n      return ColorValue.fromRgbt(white, white, white, 0);\n    }\n\n    let dhue = hsv.h,\n      dsaturation = hsv.s,\n      dvalue = hsv.v;\n    if (dhue === 360) {\n      dhue = 0.0;\n    }\n\n    dhue /= 60; // hue is now [0..6]\n    const hueIntpart = Math.floor(dhue); // convert double -> int\n    const hueFractpart = dhue - hueIntpart;\n    dvalue /= 100;\n    dsaturation /= 100;\n\n    const p = 0xff & Math.floor(dvalue * (1.0 - dsaturation) * 255.0 + 0.5);\n    const q =\n      0xff &\n      Math.floor(dvalue * (1.0 - dsaturation * hueFractpart) * 255.0 + 0.5);\n    const t =\n      0xff &\n      Math.floor(\n        dvalue * (1.0 - dsaturation * (1.0 - hueFractpart)) * 255.0 + 0.5\n      );\n    const v = 0xff & Math.floor(dvalue * 255 + 0.5);\n\n    let r = 0,\n      b = 0,\n      g = 0;\n    switch (hueIntpart) {\n      case 0:\n        r = v;\n        g = t;\n        b = p;\n        break; // reddish\n      case 1:\n        (r = q), (g = v);\n        b = p;\n        break; // yellowish\n      case 2:\n        (r = p), (g = v);\n        b = t;\n        break; // greenish\n      case 3:\n        (r = p), (g = q);\n        b = v;\n        break; // cyanish\n      case 4:\n        (r = t), (g = p);\n        b = v;\n        break; // bluish\n      case 5:\n        (r = v), (g = p);\n        b = q;\n        break; // magenta-ish\n    }\n\n    return new ColorValue(\n      ColorValue.computeTbgrFromComponents(r, g, b, transparency),\n      hsv.h\n    );\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR value corresponding to a string representation of a color. The following representations are supported:\n   * *\"rgb(255,0,0)\"*\n   * *\"rgba(255,0,0,.2)\"*\n   * *\"rgb(100%,0%,0%)\"*\n   * *\"hsl(120,50%,50%)\"*\n   * *\"#rrggbb\"*\n   */\n  private static computeTbgrFromString(\n    val: string,\n    defaultColorIfNotParsed?: number\n  ): [number, number | undefined] {\n    val = val.toLowerCase();\n    let m = /^((?:rgb|hsl)a?)\\(([^\\)]*)\\)/.exec(val);\n    if (m) {\n      // rgb / hsl\n      let color;\n      const name = m[1];\n      const components = m[2];\n\n      const hasPercent = (str: string) => str[str.length - 1] === \"%\";\n      const floatOrPercent = (str: string) => {\n        const v = parseFloat(str);\n        return 255 * getBoundedValue(hasPercent(str) ? v / 100 : v, 0, 1);\n      };\n      const intOrPercent = (str: string) => {\n        const v = hasPercent(str)\n          ? (parseFloat(str) / 100) * 255\n          : parseInt(str, 10);\n        return getBoundedValue(v, 0, 255);\n      };\n\n      switch (name) {\n        case \"rgb\":\n        case \"rgba\":\n          color =\n            /^(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?$/.exec(\n              components\n            );\n          if (color) {\n            // rgb(255,0,0) rgba(255,0,0,0.5)\n            return [\n              this.computeTbgrFromComponents(\n                intOrPercent(color[1]),\n                intOrPercent(color[2]),\n                intOrPercent(color[3]),\n                typeof color[4] === \"string\"\n                  ? 255 - floatOrPercent(color[4])\n                  : 0\n              ),\n              undefined,\n            ];\n          }\n\n          break;\n        case \"hsl\":\n        case \"hsla\":\n          color =\n            /^(\\d*\\.?\\d+)\\s*,\\s*(\\d+)\\%\\s*,\\s*(\\d+)\\%\\s*(?:,\\s*(\\d*\\.?\\d+)\\s*)?$/.exec(\n              components\n            );\n          if (color) {\n            // hsl(120,50%,50%) hsla(120,50%,50%,0.5)\n            const h = parseFloat(color[1]);\n            const s = parseInt(color[2], 10) / 100;\n            const l = parseInt(color[3], 10) / 100;\n            const t =\n              typeof color[4] === \"string\" ? 255 - floatOrPercent(color[4]) : 0;\n            return [this.computeTbgrFromHSL(h / 360, s, l, t), h];\n          }\n\n          break;\n      }\n      // eslint-disable-next-line no-cond-assign\n    } else if ((m = /^\\#([A-Fa-f\\d]+)$/.exec(val))) {\n      // hex color\n      const hex = m[1];\n      const size = hex.length;\n\n      if (size === 3) {\n        // #ff0\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(0), 16),\n            parseInt(hex.charAt(1) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(2), 16),\n            0\n          ),\n          undefined,\n        ];\n      }\n      if (size === 6) {\n        // #ff0000\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(3), 16),\n            parseInt(hex.charAt(4) + hex.charAt(5), 16),\n            0\n          ),\n          undefined,\n        ];\n      }\n      if (size === 8) {\n        // #ff0000ff\n        return [\n          this.computeTbgrFromComponents(\n            parseInt(hex.charAt(0) + hex.charAt(1), 16),\n            parseInt(hex.charAt(2) + hex.charAt(3), 16),\n            parseInt(hex.charAt(4) + hex.charAt(5), 16),\n            255 - parseInt(hex.charAt(6) + hex.charAt(7), 16)\n          ),\n          undefined,\n        ];\n      }\n    }\n\n    if (defaultColorIfNotParsed) {\n      return [defaultColorIfNotParsed, undefined];\n    }\n    throw new Error(\"unable to parse string into ColorValue\");\n  }\n\n  /**\n   * Get the r,g,b,t values encoded in an 0xTTBBGGRR value. Values will be integers between 0-255.\n   */\n  private static getColors(tbgr: number) {\n    scratchUInt32[0] = tbgr;\n    return {\n      b: scratchBytes[2],\n      g: scratchBytes[1],\n      r: scratchBytes[0],\n      t: scratchBytes[3],\n    };\n  }\n\n  /**\n   * Get the RGB value of the 0xTTBBGGRR color as a number in 0xRRGGBB or 0xRRGGBBAA format\n   */\n  private getRgb(includeAlpha?: boolean): number {\n    scratchUInt32[0] = this._tbgr;\n    if (includeAlpha) {\n      return (\n        (scratchBytes[0] << 24) +\n        (scratchBytes[1] << 16) +\n        (scratchBytes[2] << 8) +\n        (255 - scratchBytes[3])\n      );\n    }\n\n    return (scratchBytes[0] << 16) + (scratchBytes[1] << 8) + scratchBytes[2];\n  }\n\n  /**\n   * Get the alpha value for this ColorDef. Will be between 0-255\n   */\n  public getAlpha(): number {\n    return ColorValue.getAlpha(this._tbgr);\n  }\n\n  /**\n   * Extract the alpha value from a 0xTTBBGGRR color.\n   */\n  private static getAlpha(tbgr: number): number {\n    scratchUInt32[0] = tbgr;\n    return 255 - scratchBytes[3];\n  }\n\n  /**\n   * Convert this ColorValue to a string in the form \"#rrggbb\" or \"#rrggbbaa\" where values are hex digits of the respective colors\n   */\n  public toHexString(includeAlpha?: boolean): string {\n    if (includeAlpha) {\n      let value = this.getRgb(includeAlpha);\n      if (value < 0) {\n        value = 0xffffffff + value + 1;\n      }\n      return `#${`00000000${value.toString(16)}`.slice(-8)}`;\n    }\n    return `#${`000000${this.getRgb().toString(16)}`.slice(-6)}`;\n  }\n\n  /**\n   * Compute the 0xTTBBGGRR color corresponding to the specified hue, saturation, lightness values.\n   */\n  private static computeTbgrFromHSL(\n    /** 0-1 */\n    h: number,\n    /** 0-1 */\n    s: number,\n    /** 0-1 */\n    l: number,\n    transparency = 0\n  ): number {\n    const torgb = (p1: number, q1: number, t: number) => {\n      if (t < 0) {\n        t += 1;\n      }\n      if (t > 1) {\n        t -= 1;\n      }\n      if (t < 1 / 6) {\n        return p1 + (q1 - p1) * 6 * t;\n      }\n      if (t < 1 / 2) {\n        return q1;\n      }\n      if (t < 2 / 3) {\n        return p1 + (q1 - p1) * 6 * (2 / 3 - t);\n      }\n      return p1;\n    };\n\n    const hue2rgb = (p1: number, q1: number, t: number) =>\n      Math.round(torgb(p1, q1, t) * 255);\n    const modulo = (n: number, m: number) => ((n % m) + m) % m;\n\n    // h,s,l ranges are in 0.0 - 1.0\n    h = modulo(h, 1);\n    s = getBoundedValue(s, 0, 1);\n    l = getBoundedValue(l, 0, 1);\n\n    if (s === 0) {\n      l *= 255;\n      return this.computeTbgrFromComponents(l, l, l, transparency);\n    }\n\n    const p = l <= 0.5 ? l * (1 + s) : l + s - l * s;\n    const q = 2 * l - p;\n    return this.computeTbgrFromComponents(\n      hue2rgb(q, p, h + 1 / 3),\n      hue2rgb(q, p, h),\n      hue2rgb(q, p, h - 1 / 3),\n      transparency\n    );\n  }\n\n  /**\n   * Return HslColor from this ColorValue\n   */\n  public toHslColor(): HslColor {\n    return {\n      ...ColorValue.toHsl(this._tbgr),\n      ...(this._hue != undefined && { h: this._hue }),\n    };\n  }\n\n  /** Create an HslColor from this ColorValue */\n  private static toHsl(tbgr: number): HslColor {\n    const { r, g, b } = ColorValue.getColors(tbgr);\n    const red = r / 255;\n    const green = g / 255;\n    const blue = b / 255;\n    const cMin = Math.min(red, green, blue);\n    const cMax = Math.max(red, green, blue);\n    const delta = cMax - cMin;\n    let hue = 0;\n    let saturation = 0;\n\n    if (0 === delta) {\n      hue = 0;\n    } else if (red === cMax) {\n      hue = ((green - blue) / delta) % 6;\n    } else if (green === cMax) {\n      hue = (blue - red) / delta + 2;\n    } else {\n      hue = (red - green) / delta + 4;\n    }\n\n    hue = Math.round(hue * 60);\n    if (hue < 0) {\n      hue += 360;\n    }\n\n    let lightness = (cMax + cMin) / 2;\n    saturation = 0 === delta ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n    // round values to 1 decimal place\n    saturation = Number((saturation * 100).toFixed(1));\n    lightness = Number((lightness * 100).toFixed(1));\n\n    return {\n      h: hue,\n      s: saturation,\n      l: lightness,\n      a: this.getAlpha(tbgr) / 255,\n    };\n  }\n\n  /**\n   * Create an RgbColor from this ColorValue\n   */\n  public toRgbColor(): RgbColor {\n    const { r, g, b } = ColorValue.getColors(this._tbgr);\n    return { r, g, b, a: this.getAlpha() / 255 };\n  }\n\n  /**\n   * Return HsvColor from this ColorValue\n   */\n  public toHsvColor(): HsvColor {\n    return {\n      ...ColorValue.toHsv(this._tbgr),\n      ...(this._hue != undefined && { h: this._hue }),\n    };\n  }\n\n  /**\n   * Create an HsvColor from this ColorValue\n   */\n  private static toHsv(tbgr: number): HsvColor {\n    const { r, g, b } = ColorValue.getColors(tbgr);\n    const red = r / 255;\n    const green = g / 255;\n    const blue = b / 255;\n    const cMin = Math.min(red, green, blue);\n    const cMax = Math.max(red, green, blue);\n    const delta = cMax - cMin;\n    let hue = 0;\n\n    if (0 === delta) {\n      hue = 0;\n    } else if (red === cMax) {\n      hue = ((green - blue) / delta) % 6;\n    } else if (green === cMax) {\n      hue = (blue - red) / delta + 2;\n    } else {\n      hue = (red - green) / delta + 4;\n    }\n\n    hue = Math.round(hue * 60);\n    if (hue < 0) {\n      hue += 360;\n    }\n\n    let brightness = cMax;\n    let saturation = cMax === 0 ? 0 : delta / cMax;\n\n    // round values to 1 decimal place\n    saturation = Number((saturation * 100).toFixed(1));\n    brightness = Number((brightness * 100).toFixed(1));\n\n    return {\n      h: hue,\n      s: saturation,\n      v: brightness,\n      a: this.getAlpha(tbgr) / 255,\n    };\n  }\n\n  /** True if the value of this ColorValue is the same as another ColorValue. */\n  public equals(other: ColorValue): boolean {\n    return this._tbgr === other._tbgr;\n  }\n\n  public static getFormattedColorNumber(value: number, precision = 1) {\n    if (0 === precision) {\n      Math.round(value).toString();\n    }\n    return Number(value.toFixed(precision)).toString();\n  }\n\n  /** Convert the 0xTTBBGGRR color to a string of the form \"rgba(r,g,b,a)\" where the color components are specified in decimal and the alpha component is a fraction. */\n  public toRgbString(includeAlpha?: boolean): string {\n    const rgb = this.toRgbColor();\n    const rgbString = `${rgb.r}, ${rgb.g}, ${rgb.b}`;\n\n    if (includeAlpha) {\n      const alpha = rgb.a ?? 1;\n      return `rgba(${rgbString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `rgb(${rgbString})`;\n  }\n\n  /** Convert this ColorValue to a string in the form \"hsl(h,s,l) or hsla(h,s,l,a)\" - i.e hsl(120,50%,50%). */\n  public toHslString(includeAlpha?: boolean): string {\n    const hsl = this.toHslColor();\n    const hslString = `${ColorValue.getFormattedColorNumber(\n      this._hue ?? hsl.h\n    )}, ${ColorValue.getFormattedColorNumber(\n      hsl.s\n    )}%, ${ColorValue.getFormattedColorNumber(hsl.l)}%`;\n    if (includeAlpha) {\n      const alpha = hsl.a ?? 1;\n      return `hsla(${hslString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `hsl(${hslString})`;\n  }\n\n  /** Convert this ColorValue to a string in the form \"hsv(h,s,v) or hsva(h,s,v,a)\" - i.e hsv(120,50%,50%). */\n  public toHsvString(includeAlpha?: boolean): string {\n    const hsv = this.toHsvColor();\n    const hsvString = `${this._hue ?? hsv.h}, ${hsv.s}%, ${hsv.v}%`;\n\n    if (includeAlpha) {\n      const alpha = hsv.a ?? 1;\n      return `hsva(${hsvString}, ${ColorValue.getFormattedColorNumber(\n        alpha,\n        2\n      )})`;\n    }\n    return `hsv(${hsvString})`;\n  }\n}\n"],"names":["scratchBytes","Uint8Array","Uint32Array","buffer"],"mappings":"AAQA,IAAMA,EAAe,IAAIC,WAAW,GACd,IAAIC,YAAYF,EAAaG"}

package/dist/esm/src/components/Table/components/newComponents/utils/components/Box.js

@@ -0,0 +1,2 @@
+import{polymorphic as o}from"../functions/polymorphic.js";var r=o.div("");export{r as Box};
+//# sourceMappingURL=Box.js.map

package/dist/esm/src/components/Table/components/newComponents/utils/components/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../../../../../../../../src/components/Table/components/newComponents/utils/components/Box.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { polymorphic } from '../functions/polymorphic';\n\n/**\n * Polymorphic component that renders a div element by default.\n * Intended to be used as a base for other components.\n * @private\n */\nexport const Box = polymorphic.div('');\n"],"names":["Box","polymorphic","div"],"mappings":"0DAWO,IAAMA,EAAMC,EAAYC,IAAI"}

package/dist/esm/src/components/Table/components/newComponents/utils/components/ButtonBase.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"../../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import*as i from"react";import r from"classnames";import{Box as a}from"./Box.js";import{useIsClient as n}from"../hooks/useIsClient.js";var e=i.forwardRef((function(i,e){var s=i.as,l=void 0===s?"button":s,d=i.disabled,u=i.htmlDisabled,m=o(i,["as","disabled","htmlDisabled"]),b=n(),f=function(o){return function(t){d||null==o||o(t)}};return t(a,Object.assign({as:l,type:"button"===l?"button":void 0,ref:e,"aria-disabled":d&&!u&&b&&"button"===l?"true":void 0,"data-iui-disabled":d?"true":void 0,disabled:!!(null!=u?u:!b&&d)||void 0},m,{className:r("iui-button-base",i.className),onClick:f(i.onClick),onPointerDown:f(i.onPointerDown),onPointerUp:f(i.onPointerUp)}))}));e.displayName="ButtonBase";export{e as ButtonBase};
+//# sourceMappingURL=ButtonBase.js.map

package/dist/esm/src/components/Table/components/newComponents/utils/components/ButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.js","sources":["../../../../../../../../../src/components/Table/components/newComponents/utils/components/ButtonBase.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport { Box } from \"./Box\";\nimport type { PolymorphicForwardRefComponent } from \"../props\";\nimport { useIsClient } from \"../hooks/useIsClient\";\n\nexport const ButtonBase = React.forwardRef((props, forwardedRef) => {\n  const {\n    as: asProp = \"button\",\n    disabled: disabledProp,\n    htmlDisabled,\n    ...rest\n  } = props;\n\n  const isClient = useIsClient();\n\n  const ariaDisabled =\n    disabledProp &&\n    !htmlDisabled && // htmlDisabled prop takes preference\n    isClient && // progressively enhance after first render\n    asProp === \"button\"; // ignore if not button, e.g. links\n\n  const handleIfEnabled =\n    <T,>(handler?: (e: T) => void) =>\n    (e: T) => {\n      if (disabledProp) {\n        return;\n      }\n      handler?.(e);\n    };\n\n  return (\n    <Box\n      as={asProp}\n      type={asProp === \"button\" ? \"button\" : undefined}\n      ref={forwardedRef}\n      aria-disabled={ariaDisabled ? \"true\" : undefined}\n      data-iui-disabled={disabledProp ? \"true\" : undefined}\n      disabled={htmlDisabled ?? (!isClient && disabledProp) ? true : undefined}\n      {...rest}\n      className={cx(\"iui-button-base\", props.className)}\n      onClick={handleIfEnabled(props.onClick)}\n      onPointerDown={handleIfEnabled(props.onPointerDown)}\n      onPointerUp={handleIfEnabled(props.onPointerUp)}\n    />\n  );\n}) as PolymorphicForwardRefComponent<\"button\", ButtonBaseProps>;\nButtonBase.displayName = \"ButtonBase\";\n\ntype ButtonBaseProps = {\n  /**\n   * Custom `disabled` prop that keeps the button focusable, prevents\n   * clicks, applied disabled styling, and adds `aria-disabled`.\n   */\n  disabled?: boolean;\n  /**\n   * Built-in html `disabled` attribute\n   */\n  htmlDisabled?: boolean;\n};\n"],"names":["ButtonBase","React","forwardRef","props","forwardedRef","_props$as","as","asProp","disabledProp","disabled","htmlDisabled","rest","isClient","useIsClient","handleIfEnabled","handler","e","_jsx","Box","Object","assign","type","undefined","ref","className","cx","onClick","onPointerDown","onPointerUp","displayName"],"mappings":"gPAUO,IAAMA,EAAaC,EAAMC,YAAW,SAACC,EAAOC,GACjD,IAAAC,EAKIF,EAJFG,GAAIC,OAAS,IAAHF,EAAG,SAAQA,EACXG,EAGRL,EAHFM,SACAC,EAEEP,EAFFO,aACGC,IACDR,EALE,CAKL,KAAA,WAAA,iBAEKS,EAAWC,IAQXC,EACJ,SAAKC,GAAwB,OAC7B,SAACC,GACKR,GAGJO,SAAAA,EAAUC,GACX,EAEH,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAd,GAAIC,EACJc,KAAiB,WAAXd,EAAsB,cAAWe,EACvCC,IAAKnB,EAAY,gBAlBnBI,IACCE,GACDE,GACW,WAAXL,EAgBgC,YAASe,EAAS,oBAC7Bd,EAAe,YAASc,EAC3Cb,YAAUC,QAAAA,GAAkBE,GAAYJ,SAAuBc,GAC3DX,EAAI,CACRa,UAAWC,EAAG,kBAAmBtB,EAAMqB,WACvCE,QAASZ,EAAgBX,EAAMuB,SAC/BC,cAAeb,EAAgBX,EAAMwB,eACrCC,YAAad,EAAgBX,EAAMyB,eAGzC,IACA5B,EAAW6B,YAAc"}