@razorpay/blade 12.41.5 → 12.42.0

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

@@ -1,7 +1,7 @@
 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 React__default, { useState } from 'react';
 import { AnimatePresence, m } from 'framer-motion';
 import styled from 'styled-components';
 import { ListViewFiltersProvider } from './ListViewFiltersContext.web.js';
@@ -21,9 +21,11 @@ import '../BladeProvider/index.js';
 import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
 import '../../utils/index.js';
 import '../Divider/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import useTheme from '../BladeProvider/useTheme.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { SearchInput } from '../Input/SearchInput/SearchInput.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -35,7 +37,7 @@ 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"];
+var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "showFilters", "onShowFiltersChange", "onSearchClear", "selectedFiltersCount", "searchTrailing"];
 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
@@ -76,18 +78,21 @@ var ListViewFilters = function ListViewFilters(_ref4) {
     searchName = _ref4.searchName,
     showQuickFilters = _ref4.showQuickFilters,
     onShowQuickFiltersChange = _ref4.onShowQuickFiltersChange,
+    showFiltersProp = _ref4.showFilters,
+    onShowFiltersChange = _ref4.onShowFiltersChange,
     onSearchClear = _ref4.onSearchClear,
     _ref4$selectedFilters = _ref4.selectedFiltersCount,
     selectedFiltersCount = _ref4$selectedFilters === void 0 ? 0 : _ref4$selectedFilters,
+    searchTrailing = _ref4.searchTrailing,
     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
+      defaultValue: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
+      value: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
+      onChange: onShowQuickFiltersChange !== null && onShowQuickFiltersChange !== void 0 ? onShowQuickFiltersChange : onShowFiltersChange
     }),
     _useControllableState2 = _slicedToArray(_useControllableState, 2),
     showFilters = _useControllableState2[0],
@@ -111,6 +116,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
     }
     return 'auto';
   };
+  var isSearchTrailingDropDown = /*#__PURE__*/React__default.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';
   return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
     value: {
       listViewSelectedFilters: listViewSelectedFilters,
@@ -130,7 +136,8 @@ var ListViewFilters = function ListViewFilters(_ref4) {
           value: value
         });
       },
-      onClearButtonClick: onSearchClear
+      onClearButtonClick: onSearchClear,
+      trailing: searchTrailing
     }), /*#__PURE__*/jsxs(BaseBox, {
       children: [/*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
         name: MetaConstants.ListViewFilter,
@@ -200,7 +207,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
               })
             })]
           }) : null, !isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
-            width: "256px",
+            width: isSearchTrailingDropDown ? '280px' : '208px',
             children: /*#__PURE__*/jsx(SearchInput, {
               label: "",
               value: searchValue,
@@ -215,7 +222,8 @@ var ListViewFilters = function ListViewFilters(_ref4) {
                 });
               },
               onClearButtonClick: onSearchClear,
-              size: "medium"
+              size: "medium",
+              trailing: searchTrailing
             })
           })]
         })]

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

