@razorpay/blade 12.19.1 → 12.20.0

package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js

@@ -0,0 +1,218 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import styled from 'styled-components';
+import { FILTER_CHIP_HEIGHT } from './tokens.js';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Counter/index.js';
+import '../Divider/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/getFocusRingStyles/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import { Box } from '../Box/Box.js';
+import { Counter } from '../Counter/Counter.js';
+import { Text } from '../Typography/Text/Text.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
+import { Divider } from '../Divider/Divider.js';
+import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+
+var _excluded = ["value", "onClearButtonClick", "label", "isDisabled", "selectionType", "onClick", "onKeyDown", "accessibilityProps", "id"];
+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 getInteractiveFilterItemStyles = function getInteractiveFilterItemStyles(_ref) {
+  var theme = _ref.theme;
+  return {
+    display: 'flex',
+    height: '100%',
+    alignItems: 'center',
+    border: 'none',
+    cursor: 'pointer',
+    color: 'currentcolor',
+    '&:not([disabled]):hover': {
+      backgroundColor: theme.colors.interactive.background.gray.faded
+    },
+    '&[disabled]': {
+      cursor: 'not-allowed'
+    },
+    '&:focus-visible': _objectSpread(_objectSpread({}, getFocusRingStyles({
+      theme: theme
+    })), {}, {
+      outlineOffset: makeSpace(theme.spacing[1])
+    })
+  };
+};
+var StyledFilterChip = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterChip",
+  componentId: "sc-7fl0tf-0"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    $isDisabled = _ref2.$isDisabled,
+    $isSelected = _ref2.$isSelected;
+  return {
+    borderWidth: makeBorderSize(theme.border.width.thin),
+    borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],
+    height: FILTER_CHIP_HEIGHT,
+    borderRadius: theme.border.radius.max,
+    display: 'flex',
+    borderStyle: $isSelected ? 'solid' : 'dashed',
+    backgroundColor: theme.colors.surface.background.gray.intense,
+    color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],
+    width: 'fit-content'
+  };
+});
+var StyledFilterTrigger = /*#__PURE__*/styled.button.withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterTrigger",
+  componentId: "sc-7fl0tf-1"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    $isSelected = _ref3.$isSelected;
+  var spacing = theme.spacing;
+  return _objectSpread({
+    backgroundColor: theme.colors.transparent,
+    borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,
+    borderTopLeftRadius: theme.border.radius.max,
+    borderBottomLeftRadius: theme.border.radius.max,
+    paddingLeft: makeSpace(spacing[4]),
+    paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),
+    gap: makeSpace(spacing[2])
+  }, getInteractiveFilterItemStyles({
+    theme: theme
+  }));
+});
+var StyledFilterCloseButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "BaseFilterChipweb__StyledFilterCloseButton",
+  componentId: "sc-7fl0tf-2"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return _objectSpread({
+    backgroundColor: theme.colors.transparent,
+    borderTopRightRadius: theme.border.radius.max,
+    borderBottomRightRadius: theme.border.radius.max,
+    paddingLeft: makeSpace(theme.spacing[2]),
+    paddingRight: makeSpace(theme.spacing[3]),
+    justifyContent: 'center'
+  }, getInteractiveFilterItemStyles({
+    theme: theme
+  }));
+});
+var renderValue = function renderValue(selectionType, value) {
+  if (selectionType === 'multiple' && Array.isArray(value)) {
+    return /*#__PURE__*/jsx(Box, {
+      display: "flex",
+      alignItems: "center",
+      children: /*#__PURE__*/jsx(Counter, {
+        value: value.length,
+        color: "primary",
+        size: "small"
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(Text, {
+    as: "span",
+    size: "small",
+    weight: "semibold",
+    color: "interactive.text.primary.normal",
+    children: value
+  });
+};
+var _BaseFilterChip = function _BaseFilterChip(_ref5, ref) {
+  var _accessibilityProps$r;
+  var value = _ref5.value,
+    onClearButtonClick = _ref5.onClearButtonClick,
+    label = _ref5.label,
+    isDisabled = _ref5.isDisabled,
+    _ref5$selectionType = _ref5.selectionType,
+    selectionType = _ref5$selectionType === void 0 ? 'single' : _ref5$selectionType,
+    _onClick = _ref5.onClick,
+    onKeyDown = _ref5.onKeyDown,
+    accessibilityProps = _ref5.accessibilityProps,
+    id = _ref5.id,
+    rest = _objectWithoutProperties(_ref5, _excluded);
+  var isSelected = selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;
+  return /*#__PURE__*/jsxs(StyledFilterChip, {
+    $isDisabled: isDisabled,
+    $isSelected: isSelected,
+    ref: ref,
+    children: [/*#__PURE__*/jsxs(StyledFilterTrigger, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      $isSelected: isSelected,
+      disabled: isDisabled,
+      id: id,
+      onClick: function onClick(e) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+      }
+    }, makeAccessible(_objectSpread(_objectSpread({}, accessibilityProps), {}, {
+      role: (_accessibilityProps$r = accessibilityProps === null || accessibilityProps === void 0 ? void 0 : accessibilityProps.role) !== null && _accessibilityProps$r !== void 0 ? _accessibilityProps$r : 'button'
+    }))), getStyledProps(rest)), makeAnalyticsAttribute(rest)), metaAttribute({
+      testID: rest.testID
+    })), {}, {
+      children: [/*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        gap: "spacing.2",
+        whiteSpace: "nowrap",
+        children: [/*#__PURE__*/jsxs(Text, {
+          size: "small",
+          weight: "medium",
+          color: "currentColor",
+          truncateAfterLines: 1,
+          children: [label, isSelected ? ':' : null]
+        }), isSelected ? renderValue(selectionType, value) : null]
+      }), /*#__PURE__*/jsx(Box, {
+        display: "flex",
+        alignItems: "center",
+        paddingRight: "spacing.1",
+        children: /*#__PURE__*/jsx(ChevronDownIcon, {
+          size: "small",
+          color: "currentColor"
+        })
+      })]
+    })), isSelected ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Divider, {
+        orientation: "vertical",
+        variant: isDisabled ? 'muted' : 'subtle'
+      }), /*#__PURE__*/jsx(StyledFilterCloseButton, {
+        "aria-label": "Clear ".concat(label, " value")
+        // value can never be undefined because when it's undefined the button itself doesn't render/
+        ,
+        onClick: function onClick() {
+          return onClearButtonClick === null || onClearButtonClick === void 0 ? void 0 : onClearButtonClick({
+            value: value !== null && value !== void 0 ? value : ''
+          });
+        },
+        disabled: isDisabled,
+        children: /*#__PURE__*/jsx(CloseIcon, {
+          size: "small",
+          color: "currentColor"
+        })
+      })]
+    }) : null]
+  });
+};
+var BaseFilterChip = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_BaseFilterChip), {
+  componentId: MetaConstants.BaseFilterChip
+});
+
+export { BaseFilterChip };
+//# sourceMappingURL=BaseFilterChip.web.js.map

