@razorpay/blade 12.13.1 → 12.15.0

package/build/lib/native/components/QuickFilters/QuickFilter.js

@@ -0,0 +1,39 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import '@babel/runtime/helpers/slicedToArray';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { Radio } from '../Radio/Radio.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../Radio/RadioGroup/RadioContext.js';
+import '../../utils/useCallbackRef.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../BladeProvider/useTheme.js';
+import 'react-native';
+import '../BottomSheet/BottomSheetStack.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { Text } from '../Typography/Text/Text.js';
+import 'react-native-svg';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import '../Icons/_Svg/Svg/Svg.native.js';
+import { Box } from '../Box/Box.js';
+import '../VisuallyHidden/VisuallyHidden.native.js';
+import '../Typography/Heading/Heading.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import '@babel/runtime/helpers/defineProperty';
+import '../../utils/makeAccessible/accessibilityMapNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
+import { Card, CardBody } from '../Card/Card.js';
+import '../Card/CardHeader.js';
+import '../Card/CardFooter.js';
+
+var _excluded=["title","value","trailing","testID"];var QuickFilterContent=function QuickFilterContent(_ref){var value=_ref.value,title=_ref.title,trailing=_ref.trailing,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected;return jsxs(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",width:"fit-content",justifyContent:"center",alignItems:"center",paddingY:"spacing.3",paddingLeft:"spacing.3",paddingRight:"spacing.4",children:[jsxs(Box,{display:"flex",flexDirection:"row",gap:"spacing.2",justifyContent:"center",alignItems:"center",children:[selectionType==='single'?jsx(Radio,{value:value}):jsx(Checkbox,{value:value}),jsx(Text,{variant:"body",size:"medium",color:isSelected?'interactive.text.primary.subtle':'interactive.text.gray.subtle',weight:"medium",children:title})]}),trailing]});};var QuickFilter=forwardRef(function(_ref2,ref){var title=_ref2.title,value=_ref2.value,trailing=_ref2.trailing,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;var isQuickFilterSelected=selectedQuickFilters.includes(value);return jsx(Card,Object.assign({padding:"spacing.0",as:"label",accessibilityLabel:title,borderRadius:"medium",elevation:"none",isSelected:isQuickFilterSelected,ref:ref},makeAnalyticsAttribute(rest),metaAttribute({testID:testID}),{children:jsx(CardBody,{children:jsx(QuickFilterContent,Object.assign({value:value,title:title,trailing:trailing,selectionType:selectionType,isSelected:isQuickFilterSelected},rest))})}));});
+
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.js.map

package/build/lib/native/components/QuickFilters/QuickFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilter.js","sources":["../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n  value,\n  title,\n  trailing,\n  selectionType = 'single',\n  isSelected = false,\n}: QuickFilterContentProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.3\"\n      width=\"fit-content\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      paddingY=\"spacing.3\"\n      paddingLeft=\"spacing.3\"\n      paddingRight=\"spacing.4\"\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.2\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n      >\n        {selectionType === 'single' ? <Radio value={value} /> : <Checkbox value={value} />}\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n          weight=\"medium\"\n        >\n          {title}\n        </Text>\n      </Box>\n\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n  ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n    const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n    const isQuickFilterSelected = selectedQuickFilters.includes(value);\n    return (\n      <Card\n        padding=\"spacing.0\"\n        as=\"label\"\n        accessibilityLabel={title}\n        borderRadius=\"medium\"\n        elevation=\"none\"\n        isSelected={isQuickFilterSelected}\n        ref={ref}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ testID })}\n      >\n        <CardBody>\n          <QuickFilterContent\n            value={value}\n            title={title}\n            trailing={trailing}\n            selectionType={selectionType}\n            isSelected={isQuickFilterSelected}\n            {...rest}\n          />\n        </CardBody>\n      </Card>\n    );\n  },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","Object","assign","padding","as","accessibilityLabel","borderRadius","elevation","makeAnalyticsAttribute","metaAttribute","CardBody"],"mappings":"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"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var QuickFilterGroupContext=React__default.createContext({selectionType:'single',selectedQuickFilters:[]});var QuickFilterGroupProvider=QuickFilterGroupContext.Provider;var useQuickFilterGroupContext=function useQuickFilterGroupContext(){var context=React__default.useContext(QuickFilterGroupContext);return context;};
+
+export { QuickFilterGroupProvider, useQuickFilterGroupContext };
+//# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAA8B,CAC/EC,aAAa,CAAE,QAAQ,CACvBC,oBAAoB,CAAE,EACxB,CAAC,CAAC,CACI,IAAAC,wBAAwB,CAAGL,uBAAuB,CAACM,SAEnD,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,EAAsC,CACpE,IAAMC,OAAO,CAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CACzD,OAAOQ,OAAO,CAChB;;;;"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js

