@razorpay/blade 12.111.0 → 12.119.1

package/build/lib/web/development/components/SpotlightPopoverTour/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/SpotlightPopoverTour/utils.ts"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable one-var */\n/* eslint-disable prefer-const */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport { usePrevious } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { useScrollLock } from '~utils/useScrollLock';\n\n/**\n * Hook to delay the state change\n *\n * This is used to delay the active step change to allow for transitions to finish\n * This prevents the popover's footer from changing it's JSX while it's transitioning\n */\nfunction useDelayedState<T>(\n  initialState: T,\n  delay: number,\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const [delayedState, _setDelayedState] = React.useState(initialState);\n  const timeoutRef = React.useRef<number | undefined>(undefined);\n\n  React.useEffect(() => {\n    timeoutRef.current = window.setTimeout(() => {\n      _setDelayedState(initialState);\n    }, delay);\n\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n    };\n  }, [delay, initialState]);\n\n  const setDelayedState = React.useCallback((newState: React.SetStateAction<T>) => {\n    _setDelayedState(newState);\n    window.clearTimeout(timeoutRef.current);\n  }, []);\n\n  return [delayedState, setDelayedState];\n}\n\n/**\n * Keep track of when we are transitioning between steps\n *\n * This is used to prevent the popover from jumping to the next step before animations are finished\n */\nconst useIsTransitioningBetweenSteps = (activeStep: number, transitionDelay: number) => {\n  const prevActiveStep = usePrevious(activeStep);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n\n  // Keep track of when we are transitioning between steps\n  React.useEffect(() => {\n    if (prevActiveStep === undefined) return;\n    setIsTransitioning(true);\n    const timeout = setTimeout(() => {\n      setIsTransitioning(false);\n    }, transitionDelay);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [prevActiveStep, transitionDelay]);\n\n  return isTransitioning;\n};\n\n// https://stackoverflow.com/questions/46795955/how-to-know-scroll-to-element-is-done-in-javascript\nfunction smoothScroll(element: Element | null, options: ScrollIntoViewOptions) {\n  return new Promise((resolve) => {\n    if (__DEV__) {\n      if (!(element instanceof Element)) {\n        throwBladeError({\n          moduleName: 'smoothScroll',\n          message: 'argument \"element\" must be an instance of Element',\n        });\n      }\n    }\n\n    let same = 0;\n    let lastPos: undefined | null | number = null;\n    const scrollOptions = { behavior: 'smooth', ...options } as const;\n\n    element!.scrollIntoView(scrollOptions);\n    requestAnimationFrame(check);\n\n    // eslint-disable-next-line consistent-return\n    function check() {\n      const newPos = element?.getBoundingClientRect().top;\n      if (newPos === lastPos) {\n        if (same++ > 2) {\n          return resolve(null);\n        }\n      } else {\n        same = 0;\n        lastPos = newPos;\n      }\n      requestAnimationFrame(check);\n    }\n  });\n}\n\nfunction useIntersectionObserver(\n  elementRef: React.RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%' }: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined {\n  const [entry, setEntry] = React.useState<IntersectionObserverEntry>();\n\n  const updateEntry = ([entry]: IntersectionObserverEntry[]): void => {\n    setEntry(entry);\n  };\n\n  React.useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || !node) return;\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef?.current, JSON.stringify(threshold), root, rootMargin]);\n\n  return entry;\n}\n\nconst useLockBodyScroll = (shouldLock: boolean) => {\n  const scrollLockRef = useScrollLock({\n    enabled: true,\n    reserveScrollBarGap: true,\n  });\n\n  React.useEffect(() => {\n    const lockRef = scrollLockRef.current;\n    if (shouldLock) {\n      lockRef.activate();\n    } else {\n      lockRef.deactivate();\n    }\n    return () => {\n      lockRef.deactivate();\n    };\n  }, [shouldLock, scrollLockRef]);\n};\n\nexport {\n  useDelayedState,\n  useIsTransitioningBetweenSteps,\n  smoothScroll,\n  useIntersectionObserver,\n  useLockBodyScroll,\n};\n"],"names":["useDelayedState","initialState","delay","_React$useState","React","useState","_React$useState2","_slicedToArray","delayedState","_setDelayedState","timeoutRef","useRef","undefined","useEffect","current","window","setTimeout","clearTimeout","setDelayedState","useCallback","newState","useIsTransitioningBetweenSteps","activeStep","transitionDelay","prevActiveStep","usePrevious","_React$useState3","_React$useState4","isTransitioning","setIsTransitioning","timeout","smoothScroll","element","options","Promise","resolve","Element","throwBladeError","moduleName","message","same","lastPos","scrollOptions","_objectSpread","behavior","scrollIntoView","requestAnimationFrame","check","newPos","getBoundingClientRect","top","useIntersectionObserver","elementRef","_ref","_ref$threshold","threshold","_ref$root","root","_ref$rootMargin","rootMargin","_React$useState5","_React$useState6","entry","setEntry","updateEntry","_ref2","_ref3","node","hasIOSupport","IntersectionObserver","observerParams","observer","observe","disconnect","JSON","stringify","useLockBodyScroll","shouldLock","scrollLockRef","useScrollLock","enabled","reserveScrollBarGap","lockRef","activate","deactivate"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/SpotlightPopoverTour/utils.ts"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable one-var */\n/* eslint-disable prefer-const */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport { usePrevious } from '~utils';\nimport { throwBladeError } from '~utils/logger';\nimport { useScrollLock } from '~utils/useScrollLock';\n\n/**\n * Hook to delay the state change\n *\n * This is used to delay the active step change to allow for transitions to finish\n * This prevents the popover's footer from changing it's JSX while it's transitioning\n */\nfunction useDelayedState<T>(\n  initialState: T,\n  delay: number,\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const [delayedState, _setDelayedState] = React.useState(initialState);\n  const timeoutRef = React.useRef<number | undefined>(undefined);\n\n  React.useEffect(() => {\n    timeoutRef.current = window.setTimeout(() => {\n      _setDelayedState(initialState);\n    }, delay);\n\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n    };\n  }, [delay, initialState]);\n\n  const setDelayedState = React.useCallback((newState: React.SetStateAction<T>) => {\n    _setDelayedState(newState);\n    window.clearTimeout(timeoutRef.current);\n  }, []);\n\n  return [delayedState, setDelayedState];\n}\n\n/**\n * Keep track of when we are transitioning between steps\n *\n * This is used to prevent the popover from jumping to the next step before animations are finished\n */\nconst useIsTransitioningBetweenSteps = (activeStep: number, transitionDelay: number) => {\n  const prevActiveStep = usePrevious(activeStep);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n\n  // Keep track of when we are transitioning between steps\n  React.useEffect(() => {\n    if (prevActiveStep === undefined) return;\n    setIsTransitioning(true);\n    const timeout = setTimeout(() => {\n      setIsTransitioning(false);\n    }, transitionDelay);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [prevActiveStep, transitionDelay]);\n\n  return isTransitioning;\n};\n\n// https://stackoverflow.com/questions/46795955/how-to-know-scroll-to-element-is-done-in-javascript\nfunction smoothScroll(element: Element | null, options: ScrollIntoViewOptions) {\n  return new Promise((resolve) => {\n    if (__DEV__) {\n      if (!(element instanceof Element)) {\n        throwBladeError({\n          moduleName: 'smoothScroll',\n          message: 'argument \"element\" must be an instance of Element',\n        });\n      }\n    }\n\n    let same = 0;\n    let lastPos: undefined | null | number = null;\n    const scrollOptions = { behavior: 'smooth', ...options } as const;\n\n    element!.scrollIntoView(scrollOptions);\n    requestAnimationFrame(check);\n\n    // eslint-disable-next-line consistent-return\n    function check() {\n      const newPos = element?.getBoundingClientRect().top;\n      if (newPos === lastPos) {\n        if (same++ > 2) {\n          return resolve(null);\n        }\n      } else {\n        same = 0;\n        lastPos = newPos;\n      }\n      requestAnimationFrame(check);\n    }\n  });\n}\n\nfunction useIntersectionObserver(\n  elementRef: React.RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%' }: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined {\n  const [entry, setEntry] = React.useState<IntersectionObserverEntry>();\n\n  const updateEntry = ([entry]: IntersectionObserverEntry[]): void => {\n    setEntry(entry);\n  };\n\n  React.useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || !node) return;\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef?.current, JSON.stringify(threshold), root, rootMargin]);\n\n  return entry;\n}\n\nconst readBorderRadius = (el: HTMLElement): number => {\n  const { borderTopLeftRadius } = window.getComputedStyle(el);\n  const parsed = Number.parseFloat(borderTopLeftRadius);\n\n  if (Number.isNaN(parsed)) return 0;\n  // Percentage radii (e.g. `50%` on a circular avatar) resolve against the box itself.\n  if (borderTopLeftRadius.includes('%')) {\n    const { width, height } = el.getBoundingClientRect();\n    return (Math.min(width, height) * parsed) / 100;\n  }\n\n  return parsed;\n};\n\n// `getComputedStyle` reports unset properties as an empty string in some environments\n// (notably jsdom), so treat \"unset\" the same as \"not painted\" rather than as a value.\nconst isPainted = (value: string): boolean =>\n  Boolean(value) && value !== 'none' && value !== 'transparent' && value !== 'rgba(0, 0, 0, 0)';\n\n/** Whether an element paints anything of its own, or is a bare layout shell. */\nconst drawsOwnShape = (el: HTMLElement): boolean => {\n  const { borderTopWidth, backgroundColor, backgroundImage } = window.getComputedStyle(el);\n  return (\n    readBorderRadius(el) > 0 ||\n    Number.parseFloat(borderTopWidth) > 0 ||\n    isPainted(backgroundColor) ||\n    isPainted(backgroundImage)\n  );\n};\n\n/**\n * Resolves the element a step should actually be measured against.\n *\n * `SpotlightPopoverTourStep` clones its child to attach a ref, so consumers commonly wrap\n * their UI in a layout element just to forward one. Measuring that wrapper is wrong twice\n * over: it has no corner radius to inherit, and a wrapper stretched by its parent's layout\n * (e.g. `alignItems=\"stretch\"` in a flex row) is taller than the component inside it, which\n * makes the spotlight's padding look uneven — 6px on three sides and more at the bottom.\n *\n * So when the step's element paints nothing itself and simply wraps a single child that\n * fills it on at least one axis, we trace that child instead. The fill check keeps us from\n * shrinking onto an inner element that merely happens to be first — a wrapper around\n * narrower content is still measured as the wrapper.\n *\n * Both the spotlight and the popover must resolve through this, or they anchor to different\n * rectangles and the overhang between them shows up as an uneven arrow-to-spotlight gap.\n */\nconst resolveSpotlightTarget = (element: HTMLElement): HTMLElement => {\n  if (drawsOwnShape(element)) return element;\n\n  const { children } = element;\n  if (children.length !== 1) return element;\n\n  const child = children[0] as HTMLElement;\n  const parentRect = element.getBoundingClientRect();\n  const childRect = child.getBoundingClientRect();\n  const fillsAnAxis =\n    Math.abs(childRect.width - parentRect.width) <= 1 ||\n    Math.abs(childRect.height - parentRect.height) <= 1;\n\n  return fillsAnAxis ? child : element;\n};\n\nconst useLockBodyScroll = (shouldLock: boolean) => {\n  const scrollLockRef = useScrollLock({\n    enabled: true,\n    reserveScrollBarGap: true,\n  });\n\n  React.useEffect(() => {\n    const lockRef = scrollLockRef.current;\n    if (shouldLock) {\n      lockRef.activate();\n    } else {\n      lockRef.deactivate();\n    }\n    return () => {\n      lockRef.deactivate();\n    };\n  }, [shouldLock, scrollLockRef]);\n};\n\nexport {\n  useDelayedState,\n  useIsTransitioningBetweenSteps,\n  smoothScroll,\n  useIntersectionObserver,\n  useLockBodyScroll,\n  readBorderRadius,\n  resolveSpotlightTarget,\n};\n"],"names":["useDelayedState","initialState","delay","_React$useState","React","useState","_React$useState2","_slicedToArray","delayedState","_setDelayedState","timeoutRef","useRef","undefined","useEffect","current","window","setTimeout","clearTimeout","setDelayedState","useCallback","newState","useIsTransitioningBetweenSteps","activeStep","transitionDelay","prevActiveStep","usePrevious","_React$useState3","_React$useState4","isTransitioning","setIsTransitioning","timeout","smoothScroll","element","options","Promise","resolve","Element","throwBladeError","moduleName","message","same","lastPos","scrollOptions","_objectSpread","behavior","scrollIntoView","requestAnimationFrame","check","newPos","getBoundingClientRect","top","useIntersectionObserver","elementRef","_ref","_ref$threshold","threshold","_ref$root","root","_ref$rootMargin","rootMargin","_React$useState5","_React$useState6","entry","setEntry","updateEntry","_ref2","_ref3","node","hasIOSupport","IntersectionObserver","observerParams","observer","observe","disconnect","JSON","stringify","readBorderRadius","el","_window$getComputedSt","getComputedStyle","borderTopLeftRadius","parsed","Number","parseFloat","isNaN","includes","_el$getBoundingClient","width","height","Math","min","isPainted","value","Boolean","drawsOwnShape","_window$getComputedSt2","borderTopWidth","backgroundColor","backgroundImage","resolveSpotlightTarget","children","length","child","parentRect","childRect","fillsAnAxis","abs","useLockBodyScroll","shouldLock","scrollLockRef","useScrollLock","enabled","reserveScrollBarGap","lockRef","activate","deactivate"],"mappings":"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"}