package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterChip.web.js","sources":["../../../../../../src/components/FilterChip/BaseFilterChip.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { FILTER_CHIP_HEIGHT } from './tokens';\nimport type { BaseFilterChipProps } from './types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Counter } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport { ChevronDownIcon, CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { Theme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getInteractiveFilterItemStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    border: 'none',\n    cursor: 'pointer',\n    color: 'currentcolor',\n    '&:not([disabled]):hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&[disabled]': {\n      cursor: 'not-allowed',\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      outlineOffset: makeSpace(theme.spacing[1]),\n    },\n  };\n};\n\nconst StyledFilterChip = styled(BaseBox)<{ $isSelected?: boolean; $isDisabled?: boolean }>(\n  ({ theme, $isDisabled, $isSelected }) => {\n    return {\n      borderWidth: makeBorderSize(theme.border.width.thin),\n      borderColor: theme.colors.interactive.border.gray[$isDisabled ? 'disabled' : 'highlighted'],\n      height: FILTER_CHIP_HEIGHT,\n      borderRadius: theme.border.radius.max,\n      display: 'flex',\n      borderStyle: $isSelected ? 'solid' : 'dashed',\n      backgroundColor: theme.colors.surface.background.gray.intense,\n      color: theme.colors.interactive.text.gray[$isDisabled ? 'disabled' : 'normal'],\n      width: 'fit-content',\n    };\n  },\n);\n\nconst StyledFilterTrigger = styled.button<{ $isSelected?: boolean }>(({ theme, $isSelected }) => {\n  const { spacing } = theme;\n  return {\n    backgroundColor: theme.colors.transparent,\n    borderRadius: $isSelected ? theme.border.radius.none : theme.border.radius.max,\n    borderTopLeftRadius: theme.border.radius.max,\n    borderBottomLeftRadius: theme.border.radius.max,\n    paddingLeft: makeSpace(spacing[4]),\n    paddingRight: $isSelected ? makeSpace(spacing[2]) : makeSpace(spacing[3]),\n    gap: makeSpace(spacing[2]),\n    ...getInteractiveFilterItemStyles({ theme }),\n  };\n});\n\nconst StyledFilterCloseButton = styled.button(({ theme }) => {\n  return {\n    backgroundColor: theme.colors.transparent,\n    borderTopRightRadius: theme.border.radius.max,\n    borderBottomRightRadius: theme.border.radius.max,\n    paddingLeft: makeSpace(theme.spacing[2]),\n    paddingRight: makeSpace(theme.spacing[3]),\n    justifyContent: 'center',\n    ...getInteractiveFilterItemStyles({ theme }),\n  };\n});\n\nconst renderValue = (\n  selectionType: BaseFilterChipProps['selectionType'],\n  value: BaseFilterChipProps['value'],\n): React.ReactElement => {\n  if (selectionType === 'multiple' && Array.isArray(value)) {\n    return (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Counter value={value.length} color=\"primary\" size=\"small\" />\n      </Box>\n    );\n  }\n\n  return (\n    <Text as=\"span\" size=\"small\" weight=\"semibold\" color=\"interactive.text.primary.normal\">\n      {value}\n    </Text>\n  );\n};\n\nconst _BaseFilterChip: React.ForwardRefRenderFunction<BladeElementRef, BaseFilterChipProps> = (\n  {\n    value,\n    onClearButtonClick,\n    label,\n    isDisabled,\n    selectionType = 'single',\n    onClick,\n    onKeyDown,\n    accessibilityProps,\n    id,\n    ...rest\n  }: BaseFilterChipProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const isSelected =\n    selectionType === 'multiple' ? Array.isArray(value) && value.length > 0 : !!value;\n\n  return (\n    <StyledFilterChip\n      $isDisabled={isDisabled}\n      $isSelected={isSelected}\n      ref={ref as React.Ref<HTMLDivElement>}\n    >\n      <StyledFilterTrigger\n        $isSelected={isSelected}\n        disabled={isDisabled}\n        id={id}\n        onClick={(e) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onClick?.(e as any);\n        }}\n        onKeyDown={(e) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onClick?.(e as any);\n        }}\n        {...makeAccessible({\n          ...accessibilityProps,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        {...metaAttribute({ testID: rest.testID })}\n      >\n        <Box display=\"flex\" gap=\"spacing.2\" whiteSpace=\"nowrap\">\n          <Text size=\"small\" weight=\"medium\" color=\"currentColor\" truncateAfterLines={1}>\n            {label}\n            {isSelected ? ':' : null}\n          </Text>\n          {isSelected ? renderValue(selectionType, value) : null}\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\" paddingRight=\"spacing.1\">\n          <ChevronDownIcon size=\"small\" color=\"currentColor\" />\n        </Box>\n      </StyledFilterTrigger>\n      {isSelected ? (\n        <>\n          <Divider orientation=\"vertical\" variant={isDisabled ? 'muted' : 'subtle'} />\n          <StyledFilterCloseButton\n            aria-label={`Clear ${label} value`}\n            // value can never be undefined because when it's undefined the button itself doesn't render/\n            onClick={() => onClearButtonClick?.({ value: value ?? '' })}\n            disabled={isDisabled}\n          >\n            <CloseIcon size=\"small\" color=\"currentColor\" />\n          </StyledFilterCloseButton>\n        </>\n      ) : null}\n    </StyledFilterChip>\n  );\n};\n\nconst BaseFilterChip = assignWithoutSideEffects(React.forwardRef(_BaseFilterChip), {\n  componentId: MetaConstants.BaseFilterChip,\n});\n\nexport { BaseFilterChip };\n"],"names":["getInteractiveFilterItemStyles","_ref","theme","display","height","alignItems","border","cursor","color","backgroundColor","colors","interactive","background","gray","faded","_objectSpread","getFocusRingStyles","outlineOffset","makeSpace","spacing","StyledFilterChip","styled","BaseBox","withConfig","displayName","componentId","_ref2","$isDisabled","$isSelected","borderWidth","makeBorderSize","width","thin","borderColor","FILTER_CHIP_HEIGHT","borderRadius","radius","max","borderStyle","surface","intense","text","StyledFilterTrigger","button","_ref3","transparent","none","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","paddingRight","gap","StyledFilterCloseButton","_ref4","borderTopRightRadius","borderBottomRightRadius","justifyContent","renderValue","selectionType","value","Array","isArray","_jsx","Box","children","Counter","length","size","Text","as","weight","_BaseFilterChip","_ref5","ref","_accessibilityProps$r","onClearButtonClick","label","isDisabled","_ref5$selectionType","onClick","onKeyDown","accessibilityProps","id","rest","_objectWithoutProperties","_excluded","isSelected","_jsxs","disabled","e","makeAccessible","role","getStyledProps","makeAnalyticsAttribute","metaAttribute","testID","whiteSpace","truncateAfterLines","ChevronDownIcon","_Fragment","Divider","orientation","variant","concat","CloseIcon","BaseFilterChip","assignWithoutSideEffects","React","forwardRef","MetaConstants"],"mappings":"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"}