@@ -0,0 +1,17 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+import '../../Radio/Radio.js';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import '../../Checkbox/Checkbox.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded=["children","onChange","setSelectedQuickFilters"],_excluded2=["children","testID","value","defaultValue","onChange","name","selectionType"];var QuickFilterWrapper=function QuickFilterWrapper(_ref){var children=_ref.children;_ref.onChange;var setSelectedQuickFilters=_ref.setSelectedQuickFilters,rest=_objectWithoutProperties(_ref,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;if(selectionType==='single'){return jsx(RadioGroup,Object.assign({value:selectedQuickFilters[0],onChange:function onChange(_ref2){var value=_ref2.value;setSelectedQuickFilters(function(){return [value];});},size:"small"},rest,{children:children}));}return jsx(CheckboxGroup,Object.assign({value:selectedQuickFilters,onChange:function onChange(_ref3){var values=_ref3.values;setSelectedQuickFilters(function(){return values;});},size:"small"},rest,{children:children}));};var QuickFilterGroup=function QuickFilterGroup(_ref4){var children=_ref4.children;_ref4.testID;var value=_ref4.value,defaultValue=_ref4.defaultValue,_onChange=_ref4.onChange,name=_ref4.name,selectionType=_ref4.selectionType,rest=_objectWithoutProperties(_ref4,_excluded2);var idBase=useId('quick-filter-group');var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue!=null?defaultValue:[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:name!=null?name:idBase});}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedQuickFilters=_useControllableState2[0],setSelectedQuickFilters=_useControllableState2[1];return jsx(QuickFilterGroupProvider,{value:{selectionType:selectionType,selectedQuickFilters:selectedQuickFilters},children:jsx(QuickFilterWrapper,Object.assign({onChange:_onChange,setSelectedQuickFilters:setSelectedQuickFilters},rest,{children:jsx(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",children:children})}))});};
+
+export { QuickFilterGroup };
+//# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n  children,\n  onChange,\n  setSelectedQuickFilters,\n  ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n  const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n  if (selectionType === 'single') {\n    return (\n      <RadioGroup\n        value={selectedQuickFilters[0]}\n        onChange={({ value }) => {\n          setSelectedQuickFilters(() => [value]);\n        }}\n        size=\"small\"\n        {...rest}\n      >\n        {children}\n      </RadioGroup>\n    );\n  }\n  return (\n    <CheckboxGroup\n      value={selectedQuickFilters}\n      onChange={({ values }) => {\n        setSelectedQuickFilters(() => values);\n      }}\n      size=\"small\"\n      {...rest}\n    >\n      {children}\n    </CheckboxGroup>\n  );\n};\n\nconst QuickFilterGroup = ({\n  children,\n  testID,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  selectionType,\n  ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n  const idBase = useId('quick-filter-group');\n  const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue ?? []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n  });\n  return (\n    <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters }}>\n      <QuickFilterWrapper\n        onChange={onChange}\n        setSelectedQuickFilters={setSelectedQuickFilters}\n        {...rest}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n          {children}\n        </BaseBox>\n      </QuickFilterWrapper>\n    </QuickFilterGroupProvider>\n  );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_jsx","RadioGroup","Object","assign","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","gap"],"mappings":";;;;;;;;;;;;;0JASA,IAAMA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAK2B,CAJjD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACAD,IAAA,CAARE,QAAQ,KACRC,uBAAuB,CAAAH,IAAA,CAAvBG,uBAAuB,CACpBC,IAAI,CAAAC,wBAAA,CAAAL,IAAA,CAAAM,SAAA,EAEP,IAAAC,qBAAA,CAAgDC,0BAA0B,EAAE,CAApEC,oBAAoB,CAAAF,qBAAA,CAApBE,oBAAoB,CAAEC,aAAa,CAAAH,qBAAA,CAAbG,aAAa,CAE3C,GAAIA,aAAa,GAAK,QAAQ,CAAE,CAC9B,OACEC,GAAA,CAACC,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACTC,KAAK,CAAEN,oBAAoB,CAAC,CAAC,CAAE,CAC/BP,QAAQ,CAAE,SAAAA,QAAAA,CAAAc,KAAA,CAAe,KAAZD,KAAK,CAAAC,KAAA,CAALD,KAAK,CAChBZ,uBAAuB,CAAC,UAAA,CAAA,OAAM,CAACY,KAAK,CAAC,CAAC,CAAA,CAAA,CACxC,CAAE,CACFE,IAAI,CAAC,OAAO,CAAA,CACRb,IAAI,CAAA,CAAAH,QAAA,CAEPA,QAAQ,CACC,CAAA,CAAC,CAEjB,CACA,OACEU,GAAA,CAACO,aAAa,CAAAL,MAAA,CAAAC,MAAA,EACZC,KAAK,CAAEN,oBAAqB,CAC5BP,QAAQ,CAAE,SAAAA,QAAAA,CAAAiB,KAAA,CAAgB,CAAb,IAAAC,MAAM,CAAAD,KAAA,CAANC,MAAM,CACjBjB,uBAAuB,CAAC,UAAA,CAAA,OAAMiB,MAAM,CAAC,CAAA,CAAA,CACvC,CAAE,CACFH,IAAI,CAAC,OAAO,CAAA,CACRb,IAAI,CAAAH,CAAAA,QAAA,CAEPA,QAAQ,CACI,CAAA,CAAC,CAEpB,CAAC,CAEK,IAAAoB,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,CAS2B,CAR/C,IAAArB,QAAQ,CAAAqB,KAAA,CAARrB,QAAQ,CACFqB,KAAA,CAANC,MAAM,KACNR,KAAK,CAAAO,KAAA,CAALP,KAAK,CACLS,YAAY,CAAAF,KAAA,CAAZE,YAAY,CACZtB,SAAQ,CAAAoB,KAAA,CAARpB,QAAQ,CACRuB,IAAI,CAAAH,KAAA,CAAJG,IAAI,CACJf,aAAa,CAAAY,KAAA,CAAbZ,aAAa,CACVN,IAAI,CAAAC,wBAAA,CAAAiB,KAAA,CAAAI,UAAA,EAEP,IAAMC,MAAM,CAAGC,KAAK,CAAC,oBAAoB,CAAC,CAC1C,IAAAC,qBAAA,CAAwDC,oBAAoB,CAAC,CAC3Ef,KAAK,CAAGA,KAAK,EAAIL,aAAa,GAAK,QAAQ,CAAG,CAACK,KAAK,CAAC,CAAGA,KAA8B,CAEtFS,YAAY,CAAGA,YAAY,EAAId,aAAa,GAAK,QAAQ,CACrD,CAACc,YAAY,CAAC,CACdA,YAAY,EAAZA,IAAAA,CAAAA,YAAY,CAAI,EAA2B,CAC/CtB,QAAQ,CAAE,SAAAA,QAAAA,CAACkB,MAAgB,CAAA,CAAA,OAAKlB,SAAQ,cAARA,SAAQ,CAAG,CAAEkB,MAAM,CAANA,MAAM,CAAEK,IAAI,CAAEA,IAAI,EAAJA,IAAAA,CAAAA,IAAI,CAAIE,MAAO,CAAC,CAAC,CAC9E,CAAA,CAAC,CAAC,CAAAI,sBAAA,CAAAC,cAAA,CAAAH,qBAAA,IAPKpB,oBAAoB,CAAAsB,sBAAA,CAAE5B,CAAAA,CAAAA,CAAAA,uBAAuB,CAAA4B,sBAAA,CAAA,CAAA,CAAA,CAQpD,OACEpB,GAAA,CAACsB,wBAAwB,CAAClB,CAAAA,KAAK,CAAE,CAAEL,aAAa,CAAbA,aAAa,CAAED,oBAAoB,CAApBA,oBAAqB,CAAE,CAAAR,QAAA,CACvEU,GAAA,CAACZ,kBAAkB,CAAAc,MAAA,CAAAC,MAAA,CACjBZ,CAAAA,QAAQ,CAAEA,SAAS,CACnBC,uBAAuB,CAAEA,uBAAwB,CAC7CC,CAAAA,IAAI,EAAAH,QAAA,CAERU,GAAA,CAACuB,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,GAAG,CAAC,WAAW,CAAApC,QAAA,CACxDA,QAAQ,CACF,CAAC,CAAA,CACQ,CAAC,CACG,CAAC,CAE/B;;;;"}

