@razorpay/blade 12.67.0 → 12.89.0

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

@@ -5,18 +5,21 @@ import React__default, { useCallback, useState, useEffect } from 'react';
 import { useControls, TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import styled from 'styled-components';
 import { usePreviewContext, PreviewProvider } from './PreviewContext.js';
+import '../../utils/metaAttribute/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../../tokens/global/index.js';
 import '../Box/BaseBox/index.js';
 import '../Icons/index.js';
 import '../Typography/index.js';
 import '../ButtonGroup/index.js';
 import '../Button/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
-import '../../utils/metaAttribute/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../Divider/index.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../utils/makeSize/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import Button from '../Button/Button/Button.js';
 import FullScreenExitIcon from '../Icons/FullScreenExitIcon/FullScreenExitIcon.js';
@@ -26,6 +29,8 @@ import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import ZoomInIcon from '../Icons/ZoomInIcon/ZoomInIcon.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
 import { Text } from '../Typography/Text/Text.js';
 import ZoomOutIcon from '../Icons/ZoomOutIcon/ZoomOutIcon.js';
 import RefreshIcon from '../Icons/RefreshIcon/RefreshIcon.js';
@@ -39,33 +44,32 @@ var _PreviewHeader = function _PreviewHeader(_ref) {
   var _usePreviewContext = usePreviewContext(),
     isFullScreen = _usePreviewContext.isFullScreen;
   if (!title) {
-    return /*#__PURE__*/jsxs(BaseBox, {
-      position: "absolute",
-      top: "spacing.0",
-      right: "spacing.2",
+    return /*#__PURE__*/jsx(BaseBox, {
       zIndex: componentZIndices.previewPanel,
       display: "flex",
       alignItems: "center",
-      justifyContent: "space-between",
+      justifyContent: "flex-end",
       padding: "spacing.4",
-      children: [/*#__PURE__*/jsx(BaseBox, {
-        backgroundColor: "surface.background.gray.moderate",
+      backgroundColor: "transparent",
+      width: "100%",
+      children: /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        alignItems: "center",
+        gap: "spacing.3",
+        backgroundColor: "transparent",
         borderRadius: "medium",
-        children: /*#__PURE__*/jsx(Button, {
+        children: [/*#__PURE__*/jsx(Button, {
           icon: isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon,
           variant: "tertiary",
           onClick: _onFullScreen,
           accessibilityLabel: isFullScreen ? 'Exit Full Screen' : 'Enter Full Screen'
-        })
-      }), trailing]
+        }), trailing]
+      })
     });
   }
   return /*#__PURE__*/jsxs(BaseBox, {
     zIndex: componentZIndices.previewPanel,
-    position: "absolute",
-    top: "spacing.0",
-    left: "spacing.0",
-    backgroundColor: "surface.background.gray.moderate",
+    backgroundColor: "transparent",
     width: "100%",
     children: [/*#__PURE__*/jsxs(BaseBox, {
       display: "flex",
@@ -129,23 +133,16 @@ var _PreviewFooter = function _PreviewFooter(PreviewFooterProps) {
   }, [defaultZoom, centerView]);
   return /*#__PURE__*/jsxs(BaseBox, {
     display: "flex",
-    justifyContent: "space-between",
+    justifyContent: trailing ? 'space-between' : 'center',
     width: "100%",
-    backgroundColor: "surface.background.gray.moderate",
-    position: "absolute",
-    bottom: "spacing.0",
-    left: "spacing.0",
-    right: "spacing.0",
-    padding: "spacing.5",
+    backgroundColor: "transparent",
+    padding: {
+      base: 'spacing.2',
+      m: 'spacing.5'
+    },
     zIndex: componentZIndices.previewPanel,
-    borderTopWidth: "thin",
-    borderTopColor: "surface.border.gray.muted",
     children: [/*#__PURE__*/jsx(BaseBox, {
       padding: "spacing.2",
-      backgroundColor: "surface.background.gray.intense",
-      borderRadius: "medium",
-      borderWidth: "thin",
-      borderColor: "surface.border.gray.muted",
       children: showZoomPercentage ? /*#__PURE__*/jsxs(BaseBox, {
         display: "flex",
         alignItems: "center",
@@ -156,9 +153,13 @@ var _PreviewFooter = function _PreviewFooter(PreviewFooterProps) {
           variant: "tertiary",
           accessibilityLabel: "Zoom In",
           isDisabled: zoom >= 8
-        }), /*#__PURE__*/jsxs(Text, {
-          size: "medium",
-          children: [" ", Math.round(zoom * 100), "%"]
+        }), /*#__PURE__*/jsx(BaseBox, {
+          width: makeSize(size[40]),
+          textAlign: 'center',
+          children: /*#__PURE__*/jsxs(Text, {
+            size: "medium",
+            children: [" ", Math.round(zoom * 100), "%"]
+          })
         }), /*#__PURE__*/jsx(Button, {
           icon: ZoomOutIcon,
           onClick: handleZoomOut,
@@ -222,8 +223,9 @@ var TransFormWrapperContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Previewweb__TransFormWrapperContainer",
   componentId: "sc-1k59t11-1"
 })(["width:100%;height:100%;position:relative;overflow:hidden;background-color:", ";"], function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.surface.background.gray.moderate;
+  var isFullScreen = _ref4.isFullScreen,
+    theme = _ref4.theme;
+  return isFullScreen ? getIn(theme.colors, 'surface.background.gray.intense') : 'transparent';
 });
 var Preview = function Preview(_ref5) {
   var children = _ref5.children,
@@ -353,6 +355,7 @@ var Preview = function Preview(_ref5) {
     },
     children: /*#__PURE__*/jsx(TransFormWrapperContainer, {
       ref: containerRef,
+      isFullScreen: isFullScreen,
       children: /*#__PURE__*/jsx(TransformWrapper, {
         onTransformed: handleTransformed,
         minScale: 0.1,
@@ -377,17 +380,25 @@ var Preview = function Preview(_ref5) {
           return /*#__PURE__*/jsxs(BaseBox, {
             width: "100%",
             height: "100%",
+            display: "flex",
+            flexDirection: "column",
             position: "relative",
             overflow: "visible",
-            children: [previewFooter, previewHeader, /*#__PURE__*/jsx(ZoomContainer, {
-              isDragEnabled: !isDragAndZoomDisabled,
-              isDragging: isDragging,
-              children: /*#__PURE__*/jsx(TransformComponent, {
-                wrapperClass: "zoom-wrapper",
-                contentClass: "zoom-content",
-                children: previewBody
+            children: [previewHeader, /*#__PURE__*/jsx(BaseBox, {
+              flex: 1,
+              overflow: "hidden",
+              position: "relative",
+              width: "100%",
+              children: /*#__PURE__*/jsx(ZoomContainer, {
+                isDragEnabled: !isDragAndZoomDisabled,
+                isDragging: isDragging,
+                children: /*#__PURE__*/jsx(TransformComponent, {
+                  wrapperClass: "zoom-wrapper",
+                  contentClass: "zoom-content",
+                  children: previewBody
+                })
               })
-            })]
+            }), previewFooter]
           });
         }
       })

package/build/lib/web/development/components/Preview/Preview.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.web.js","sources":["../../../../../../src/components/Preview/Preview.web.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport styled from 'styled-components';\nimport type {\n  PreviewProps,\n  PreviewHeaderProps,\n  PreviewFooterProps,\n  PreviewBodyProps,\n} from './types';\nimport { usePreviewContext, PreviewProvider } from './PreviewContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  FullScreenEnterIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n  FullScreenExitIcon,\n  RefreshIcon,\n} from '~components/Icons';\nimport { Heading, Text } from '~components/Typography';\nimport { ButtonGroup } from '~components/ButtonGroup';\nimport { Button } from '~components/Button';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport { useControllableState } from '~utils/useControllable';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst _PreviewHeader = ({\n  title,\n  _onFullScreen,\n  trailing,\n}: PreviewHeaderProps): React.ReactElement => {\n  const { isFullScreen } = usePreviewContext();\n\n  if (!title) {\n    return (\n      <BaseBox\n        position=\"absolute\"\n        top=\"spacing.0\"\n        right=\"spacing.2\"\n        zIndex={componentZIndices.previewPanel}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        padding=\"spacing.4\"\n      >\n        <BaseBox backgroundColor=\"surface.background.gray.moderate\" borderRadius=\"medium\">\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n            accessibilityLabel={isFullScreen ? 'Exit Full Screen' : 'Enter Full Screen'}\n          />\n        </BaseBox>\n        {trailing}\n      </BaseBox>\n    );\n  }\n  return (\n    <BaseBox\n      zIndex={componentZIndices.previewPanel}\n      position=\"absolute\"\n      top=\"spacing.0\"\n      left=\"spacing.0\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      width=\"100%\"\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        padding=\"spacing.5\"\n        height=\"100%\"\n        width=\"100%\"\n      >\n        <Heading size=\"medium\" weight=\"regular\" color=\"surface.text.gray.subtle\">\n          {title}\n        </Heading>\n        <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n      <Divider orientation=\"horizontal\" />\n    </BaseBox>\n  );\n};\n\nconst PreviewHeader = assignWithoutSideEffects(_PreviewHeader, {\n  componentId: MetaConstants.PreviewHeader,\n});\n\nconst _PreviewBody = (PreviewBodyProps: PreviewBodyProps): React.ReactElement => {\n  const { children } = PreviewBodyProps;\n  return <BaseBox>{children}</BaseBox>;\n};\n\nconst PreviewBody = assignWithoutSideEffects(_PreviewBody, {\n  componentId: MetaConstants.PreviewBody,\n});\n\nconst _PreviewFooter = (PreviewFooterProps: PreviewFooterProps): React.ReactElement => {\n  const { showZoomPercentage, trailing } = PreviewFooterProps;\n  const { zoomIn, zoomOut, centerView } = useControls();\n  const { zoom, zoomScaleStep, defaultZoom } = usePreviewContext();\n  const handleZoomIn = useCallback(() => {\n    zoomIn(zoomScaleStep);\n  }, [zoomScaleStep, zoomIn]);\n\n  const handleZoomOut = useCallback(() => {\n    zoomOut(zoomScaleStep);\n  }, [zoomScaleStep, zoomOut]);\n\n  const handleReset = useCallback(() => {\n    // thanks to https://github.com/BetterTyped/react-zoom-pan-pinch/issues/286#issuecomment-1442888219\n    centerView(defaultZoom, 0);\n  }, [defaultZoom, centerView]);\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      justifyContent=\"space-between\"\n      width=\"100%\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      position=\"absolute\"\n      bottom=\"spacing.0\"\n      left=\"spacing.0\"\n      right=\"spacing.0\"\n      padding=\"spacing.5\"\n      zIndex={componentZIndices.previewPanel}\n      borderTopWidth=\"thin\"\n      borderTopColor=\"surface.border.gray.muted\"\n    >\n      <BaseBox\n        padding=\"spacing.2\"\n        backgroundColor=\"surface.background.gray.intense\"\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        borderColor=\"surface.border.gray.muted\"\n      >\n        {showZoomPercentage ? (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <Button\n              icon={ZoomInIcon}\n              onClick={handleZoomIn}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom In\"\n              isDisabled={zoom >= 8}\n            />\n            <Text size=\"medium\"> {Math.round(zoom * 100)}%</Text>\n            <Button\n              icon={ZoomOutIcon}\n              onClick={handleZoomOut}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom Out\"\n              isDisabled={zoom <= 0.1}\n            />\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Reset Zoom\"\n            />\n          </BaseBox>\n        ) : (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <ButtonGroup variant=\"tertiary\">\n              <Button icon={ZoomInIcon} onClick={handleZoomIn} accessibilityLabel=\"Zoom In\" />\n              <Button icon={ZoomOutIcon} onClick={handleZoomOut} accessibilityLabel=\"Zoom Out\" />\n            </ButtonGroup>\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              accessibilityLabel=\"Reset Zoom\"\n              variant=\"tertiary\"\n            />\n          </BaseBox>\n        )}\n      </BaseBox>\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst PreviewFooter = assignWithoutSideEffects(_PreviewFooter, {\n  componentId: MetaConstants.PreviewFooter,\n});\n\nconst dotSpacing = 16;\nconst dotOpacity = 0.1;\nconst dotSize = 1;\nconst ZoomContainer = styled.div<{ isDragEnabled: boolean; isDragging: boolean }>`\n  width: 100%;\n  height: 100%;\n  cursor: ${({ isDragEnabled, isDragging }) => {\n    if (!isDragEnabled) return 'default';\n    return isDragging ? 'grabbing' : 'grab';\n  }};\n  background-image: ${({ isDragEnabled }) =>\n    isDragEnabled\n      ? `radial-gradient(\n    circle,\n    rgba(0, 0, 0, ${dotOpacity}) ${dotSize}px,\n    transparent ${dotSize}px\n  )`\n      : 'none'};\n  background-size: ${dotSpacing}px ${dotSpacing}px;\n  .zoom-wrapper,\n  .zoom-content {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  transition: cursor 0.1s ease;\n`;\n\nconst TransFormWrapperContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.colors.surface.background.gray.moderate};\n`;\nconst Preview = ({\n  children,\n  onFullScreen: onFullScreenProp,\n  onZoomChange,\n  zoomScaleStep = 0.1,\n  isDragAndZoomDisabled = false,\n  defaultZoom,\n  onDragChange,\n}: PreviewProps): React.ReactElement => {\n  const [controlledZoom, setControlledZoom] = useControllableState({\n    onChange: onZoomChange,\n    defaultValue: defaultZoom ?? 1,\n  });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const handleTransformed = ({\n    state,\n  }: {\n    state: { scale: number; positionX: number; positionY: number };\n  }): void => {\n    const { scale, positionX, positionY } = state;\n    setControlledZoom(() => scale);\n    onDragChange?.({ x: positionX, y: positionY });\n  };\n\n  const handleFullScreenError = (err: unknown): void => {\n    if (err instanceof DOMException) {\n      console.error(`Fullscreen request failed: ${err.name} - ${err.message}`);\n    } else {\n      console.error('Unexpected error during fullscreen request:', err);\n    }\n  };\n\n  const handleFullScreen = useCallback(async () => {\n    if (!document.fullscreenElement) {\n      try {\n        await containerRef.current?.requestFullscreen();\n        setIsFullScreen(true);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    } else {\n      try {\n        await document.exitFullscreen();\n        setIsFullScreen(false);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    }\n  }, [onFullScreenProp]);\n\n  // this is added to handle the fullscreen change if user exits fullscreen using the escape key, or browser's exit fullscreen button\n  useEffect(() => {\n    const handleFullScreenChange = (): void => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handleFullScreenChange);\n    return () => {\n      document.removeEventListener('fullscreenchange', handleFullScreenChange);\n    };\n  }, []);\n\n  // filter out preview header, preview body, preview footer separately using componentId\n  const previewHeader = React.Children.toArray(children)\n    .filter((child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewHeader)\n    .map((child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          // @ts-expect-error\n          _onFullScreen: handleFullScreen,\n        });\n      }\n      return child;\n    });\n\n  const previewBody = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewBody,\n  );\n\n  const previewFooter = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewFooter,\n  );\n\n  return (\n    <PreviewProvider\n      value={{\n        zoom: controlledZoom,\n        isFullScreen,\n        zoomScaleStep,\n        defaultZoom: defaultZoom ?? 1,\n      }}\n    >\n      <TransFormWrapperContainer ref={containerRef}>\n        <TransformWrapper\n          onTransformed={handleTransformed}\n          minScale={0.1}\n          maxScale={8}\n          disabled={isDragAndZoomDisabled}\n          initialScale={defaultZoom ?? controlledZoom}\n          doubleClick={{ disabled: false }}\n          onPanningStart={() => setIsDragging(true)}\n          onPanningStop={() => setIsDragging(false)}\n          panning={{ velocityDisabled: true }}\n          limitToBounds={false}\n          centerOnInit={true}\n        >\n          {() => (\n            <BaseBox width=\"100%\" height=\"100%\" position=\"relative\" overflow=\"visible\">\n              {previewFooter}\n              {previewHeader}\n              <ZoomContainer isDragEnabled={!isDragAndZoomDisabled} isDragging={isDragging}>\n                <TransformComponent wrapperClass=\"zoom-wrapper\" contentClass=\"zoom-content\">\n                  {previewBody}\n                </TransformComponent>\n              </ZoomContainer>\n            </BaseBox>\n          )}\n        </TransformWrapper>\n      </TransFormWrapperContainer>\n    </PreviewProvider>\n  );\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["_PreviewHeader","_ref","title","_onFullScreen","trailing","_usePreviewContext","usePreviewContext","isFullScreen","_jsxs","BaseBox","position","top","right","zIndex","componentZIndices","previewPanel","display","alignItems","justifyContent","padding","children","_jsx","backgroundColor","borderRadius","Button","icon","FullScreenExitIcon","FullScreenEnterIcon","variant","onClick","accessibilityLabel","left","width","height","Heading","size","weight","color","gap","Divider","orientation","PreviewHeader","assignWithoutSideEffects","componentId","MetaConstants","_PreviewBody","PreviewBodyProps","PreviewBody","_PreviewFooter","PreviewFooterProps","showZoomPercentage","_useControls","useControls","zoomIn","zoomOut","centerView","_usePreviewContext2","zoom","zoomScaleStep","defaultZoom","handleZoomIn","useCallback","handleZoomOut","handleReset","bottom","borderTopWidth","borderTopColor","borderWidth","borderColor","ZoomInIcon","isDisabled","Text","Math","round","ZoomOutIcon","RefreshIcon","ButtonGroup","PreviewFooter","dotSpacing","dotOpacity","dotSize","ZoomContainer","styled","div","withConfig","displayName","_ref2","isDragEnabled","isDragging","_ref3","concat","TransFormWrapperContainer","_ref4","theme","colors","surface","background","gray","moderate","Preview","_ref5","onFullScreenProp","onFullScreen","onZoomChange","_ref5$zoomScaleStep","_ref5$isDragAndZoomDi","isDragAndZoomDisabled","onDragChange","_useControllableState","useControllableState","onChange","defaultValue","_useControllableState2","_slicedToArray","controlledZoom","setControlledZoom","_useState","useState","_useState2","setIsFullScreen","_useState3","_useState4","setIsDragging","containerRef","React","useRef","handleTransformed","_ref6","state","scale","positionX","positionY","x","y","handleFullScreenError","err","DOMException","console","error","name","message","handleFullScreen","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_containerRef$current","_t","_t2","wrap","_context","prev","next","document","fullscreenElement","current","requestFullscreen","exitFullscreen","stop","useEffect","handleFullScreenChange","addEventListener","removeEventListener","previewHeader","Children","toArray","filter","child","getComponentId","map","isValidElement","cloneElement","previewBody","previewFooter","PreviewProvider","value","ref","TransformWrapper","onTransformed","minScale","maxScale","disabled","initialScale","doubleClick","onPanningStart","onPanningStop","panning","velocityDisabled","limitToBounds","centerOnInit","overflow","TransformComponent","wrapperClass","contentClass"],"mappings":"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"}
+{"version":3,"file":"Preview.web.js","sources":["../../../../../../src/components/Preview/Preview.web.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport styled from 'styled-components';\nimport type {\n  PreviewProps,\n  PreviewHeaderProps,\n  PreviewFooterProps,\n  PreviewBodyProps,\n} from './types';\nimport { usePreviewContext, PreviewProvider } from './PreviewContext';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  FullScreenEnterIcon,\n  ZoomInIcon,\n  ZoomOutIcon,\n  FullScreenExitIcon,\n  RefreshIcon,\n} from '~components/Icons';\nimport { Heading, Text } from '~components/Typography';\nimport { ButtonGroup } from '~components/ButtonGroup';\nimport { Button } from '~components/Button';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport { useControllableState } from '~utils/useControllable';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\n\nconst _PreviewHeader = ({\n  title,\n  _onFullScreen,\n  trailing,\n}: PreviewHeaderProps): React.ReactElement => {\n  const { isFullScreen } = usePreviewContext();\n\n  if (!title) {\n    return (\n      <BaseBox\n        zIndex={componentZIndices.previewPanel}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"flex-end\"\n        padding=\"spacing.4\"\n        backgroundColor=\"transparent\"\n        width=\"100%\"\n      >\n        <BaseBox\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.3\"\n          backgroundColor=\"transparent\"\n          borderRadius=\"medium\"\n        >\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n            accessibilityLabel={isFullScreen ? 'Exit Full Screen' : 'Enter Full Screen'}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n  return (\n    <BaseBox zIndex={componentZIndices.previewPanel} backgroundColor=\"transparent\" width=\"100%\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        padding=\"spacing.5\"\n        height=\"100%\"\n        width=\"100%\"\n      >\n        <Heading size=\"medium\" weight=\"regular\" color=\"surface.text.gray.subtle\">\n          {title}\n        </Heading>\n        <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n          <Button\n            icon={isFullScreen ? FullScreenExitIcon : FullScreenEnterIcon}\n            variant=\"tertiary\"\n            onClick={_onFullScreen}\n          />\n          {trailing}\n        </BaseBox>\n      </BaseBox>\n      <Divider orientation=\"horizontal\" />\n    </BaseBox>\n  );\n};\n\nconst PreviewHeader = assignWithoutSideEffects(_PreviewHeader, {\n  componentId: MetaConstants.PreviewHeader,\n});\n\nconst _PreviewBody = (PreviewBodyProps: PreviewBodyProps): React.ReactElement => {\n  const { children } = PreviewBodyProps;\n  return <BaseBox>{children}</BaseBox>;\n};\n\nconst PreviewBody = assignWithoutSideEffects(_PreviewBody, {\n  componentId: MetaConstants.PreviewBody,\n});\n\nconst _PreviewFooter = (PreviewFooterProps: PreviewFooterProps): React.ReactElement => {\n  const { showZoomPercentage, trailing } = PreviewFooterProps;\n  const { zoomIn, zoomOut, centerView } = useControls();\n  const { zoom, zoomScaleStep, defaultZoom } = usePreviewContext();\n  const handleZoomIn = useCallback(() => {\n    zoomIn(zoomScaleStep);\n  }, [zoomScaleStep, zoomIn]);\n\n  const handleZoomOut = useCallback(() => {\n    zoomOut(zoomScaleStep);\n  }, [zoomScaleStep, zoomOut]);\n\n  const handleReset = useCallback(() => {\n    // thanks to https://github.com/BetterTyped/react-zoom-pan-pinch/issues/286#issuecomment-1442888219\n    centerView(defaultZoom, 0);\n  }, [defaultZoom, centerView]);\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      justifyContent={trailing ? 'space-between' : 'center'}\n      width=\"100%\"\n      backgroundColor=\"transparent\"\n      padding={{ base: 'spacing.2', m: 'spacing.5' }}\n      zIndex={componentZIndices.previewPanel}\n    >\n      <BaseBox padding=\"spacing.2\">\n        {showZoomPercentage ? (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <Button\n              icon={ZoomInIcon}\n              onClick={handleZoomIn}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom In\"\n              isDisabled={zoom >= 8}\n            />\n            <BaseBox width={makeSize(size[40])} textAlign={'center' as never}>\n              <Text size=\"medium\"> {Math.round(zoom * 100)}%</Text>\n            </BaseBox>\n            <Button\n              icon={ZoomOutIcon}\n              onClick={handleZoomOut}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Zoom Out\"\n              isDisabled={zoom <= 0.1}\n            />\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              variant=\"tertiary\"\n              accessibilityLabel=\"Reset Zoom\"\n            />\n          </BaseBox>\n        ) : (\n          <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.2\">\n            <ButtonGroup variant=\"tertiary\">\n              <Button icon={ZoomInIcon} onClick={handleZoomIn} accessibilityLabel=\"Zoom In\" />\n              <Button icon={ZoomOutIcon} onClick={handleZoomOut} accessibilityLabel=\"Zoom Out\" />\n            </ButtonGroup>\n            <Button\n              icon={RefreshIcon}\n              onClick={() => handleReset()}\n              accessibilityLabel=\"Reset Zoom\"\n              variant=\"tertiary\"\n            />\n          </BaseBox>\n        )}\n      </BaseBox>\n      {trailing}\n    </BaseBox>\n  );\n};\n\nconst PreviewFooter = assignWithoutSideEffects(_PreviewFooter, {\n  componentId: MetaConstants.PreviewFooter,\n});\n\nconst dotSpacing = 16;\nconst dotOpacity = 0.1;\nconst dotSize = 1;\nconst ZoomContainer = styled.div<{ isDragEnabled: boolean; isDragging: boolean }>`\n  width: 100%;\n  height: 100%;\n  cursor: ${({ isDragEnabled, isDragging }) => {\n    if (!isDragEnabled) return 'default';\n    return isDragging ? 'grabbing' : 'grab';\n  }};\n  background-image: ${({ isDragEnabled }) =>\n    isDragEnabled\n      ? `radial-gradient(\n    circle,\n    rgba(0, 0, 0, ${dotOpacity}) ${dotSize}px,\n    transparent ${dotSize}px\n  )`\n      : 'none'};\n  background-size: ${dotSpacing}px ${dotSpacing}px;\n  .zoom-wrapper,\n  .zoom-content {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  transition: cursor 0.1s ease;\n`;\n\nconst TransFormWrapperContainer = styled.div<{\n  isFullScreen: boolean;\n}>`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: ${({ isFullScreen, theme }) =>\n    isFullScreen\n      ? getIn(theme.colors, 'surface.background.gray.intense' as DotNotationToken<Theme['colors']>)\n      : 'transparent'};\n`;\nconst Preview = ({\n  children,\n  onFullScreen: onFullScreenProp,\n  onZoomChange,\n  zoomScaleStep = 0.1,\n  isDragAndZoomDisabled = false,\n  defaultZoom,\n  onDragChange,\n}: PreviewProps): React.ReactElement => {\n  const [controlledZoom, setControlledZoom] = useControllableState({\n    onChange: onZoomChange,\n    defaultValue: defaultZoom ?? 1,\n  });\n  const [isFullScreen, setIsFullScreen] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const handleTransformed = ({\n    state,\n  }: {\n    state: { scale: number; positionX: number; positionY: number };\n  }): void => {\n    const { scale, positionX, positionY } = state;\n    setControlledZoom(() => scale);\n    onDragChange?.({ x: positionX, y: positionY });\n  };\n\n  const handleFullScreenError = (err: unknown): void => {\n    if (err instanceof DOMException) {\n      console.error(`Fullscreen request failed: ${err.name} - ${err.message}`);\n    } else {\n      console.error('Unexpected error during fullscreen request:', err);\n    }\n  };\n\n  const handleFullScreen = useCallback(async () => {\n    if (!document.fullscreenElement) {\n      try {\n        await containerRef.current?.requestFullscreen();\n        setIsFullScreen(true);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    } else {\n      try {\n        await document.exitFullscreen();\n        setIsFullScreen(false);\n        onFullScreenProp?.();\n      } catch (err: unknown) {\n        handleFullScreenError(err);\n      }\n    }\n  }, [onFullScreenProp]);\n\n  // this is added to handle the fullscreen change if user exits fullscreen using the escape key, or browser's exit fullscreen button\n  useEffect(() => {\n    const handleFullScreenChange = (): void => {\n      setIsFullScreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener('fullscreenchange', handleFullScreenChange);\n    return () => {\n      document.removeEventListener('fullscreenchange', handleFullScreenChange);\n    };\n  }, []);\n\n  // filter out preview header, preview body, preview footer separately using componentId\n  const previewHeader = React.Children.toArray(children)\n    .filter((child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewHeader)\n    .map((child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          // @ts-expect-error\n          _onFullScreen: handleFullScreen,\n        });\n      }\n      return child;\n    });\n\n  const previewBody = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewBody,\n  );\n\n  const previewFooter = React.Children.toArray(children).filter(\n    (child) => getComponentId(child as React.ReactElement) === MetaConstants.PreviewFooter,\n  );\n\n  return (\n    <PreviewProvider\n      value={{\n        zoom: controlledZoom,\n        isFullScreen,\n        zoomScaleStep,\n        defaultZoom: defaultZoom ?? 1,\n      }}\n    >\n      <TransFormWrapperContainer ref={containerRef} isFullScreen={isFullScreen}>\n        <TransformWrapper\n          onTransformed={handleTransformed}\n          minScale={0.1}\n          maxScale={8}\n          disabled={isDragAndZoomDisabled}\n          initialScale={defaultZoom ?? controlledZoom}\n          doubleClick={{ disabled: false }}\n          onPanningStart={() => setIsDragging(true)}\n          onPanningStop={() => setIsDragging(false)}\n          panning={{ velocityDisabled: true }}\n          limitToBounds={false}\n          centerOnInit={true}\n        >\n          {() => (\n            <BaseBox\n              width=\"100%\"\n              height=\"100%\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              position=\"relative\"\n              overflow=\"visible\"\n            >\n              {previewHeader}\n              <BaseBox flex={1} overflow=\"hidden\" position=\"relative\" width=\"100%\">\n                <ZoomContainer isDragEnabled={!isDragAndZoomDisabled} isDragging={isDragging}>\n                  <TransformComponent wrapperClass=\"zoom-wrapper\" contentClass=\"zoom-content\">\n                    {previewBody}\n                  </TransformComponent>\n                </ZoomContainer>\n              </BaseBox>\n              {previewFooter}\n            </BaseBox>\n          )}\n        </TransformWrapper>\n      </TransFormWrapperContainer>\n    </PreviewProvider>\n  );\n};\n\nexport { Preview, PreviewHeader, PreviewBody, PreviewFooter };\n"],"names":["_PreviewHeader","_ref","title","_onFullScreen","trailing","_usePreviewContext","usePreviewContext","isFullScreen","_jsx","BaseBox","zIndex","componentZIndices","previewPanel","display","alignItems","justifyContent","padding","backgroundColor","width","children","_jsxs","gap","borderRadius","Button","icon","FullScreenExitIcon","FullScreenEnterIcon","variant","onClick","accessibilityLabel","height","Heading","size","weight","color","Divider","orientation","PreviewHeader","assignWithoutSideEffects","componentId","MetaConstants","_PreviewBody","PreviewBodyProps","PreviewBody","_PreviewFooter","PreviewFooterProps","showZoomPercentage","_useControls","useControls","zoomIn","zoomOut","centerView","_usePreviewContext2","zoom","zoomScaleStep","defaultZoom","handleZoomIn","useCallback","handleZoomOut","handleReset","base","m","ZoomInIcon","isDisabled","makeSize","textAlign","Text","Math","round","ZoomOutIcon","RefreshIcon","ButtonGroup","PreviewFooter","dotSpacing","dotOpacity","dotSize","ZoomContainer","styled","div","withConfig","displayName","_ref2","isDragEnabled","isDragging","_ref3","concat","TransFormWrapperContainer","_ref4","theme","getIn","colors","Preview","_ref5","onFullScreenProp","onFullScreen","onZoomChange","_ref5$zoomScaleStep","_ref5$isDragAndZoomDi","isDragAndZoomDisabled","onDragChange","_useControllableState","useControllableState","onChange","defaultValue","_useControllableState2","_slicedToArray","controlledZoom","setControlledZoom","_useState","useState","_useState2","setIsFullScreen","_useState3","_useState4","setIsDragging","containerRef","React","useRef","handleTransformed","_ref6","state","scale","positionX","positionY","x","y","handleFullScreenError","err","DOMException","console","error","name","message","handleFullScreen","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_containerRef$current","_t","_t2","wrap","_context","prev","next","document","fullscreenElement","current","requestFullscreen","exitFullscreen","stop","useEffect","handleFullScreenChange","addEventListener","removeEventListener","previewHeader","Children","toArray","filter","child","getComponentId","map","isValidElement","cloneElement","previewBody","previewFooter","PreviewProvider","value","ref","TransformWrapper","onTransformed","minScale","maxScale","disabled","initialScale","doubleClick","onPanningStart","onPanningStop","panning","velocityDisabled","limitToBounds","centerOnInit","flexDirection","position","overflow","flex","TransformComponent","wrapperClass","contentClass"],"mappings":"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"}

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

@@ -177,6 +177,7 @@ var _ProgressBar = function _ProgressBar(_ref, ref) {
           height: makeSize(progressBarHeight[size]),
           overflow: "hidden",
           position: "relative",
+          borderRadius: "xsmall",
           children: /*#__PURE__*/jsx(ProgressBarFilled, {
             backgroundColor: filledBackgroundColor,
             progress: percentageProgressValue,

package/build/lib/web/development/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport { CircularProgressBarFilled } from './CircularProgressBar';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the color of the progress bar which changes the feedback color.\n   */\n  color?: FeedbackColors;\n  /**\n   * Sets the type of the progress bar.\n   * @default 'progress'\n   */\n  type?: 'meter' | 'progress';\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * Note: 'large' size isn't available when the variant is 'linear'.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n  /**\n   * Private property for Blade.\n   *\n   * Should not be used by consumers.\n   *\n   * Sets whether the indeterminate progress bar should oscillate (left-to-right-to-left).\n   * When false, uses standard left-to-right animation.\n   *\n   * @private\n   * @default false\n   */\n  _oscillation?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n  /**\n   * Sets whether the indeterminate progress bar should oscillate.\n   * @default undefined\n   */\n  _oscillation?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarProps['size']>, 2 | 4 | 0> = {\n  small: size[2],\n  medium: size[4],\n  // Large size isn't available when variant is 'linear'\n  large: size[0],\n};\n\nconst _ProgressBar = (\n  {\n    accessibilityLabel,\n    color,\n    type,\n    isIndeterminate = false,\n    label,\n    showPercentage = true,\n    size = 'small',\n    value = 0,\n    variant = 'progress',\n    min = 0,\n    max = 100,\n    _oscillation = false,\n    testID,\n    ...rest\n  }: ProgressBarProps,\n  ref: Ref<BladeElementRef>,\n): ReactElement => {\n  const { theme } = useTheme();\n  const progressType = !type && (variant === 'meter' || variant === 'progress') ? variant : type;\n  const progressVariant = variant === 'meter' || variant === 'progress' ? 'linear' : variant;\n  const id = useId(`${progressType}-${progressVariant}`);\n\n  if (__DEV__) {\n    if (progressType === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`,\n      });\n    }\n\n    if (progressVariant === 'circular' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'circular'.`,\n      });\n    }\n\n    if (progressVariant === 'linear' && size === 'large') {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Large size isn't available when 'variant' is 'linear'.`,\n      });\n    }\n\n    if (type && (variant === 'progress' || variant === 'meter')) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `variant can only be 'linear' or 'circular' when 'type=${type}'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.feedback.background.neutral\n    .subtle as BaseBoxProps['backgroundColor'];\n  const filledBackgroundColor = color\n    ? theme.colors.feedback.background[color].intense\n    : theme.colors.surface.background.primary.intense;\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = progressType === 'meter';\n  const isCircular = progressVariant === 'circular';\n  const progressValue = clamp(value, min, max);\n  const percentageValue = ((progressValue - min) * 100) / (max - min);\n  const percentageProgressValue = isMeter\n    ? parseFloat(percentageValue.toFixed(1))\n    : Math.floor(percentageValue);\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        {!isCircular ? (\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n          >\n            {hasLabel ? (\n              <Text as=\"label\" variant=\"body\" size=\"small\" color=\"surface.text.gray.subtle\">\n                {label}\n              </Text>\n            ) : null}\n            {shouldShowPercentage ? (\n              <BaseBox marginBottom=\"spacing.2\">\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  color=\"surface.text.gray.subtle\"\n                >{`${percentageProgressValue}%`}</Text>\n              </BaseBox>\n            ) : null}\n          </BaseBox>\n        ) : null}\n\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          {isCircular ? (\n            <CircularProgressBarFilled\n              size={size}\n              label={label}\n              progressPercent={percentageProgressValue}\n              isMeter={isMeter}\n              showPercentage={showPercentage}\n              backgroundColor={unfilledBackgroundColor as string}\n              fillColor={filledBackgroundColor}\n              pulseMotionDuration=\"duration.2xgentle\"\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.emphasized\"\n            />\n          ) : (\n            <BaseBox\n              className=\"__blade-progress-bar-track\"\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n            >\n              <ProgressBarFilled\n                backgroundColor={filledBackgroundColor}\n                progress={percentageProgressValue}\n                fillMotionDuration=\"duration.2xgentle\"\n                pulseMotionDuration=\"duration.2xgentle\"\n                indeterminateMotionDuration=\"duration.2xgentle\"\n                pulseMotionDelay=\"delay.long\"\n                motionEasing=\"easing.emphasized\"\n                type={progressType}\n                isIndeterminate={isIndeterminate}\n                _oscillation={_oscillation}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ProgressBar = React.forwardRef(_ProgressBar);\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","large","_ProgressBar","_ref","ref","_label$trim","accessibilityLabel","color","type","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","_ref$_oscillation","_oscillation","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","progressType","progressVariant","id","useId","concat","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","feedback","background","neutral","subtle","filledBackgroundColor","intense","surface","primary","hasLabel","trim","length","isMeter","isCircular","progressValue","clamp","percentageValue","percentageProgressValue","parseFloat","toFixed","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","MetaConstants","ProgressBar","makeAnalyticsAttribute","children","_jsxs","display","flexDirection","width","justifyContent","Text","as","marginBottom","makeAccessible","CircularProgressBarFilled","progressPercent","backgroundColor","fillColor","pulseMotionDuration","fillMotionDuration","pulseMotionDelay","motionEasing","className","height","makeSize","overflow","position","ProgressBarFilled","progress","indeterminateMotionDuration","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement, Ref } from 'react';\nimport { ProgressBarFilled } from './ProgressBarFilled';\nimport { CircularProgressBarFilled } from './CircularProgressBar';\nimport clamp from '~utils/lodashButBetter/clamp';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Text } from '~components/Typography/Text';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { size } from '~tokens/global';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ProgressBarCommonProps = {\n  /**\n   * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.\n   */\n  accessibilityLabel?: string;\n  /**\n   * Sets the color of the progress bar which changes the feedback color.\n   */\n  color?: FeedbackColors;\n  /**\n   * Sets the type of the progress bar.\n   * @default 'progress'\n   */\n  type?: 'meter' | 'progress';\n  /**\n   * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.\n   */\n  label?: string;\n  /**\n   * Sets the size of the progress bar.\n   * Note: 'large' size isn't available when the variant is 'linear'.\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the progress value of the progress bar.\n   * @default 'small'\n   */\n  value?: number;\n  /**\n   * Sets the minimum value for the progress bar.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Sets the maximum value for the progress bar.\n   * @default 100\n   */\n  max?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';\n\ntype ProgressBarProgressProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for the progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'progress' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default true\n   */\n  showPercentage?: boolean;\n  /**\n   * Private property for Blade.\n   *\n   * Should not be used by consumers.\n   *\n   * Sets whether the indeterminate progress bar should oscillate (left-to-right-to-left).\n   * When false, uses standard left-to-right animation.\n   *\n   * @private\n   * @default false\n   */\n  _oscillation?: boolean;\n};\n\ntype ProgressBarMeterProps = ProgressBarCommonProps & {\n  /**\n   * Sets the variant to be rendered for thr progress bar.\n   * @default 'progress'\n   */\n  variant?: Extract<ProgressBarVariant, 'meter' | 'linear' | 'circular'>;\n  /**\n   * Sets whether the progress bar is in an indeterminate state.\n   * @default false\n   */\n  isIndeterminate?: undefined;\n  /**\n   * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.\n   * @default false\n   */\n  showPercentage?: undefined;\n  /**\n   * Sets whether the indeterminate progress bar should oscillate.\n   * @default undefined\n   */\n  _oscillation?: undefined;\n};\n\ntype ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;\n\nconst progressBarHeight: Record<NonNullable<ProgressBarProps['size']>, 2 | 4 | 0> = {\n  small: size[2],\n  medium: size[4],\n  // Large size isn't available when variant is 'linear'\n  large: size[0],\n};\n\nconst _ProgressBar = (\n  {\n    accessibilityLabel,\n    color,\n    type,\n    isIndeterminate = false,\n    label,\n    showPercentage = true,\n    size = 'small',\n    value = 0,\n    variant = 'progress',\n    min = 0,\n    max = 100,\n    _oscillation = false,\n    testID,\n    ...rest\n  }: ProgressBarProps,\n  ref: Ref<BladeElementRef>,\n): ReactElement => {\n  const { theme } = useTheme();\n  const progressType = !type && (variant === 'meter' || variant === 'progress') ? variant : type;\n  const progressVariant = variant === 'meter' || variant === 'progress' ? 'linear' : variant;\n  const id = useId(`${progressType}-${progressVariant}`);\n\n  if (__DEV__) {\n    if (progressType === 'meter' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'type' or 'variant' is 'meter'.`,\n      });\n    }\n\n    if (progressVariant === 'circular' && isIndeterminate) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Cannot set 'isIndeterminate' when 'variant' is 'circular'.`,\n      });\n    }\n\n    if (progressVariant === 'linear' && size === 'large') {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `Large size isn't available when 'variant' is 'linear'.`,\n      });\n    }\n\n    if (type && (variant === 'progress' || variant === 'meter')) {\n      throwBladeError({\n        moduleName: 'ProgressBar',\n        message: `variant can only be 'linear' or 'circular' when 'type=${type}'.`,\n      });\n    }\n  }\n\n  const unfilledBackgroundColor = theme.colors.feedback.background.neutral\n    .subtle as BaseBoxProps['backgroundColor'];\n  const filledBackgroundColor = color\n    ? theme.colors.feedback.background[color].intense\n    : theme.colors.surface.background.primary.intense;\n  const hasLabel = label && label.trim()?.length > 0;\n  const isMeter = progressType === 'meter';\n  const isCircular = progressVariant === 'circular';\n  const progressValue = clamp(value, min, max);\n  const percentageValue = ((progressValue - min) * 100) / (max - min);\n  const percentageProgressValue = isMeter\n    ? parseFloat(percentageValue.toFixed(1))\n    : Math.floor(percentageValue);\n  const shouldShowPercentage = showPercentage && !isMeter && !isIndeterminate;\n  const accessibilityProps: Pick<\n    AccessibilityProps,\n    'role' | 'label' | 'valueMax' | 'valueNow' | 'valueMin' | 'valueText'\n  > = {\n    role: 'progressbar',\n    label: accessibilityLabel ?? label,\n    valueNow: percentageProgressValue,\n    valueText: `${percentageProgressValue}%`,\n    valueMin: min,\n    valueMax: max,\n  };\n\n  if (isMeter) {\n    accessibilityProps.role = 'meter';\n    accessibilityProps.valueNow = progressValue;\n    accessibilityProps.valueText = `${progressValue}`;\n  }\n\n  if (isIndeterminate) {\n    accessibilityProps.valueNow = undefined;\n    accessibilityProps.valueMin = undefined;\n    accessibilityProps.valueMax = undefined;\n    accessibilityProps.valueText = undefined;\n  }\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.ProgressBar, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n        {!isCircular ? (\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent={hasLabel ? 'space-between' : 'flex-end'}\n          >\n            {hasLabel ? (\n              <Text as=\"label\" variant=\"body\" size=\"small\" color=\"surface.text.gray.subtle\">\n                {label}\n              </Text>\n            ) : null}\n            {shouldShowPercentage ? (\n              <BaseBox marginBottom=\"spacing.2\">\n                <Text\n                  variant=\"body\"\n                  size=\"small\"\n                  color=\"surface.text.gray.subtle\"\n                >{`${percentageProgressValue}%`}</Text>\n              </BaseBox>\n            ) : null}\n          </BaseBox>\n        ) : null}\n\n        <BaseBox\n          id={id}\n          {...makeAccessible({\n            role: accessibilityProps.role,\n            label: accessibilityProps.label,\n            valueNow: accessibilityProps.valueNow,\n            valueText: accessibilityProps.valueText,\n            valueMin: accessibilityProps.valueMin,\n            valueMax: accessibilityProps.valueMax,\n          })}\n        >\n          {isCircular ? (\n            <CircularProgressBarFilled\n              size={size}\n              label={label}\n              progressPercent={percentageProgressValue}\n              isMeter={isMeter}\n              showPercentage={showPercentage}\n              backgroundColor={unfilledBackgroundColor as string}\n              fillColor={filledBackgroundColor}\n              pulseMotionDuration=\"duration.2xgentle\"\n              fillMotionDuration=\"duration.2xgentle\"\n              pulseMotionDelay=\"delay.long\"\n              motionEasing=\"easing.emphasized\"\n            />\n          ) : (\n            <BaseBox\n              className=\"__blade-progress-bar-track\"\n              backgroundColor={unfilledBackgroundColor}\n              height={makeSize(progressBarHeight[size])}\n              overflow=\"hidden\"\n              position=\"relative\"\n              borderRadius=\"xsmall\"\n            >\n              <ProgressBarFilled\n                backgroundColor={filledBackgroundColor}\n                progress={percentageProgressValue}\n                fillMotionDuration=\"duration.2xgentle\"\n                pulseMotionDuration=\"duration.2xgentle\"\n                indeterminateMotionDuration=\"duration.2xgentle\"\n                pulseMotionDelay=\"delay.long\"\n                motionEasing=\"easing.emphasized\"\n                type={progressType}\n                isIndeterminate={isIndeterminate}\n                _oscillation={_oscillation}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ProgressBar = React.forwardRef(_ProgressBar);\n\nexport type { ProgressBarProps, ProgressBarVariant };\nexport { ProgressBar };\n"],"names":["progressBarHeight","small","size","medium","large","_ProgressBar","_ref","ref","_label$trim","accessibilityLabel","color","type","_ref$isIndeterminate","isIndeterminate","label","_ref$showPercentage","showPercentage","_ref$size","_ref$value","value","_ref$variant","variant","_ref$min","min","_ref$max","max","_ref$_oscillation","_oscillation","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","progressType","progressVariant","id","useId","concat","throwBladeError","moduleName","message","unfilledBackgroundColor","colors","feedback","background","neutral","subtle","filledBackgroundColor","intense","surface","primary","hasLabel","trim","length","isMeter","isCircular","progressValue","clamp","percentageValue","percentageProgressValue","parseFloat","toFixed","Math","floor","shouldShowPercentage","accessibilityProps","role","valueNow","valueText","valueMin","valueMax","undefined","_jsx","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","MetaConstants","ProgressBar","makeAnalyticsAttribute","children","_jsxs","display","flexDirection","width","justifyContent","Text","as","marginBottom","makeAccessible","CircularProgressBarFilled","progressPercent","backgroundColor","fillColor","pulseMotionDuration","fillMotionDuration","pulseMotionDelay","motionEasing","className","height","makeSize","overflow","position","borderRadius","ProgressBarFilled","progress","indeterminateMotionDuration","React","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/ProgressBar/ProgressBarFilled.web.js

@@ -36,9 +36,11 @@ var IndeterminateFilledContainer = /*#__PURE__*/styled(BoxWithIndeterminateAnima
   displayName: "ProgressBarFilledweb__IndeterminateFilledContainer",
   componentId: "sc-15oi5xk-1"
 })(function (_ref3) {
-  var backgroundColor = _ref3.backgroundColor;
+  var theme = _ref3.theme,
+    backgroundColor = _ref3.backgroundColor;
   return {
-    backgroundColor: backgroundColor
+    backgroundColor: backgroundColor,
+    borderRadius: "".concat(theme.border.radius.xsmall, "px")
   };
 });
 var IndeterminatePulseAnimation = /*#__PURE__*/styled(BoxWithIndeterminateAnimation).withConfig({
@@ -76,12 +78,14 @@ var DeterminateFilledContainer = /*#__PURE__*/styled(BoxWithProgressFillTransiti
   displayName: "ProgressBarFilledweb__DeterminateFilledContainer",
   componentId: "sc-15oi5xk-4"
 })(function (_ref6) {
-  var backgroundColor = _ref6.backgroundColor,
+  var theme = _ref6.theme,
+    backgroundColor = _ref6.backgroundColor,
     progress = _ref6.progress;
   return {
     backgroundColor: backgroundColor,
     height: '100%',
-    width: "".concat(progress, "%")
+    width: "".concat(progress, "%"),
+    borderRadius: "".concat(theme.border.radius.xsmall, "px")
   };
 });
 var DeterminatePulseAnimation = /*#__PURE__*/styled(BoxWithProgressFillTransition).withConfig({

package/build/lib/web/development/components/ProgressBar/ProgressBarFilled.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarFilled.web.js","sources":["../../../../../../src/components/ProgressBar/ProgressBarFilled.web.tsx"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport React from 'react';\nimport type { ProgressBarFilledProps } from './types';\nimport { indeterminateAnimation, pulseAnimation } from './progressBarTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst pulseKeyframes = keyframes`\n  0% {\n    opacity: ${pulseAnimation.opacityInitial};\n  }\n  50% {\n    opacity: ${pulseAnimation.opacityMid};\n  }\n  100% {\n    opacity: ${pulseAnimation.opacityFinal};\n  }\n`;\n\nconst slideAndScaleKeyframes = keyframes`\n  0% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  50% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  100% {\n    left: ${indeterminateAnimation.leftFinal};\n    transform:  scaleX(${indeterminateAnimation.scaleXFinal});\n  }\n`;\n\nconst oscillateKeyframes = keyframes`\n  0% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  25% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  50% {\n    left: ${indeterminateAnimation.leftFinal};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  75% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  100% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n`;\n\nconst getPulseAnimationStyles = ({\n  duration,\n  easing,\n  delay,\n}: {\n  duration: string;\n  easing: string;\n  delay: string;\n}): FlattenSimpleInterpolation => css`\n  height: 100%;\n  width: 100%;\n  opacity: ${pulseAnimation.opacityInitial};\n  background-color: ${pulseAnimation.backgroundColor};\n  animation: ${pulseKeyframes} ${duration} ${easing} infinite;\n  animation-delay: ${delay};\n`;\n\nconst BoxWithIndeterminateAnimation = styled(BaseBox)<\n  Pick<\n    ProgressBarFilledProps,\n    'fillMotionDuration' | 'indeterminateMotionDuration' | '_oscillation'\n  >\n>(({ theme, indeterminateMotionDuration, _oscillation = false }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, indeterminateMotionDuration)));\n  const easing = 'linear'; // TODO: Add this in motion tokens\n  const keyframes = _oscillation ? oscillateKeyframes : slideAndScaleKeyframes;\n\n  return css`\n    ${_oscillation ? `border-radius: ${theme.border.radius.xsmall}px;` : ''};\n    animation: ${keyframes} ${duration} ${easing} infinite;\n    position: absolute;\n    width: ${indeterminateAnimation.fillWidth};\n    height: 100%;\n  `;\n});\n\nconst IndeterminateFilledContainer = styled(BoxWithIndeterminateAnimation)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress' | '_oscillation'>\n>(({ backgroundColor }) => ({\n  backgroundColor,\n}));\n\nconst IndeterminatePulseAnimation = styled(BoxWithIndeterminateAnimation)<\n  Pick<\n    ProgressBarFilledProps,\n    'pulseMotionDuration' | 'pulseMotionDelay' | 'motionEasing' | 'type' | '_oscillation'\n  >\n>(({ theme, pulseMotionDuration, pulseMotionDelay, motionEasing, type }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDuration)));\n  const easing = castWebType(getIn(theme.motion, motionEasing));\n  const delay = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDelay)));\n\n  return type === 'progress' ? getPulseAnimationStyles({ duration, easing, delay }) : '';\n});\n\nconst BoxWithProgressFillTransition = styled(BaseBox)<\n  Pick<ProgressBarFilledProps, 'fillMotionDuration' | 'motionEasing'>\n>(({ theme, fillMotionDuration, motionEasing }) => ({\n  transitionProperty: 'width',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, fillMotionDuration))),\n  transitionTimingFunction: castWebType(getIn(theme.motion, motionEasing)),\n}));\n\nconst DeterminateFilledContainer = styled(BoxWithProgressFillTransition)<\n  Pick<\n    ProgressBarFilledProps,\n    'backgroundColor' | 'progress' | 'indeterminateMotionDuration' | '_oscillation'\n  >\n>(({ backgroundColor, progress }) => ({\n  backgroundColor,\n  height: '100%',\n  width: `${progress}%`,\n}));\n\nconst DeterminatePulseAnimation = styled(BoxWithProgressFillTransition)<\n  Pick<ProgressBarFilledProps, 'pulseMotionDuration' | 'pulseMotionDelay' | 'motionEasing' | 'type'>\n>(({ theme, pulseMotionDuration, pulseMotionDelay, motionEasing, type }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDuration)));\n  const easing = castWebType(getIn(theme.motion, motionEasing));\n  const delay = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDelay)));\n\n  return type === 'progress' ? getPulseAnimationStyles({ duration, easing, delay }) : '';\n});\n\nconst ProgressBarFilled = ({\n  backgroundColor,\n  fillMotionDuration,\n  motionEasing,\n  progress,\n  pulseMotionDelay,\n  pulseMotionDuration,\n  indeterminateMotionDuration,\n  type,\n  isIndeterminate,\n  _oscillation = false,\n}: ProgressBarFilledProps): React.ReactElement => {\n  const ProgressBarFilledContainer = isIndeterminate\n    ? IndeterminateFilledContainer\n    : DeterminateFilledContainer;\n  const ProgressBarPulseAnimation = isIndeterminate\n    ? IndeterminatePulseAnimation\n    : DeterminatePulseAnimation;\n\n  return (\n    <ProgressBarFilledContainer\n      backgroundColor={backgroundColor}\n      fillMotionDuration={fillMotionDuration}\n      progress={progress}\n      indeterminateMotionDuration={indeterminateMotionDuration}\n      _oscillation={_oscillation}\n    >\n      <ProgressBarPulseAnimation\n        fillMotionDuration={fillMotionDuration}\n        motionEasing={motionEasing}\n        type={type}\n        pulseMotionDelay={pulseMotionDelay}\n        pulseMotionDuration={pulseMotionDuration}\n      />\n    </ProgressBarFilledContainer>\n  );\n};\n\nexport { ProgressBarFilled };\n"],"names":["pulseKeyframes","keyframes","pulseAnimation","opacityInitial","opacityMid","opacityFinal","slideAndScaleKeyframes","indeterminateAnimation","leftInitial","scaleXInitial","leftMid","scaleXMid","leftFinal","scaleXFinal","oscillateKeyframes","getPulseAnimationStyles","_ref","duration","easing","delay","css","backgroundColor","BoxWithIndeterminateAnimation","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","indeterminateMotionDuration","_ref2$_oscillation","_oscillation","castWebType","makeMotionTime","getIn","motion","concat","border","radius","xsmall","fillWidth","IndeterminateFilledContainer","_ref3","IndeterminatePulseAnimation","_ref4","pulseMotionDuration","pulseMotionDelay","motionEasing","type","BoxWithProgressFillTransition","_ref5","fillMotionDuration","transitionProperty","transitionDuration","transitionTimingFunction","DeterminateFilledContainer","_ref6","progress","height","width","DeterminatePulseAnimation","_ref7","ProgressBarFilled","_ref8","isIndeterminate","_ref8$_oscillation","ProgressBarFilledContainer","ProgressBarPulseAnimation","_jsx","children"],"mappings":"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"}
+{"version":3,"file":"ProgressBarFilled.web.js","sources":["../../../../../../src/components/ProgressBar/ProgressBarFilled.web.tsx"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport React from 'react';\nimport type { ProgressBarFilledProps } from './types';\nimport { indeterminateAnimation, pulseAnimation } from './progressBarTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst pulseKeyframes = keyframes`\n  0% {\n    opacity: ${pulseAnimation.opacityInitial};\n  }\n  50% {\n    opacity: ${pulseAnimation.opacityMid};\n  }\n  100% {\n    opacity: ${pulseAnimation.opacityFinal};\n  }\n`;\n\nconst slideAndScaleKeyframes = keyframes`\n  0% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  50% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  100% {\n    left: ${indeterminateAnimation.leftFinal};\n    transform:  scaleX(${indeterminateAnimation.scaleXFinal});\n  }\n`;\n\nconst oscillateKeyframes = keyframes`\n  0% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  25% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  50% {\n    left: ${indeterminateAnimation.leftFinal};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n  75% {\n    left: ${indeterminateAnimation.leftMid};\n    transform: scaleX(${indeterminateAnimation.scaleXMid});\n  }\n  100% {\n    left: ${indeterminateAnimation.leftInitial};\n    transform: scaleX(${indeterminateAnimation.scaleXInitial});\n  }\n`;\n\nconst getPulseAnimationStyles = ({\n  duration,\n  easing,\n  delay,\n}: {\n  duration: string;\n  easing: string;\n  delay: string;\n}): FlattenSimpleInterpolation => css`\n  height: 100%;\n  width: 100%;\n  opacity: ${pulseAnimation.opacityInitial};\n  background-color: ${pulseAnimation.backgroundColor};\n  animation: ${pulseKeyframes} ${duration} ${easing} infinite;\n  animation-delay: ${delay};\n`;\n\nconst BoxWithIndeterminateAnimation = styled(BaseBox)<\n  Pick<\n    ProgressBarFilledProps,\n    'fillMotionDuration' | 'indeterminateMotionDuration' | '_oscillation'\n  >\n>(({ theme, indeterminateMotionDuration, _oscillation = false }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, indeterminateMotionDuration)));\n  const easing = 'linear'; // TODO: Add this in motion tokens\n  const keyframes = _oscillation ? oscillateKeyframes : slideAndScaleKeyframes;\n\n  return css`\n    ${_oscillation ? `border-radius: ${theme.border.radius.xsmall}px;` : ''};\n    animation: ${keyframes} ${duration} ${easing} infinite;\n    position: absolute;\n    width: ${indeterminateAnimation.fillWidth};\n    height: 100%;\n  `;\n});\n\nconst IndeterminateFilledContainer = styled(BoxWithIndeterminateAnimation)<\n  Pick<ProgressBarFilledProps, 'backgroundColor' | 'progress' | '_oscillation'>\n>(({ theme, backgroundColor }) => ({\n  backgroundColor,\n  borderRadius: `${theme.border.radius.xsmall}px`,\n}));\n\nconst IndeterminatePulseAnimation = styled(BoxWithIndeterminateAnimation)<\n  Pick<\n    ProgressBarFilledProps,\n    'pulseMotionDuration' | 'pulseMotionDelay' | 'motionEasing' | 'type' | '_oscillation'\n  >\n>(({ theme, pulseMotionDuration, pulseMotionDelay, motionEasing, type }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDuration)));\n  const easing = castWebType(getIn(theme.motion, motionEasing));\n  const delay = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDelay)));\n\n  return type === 'progress' ? getPulseAnimationStyles({ duration, easing, delay }) : '';\n});\n\nconst BoxWithProgressFillTransition = styled(BaseBox)<\n  Pick<ProgressBarFilledProps, 'fillMotionDuration' | 'motionEasing'>\n>(({ theme, fillMotionDuration, motionEasing }) => ({\n  transitionProperty: 'width',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, fillMotionDuration))),\n  transitionTimingFunction: castWebType(getIn(theme.motion, motionEasing)),\n}));\n\nconst DeterminateFilledContainer = styled(BoxWithProgressFillTransition)<\n  Pick<\n    ProgressBarFilledProps,\n    'backgroundColor' | 'progress' | 'indeterminateMotionDuration' | '_oscillation'\n  >\n>(({ theme, backgroundColor, progress }) => ({\n  backgroundColor,\n  height: '100%',\n  width: `${progress}%`,\n  borderRadius: `${theme.border.radius.xsmall}px`,\n}));\n\nconst DeterminatePulseAnimation = styled(BoxWithProgressFillTransition)<\n  Pick<ProgressBarFilledProps, 'pulseMotionDuration' | 'pulseMotionDelay' | 'motionEasing' | 'type'>\n>(({ theme, pulseMotionDuration, pulseMotionDelay, motionEasing, type }) => {\n  const duration = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDuration)));\n  const easing = castWebType(getIn(theme.motion, motionEasing));\n  const delay = castWebType(makeMotionTime(getIn(theme.motion, pulseMotionDelay)));\n\n  return type === 'progress' ? getPulseAnimationStyles({ duration, easing, delay }) : '';\n});\n\nconst ProgressBarFilled = ({\n  backgroundColor,\n  fillMotionDuration,\n  motionEasing,\n  progress,\n  pulseMotionDelay,\n  pulseMotionDuration,\n  indeterminateMotionDuration,\n  type,\n  isIndeterminate,\n  _oscillation = false,\n}: ProgressBarFilledProps): React.ReactElement => {\n  const ProgressBarFilledContainer = isIndeterminate\n    ? IndeterminateFilledContainer\n    : DeterminateFilledContainer;\n  const ProgressBarPulseAnimation = isIndeterminate\n    ? IndeterminatePulseAnimation\n    : DeterminatePulseAnimation;\n\n  return (\n    <ProgressBarFilledContainer\n      backgroundColor={backgroundColor}\n      fillMotionDuration={fillMotionDuration}\n      progress={progress}\n      indeterminateMotionDuration={indeterminateMotionDuration}\n      _oscillation={_oscillation}\n    >\n      <ProgressBarPulseAnimation\n        fillMotionDuration={fillMotionDuration}\n        motionEasing={motionEasing}\n        type={type}\n        pulseMotionDelay={pulseMotionDelay}\n        pulseMotionDuration={pulseMotionDuration}\n      />\n    </ProgressBarFilledContainer>\n  );\n};\n\nexport { ProgressBarFilled };\n"],"names":["pulseKeyframes","keyframes","pulseAnimation","opacityInitial","opacityMid","opacityFinal","slideAndScaleKeyframes","indeterminateAnimation","leftInitial","scaleXInitial","leftMid","scaleXMid","leftFinal","scaleXFinal","oscillateKeyframes","getPulseAnimationStyles","_ref","duration","easing","delay","css","backgroundColor","BoxWithIndeterminateAnimation","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","indeterminateMotionDuration","_ref2$_oscillation","_oscillation","castWebType","makeMotionTime","getIn","motion","concat","border","radius","xsmall","fillWidth","IndeterminateFilledContainer","_ref3","borderRadius","IndeterminatePulseAnimation","_ref4","pulseMotionDuration","pulseMotionDelay","motionEasing","type","BoxWithProgressFillTransition","_ref5","fillMotionDuration","transitionProperty","transitionDuration","transitionTimingFunction","DeterminateFilledContainer","_ref6","progress","height","width","DeterminatePulseAnimation","_ref7","ProgressBarFilled","_ref8","isIndeterminate","_ref8$_oscillation","ProgressBarFilledContainer","ProgressBarPulseAnimation","_jsx","children"],"mappings":"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"}