package/build/lib/web/production/components/FilterChip/tokens.js

@@ -0,0 +1,9 @@
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+
+var FILTER_CHIP_HEIGHT = makeSize(size['28']);
+
+export { FILTER_CHIP_HEIGHT };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/FilterChip/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/FilterChip/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\nimport { makeSize } from '~utils';\n\nconst FILTER_CHIP_HEIGHT = makeSize(size['28']);\n\nexport { FILTER_CHIP_HEIGHT };\n"],"names":["FILTER_CHIP_HEIGHT","makeSize","size"],"mappings":";;;;;AAGMA,IAAAA,kBAAkB,GAAGC,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAC;;;;"}

package/build/lib/web/production/components/ListView/ListView.web.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["testID", "children"];
+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 ListView = function ListView(_ref) {
+  var testID = _ref.testID,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: MetaConstants.ListView,
+    testID: testID
+  })), makeAnalyticsAttribute(rest)), {}, {
+    children: children
+  }));
+};
+
+export { ListView };
+//# sourceMappingURL=ListView.web.js.map

package/build/lib/web/production/components/ListView/ListView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import type { ListViewProps } from './types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ListView, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { ListView };\n"],"names":["ListView","_ref","testID","children","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC3C,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACZ,QAAQ;AAAEE,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACvDW,sBAAsB,CAACT,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/ListView/ListViewFilters.web.js