package/build/lib/web/development/components/TreeView/StyledTreeViewRow.web.js

@@ -0,0 +1,41 @@
+import styled from 'styled-components';
+import '../Box/BaseBox/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { size } from '../../tokens/global/size.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+
+/**
+ * One indentation step per depth: the 20px chevron slot + the 4px (spacing.2) gap after it.
+ * Every row reserves that slot, so a child's content sits exactly one step to the right of
+ * its parent's content (Figma: TreeView.Indentation.level-N = 8 + 24N)
+ */
+var TREEVIEW_INDENTATION_PER_LEVEL = size[24];
+
+/**
+ * Wraps every TreeView row (item / loadMore). Indentation is applied as the row's own
+ * padding-left (instead of padding on nested groups) so hover / selected / focus
+ * backgrounds stay full-bleed across the whole tree width at any depth
+ */
+var StyledTreeViewRow = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "StyledTreeViewRowweb__StyledTreeViewRow",
+  componentId: "sc-10l3ch5-0"
+})(function (props) {
+  return {
+    '& > [role="treeitem"]': {
+      paddingLeft: makeSize(props.theme.spacing[3] + TREEVIEW_INDENTATION_PER_LEVEL * (props.level - 1)),
+      // rows are contiguous 36px rows per Figma (no vertical margin between rows)
+      marginTop: makeSize(size[0]),
+      marginBottom: makeSize(size[0])
+    },
+    // BaseMenu highlights any row with aria-expanded="true" (used by Menu for open submenus).
+    // In TreeView the chevron indicates expansion, so an expanded branch must look like a normal row
+    '& > [role="treeitem"][aria-expanded="true"]:not(:hover):not([aria-selected="true"])': {
+      backgroundColor: 'transparent'
+    }
+  };
+});
+
+export { StyledTreeViewRow, TREEVIEW_INDENTATION_PER_LEVEL };
+//# sourceMappingURL=StyledTreeViewRow.web.js.map