package/build/lib/native/components/Table/TableBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableBodyProps, TableCellProps, TableRowProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = (props: TableBodyProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst StyledCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst CellWrapper = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell, StyledCell, CellWrapper };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell"],"mappings":";;;;;;;AAMM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"TableBody.native.js","sources":["../../../../../src/components/Table/TableBody.native.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { TableBodyProps, TableCellProps, TableRowProps } from './types';\nimport { Text } from '~components/Typography';\n\nconst TableBody = <Item,>(props: TableBodyProps<Item>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableRow = (props: TableRowProps<unknown>): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst TableCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst StyledCell = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nconst CellWrapper = (props: TableCellProps): React.ReactElement => {\n  return <Text>Table Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TableBody, TableRow, TableCell, StyledCell, CellWrapper };\n"],"names":["TableBody","props","_jsx","Text","children","TableRow","TableCell"],"mappings":";;;;;;;AAMM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAWC,KAA2B,CAAyB,CAC5E,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAC,QAAQ,CAAG,SAAXA,QAAQA,CAAIJ,KAA6B,CAAyB,CACtE,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E,EAEM,IAAAE,SAAS,CAAG,SAAZA,SAASA,CAAIL,KAAqB,CAAyB,CAC/D,OAAOC,GAAA,CAACC,IAAI,EAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}