@@ -1 +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 type { BoxProps } from '~components/Box';\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  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n  const getFilterContainerWidth = (): BoxProps['width'] => {\n    if (isMobile && Boolean(children)) {\n      return '88%';\n    }\n    if (isMobile && !Boolean(children)) {\n      return '100%';\n    }\n    return 'auto';\n  };\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && showSearchInput && (\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={getFilterContainerWidth()}\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(\n                    node.scrollWidth > node.offsetWidth && Boolean(children),\n                  );\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            {children ? (\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                  accessibilityLabel=\"Show More Filters\"\n                />\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            ) : null}\n            {!isMobile && showSearchInput && (\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","showSearchInput","getFilterContainerWidth","Boolean","_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","accessibilityLabel","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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"}
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import React, { 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 type { BoxProps } from '~components/Box';\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';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\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  showFilters: showFiltersProp,\n  onShowFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  searchTrailing,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters ?? showFiltersProp,\n    value: showQuickFilters ?? showFiltersProp,\n    onChange: onShowQuickFiltersChange ?? onShowFiltersChange,\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  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n  const getFilterContainerWidth = (): BoxProps['width'] => {\n    if (isMobile && Boolean(children)) {\n      return '88%';\n    }\n    if (isMobile && !Boolean(children)) {\n      return '100%';\n    }\n    return 'auto';\n  };\n\n  const isSearchTrailingDropDown =\n    React.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && showSearchInput && (\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          trailing={searchTrailing}\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={getFilterContainerWidth()}\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(\n                    node.scrollWidth > node.offsetWidth && Boolean(children),\n                  );\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            {children ? (\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                  accessibilityLabel=\"Show More Filters\"\n                />\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            ) : null}\n            {!isMobile && showSearchInput && (\n              <Box width={isSearchTrailingDropDown ? '280px' : '208px'}>\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                  trailing={searchTrailing}\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","showFiltersProp","showFilters","onShowFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","searchTrailing","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","showSearchInput","getFilterContainerWidth","Boolean","isSearchTrailingDropDown","React","isValidElement","getComponentId","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","trailing","_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","accessibilityLabel","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/types/components/index.d.ts

@@ -12531,6 +12531,15 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
     visibleItems?: 1 | 2 | 3 | "autofit" | undefined;
     shouldAddStartEndSpacing?: boolean | undefined;
+    snapAlign?: "end" | "start" | "center" | undefined;
+    gap?: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    } | undefined;
     autoPlay?: boolean | undefined;
     showIndicators?: boolean | undefined;
     scrollOverlayColor?: ("feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
@@ -13125,15 +13134,6 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
     } | undefined;
 }, "visibility">, "__brand__">> & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
 
-type CarouselItemProps = {
-    id?: string;
-    index?: number;
-    children: React__default.ReactNode;
-    shouldHaveStartSpacing?: boolean;
-    shouldHaveEndSpacing?: boolean;
-} & DataAnalyticsAttribute;
-declare const CarouselItem: ({ children, shouldHaveStartSpacing, shouldHaveEndSpacing, id, index, ...rest }: CarouselItemProps) => React__default.ReactElement;
-
 type InteractiveTokens = DotNotationToken<Theme['colors']['interactive']['background']>;
 type FeedbackTokens = DotNotationToken<Theme['colors']['feedback']['background']>;
 type SurfaceTokens = DotNotationToken<Theme['colors']['surface']['background']>;
@@ -13167,6 +13167,38 @@ type CarouselProps = {
      * @default false
      */
     shouldAddStartEndSpacing?: boolean;
+    /**
+     * Controls how carousel items are aligned within the container.
+     * - 'start': Items align to the start (default behavior)
+     * - 'center': Items are centered with peek behavior (active item centered, adjacent items peek from sides)
+     * - 'end': Items align to the end
+     *
+     * @default 'start'
+     *
+     * @example
+     * ```jsx
+     * // Basic peek behavior with centered alignment
+     * <Carousel
+     *   visibleItems={1}
+     *   carouselItemWidth="80%"
+     *   snapAlign="center"
+     *   gap="spacing.5"
+     * >
+     *   <CarouselItem>Card 1</CarouselItem>
+     *   <CarouselItem>Card 2</CarouselItem>
+     *   <CarouselItem>Card 3</CarouselItem>
+     * </Carousel>
+     * ```
+     */
+    snapAlign?: 'start' | 'center' | 'end';
+    /**
+     * Sets the gap between carousel items.
+     *
+     * Only visible when more than 1 card is seen in viewport, otherwise has no effect.
+     *
+     * @default { base: 'spacing.4', m: 'spacing.5' }
+     */
+    gap?: BoxProps['gap'];
     /**
      * If true, the carousel will automatically slide to the next slide, default interval is 6 seconds
      *
@@ -13248,6 +13280,17 @@ type CarouselProps = {
     showNavigationButtons?: boolean;
 } & StyledPropsBlade & DataAnalyticsAttribute;
 
+type CarouselItemProps = {
+    id?: string;
+    index?: number;
+    children: React__default.ReactNode;
+    shouldHaveStartSpacing?: boolean;
+    shouldHaveEndSpacing?: boolean;
+    snapAlign?: CarouselProps['snapAlign'];
+    gap?: CarouselProps['gap'];
+} & DataAnalyticsAttribute;
+declare const CarouselItem: ({ children, shouldHaveStartSpacing, shouldHaveEndSpacing, id, index, snapAlign, gap, ...rest }: CarouselItemProps) => React__default.ReactElement;
+
 type OnChange$1 = ({ isChecked, event, value, }: {
     isChecked: boolean;
     event?: React__default.ChangeEvent;
@@ -29292,23 +29335,37 @@ type ListViewFilterProps = {
     onSearchClear?: () => void;
     /**
      * it will show/hide the quick filters
+     * @deprecated use showFilters instead
      */
     showQuickFilters?: boolean;
+    /**
+     * it will show/hide the filters
+     */
+    showFilters?: boolean;
     /**
      * onChange handler for showQuickFilters
+     * @deprecated use onShowFiltersChange instead
      */
     onShowQuickFiltersChange?: (showQuickFilters: boolean) => void;
     /**
-     * onChange handler for showQuickFilters
+     * onChange handler for showFilters
+     */
+    onShowFiltersChange?: (showFilters: boolean) => void;
+    /**
+     *
      * @default 0
      * you only need this if quick filters are controlled.
      */
     selectedFiltersCount?: number;
+    /**
+     * searchTrailing : trailing element for search input
+     */
+    searchTrailing?: React__default.ReactNode;
 } & TestID & DataAnalyticsAttribute;
 
 declare const ListView: ({ testID, children, ...rest }: ListViewProps) => React.ReactElement;
 
-declare const ListViewFilters: ({ testID, children, quickFilters, onSearchChange, searchValue, searchValuePlaceholder, searchName, showQuickFilters, onShowQuickFiltersChange, onSearchClear, selectedFiltersCount, ...rest }: ListViewFilterProps) => React.ReactElement;
+declare const ListViewFilters: ({ testID, children, quickFilters, onSearchChange, searchValue, searchValuePlaceholder, searchName, showQuickFilters, onShowQuickFiltersChange, showFilters: showFiltersProp, onShowFiltersChange, onSearchClear, selectedFiltersCount, searchTrailing, ...rest }: ListViewFilterProps) => React__default.ReactElement;
 
 type PreviewProps = {
     /**

package/build/types/components/index.native.d.ts

@@ -8000,6 +8000,15 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
     visibleItems?: 1 | 2 | 3 | "autofit" | undefined;
     shouldAddStartEndSpacing?: boolean | undefined;
+    snapAlign?: "end" | "start" | "center" | undefined;
+    gap?: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    } | undefined;
     autoPlay?: boolean | undefined;
     showIndicators?: boolean | undefined;
     scrollOverlayColor?: ("feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
@@ -8415,6 +8424,38 @@ type CarouselProps = {
      * @default false
      */
     shouldAddStartEndSpacing?: boolean;
+    /**
+     * Controls how carousel items are aligned within the container.
+     * - 'start': Items align to the start (default behavior)
+     * - 'center': Items are centered with peek behavior (active item centered, adjacent items peek from sides)
+     * - 'end': Items align to the end
+     *
+     * @default 'start'
+     *
+     * @example
+     * ```jsx
+     * // Basic peek behavior with centered alignment
+     * <Carousel
+     *   visibleItems={1}
+     *   carouselItemWidth="80%"
+     *   snapAlign="center"
+     *   gap="spacing.5"
+     * >
+     *   <CarouselItem>Card 1</CarouselItem>
+     *   <CarouselItem>Card 2</CarouselItem>
+     *   <CarouselItem>Card 3</CarouselItem>
+     * </Carousel>
+     * ```
+     */
+    snapAlign?: 'start' | 'center' | 'end';
+    /**
+     * Sets the gap between carousel items.
+     *
+     * Only visible when more than 1 card is seen in viewport, otherwise has no effect.
+     *
+     * @default { base: 'spacing.4', m: 'spacing.5' }
+     */
+    gap?: BoxProps['gap'];
     /**
      * If true, the carousel will automatically slide to the next slide, default interval is 6 seconds
      *
@@ -16137,18 +16178,32 @@ type ListViewFilterProps = {
     onSearchClear?: () => void;
     /**
      * it will show/hide the quick filters
+     * @deprecated use showFilters instead
      */
     showQuickFilters?: boolean;
+    /**
+     * it will show/hide the filters
+     */
+    showFilters?: boolean;
     /**
      * onChange handler for showQuickFilters
+     * @deprecated use onShowFiltersChange instead
      */
     onShowQuickFiltersChange?: (showQuickFilters: boolean) => void;
     /**
-     * onChange handler for showQuickFilters
+     * onChange handler for showFilters
+     */
+    onShowFiltersChange?: (showFilters: boolean) => void;
+    /**
+     *
      * @default 0
      * you only need this if quick filters are controlled.
      */
     selectedFiltersCount?: number;
+    /**
+     * searchTrailing : trailing element for search input
+     */
+    searchTrailing?: React__default.ReactNode;
 } & TestID & DataAnalyticsAttribute;
 
 declare const ListView: (_prop: ListViewProps) => React__default.ReactElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.41.5",
+  "version": "12.42.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"