@@ -0,0 +1,240 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import { AnimatePresence, m } from 'framer-motion';
+import styled from 'styled-components';
+import { ListViewFiltersProvider } from './ListViewFiltersContext.web.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Icons/index.js';
+import '../Button/index.js';
+import '../Counter/index.js';
+import '../Box/index.js';
+import '../Input/SearchInput/index.js';
+import { useId } from '../../utils/useId.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../BladeProvider/index.js';
+import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
+import '../../utils/index.js';
+import '../Divider/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { SearchInput } from '../Input/SearchInput/SearchInput.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Box } from '../Box/Box.js';
+import { Divider } from '../Divider/Divider.js';
+import Button from '../Button/Button/Button.js';
+import FilterIcon from '../Icons/FilterIcon/FilterIcon.js';
+import { Counter } from '../Counter/Counter.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+
+var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "onSearchClear", "selectedFiltersCount"];
+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 gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width
+var gradientOverlyContainerHeight = '38px';
+var StyledQuickFilterContainer = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ListViewFiltersweb__StyledQuickFilterContainer",
+  componentId: "igy2td-0"
+})({
+  /* For Webkit (Chrome, Safari) */
+  '::-webkit-scrollbar': {
+    display: 'none'
+  },
+  /* For Firefox */
+  scrollbarWidth: 'none',
+  /* For Edge */
+  msOverflowStyle: 'none'
+});
+var GradientOverlay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ListViewFiltersweb__GradientOverlay",
+  componentId: "igy2td-1"
+})(["height:100%;width:20px;background:linear-gradient( 270deg,", " 0%,", " 100% );pointer-events:none;&::after{content:'';position:absolute;right:0;top:0;height:100%;width:1px;background-color:", ";}"], function (_ref) {
+  var gradientColorRight = _ref.gradientColorRight;
+  return gradientColorRight;
+}, function (_ref2) {
+  var gradientColorLeft = _ref2.gradientColorLeft;
+  return gradientColorLeft;
+}, function (_ref3) {
+  var dividerColor = _ref3.dividerColor;
+  return dividerColor;
+});
+var ListViewFilters = function ListViewFilters(_ref4) {
+  var testID = _ref4.testID,
+    children = _ref4.children,
+    quickFilters = _ref4.quickFilters,
+    onSearchChange = _ref4.onSearchChange,
+    searchValue = _ref4.searchValue,
+    searchValuePlaceholder = _ref4.searchValuePlaceholder,
+    searchName = _ref4.searchName,
+    showQuickFilters = _ref4.showQuickFilters,
+    onShowQuickFiltersChange = _ref4.onShowQuickFiltersChange,
+    onSearchClear = _ref4.onSearchClear,
+    _ref4$selectedFilters = _ref4.selectedFiltersCount,
+    selectedFiltersCount = _ref4$selectedFilters === void 0 ? 0 : _ref4$selectedFilters,
+    rest = _objectWithoutProperties(_ref4, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldShowDecorationInQuickFilters = _useState2[0],
+    setShouldShowDecorationInQuickFilters = _useState2[1];
+  var _useControllableState = useControllableState({
+      defaultValue: showQuickFilters,
+      value: showQuickFilters,
+      onChange: onShowQuickFiltersChange
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    showFilters = _useControllableState2[0],
+    setShowFilters = _useControllableState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    listViewSelectedFilters = _useState4[0],
+    setListViewSelectedFilters = _useState4[1];
+  var searchId = useId('search-input');
+  var searchNameValue = searchName || searchId;
+  var isMobile = useIsMobile();
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
+    value: {
+      listViewSelectedFilters: listViewSelectedFilters,
+      setListViewSelectedFilters: setListViewSelectedFilters,
+      selectedFiltersCount: selectedFiltersCount
+    },
+    children: [isMobile && /*#__PURE__*/jsx(SearchInput, {
+      label: "",
+      value: searchValue,
+      placeholder: searchValuePlaceholder,
+      name: searchNameValue || searchId,
+      onChange: function onChange(_ref5) {
+        var name = _ref5.name,
+          value = _ref5.value;
+        return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
+          name: name,
+          value: value
+        });
+      },
+      onClearButtonClick: onSearchClear
+    }), /*#__PURE__*/jsxs(BaseBox, {
+      children: [/*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+        name: MetaConstants.ListViewFilter,
+        testID: testID
+      })), makeAnalyticsAttribute(rest)), {}, {
+        display: "flex",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/jsxs(Box, {
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+          width: isMobile ? '88%' : 'auto',
+          marginRight: isMobile ? 'spacing.2' : 'spacing.0',
+          children: [/*#__PURE__*/jsx(StyledQuickFilterContainer, {
+            overflow: isMobile ? 'scroll' : 'visible',
+            width: isMobile ? '100%' : 'auto',
+            ref: function ref(node) {
+              if (node instanceof HTMLElement && quickFilters) {
+                setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);
+              }
+            },
+            paddingY: "spacing.4",
+            paddingLeft: isMobile ? 'spacing.2' : 'spacing.0',
+            children: quickFilters
+          }), isMobile && shouldShowDecorationInQuickFilters ? /*#__PURE__*/jsxs(Box, {
+            position: "absolute",
+            right: "-1px",
+            top: "spacing.4",
+            width: gradientOverlyContainerWidth,
+            height: gradientOverlyContainerHeight,
+            children: [/*#__PURE__*/jsx(GradientOverlay, {
+              gradientColorLeft: theme.colors.transparent,
+              gradientColorRight: theme.colors.surface.background.gray.intense,
+              dividerColor: theme.colors.surface.border.gray.normal
+            }), /*#__PURE__*/jsx(Divider, {
+              orientation: "vertical"
+            })]
+          }) : null]
+        }), /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          gap: "spacing.4",
+          alignItems: "center",
+          children: [/*#__PURE__*/jsxs(Box, {
+            position: "relative",
+            display: "inline-block",
+            children: [/*#__PURE__*/jsx(Button, {
+              variant: "tertiary",
+              size: "medium",
+              color: "primary",
+              onClick: function onClick() {
+                setShowFilters(function (prev) {
+                  return !prev;
+                });
+              },
+              icon: FilterIcon
+            }), /*#__PURE__*/jsx(Box, {
+              position: "absolute",
+              right: "spacing.0",
+              top: "spacing.0",
+              transform: "translate(50%, -50%)",
+              children: /*#__PURE__*/jsx(Counter, {
+                value: selectedFiltersCount || Object.keys(listViewSelectedFilters).length,
+                color: "primary",
+                emphasis: "intense",
+                size: "small"
+              })
+            })]
+          }), !isMobile && /*#__PURE__*/jsx(Box, {
+            width: "256px",
+            children: /*#__PURE__*/jsx(SearchInput, {
+              label: "",
+              value: searchValue,
+              placeholder: searchValuePlaceholder,
+              name: searchNameValue || searchId,
+              onChange: function onChange(_ref6) {
+                var name = _ref6.name,
+                  value = _ref6.value;
+                return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
+                  name: name,
+                  value: value
+                });
+              },
+              onClearButtonClick: onSearchClear,
+              size: "medium"
+            })
+          })]
+        })]
+      })), /*#__PURE__*/jsx(AnimatePresence, {
+        children: showFilters && /*#__PURE__*/jsx(m.div, {
+          initial: {
+            height: 0
+          },
+          animate: {
+            height: showFilters ? 'auto' : 0
+          },
+          transition: {
+            duration: msToSeconds(theme.motion.duration.moderate),
+            ease: cssBezierToArray(castWebType(theme.motion.easing.standard))
+          },
+          exit: {
+            height: 0
+          },
+          children: /*#__PURE__*/jsx(BaseBox, {
+            display: "flex",
+            backgroundColor: isMobile ? 'surface.background.white' : 'surface.background.gray.moderate',
+            borderTop: !isMobile ? '1ps solid' : undefined,
+            borderTopColor: !isMobile ? 'surface.border.gray.muted' : undefined,
+            children: children
+          })
+        })
+      })]
+    })]
+  });
+};
+
+export { ListViewFilters };
+//# sourceMappingURL=ListViewFilters.web.js.map