package/build/lib/native/components/Table/TableContext.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var TableContext=React__default.createContext({selectionType:'none',selectedRows:undefined,totalItems:0,toggleRowSelectionById:function toggleRowSelectionById(){},toggleAllRowsSelection:function toggleAllRowsSelection(){},deselectAllRows:function deselectAllRows(){},rowDensity:'normal',toggleSort:function toggleSort(){},currentSortedState:{sortKey:'',isSortReversed:false},setPaginationPage:function setPaginationPage(){},setPaginationRowSize:function setPaginationRowSize(){},disabledRows:[],setDisabledRows:function setDisabledRows(){},paginationType:'client',setPaginationType:function setPaginationType(){},backgroundColor:'surface.background.gray.intense',setHeaderRowDensity:function setHeaderRowDensity(){},showBorderedCells:false,hasHoverActions:false,setHasHoverActions:function setHasHoverActions(){}});var useTableContext=function useTableContext(){var context=React__default.useContext(TableContext);return context;};
+var TableContext=React__default.createContext({selectionType:'none',selectedRows:undefined,totalItems:0,toggleRowSelectionById:function toggleRowSelectionById(){},toggleAllRowsSelection:function toggleAllRowsSelection(){},deselectAllRows:function deselectAllRows(){},rowDensity:'normal',toggleSort:function toggleSort(){},currentSortedState:{sortKey:'',isSortReversed:false},setPaginationPage:function setPaginationPage(){},setPaginationRowSize:function setPaginationRowSize(){},disabledRows:[],setDisabledRows:function setDisabledRows(){},paginationType:'client',setPaginationType:function setPaginationType(){},backgroundColor:'surface.background.gray.intense',setHeaderRowDensity:function setHeaderRowDensity(){},showBorderedCells:false,hasHoverActions:false,setHasHoverActions:function setHasHoverActions(){},columnCount:0,gridTemplateColumns:undefined,isVirtualized:false,tableData:[]});var useTableContext=function useTableContext(){var context=React__default.useContext(TableContext);return context;};
 
 export { TableContext, useTableContext };
 //# sourceMappingURL=TableContext.js.map

