@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n  FloatingPortal,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useTheme } from '~components/BladeProvider';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '~components/BaseMenu/tokens';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  minWidth,\n  maxWidth,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n  _isNestedDropdown = false,\n  ...dataAnalyticsProps\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    (dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n      dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n      dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n      referenceRef == undefined) ||\n    _isNestedDropdown;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          const overlayWidth = isMenu ? undefined : makeSize(rects.reference.width);\n          const overlayMinWidth = isMenu ? makeSize(size['240']) : undefined;\n          const overlayMaxWidth = isMenu ? makeSize(size['400']) : undefined;\n\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: width ?? overlayWidth,\n            minWidth: minWidth ?? overlayMinWidth,\n            maxWidth: maxWidth ?? overlayMaxWidth,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(OVERLAY_TRANSITION_OFFSET)})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <FloatingPortal>\n      <BaseBox\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ref={refs.setFloating as any}\n        style={floatingStyles}\n        zIndex={zIndex}\n        display={isMounted ? 'flex' : 'none'}\n        {...getFloatingProps()}\n      >\n        <StyledDropdownOverlay\n          isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n          elevation={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'}\n          style={{ ...styles }}\n          width={width ? width : '100%'}\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n          {...makeAnalyticsAttribute(dataAnalyticsProps)}\n        >\n          {children}\n        </StyledDropdownOverlay>\n      </BaseBox>\n    </FloatingPortal>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_PADDING","size","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","minWidth","maxWidth","referenceRef","_ref$defaultPlacement","defaultPlacement","_ref$_isNestedDropdow","_isNestedDropdown","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","SearchInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","OVERLAY_OFFSET","flip","padding","sizeMiddleware","apply","_ref3","rects","overlayWidth","makeSize","overlayMinWidth","overlayMaxWidth","Object","assign","floating","style","whileElementsMounted","autoUpdate","refs","floatingStyles","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","OVERLAY_TRANSITION_OFFSET","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","FloatingPortal","BaseBox","_objectSpread","ref","setFloating","display","StyledDropdownOverlay","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","makeAnalyticsAttribute","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"DropdownOverlay.web.js","sources":["../../../../../../src/components/Dropdown/DropdownOverlay.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  autoUpdate,\n  offset,\n  size as sizeMiddleware,\n  useFloating,\n  useTransitionStyles,\n  flip,\n  FloatingPortal,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport { useDropdown } from './useDropdown';\nimport { StyledDropdownOverlay } from './StyledDropdownOverlay';\nimport type { DropdownOverlayProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\n// Reading directly because its not possible to get theme object on top level to be used in keyframes\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useBottomSheetAndDropdownGlue } from '~components/BottomSheet/BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '~components/BaseMenu/tokens';\nimport { OverlayContextReset } from '~components/OverlayContextReset';\n\nconst OVERLAY_PADDING: number = size['12']; // doesn't have to be exact. Just rough padding for floating ui to decide to show overlay on top or bottom\n\n/**\n * Overlay of dropdown\n *\n * Wrap your ActionList within this component\n */\nconst _DropdownOverlay = ({\n  children,\n  testID,\n  zIndex = componentZIndices.dropdownOverlay,\n  width,\n  minWidth,\n  maxWidth,\n  referenceRef,\n  defaultPlacement = 'bottom-start',\n  _isNestedDropdown = false,\n  ...dataAnalyticsProps\n}: DropdownOverlayProps): React.ReactElement | null => {\n  const { isOpen, triggererRef, triggererWrapperRef, dropdownTriggerer, setIsOpen } = useDropdown();\n  const { theme, colorScheme } = useTheme();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n\n  const isMenu =\n    (dropdownTriggerer !== dropdownComponentIds.triggers.SelectInput &&\n      dropdownTriggerer !== dropdownComponentIds.triggers.SearchInput &&\n      dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete &&\n      referenceRef == undefined) ||\n    _isNestedDropdown;\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    strategy: 'fixed',\n    placement: defaultPlacement,\n    elements: {\n      // Input triggers have their ref on internal input element but we want width height of overall visible input hence wrapperRef is needed\n      // We fallback to use `triggererRef` for triggers like button and link where wrapper is not needed\n      // Checkout: https://github.com/razorpay/blade/pull/1559#discussion_r1305438920\n      reference: (referenceRef?.current ??\n        triggererWrapperRef.current ??\n        triggererRef.current) as Element,\n    },\n    middleware: [\n      offset({\n        mainAxis: OVERLAY_OFFSET,\n      }),\n      flip({\n        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n        padding: OVERLAY_OFFSET + OVERLAY_PADDING,\n      }),\n      sizeMiddleware({\n        apply({ rects, elements }) {\n          const overlayWidth = isMenu ? undefined : makeSize(rects.reference.width);\n          const overlayMinWidth = isMenu ? makeSize(size['240']) : undefined;\n          const overlayMaxWidth = isMenu ? makeSize(size['400']) : undefined;\n\n          Object.assign(elements.floating.style, {\n            // in menu, we have flexible width between min and max\n            // in input triggers, we just take width of trigger\n            width: width ?? overlayWidth,\n            minWidth: minWidth ?? overlayMinWidth,\n            maxWidth: maxWidth ?? overlayMaxWidth,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: () => ({\n      transform: `translateY(-${makeSize(OVERLAY_TRANSITION_OFFSET)})`,\n      opacity: 0,\n    }),\n  });\n\n  React.useEffect(() => {\n    if (isOpen) {\n      // On Safari clicking on a non input element doesn't focuses it https://bugs.webkit.org/show_bug.cgi?id=22261\n      triggererRef.current?.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  return (\n    <FloatingPortal>\n      <TopNavOverlayThemeOverride>\n        <OverlayContextReset>\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            ref={refs.setFloating as any}\n            style={floatingStyles}\n            zIndex={zIndex}\n            display={isMounted ? 'flex' : 'none'}\n            {...getFloatingProps()}\n          >\n            <StyledDropdownOverlay\n              isInBottomSheet={bottomSheetAndDropdownGlue?.dropdownHasBottomSheet}\n              colorScheme={colorScheme}\n              elevation={\n                bottomSheetAndDropdownGlue?.dropdownHasBottomSheet ? undefined : 'midRaised'\n              }\n              style={{ ...styles }}\n              width={width ? width : '100%'}\n              minWidth={minWidth}\n              maxWidth={maxWidth}\n              {...metaAttribute({ name: MetaConstants.DropdownOverlay, testID })}\n              {...makeAnalyticsAttribute(dataAnalyticsProps)}\n            >\n              {children}\n            </StyledDropdownOverlay>\n          </BaseBox>\n        </OverlayContextReset>\n      </TopNavOverlayThemeOverride>\n    </FloatingPortal>\n  );\n};\n\nconst DropdownOverlay = assignWithoutSideEffects(_DropdownOverlay, {\n  componentId: dropdownComponentIds.DropdownOverlay,\n});\n\nexport { DropdownOverlay };\n"],"names":["OVERLAY_PADDING","size","_DropdownOverlay","_ref","_ref2","_referenceRef$current","children","testID","_ref$zIndex","zIndex","componentZIndices","dropdownOverlay","width","minWidth","maxWidth","referenceRef","_ref$defaultPlacement","defaultPlacement","_ref$_isNestedDropdow","_isNestedDropdown","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","isOpen","triggererRef","triggererWrapperRef","dropdownTriggerer","setIsOpen","_useTheme","useTheme","theme","colorScheme","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","isMenu","dropdownComponentIds","triggers","SelectInput","SearchInput","AutoComplete","undefined","_useFloating","useFloating","open","onOpenChange","strategy","placement","elements","reference","current","middleware","offset","mainAxis","OVERLAY_OFFSET","flip","padding","sizeMiddleware","apply","_ref3","rects","overlayWidth","makeSize","overlayMinWidth","overlayMaxWidth","Object","assign","floating","style","whileElementsMounted","autoUpdate","refs","floatingStyles","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","transform","concat","OVERLAY_TRANSITION_OFFSET","opacity","isMounted","styles","React","useEffect","_triggererRef$current","focus","_jsx","FloatingPortal","TopNavOverlayThemeOverride","OverlayContextReset","BaseBox","_objectSpread","ref","setFloating","display","StyledDropdownOverlay","isInBottomSheet","dropdownHasBottomSheet","elevation","metaAttribute","name","MetaConstants","DropdownOverlay","makeAnalyticsAttribute","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js

@@ -63,7 +63,7 @@ var FilterChipGroup = function FilterChipGroup(_ref) {
       gap: "spacing.3",
       flexWrap: "wrap",
       children: [children, showClearButton && (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? /*#__PURE__*/jsx(Link, {
-        size: "xsmall",
+        size: "small",
         color: "neutral",
         onClick: handleClearButtonClick,
         children: "Clear Filter".concat(filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : '')

package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding={['spacing.4', 'spacing.1']}\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {showClearButton &&\n        (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? (\n          <Link size=\"xsmall\" color=\"neutral\" onClick={handleClearButtonClick}>{`Clear Filter${\n            filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : ''\n          }`}</Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","handleClearButtonClick","prev","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","length","Link","size","color","onClick","concat"],"mappings":"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"}
+{"version":3,"file":"FilterChipGroup.web.js","sources":["../../../../../../src/components/Dropdown/FilterChipGroup.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useListViewFilterContext } from '../ListView/ListViewFiltersContext.web';\nimport type { FilterChipGroupProps } from './types';\nimport { FilterChipGroupProvider } from './FilterChipGroupContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Link } from '~components/Link';\n\nconst FilterChipGroup = ({\n  testID,\n  children,\n  showClearButton = true,\n  onClearButtonClick,\n  ...rest\n}: FilterChipGroupProps): React.ReactElement => {\n  const [filterChipGroupSelectedFilters, setFilterChipGroupSelectedFilters] = useState<string[]>(\n    [],\n  );\n  const [clearFilterCallbackTriggerer, setClearFilterCallbackTriggerer] = useState<number>(0);\n  const { selectedFiltersCount, setListViewSelectedFilters } = useListViewFilterContext();\n  const handleClearButtonClick = (): void => {\n    onClearButtonClick?.();\n    setListViewSelectedFilters({});\n    setFilterChipGroupSelectedFilters([]);\n    setClearFilterCallbackTriggerer((prev) => prev + 1);\n  };\n  return (\n    <FilterChipGroupProvider\n      value={{\n        filterChipGroupSelectedFilters,\n        setFilterChipGroupSelectedFilters,\n        clearFilterCallbackTriggerer,\n        setClearFilterCallbackTriggerer,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.FilterChipGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n        display=\"flex\"\n        padding={['spacing.4', 'spacing.1']}\n        alignItems=\"center\"\n        justifyContent=\"flex-start\"\n        width=\"100%\"\n        gap=\"spacing.3\"\n        flexWrap=\"wrap\"\n      >\n        {children}\n        {showClearButton &&\n        (filterChipGroupSelectedFilters.length > 0 || selectedFiltersCount > 0) ? (\n          <Link size=\"small\" color=\"neutral\" onClick={handleClearButtonClick}>{`Clear Filter${\n            filterChipGroupSelectedFilters.length > 1 || selectedFiltersCount > 1 ? 's' : ''\n          }`}</Link>\n        ) : null}\n      </BaseBox>\n    </FilterChipGroupProvider>\n  );\n};\n\nexport { FilterChipGroup };\n"],"names":["FilterChipGroup","_ref","testID","children","_ref$showClearButton","showClearButton","onClearButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","filterChipGroupSelectedFilters","setFilterChipGroupSelectedFilters","_useState3","_useState4","clearFilterCallbackTriggerer","setClearFilterCallbackTriggerer","_useListViewFilterCon","useListViewFilterContext","selectedFiltersCount","setListViewSelectedFilters","handleClearButtonClick","prev","_jsx","FilterChipGroupProvider","value","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","display","padding","alignItems","justifyContent","width","gap","flexWrap","length","Link","size","color","onClick","concat"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js

@@ -4,19 +4,22 @@ import 'react';
 import styled from 'styled-components';
 import { useDropdown } from './useDropdown.js';
 import { dropdownComponentIds } from './dropdownComponentIds.js';
-import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import '../Icons/index.js';
 import '../Box/index.js';
 import '../../utils/getFocusRingStyles/index.js';
 import '../Typography/index.js';
-import '../../utils/makeAccessible/index.js';
 import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
 import { useId } from '../../utils/useId.js';
-import '../../utils/makeAnalyticsAttribute/index.js';
-import '../../utils/metaAttribute/index.js';
 import '../../utils/useControlledDropdownInput/index.js';
+import { inputDropdownButtonPadding, baseInputHeight, inputDropdownButtonBorderRadius } from '../Input/BaseInput/baseInputTokens.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { spacing } from '../../tokens/global/spacing.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { useControlledDropdownInput } from '../../utils/useControlledDropdownInput/useControlledDropdownInput.js';
@@ -28,7 +31,7 @@ import { Text } from '../Typography/Text/Text.js';
 import ChevronUpDownIcon from '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon"];
+var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "size"];
 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 StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
@@ -36,13 +39,20 @@ var StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
   componentId: "gq7bp3-0"
 })(function (_ref) {
   var theme = _ref.theme,
-    isDisabled = _ref.isDisabled;
-  var spacing = theme.spacing;
+    isDisabled = _ref.isDisabled,
+    $size = _ref.$size;
+  // The wrapper BaseBox in BaseInputVisuals already applies paddingY
+  // So we need to subtract that from the baseInputHeight to get the correct button height
+  var paddingValue = inputDropdownButtonPadding[$size];
+  var wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper
+  var buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;
   return {
     backgroundColor: theme.colors.transparent,
-    gap: makeSpace(spacing[2]),
+    gap: makeSpace(theme.spacing[2]),
     display: 'flex',
-    height: '100%',
+    boxSizing: 'border-box',
+    height: makeSpace(buttonHeight),
+    padding: makeSpace(theme.spacing[2]),
     alignItems: 'center',
     border: 'none',
     cursor: isDisabled ? 'not-allowed' : 'pointer',
@@ -61,7 +71,7 @@ var StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
     '&:focus-visible': {
       outlineOffset: makeSpace(theme.spacing[0])
     },
-    borderRadius: theme.border.radius.small
+    borderRadius: inputDropdownButtonBorderRadius[$size]
   };
 });
 var _InputDropdownButton = function _InputDropdownButton(_ref2) {
@@ -78,6 +88,9 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
     value = _ref2.value,
     defaultValue = _ref2.defaultValue,
     Icon = _ref2.icon,
+    leading = _ref2.leading,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var idBase = useId('input-drop-down-button');
   var _useDropdown = useDropdown(),
@@ -109,6 +122,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
   }
   return /*#__PURE__*/jsx(StyledSearchTrailingDropdown, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     type: "button",
+    $size: size,
     onClick: function onClick(e) {
       if (isDisabled) return;
       onTriggerClick();
@@ -147,7 +161,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
     testID: testID
   })), {}, {
     children: /*#__PURE__*/jsxs(Box, {
-      padding: "spacing.2",
+      padding: "spacing.".concat(inputDropdownButtonPadding[size]),
       display: "flex",
       gap: "spacing.2",
       alignItems: "center",
@@ -157,7 +171,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
         weight: "regular",
         color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted',
         children: [' ', "in"]
-      }), Icon && /*#__PURE__*/jsx(Icon, {
+      }), leading, Icon && /*#__PURE__*/jsx(Icon, {
         size: "medium",
         color: isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'
       }), /*#__PURE__*/jsx(Text, {

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { IconComponent } from '~components/Icons';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{ $isSelected?: boolean; isDisabled?: boolean }>(\n  ({ theme, isDisabled }) => {\n    const { spacing } = theme;\n    return {\n      backgroundColor: theme.colors.transparent,\n      gap: makeSpace(spacing[2]),\n      display: 'flex',\n      height: '100%',\n      alignItems: 'center',\n      border: 'none',\n      cursor: isDisabled ? 'not-allowed' : 'pointer',\n      '&[disabled]': {\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      '&:focus': {\n        ...getFocusRingStyles({ theme }),\n        backgroundColor: theme.colors.interactive.background.gray.faded,\n      },\n      '&:hover': {\n        backgroundColor: theme.colors.interactive.background.gray.faded,\n      },\n      '&:focus-visible': {\n        outlineOffset: makeSpace(theme.spacing[0]),\n      },\n      borderRadius: theme.border.radius.small,\n    };\n  },\n);\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box padding=\"spacing.2\" display=\"flex\" gap=\"spacing.2\" alignItems=\"center\">\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          weight=\"regular\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n        >\n          {displayValue}\n        </Text>\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","spacing","backgroundColor","colors","transparent","gap","makeSpace","display","height","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","radius","small","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","padding","Text","variant","size","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          weight=\"regular\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n        >\n          {displayValue}\n        </Text>\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/development/components/Dropdown/StyledDropdownOverlay.js

@@ -3,19 +3,23 @@ import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
 
 var StyledDropdownOverlay = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "StyledDropdownOverlay",
   componentId: "sc-1dik5mo-0"
 })(function (props) {
   var theme = props.theme,
-    isInBottomSheet = props.isInBottomSheet;
+    isInBottomSheet = props.isInBottomSheet,
+    colorScheme = props.colorScheme;
   return {
-    backgroundColor: theme.colors.popup.background.subtle,
-    borderWidth: isInBottomSheet ? undefined : theme.border.width.thin,
-    borderColor: theme.colors.interactive.border.gray.faded,
-    borderStyle: isInBottomSheet ? undefined : 'solid',
-    borderRadius: makeSize(theme.border.radius.medium)
+    backgroundColor: theme.colors.popup.background.gray.moderate,
+    borderWidth: 'none',
+    borderTopStyle: undefined,
+    borderRadius: makeSize(theme.border.radius.medium),
+    backdropFilter: "blur(".concat(theme.backdropBlur.medium, "px)"),
+    boxShadow: isInBottomSheet || isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme)
   };
 });
 

package/build/lib/web/development/components/Dropdown/StyledDropdownOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledDropdownOverlay.js","sources":["../../../../../../src/components/Dropdown/StyledDropdownOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize } from '~utils';\n\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n}>((props) => {\n  const { theme, isInBottomSheet } = props;\n\n  return {\n    backgroundColor: theme.colors.popup.background.subtle,\n    borderWidth: isInBottomSheet ? undefined : theme.border.width.thin,\n    borderColor: theme.colors.interactive.border.gray.faded,\n    borderStyle: isInBottomSheet ? undefined : 'solid',\n    borderRadius: makeSize(theme.border.radius.medium),\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","withConfig","displayName","componentId","props","theme","isInBottomSheet","backgroundColor","colors","popup","background","subtle","borderWidth","undefined","border","width","thin","borderColor","interactive","gray","faded","borderStyle","borderRadius","makeSize","radius","medium"],"mappings":";;;;;;AAIA,IAAMA,qBAAqB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAE1C,CAAA,CAAA,UAACC,KAAK,EAAK;AACZ,EAAA,IAAQC,KAAK,GAAsBD,KAAK,CAAhCC,KAAK;IAAEC,eAAe,GAAKF,KAAK,CAAzBE,eAAe,CAAA;EAE9B,OAAO;IACLC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,MAAM;IACrDC,WAAW,EAAEN,eAAe,GAAGO,SAAS,GAAGR,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,IAAI;IAClEC,WAAW,EAAEZ,KAAK,CAACG,MAAM,CAACU,WAAW,CAACJ,MAAM,CAACK,IAAI,CAACC,KAAK;AACvDC,IAAAA,WAAW,EAAEf,eAAe,GAAGO,SAAS,GAAG,OAAO;IAClDS,YAAY,EAAEC,QAAQ,CAAClB,KAAK,CAACS,MAAM,CAACU,MAAM,CAACC,MAAM,CAAA;GAClD,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"StyledDropdownOverlay.js","sources":["../../../../../../src/components/Dropdown/StyledDropdownOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize, getPopupBoxShadowString, isReactNative } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\n\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n  colorScheme: ColorSchemeNames;\n}>((props) => {\n  const { theme, isInBottomSheet, colorScheme } = props;\n  return {\n    backgroundColor: theme.colors.popup.background.gray.moderate,\n    borderWidth: 'none',\n    borderTopStyle: undefined,\n    borderRadius: makeSize(theme.border.radius.medium),\n    backdropFilter: `blur(${theme.backdropBlur.medium}px)`,\n    boxShadow:\n      isInBottomSheet || isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","withConfig","displayName","componentId","props","theme","isInBottomSheet","colorScheme","backgroundColor","colors","popup","background","gray","moderate","borderWidth","borderTopStyle","undefined","borderRadius","makeSize","border","radius","medium","backdropFilter","concat","backdropBlur","boxShadow","isReactNative","getPopupBoxShadowString"],"mappings":";;;;;;;;AAKA,IAAMA,qBAAqB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAG1C,CAAA,CAAA,UAACC,KAAK,EAAK;AACZ,EAAA,IAAQC,KAAK,GAAmCD,KAAK,CAA7CC,KAAK;IAAEC,eAAe,GAAkBF,KAAK,CAAtCE,eAAe;IAAEC,WAAW,GAAKH,KAAK,CAArBG,WAAW,CAAA;EAC3C,OAAO;IACLC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ;AAC5DC,IAAAA,WAAW,EAAE,MAAM;AACnBC,IAAAA,cAAc,EAAEC,SAAS;IACzBC,YAAY,EAAEC,QAAQ,CAACb,KAAK,CAACc,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;IAClDC,cAAc,EAAA,OAAA,CAAAC,MAAA,CAAUlB,KAAK,CAACmB,YAAY,CAACH,MAAM,EAAK,KAAA,CAAA;AACtDI,IAAAA,SAAS,EACPnB,eAAe,IAAIoB,aAAa,EAAE,GAAGV,SAAS,GAAGW,uBAAuB,CAACtB,KAAK,EAAEE,WAAW,CAAA;GAC9F,CAAA;AACH,CAAC;;;;"}

package/build/lib/web/development/components/FileUpload/FileUploadItem.js

@@ -1,36 +1,50 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { memo } from 'react';
 import { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper.js';
 import { FileUploadItemIcon } from './FileUploadItemIcon.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
 import '../Icons/index.js';
 import '../Box/BaseBox/index.js';
 import '../Typography/index.js';
 import '../Divider/index.js';
 import '../Button/IconButton/index.js';
 import '../ProgressBar/index.js';
-import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
 import '../Link/BaseLink/index.js';
-import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/styledProps/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Text } from '../Typography/Text/Text.js';
 import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
-import RefreshIcon from '../Icons/RefreshIcon/RefreshIcon.js';
+import RotateClockWiseIcon from '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import TrashIcon from '../Icons/TrashIcon/TrashIcon.js';
 import { ProgressBar } from '../ProgressBar/ProgressBar.js';
 
+var _excluded = ["file", "onPreview", "onRemove", "onReupload", "onDismiss", "size", "width", "minWidth", "maxWidth", "flexShrink", "flexGrow", "flexBasis"];
+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 FileUploadItem = /*#__PURE__*/memo(function (_ref) {
   var file = _ref.file,
     onPreview = _ref.onPreview,
     onRemove = _ref.onRemove,
     onReupload = _ref.onReupload,
     onDismiss = _ref.onDismiss,
-    containerSize = _ref.size;
+    containerSize = _ref.size,
+    width = _ref.width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    flexShrink = _ref.flexShrink,
+    flexGrow = _ref.flexGrow,
+    flexBasis = _ref.flexBasis,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var name = file.name,
     size = file.size,
     uploadPercent = file.uploadPercent,
@@ -40,11 +54,18 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
   var sizeInKB = size / 1024;
   var sizeInMB = sizeInKB / 1024;
   var showSizeInKB = sizeInKB < 1024;
-  return /*#__PURE__*/jsx(StyledFileUploadItemWrapper, {
+  return /*#__PURE__*/jsx(StyledFileUploadItemWrapper, _objectSpread(_objectSpread({
     size: containerSize !== null && containerSize !== void 0 ? containerSize : 'medium',
     status: status !== null && status !== void 0 ? status : 'success',
     borderRadius: "medium",
     borderWidth: "thin",
+    width: width,
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    flexShrink: flexShrink,
+    flexGrow: flexGrow,
+    flexBasis: flexBasis
+  }, getStyledProps(rest)), {}, {
     children: /*#__PURE__*/jsxs(BaseBox, {
       width: "100%",
       display: "flex",
@@ -52,9 +73,9 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
       children: [/*#__PURE__*/jsxs(BaseBox, {
         display: "flex",
         flexDirection: "row",
-        margin: containerSize === 'large' ? 'spacing.4' : 'spacing.3',
+        margin: containerSize === 'large' ? 'spacing.4' : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3'],
         children: [/*#__PURE__*/jsx(BaseBox, {
-          marginRight: "spacing.3",
+          marginRight: "spacing.4",
           children: /*#__PURE__*/jsx(FileUploadItemIcon, {
             fileName: name,
             uploadStatus: status
@@ -85,6 +106,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
             size: "small",
             weight: "regular",
             color: status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted',
+            truncateAfterLines: 1,
             children: errorText !== null && errorText !== void 0 ? errorText : "".concat((showSizeInKB ? sizeInKB : sizeInMB).toFixed(2), " ").concat(showSizeInKB ? 'KB' : 'MB', " ").concat(isUploading && uploadPercent ? "(".concat(uploadPercent, "%)") : '')
           })]
         }), status === 'uploading' ? /*#__PURE__*/jsx(BaseBox, {
@@ -106,7 +128,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
           children: /*#__PURE__*/jsx(BaseLink, {
             marginX: "spacing.1",
             variant: "button",
-            icon: RefreshIcon,
+            icon: RotateClockWiseIcon,
             color: "negative",
             size: "small",
             onClick: function onClick() {
@@ -170,7 +192,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
         })
       })]
     })
-  });
+  }));
 });
 
 export { FileUploadItem };

package/build/lib/web/development/components/FileUpload/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { TrashIcon, EyeIcon, CloseIcon, CheckCircleIcon, RefreshIcon } from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={containerSize === 'large' ? 'spacing.4' : 'spacing.3'}\n          >\n            <BaseBox marginRight=\"spacing.3\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RefreshIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","borderRadius","borderWidth","children","_jsxs","BaseBox","width","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","flexGrow","alignItems","maxWidth","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RefreshIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RotateClockWiseIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","_objectSpread","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RotateClockWiseIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/web/development/components/FileUpload/StyledFileUploadItemWrapper.js

@@ -2,10 +2,13 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import styled from 'styled-components';
 import { fileUploadMotionTokens, fileUploadHeightTokens, fileUploadItemBackgroundColors } from './fileUploadTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/index.js';
+import '../../tokens/global/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/makeMotionTime/index.web.js';
-import '../../utils/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { colors } from '../../tokens/global/colors.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
@@ -19,6 +22,9 @@ var StyledFileUploadItemWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   var theme = _ref.theme,
     status = _ref.status,
     size = _ref.size;
+  var _useTheme = useTheme(),
+    colorScheme = _useTheme.colorScheme;
+  var boxShadowColor = colorScheme === 'light' ? colors.neutral.blueGrayLight.a906 : colors.neutral.black[50];
   var easing = getIn(theme.motion, fileUploadMotionTokens.easing);
   var duration = castWebType(makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)));
   return _objectSpread({
@@ -33,8 +39,9 @@ var StyledFileUploadItemWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     transitionProperty: 'background-color',
     transitionTimingFunction: easing,
     transitionDuration: duration,
-    borderColor: theme.colors.interactive.border.neutral.faded,
-    wordBreak: 'break-all'
+    borderColor: status === 'error' ? theme.colors.interactive.border.negative.faded : theme.colors.surface.border.gray.subtle,
+    wordBreak: 'break-all',
+    boxShadow: "0px 0.5px 4px 0px ".concat(boxShadowColor)
   }, status !== 'uploading' && {
     '&:hover': {
       backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover)

package/build/lib/web/development/components/FileUpload/StyledFileUploadItemWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledFileUploadItemWrapper.js","sources":["../../../../../../src/components/FileUpload/StyledFileUploadItemWrapper.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadItemWrapperProps } from './types';\nimport {\n  fileUploadItemBackgroundColors,\n  fileUploadMotionTokens,\n  fileUploadHeightTokens,\n} from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType, makeSize } from '~utils';\n\nconst StyledFileUploadItemWrapper = styled(BaseBox)<StyledFileUploadItemWrapperProps>(\n  ({ theme, status, size }) => {\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      justifyContent: 'space-between',\n      borderStyle: 'solid',\n      minHeight: makeSize(fileUploadHeightTokens[size === 'variable' ? 'large' : size]),\n      width: '100%',\n      backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].default),\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor: theme.colors.interactive.border.neutral.faded,\n      wordBreak: 'break-all',\n\n      ...(status !== 'uploading' && {\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover),\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledFileUploadItemWrapper };\n"],"names":["StyledFileUploadItemWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","status","size","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","position","overflow","display","justifyContent","borderStyle","minHeight","makeSize","fileUploadHeightTokens","width","backgroundColor","colors","fileUploadItemBackgroundColors","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","interactive","border","neutral","faded","wordBreak","hover"],"mappings":";;;;;;;;;;;;;;AAYA,IAAMA,2BAA2B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACjD,CAAA,CAAA,UAAAC,IAAA,EAA6B;AAAA,EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAA;EACpB,IAAMC,MAAM,GAAGC,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,sBAAsB,CAACH,MAAM,CAAC,CAAA;AACjE,EAAA,IAAMI,QAAQ,GAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAAA;AAED,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,eAAe;AAC/BC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAEC,QAAQ,CAACC,sBAAsB,CAAChB,IAAI,KAAK,UAAU,GAAG,OAAO,GAAGA,IAAI,CAAC,CAAC;AACjFiB,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,eAAe,EAAEhB,KAAK,CAACJ,KAAK,CAACqB,MAAM,EAAEC,8BAA8B,CAACrB,MAAM,CAAC,CAAA,SAAA,CAAQ,CAAC;AACpFsB,IAAAA,kBAAkB,EAAE,kBAAkB;AACtCC,IAAAA,wBAAwB,EAAErB,MAAM;AAChCsB,IAAAA,kBAAkB,EAAElB,QAAQ;IAC5BmB,WAAW,EAAE1B,KAAK,CAACqB,MAAM,CAACM,WAAW,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK;AAC1DC,IAAAA,SAAS,EAAE,WAAA;GAEP9B,EAAAA,MAAM,KAAK,WAAW,IAAI;AAC5B,IAAA,SAAS,EAAE;AACTmB,MAAAA,eAAe,EAAEhB,KAAK,CAACJ,KAAK,CAACqB,MAAM,EAAEC,8BAA8B,CAACrB,MAAM,CAAC,CAAC+B,KAAK,CAAA;AACnF,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"StyledFileUploadItemWrapper.js","sources":["../../../../../../src/components/FileUpload/StyledFileUploadItemWrapper.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadItemWrapperProps } from './types';\nimport {\n  fileUploadItemBackgroundColors,\n  fileUploadMotionTokens,\n  fileUploadHeightTokens,\n} from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType, makeSize, useTheme } from '~utils';\nimport { colors as globalColors } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledFileUploadItemWrapper = styled(BaseBox)<StyledFileUploadItemWrapperProps>(\n  ({ theme, status, size }) => {\n    const { colorScheme } = useTheme();\n    const boxShadowColor =\n      colorScheme === 'light'\n        ? globalColors.neutral.blueGrayLight.a906\n        : globalColors.neutral.black[50];\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      justifyContent: 'space-between',\n      borderStyle: 'solid',\n      minHeight: makeSize(fileUploadHeightTokens[size === 'variable' ? 'large' : size]),\n      width: '100%',\n      backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].default),\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor:\n        status === 'error'\n          ? theme.colors.interactive.border.negative.faded\n          : theme.colors.surface.border.gray.subtle,\n      wordBreak: 'break-all',\n      boxShadow: `0px 0.5px 4px 0px ${boxShadowColor}`,\n\n      ...(status !== 'uploading' && {\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover),\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledFileUploadItemWrapper };\n"],"names":["StyledFileUploadItemWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","status","size","_useTheme","useTheme","colorScheme","boxShadowColor","globalColors","neutral","blueGrayLight","a906","black","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","position","overflow","display","justifyContent","borderStyle","minHeight","makeSize","fileUploadHeightTokens","width","backgroundColor","colors","fileUploadItemBackgroundColors","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","interactive","border","negative","faded","surface","gray","subtle","wordBreak","boxShadow","concat","hover"],"mappings":";;;;;;;;;;;;;;;;;AAaA,IAAMA,2BAA2B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACjD,CAAA,CAAA,UAAAC,IAAA,EAA6B;AAAA,EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAA;AACpB,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BC,WAAW,GAAAF,SAAA,CAAXE,WAAW,CAAA;EACnB,IAAMC,cAAc,GAClBD,WAAW,KAAK,OAAO,GACnBE,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI,GACvCH,MAAY,CAACC,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CAAA;EACpC,IAAMC,MAAM,GAAGC,KAAK,CAACb,KAAK,CAACc,MAAM,EAAEC,sBAAsB,CAACH,MAAM,CAAC,CAAA;AACjE,EAAA,IAAMI,QAAQ,GAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACb,KAAK,CAACc,MAAM,EAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAAA;AAED,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,eAAe;AAC/BC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAEC,QAAQ,CAACC,sBAAsB,CAACzB,IAAI,KAAK,UAAU,GAAG,OAAO,GAAGA,IAAI,CAAC,CAAC;AACjF0B,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,eAAe,EAAEhB,KAAK,CAACb,KAAK,CAAC8B,MAAM,EAAEC,8BAA8B,CAAC9B,MAAM,CAAC,CAAA,SAAA,CAAQ,CAAC;AACpF+B,IAAAA,kBAAkB,EAAE,kBAAkB;AACtCC,IAAAA,wBAAwB,EAAErB,MAAM;AAChCsB,IAAAA,kBAAkB,EAAElB,QAAQ;IAC5BmB,WAAW,EACTlC,MAAM,KAAK,OAAO,GACdD,KAAK,CAAC8B,MAAM,CAACM,WAAW,CAACC,MAAM,CAACC,QAAQ,CAACC,KAAK,GAC9CvC,KAAK,CAAC8B,MAAM,CAACU,OAAO,CAACH,MAAM,CAACI,IAAI,CAACC,MAAM;AAC7CC,IAAAA,SAAS,EAAE,WAAW;IACtBC,SAAS,EAAA,oBAAA,CAAAC,MAAA,CAAuBvC,cAAc,CAAA;GAE1CL,EAAAA,MAAM,KAAK,WAAW,IAAI;AAC5B,IAAA,SAAS,EAAE;AACT4B,MAAAA,eAAe,EAAEhB,KAAK,CAACb,KAAK,CAAC8B,MAAM,EAAEC,8BAA8B,CAAC9B,MAAM,CAAC,CAAC6C,KAAK,CAAA;AACnF,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}