package/build/lib/web/production/components/ListView/ListViewFilters.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}

package/build/lib/web/production/components/ListView/ListViewFiltersContext.web.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+var ListViewFiltersGroupContext = /*#__PURE__*/React__default.createContext({
+  selectedFiltersCount: 0,
+  listViewSelectedFilters: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setListViewSelectedFilters: function setListViewSelectedFilters() {}
+});
+var ListViewFiltersProvider = ListViewFiltersGroupContext.Provider;
+var useListViewFilterContext = function useListViewFilterContext() {
+  var context = React__default.useContext(ListViewFiltersGroupContext);
+  return context;
+};
+
+export { ListViewFiltersProvider, useListViewFilterContext };
+//# sourceMappingURL=ListViewFiltersContext.web.js.map

package/build/lib/web/production/components/ListView/ListViewFiltersContext.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewFiltersContext.web.js","sources":["../../../../../../src/components/ListView/ListViewFiltersContext.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewContextType } from './types';\n\nconst ListViewFiltersGroupContext = React.createContext<ListViewContextType>({\n  selectedFiltersCount: 0,\n  listViewSelectedFilters: {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setListViewSelectedFilters: () => {},\n});\nconst ListViewFiltersProvider = ListViewFiltersGroupContext.Provider;\n\nconst useListViewFilterContext = (): ListViewContextType => {\n  const context = React.useContext(ListViewFiltersGroupContext);\n  return context;\n};\n\nexport { useListViewFilterContext, ListViewFiltersProvider };\n"],"names":["ListViewFiltersGroupContext","React","createContext","selectedFiltersCount","listViewSelectedFilters","setListViewSelectedFilters","ListViewFiltersProvider","Provider","useListViewFilterContext","context","useContext"],"mappings":";;AAGA,IAAMA,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAAsB;AAC3EC,EAAAA,oBAAoB,EAAE,CAAC;EACvBC,uBAAuB,EAAE,EAAE;AAC3B;AACAC,EAAAA,0BAA0B,EAAE,SAAAA,0BAAA,GAAM,EAAC;AACrC,CAAC,CAAC,CAAA;AACF,IAAMC,uBAAuB,GAAGN,2BAA2B,CAACO,SAAQ;AAEpE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAA8B;AAC1D,EAAA,IAAMC,OAAO,GAAGR,cAAK,CAACS,UAAU,CAACV,2BAA2B,CAAC,CAAA;AAC7D,EAAA,OAAOS,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/production/components/ListView/index.js

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

package/build/lib/web/production/components/ListView/index.js.map

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