package/build/lib/native/components/Table/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type {\n  TableBackgroundColors,\n  TableProps,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\n\nexport type TableContextType = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n  paginationType: NonNullable<TablePaginationType>;\n  setPaginationType: React.Dispatch<React.SetStateAction<NonNullable<TablePaginationType>>>;\n  backgroundColor: TableBackgroundColors;\n  headerRowDensity?: TableHeaderRowProps['rowDensity'];\n  setHeaderRowDensity: React.Dispatch<React.SetStateAction<TableHeaderRowProps['rowDensity']>>;\n  showBorderedCells: NonNullable<TableProps<unknown>['showBorderedCells']>;\n  hasHoverActions: boolean;\n  setHasHoverActions: (hasHoverActions: boolean) => void;\n};\n\nconst TableContext = React.createContext<TableContextType>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  disabledRows: [],\n  setDisabledRows: () => {},\n  paginationType: 'client',\n  setPaginationType: () => {},\n  backgroundColor: 'surface.background.gray.intense',\n  setHeaderRowDensity: () => {},\n  showBorderedCells: false,\n  hasHoverActions: false,\n  setHasHoverActions: () => {},\n});\n\nconst useTableContext = (): TableContextType => {\n  const context = React.useContext(TableContext);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","disabledRows","setDisabledRows","paginationType","setPaginationType","backgroundColor","setHeaderRowDensity","showBorderedCells","hasHoverActions","setHasHoverActions","useTableContext","context","useContext"],"mappings":";;AA4CM,IAAAA,YAAY,CAAGC,cAAK,CAACC,aAAa,CAAmB,CACzDC,aAAa,CAAE,MAAM,CACrBC,YAAY,CAAEC,SAAS,CACvBC,UAAU,CAAE,CAAC,CACbC,sBAAsB,CAAE,SAAAA,sBAAA,EAAM,EAAE,CAChCC,sBAAsB,CAAE,SAAAA,sBAAA,EAAM,EAAE,CAChCC,eAAe,CAAE,SAAAA,eAAA,EAAM,EAAE,CACzBC,UAAU,CAAE,QAAQ,CACpBC,UAAU,CAAE,SAAAA,UAAAA,EAAM,EAAE,CACpBC,kBAAkB,CAAE,CAClBC,OAAO,CAAE,EAAE,CACXC,cAAc,CAAE,KAClB,CAAC,CACDC,iBAAiB,CAAE,SAAAA,iBAAAA,EAAM,EAAE,CAC3BC,oBAAoB,CAAE,SAAAA,oBAAA,EAAM,EAAE,CAC9BC,YAAY,CAAE,EAAE,CAChBC,eAAe,CAAE,SAAAA,eAAAA,EAAM,EAAE,CACzBC,cAAc,CAAE,QAAQ,CACxBC,iBAAiB,CAAE,SAAAA,iBAAA,EAAM,EAAE,CAC3BC,eAAe,CAAE,iCAAiC,CAClDC,mBAAmB,CAAE,SAAAA,mBAAAA,EAAM,EAAE,CAC7BC,iBAAiB,CAAE,KAAK,CACxBC,eAAe,CAAE,KAAK,CACtBC,kBAAkB,CAAE,SAAAA,kBAAA,EAAM,EAC5B,CAAC,EAEK,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,EAA2B,CAC9C,IAAMC,OAAO,CAAG1B,cAAK,CAAC2B,UAAU,CAAC5B,YAAY,CAAC,CAC9C,OAAO2B,OAAO,CAChB;;;;"}
+{"version":3,"file":"TableContext.js","sources":["../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type {\n  TableBackgroundColors,\n  TableProps,\n  TablePaginationType,\n  TableHeaderRowProps,\n  TableNode as LocalTableNode,\n} from './types';\n\nexport type TableContextType<Item> = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n  paginationType: NonNullable<TablePaginationType>;\n  setPaginationType: React.Dispatch<React.SetStateAction<NonNullable<TablePaginationType>>>;\n  backgroundColor: TableBackgroundColors;\n  headerRowDensity?: TableHeaderRowProps['rowDensity'];\n  setHeaderRowDensity: React.Dispatch<React.SetStateAction<TableHeaderRowProps['rowDensity']>>;\n  showBorderedCells: NonNullable<TableProps<unknown>['showBorderedCells']>;\n  hasHoverActions: boolean;\n  setHasHoverActions: (hasHoverActions: boolean) => void;\n  columnCount: number;\n  gridTemplateColumns: string | undefined;\n  isVirtualized?: boolean;\n  tableData: LocalTableNode<Item>[];\n};\n\nconst TableContext = React.createContext<TableContextType<unknown>>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  disabledRows: [],\n  setDisabledRows: () => {},\n  paginationType: 'client',\n  setPaginationType: () => {},\n  backgroundColor: 'surface.background.gray.intense',\n  setHeaderRowDensity: () => {},\n  showBorderedCells: false,\n  hasHoverActions: false,\n  setHasHoverActions: () => {},\n  columnCount: 0,\n  gridTemplateColumns: undefined,\n  isVirtualized: false,\n  tableData: [],\n});\n\nconst useTableContext = <Item,>(): TableContextType<Item> => {\n  const context = React.useContext(TableContext as React.Context<TableContextType<Item>>);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","disabledRows","setDisabledRows","paginationType","setPaginationType","backgroundColor","setHeaderRowDensity","showBorderedCells","hasHoverActions","setHasHoverActions","columnCount","gridTemplateColumns","isVirtualized","tableData","useTableContext","context","useContext"],"mappings":";;AAiDM,IAAAA,YAAY,CAAGC,cAAK,CAACC,aAAa,CAA4B,CAClEC,aAAa,CAAE,MAAM,CACrBC,YAAY,CAAEC,SAAS,CACvBC,UAAU,CAAE,CAAC,CACbC,sBAAsB,CAAE,SAAAA,sBAAA,EAAM,EAAE,CAChCC,sBAAsB,CAAE,SAAAA,wBAAM,EAAE,CAChCC,eAAe,CAAE,SAAAA,eAAAA,EAAM,EAAE,CACzBC,UAAU,CAAE,QAAQ,CACpBC,UAAU,CAAE,SAAAA,UAAAA,EAAM,EAAE,CACpBC,kBAAkB,CAAE,CAClBC,OAAO,CAAE,EAAE,CACXC,cAAc,CAAE,KAClB,CAAC,CACDC,iBAAiB,CAAE,SAAAA,iBAAA,EAAM,EAAE,CAC3BC,oBAAoB,CAAE,SAAAA,sBAAM,EAAE,CAC9BC,YAAY,CAAE,EAAE,CAChBC,eAAe,CAAE,SAAAA,eAAAA,EAAM,EAAE,CACzBC,cAAc,CAAE,QAAQ,CACxBC,iBAAiB,CAAE,SAAAA,iBAAAA,EAAM,EAAE,CAC3BC,eAAe,CAAE,iCAAiC,CAClDC,mBAAmB,CAAE,SAAAA,mBAAAA,EAAM,EAAE,CAC7BC,iBAAiB,CAAE,KAAK,CACxBC,eAAe,CAAE,KAAK,CACtBC,kBAAkB,CAAE,SAAAA,oBAAM,EAAE,CAC5BC,WAAW,CAAE,CAAC,CACdC,mBAAmB,CAAEtB,SAAS,CAC9BuB,aAAa,CAAE,KAAK,CACpBC,SAAS,CAAE,EACb,CAAC,EAEK,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,EAAwC,CAC3D,IAAMC,OAAO,CAAG9B,cAAK,CAAC+B,UAAU,CAAChC,YAAqD,CAAC,CACvF,OAAO+B,OAAO,CAChB;;;;"}

package/build/lib/native/components/index.js

@@ -460,6 +460,8 @@ export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFoo
 export { Popover } from './Popover/Popover.native.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.native.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
+export { QuickFilter } from './QuickFilters/QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilters/QuickFilterGroup/QuickFilterGroup.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
 export { Scale } from './Scale/Scale.native.js';

package/build/lib/native/components/index.js.map

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

package/build/lib/web/development/components/QuickFilters/QuickFilter.js

@@ -0,0 +1,99 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import './QuickFilterGroup/index.js';
+import '../Card/index.js';
+import '../Box/index.js';
+import '../Typography/index.js';
+import '../Radio/index.js';
+import '../Checkbox/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
+import { Radio } from '../Radio/Radio.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Text } from '../Typography/Text/Text.js';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { Card, CardBody } from '../Card/Card.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+
+var _excluded = ["title", "value", "trailing", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterContent = function QuickFilterContent(_ref) {
+  var value = _ref.value,
+    title = _ref.title,
+    trailing = _ref.trailing,
+    _ref$selectionType = _ref.selectionType,
+    selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+  return /*#__PURE__*/jsxs(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    gap: "spacing.3",
+    width: "fit-content",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingY: "spacing.3",
+    paddingLeft: "spacing.3",
+    paddingRight: "spacing.4",
+    children: [/*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      flexDirection: "row",
+      gap: "spacing.2",
+      justifyContent: "center",
+      alignItems: "center",
+      children: [selectionType === 'single' ? /*#__PURE__*/jsx(Radio, {
+        value: value
+      }) : /*#__PURE__*/jsx(Checkbox, {
+        value: value
+      }), /*#__PURE__*/jsx(Text, {
+        variant: "body",
+        size: "medium",
+        color: isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle',
+        weight: "medium",
+        children: title
+      })]
+    }), trailing]
+  });
+};
+var QuickFilter = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var title = _ref2.title,
+    value = _ref2.value,
+    trailing = _ref2.trailing,
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  var isQuickFilterSelected = selectedQuickFilters.includes(value);
+  return /*#__PURE__*/jsx(Card, _objectSpread(_objectSpread(_objectSpread({
+    padding: "spacing.0",
+    as: "label",
+    accessibilityLabel: title,
+    borderRadius: "medium",
+    elevation: "none",
+    isSelected: isQuickFilterSelected,
+    ref: ref
+  }, makeAnalyticsAttribute(rest)), metaAttribute({
+    testID: testID
+  })), {}, {
+    children: /*#__PURE__*/jsx(CardBody, {
+      children: /*#__PURE__*/jsx(QuickFilterContent, _objectSpread({
+        value: value,
+        title: title,
+        trailing: trailing,
+        selectionType: selectionType,
+        isSelected: isQuickFilterSelected
+      }, rest))
+    })
+  }));
+});
+
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilter.js","sources":["../../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n  value,\n  title,\n  trailing,\n  selectionType = 'single',\n  isSelected = false,\n}: QuickFilterContentProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.3\"\n      width=\"fit-content\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      paddingY=\"spacing.3\"\n      paddingLeft=\"spacing.3\"\n      paddingRight=\"spacing.4\"\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.2\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n      >\n        {selectionType === 'single' ? <Radio value={value} /> : <Checkbox value={value} />}\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n          weight=\"medium\"\n        >\n          {title}\n        </Text>\n      </Box>\n\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n  ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n    const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n    const isQuickFilterSelected = selectedQuickFilters.includes(value);\n    return (\n      <Card\n        padding=\"spacing.0\"\n        as=\"label\"\n        accessibilityLabel={title}\n        borderRadius=\"medium\"\n        elevation=\"none\"\n        isSelected={isQuickFilterSelected}\n        ref={ref}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ testID })}\n      >\n        <CardBody>\n          <QuickFilterContent\n            value={value}\n            title={title}\n            trailing={trailing}\n            selectionType={selectionType}\n            isSelected={isQuickFilterSelected}\n            {...rest}\n          />\n        </CardBody>\n      </Card>\n    );\n  },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","_objectSpread","padding","as","accessibilityLabel","borderRadius","elevation","makeAnalyticsAttribute","metaAttribute","CardBody"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+var QuickFilterGroupContext = /*#__PURE__*/React__default.createContext({
+  selectionType: 'single',
+  selectedQuickFilters: []
+});
+var QuickFilterGroupProvider = QuickFilterGroupContext.Provider;
+var useQuickFilterGroupContext = function useQuickFilterGroupContext() {
+  var context = React__default.useContext(QuickFilterGroupContext);
+  return context;
+};
+
+export { QuickFilterGroupProvider, useQuickFilterGroupContext };
+//# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n  selectionType: 'single',\n  selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n  const context = React.useContext(QuickFilterGroupContext);\n  return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA8B;AAC/EC,EAAAA,aAAa,EAAE,QAAQ;AACvBC,EAAAA,oBAAoB,EAAE,EAAA;AACxB,CAAC,CAAC,CAAA;AACF,IAAMC,wBAAwB,GAAGL,uBAAuB,CAACM,SAAQ;AAEjE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAsC;AACpE,EAAA,IAAMC,OAAO,GAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CAAA;AACzD,EAAA,OAAOQ,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js