package/build/lib/web/development/components/TreeView/StyledTreeViewRow.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTreeViewRow.web.js","sources":["../../../../../../src/components/TreeView/StyledTreeViewRow.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\n\n/**\n * One indentation step per depth: the 20px chevron slot + the 4px (spacing.2) gap after it.\n * Every row reserves that slot, so a child's content sits exactly one step to the right of\n * its parent's content (Figma: TreeView.Indentation.level-N = 8 + 24N)\n */\nconst TREEVIEW_INDENTATION_PER_LEVEL = size[24];\n\n/**\n * Wraps every TreeView row (item / loadMore). Indentation is applied as the row's own\n * padding-left (instead of padding on nested groups) so hover / selected / focus\n * backgrounds stay full-bleed across the whole tree width at any depth\n */\nconst StyledTreeViewRow = styled(BaseBox)<{ level: number }>((props) => ({\n  '& > [role=\"treeitem\"]': {\n    paddingLeft: makeSize(\n      props.theme.spacing[3] + TREEVIEW_INDENTATION_PER_LEVEL * (props.level - 1),\n    ),\n    // rows are contiguous 36px rows per Figma (no vertical margin between rows)\n    marginTop: makeSize(size[0]),\n    marginBottom: makeSize(size[0]),\n  },\n  // BaseMenu highlights any row with aria-expanded=\"true\" (used by Menu for open submenus).\n  // In TreeView the chevron indicates expansion, so an expanded branch must look like a normal row\n  '& > [role=\"treeitem\"][aria-expanded=\"true\"]:not(:hover):not([aria-selected=\"true\"])': {\n    backgroundColor: 'transparent',\n  },\n}));\n\nexport { StyledTreeViewRow, TREEVIEW_INDENTATION_PER_LEVEL };\n"],"names":["TREEVIEW_INDENTATION_PER_LEVEL","size","StyledTreeViewRow","styled","BaseBox","withConfig","displayName","componentId","props","paddingLeft","makeSize","theme","spacing","level","marginTop","marginBottom","backgroundColor"],"mappings":";;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA,IAAMA,8BAA8B,GAAGC,IAAI,CAAC,EAAE,EAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA,IAAMC,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAoB,UAACC,KAAK,EAAA;EAAA,OAAM;AACvE,IAAA,uBAAuB,EAAE;MACvBC,WAAW,EAAEC,QAAQ,CACnBF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,GAAGZ,8BAA8B,IAAIQ,KAAK,CAACK,KAAK,GAAG,CAAC,CAC5E,CAAC;AACD;AACAC,MAAAA,SAAS,EAAEJ,QAAQ,CAACT,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5Bc,MAAAA,YAAY,EAAEL,QAAQ,CAACT,IAAI,CAAC,CAAC,CAAC,CAAA;KAC/B;AACD;AACA;AACA,IAAA,qFAAqF,EAAE;AACrFe,MAAAA,eAAe,EAAE,aAAA;AACnB,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}