@@ -0,0 +1,99 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { useQuickFilterGroupContext, QuickFilterGroupProvider } from './QuickFilterContext.js';
+import '../../Radio/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Checkbox/index.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import { jsx } from 'react/jsx-runtime';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+
+var _excluded = ["children", "onChange", "setSelectedQuickFilters"],
+  _excluded2 = ["children", "testID", "value", "defaultValue", "onChange", "name", "selectionType"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterWrapper = function QuickFilterWrapper(_ref) {
+  var children = _ref.children,
+    onChange = _ref.onChange,
+    setSelectedQuickFilters = _ref.setSelectedQuickFilters,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  if (selectionType === 'single') {
+    return /*#__PURE__*/jsx(RadioGroup, _objectSpread(_objectSpread({
+      value: selectedQuickFilters[0],
+      onChange: function onChange(_ref2) {
+        var value = _ref2.value;
+        setSelectedQuickFilters(function () {
+          return [value];
+        });
+      },
+      size: "small"
+    }, rest), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/jsx(CheckboxGroup, _objectSpread(_objectSpread({
+    value: selectedQuickFilters,
+    onChange: function onChange(_ref3) {
+      var values = _ref3.values;
+      setSelectedQuickFilters(function () {
+        return values;
+      });
+    },
+    size: "small"
+  }, rest), {}, {
+    children: children
+  }));
+};
+var QuickFilterGroup = function QuickFilterGroup(_ref4) {
+  var children = _ref4.children,
+    testID = _ref4.testID,
+    value = _ref4.value,
+    defaultValue = _ref4.defaultValue,
+    _onChange = _ref4.onChange,
+    name = _ref4.name,
+    selectionType = _ref4.selectionType,
+    rest = _objectWithoutProperties(_ref4, _excluded2);
+  var idBase = useId('quick-filter-group');
+  var _useControllableState = useControllableState({
+      value: value && selectionType === 'single' ? [value] : value,
+      // If selectionType is single, we need to convert the value to an array
+      defaultValue: defaultValue && selectionType === 'single' ? [defaultValue] : defaultValue !== null && defaultValue !== void 0 ? defaultValue : [],
+      onChange: function onChange(values) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          values: values,
+          name: name !== null && name !== void 0 ? name : idBase
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    selectedQuickFilters = _useControllableState2[0],
+    setSelectedQuickFilters = _useControllableState2[1];
+  return /*#__PURE__*/jsx(QuickFilterGroupProvider, {
+    value: {
+      selectionType: selectionType,
+      selectedQuickFilters: selectedQuickFilters
+    },
+    children: /*#__PURE__*/jsx(QuickFilterWrapper, _objectSpread(_objectSpread({
+      onChange: _onChange,
+      setSelectedQuickFilters: setSelectedQuickFilters
+    }, rest), {}, {
+      children: /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        gap: "spacing.3",
+        children: children
+      })
+    }))
+  });
+};
+
+export { QuickFilterGroup };
+//# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n  children,\n  onChange,\n  setSelectedQuickFilters,\n  ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n  const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n  if (selectionType === 'single') {\n    return (\n      <RadioGroup\n        value={selectedQuickFilters[0]}\n        onChange={({ value }) => {\n          setSelectedQuickFilters(() => [value]);\n        }}\n        size=\"small\"\n        {...rest}\n      >\n        {children}\n      </RadioGroup>\n    );\n  }\n  return (\n    <CheckboxGroup\n      value={selectedQuickFilters}\n      onChange={({ values }) => {\n        setSelectedQuickFilters(() => values);\n      }}\n      size=\"small\"\n      {...rest}\n    >\n      {children}\n    </CheckboxGroup>\n  );\n};\n\nconst QuickFilterGroup = ({\n  children,\n  testID,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  selectionType,\n  ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n  const idBase = useId('quick-filter-group');\n  const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue ?? []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n  });\n  return (\n    <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters }}>\n      <QuickFilterWrapper\n        onChange={onChange}\n        setSelectedQuickFilters={setSelectedQuickFilters}\n        {...rest}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n          {children}\n        </BaseBox>\n      </QuickFilterWrapper>\n    </QuickFilterGroupProvider>\n  );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_jsx","RadioGroup","_objectSpread","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","gap"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/index.js

@@ -0,0 +1,3 @@
+export { QuickFilterGroup } from './QuickFilterGroup.js';
+export { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/index.js.map

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

package/build/lib/web/development/components/QuickFilters/index.js

@@ -0,0 +1,3 @@
+export { QuickFilter } from './QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilterGroup/QuickFilterGroup.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/QuickFilters/index.js.map

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

package/build/lib/web/development/components/Table/Table.web.js

@@ -12,6 +12,7 @@ import usePresence from 'use-presence';
 import { TableContext } from './TableContext.js';
 import { ComponentIds } from './componentIds.js';
 import { tableBackgroundColor, firstColumnStickyZIndex, checkboxCellWidth, tablePagination, refreshWrapperZIndex } from './tokens.js';
+import './commonStyles/index.js';
 import '../../utils/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/logger/index.js';
@@ -29,6 +30,7 @@ import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import useTheme from '../BladeProvider/useTheme.js';
+import { getTableBodyStyles } from './commonStyles/tableBodyStyles.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
@@ -83,13 +85,26 @@ var StyledReactTable = /*#__PURE__*/styled(Table$1).withConfig({
   var $styledProps = _ref.$styledProps;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var styledPropsCSSObject = getBaseBoxStyles({
+  var styledPropsCSSObject = getBaseBoxStyles(_objectSpread({
     theme: theme,
     height: $styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.height
-  });
-  return {
-    '&&&': _objectSpread({}, styledPropsCSSObject)
-  };
+  }, ($styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.isVirtualized) && {
+    width: '100%'
+  }));
+  var $isSelectable = $styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.isSelectable;
+  var $showStripedRows = $styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.showStripedRows;
+  return _objectSpread({
+    '&&&': _objectSpread(_objectSpread({}, styledPropsCSSObject), {}, {
+      overflow: "".concat($styledProps !== null && $styledProps !== void 0 && $styledProps.isVirtualized ? 'unset' : 'auto', " !important")
+    })
+  }, $styledProps !== null && $styledProps !== void 0 && $styledProps.isVirtualized ? getTableBodyStyles({
+    isVirtualized: $styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.isVirtualized,
+    theme: theme,
+    height: $styledProps === null || $styledProps === void 0 ? void 0 : $styledProps.height,
+    width: '100%',
+    isSelectable: $isSelectable,
+    showStripedRows: $showStripedRows
+  }) : null);
 });
 var RefreshWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "Tableweb__RefreshWrapper",
@@ -105,6 +120,7 @@ var RefreshWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   };
 });
 var _Table = function _Table(_ref3) {
+  var _ref4;
   var children = _ref3.children,
     data = _ref3.data,
     _ref3$multiSelectTrig = _ref3.multiSelectTrigger,
@@ -159,8 +175,10 @@ var _Table = function _Table(_ref3) {
     _React$useState12 = _slicedToArray(_React$useState11, 2),
     hasHoverActions = _React$useState12[0],
     setHasHoverActions = _React$useState12[1];
+  var tableRootComponent = children([]);
+  var isVirtualized = getComponentId(tableRootComponent) === ComponentIds.VirtualizedTable;
   // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky
-  var shouldHeaderBeSticky = isHeaderSticky !== null && isHeaderSticky !== void 0 ? isHeaderSticky : isFirstColumnSticky;
+  var shouldHeaderBeSticky = (_ref4 = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : isHeaderSticky) !== null && _ref4 !== void 0 ? _ref4 : isFirstColumnSticky;
   var backgroundColor = tableBackgroundColor;
   var isMobile = useIsMobile();
   var lastHoverActionsColWidth = isMobile ? '1fr' : '0px';
@@ -189,7 +207,7 @@ var _Table = function _Table(_ref3) {
   }, [data.nodes]);
 
   // Selection Logic
-  var onSelectChange = function onSelectChange(action, state) {
+  var onSelectChange = function onSelectChange(_, state) {
     var _state$ids;
     var selectedIds = state.id ? [state.id] : (_state$ids = state.ids) !== null && _state$ids !== void 0 ? _state$ids : [];
     setSelectedRows(selectedIds);
@@ -235,7 +253,7 @@ var _Table = function _Table(_ref3) {
   }, [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows]);
 
   // Sort Logic
-  var handleSortChange = function handleSortChange(action, state) {
+  var handleSortChange = function handleSortChange(_, state) {
     onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange({
       sortKey: state.sortKey,
       isSortReversed: state.reverse
@@ -319,9 +337,13 @@ var _Table = function _Table(_ref3) {
       setHeaderRowDensity: setHeaderRowDensity,
       showBorderedCells: showBorderedCells,
       hasHoverActions: hasHoverActions,
-      setHasHoverActions: setHasHoverActions
+      setHasHoverActions: setHasHoverActions,
+      columnCount: columnCount,
+      gridTemplateColumns: gridTemplateColumns,
+      isVirtualized: isVirtualized,
+      tableData: data.nodes
     };
-  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor, headerRowDensity, setHeaderRowDensity, showBorderedCells, hasHoverActions, setHasHoverActions]);
+  }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, gridTemplateColumns, rowDensity, toggleSort, columnCount, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor, headerRowDensity, setHeaderRowDensity, showBorderedCells, hasHoverActions, setHasHoverActions, isVirtualized, data]);
   return /*#__PURE__*/jsx(TableContext.Provider, {
     value: tableContext,
     children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
@@ -346,6 +368,7 @@ var _Table = function _Table(_ref3) {
     }, getStyledProps(rest)), metaAttribute({
       name: MetaConstants.Table
     })), {}, {
+      width: isVirtualized ? "100%" : undefined,
       children: [isRefreshSpinnerMounted && /*#__PURE__*/jsx(RefreshWrapper, {
         position: "absolute",
         width: "100%",
@@ -376,7 +399,11 @@ var _Table = function _Table(_ref3) {
         select: selectionType !== 'none' ? rowSelectConfig : null,
         sort: sortFunctions ? sort : null,
         $styledProps: {
-          height: height
+          height: height,
+          width: isVirtualized ? "100%" : undefined,
+          isVirtualized: isVirtualized,
+          isSelectable: selectionType !== 'none',
+          showStripedRows: showStripedRows
         },
         pagination: hasPagination ? paginationConfig : null
       }, makeAccessible({