gilour

Back Back Up Advanced Editor

{"version":3,"file":"OpenInNew-a6691840.js","sources":["../../../common/resources/client/icons/material/ChevronRight.tsx","../../../common/resources/client/ui/breadcrumbs/breadcrumb-item.tsx","../../../common/resources/client/icons/material/MoreHoriz.tsx","../../../common/resources/client/ui/breadcrumbs/breadcrumb.tsx","../../../common/resources/client/icons/material/Edit.tsx","../../../common/resources/client/icons/material/OpenInNew.tsx"],"sourcesContent":["import {createSvgIcon} from '../create-svg-icon';\n\nexport const ChevronRightIcon = createSvgIcon(\n  <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z\" />\n, 'ChevronRightOutlined');\n","import React, {HTMLAttributes, ReactElement, ReactNode} from 'react';\nimport clsx from 'clsx';\nimport {ChevronRightIcon} from '../../icons/material/ChevronRight';\nimport type {BreadcrumbSizeStyle} from './breadcrumb';\n\nexport interface BreadcrumbItemProps {\n  sizeStyle?: BreadcrumbSizeStyle;\n  isMenuTrigger?: boolean;\n  isMenuItem?: boolean;\n  children: ReactNode | ((state: {isMenuItem?: boolean}) => ReactNode);\n  isCurrent?: boolean;\n  onSelected?: () => void;\n  isClickable?: boolean;\n  isDisabled?: boolean;\n  className?: string;\n  isLink?: boolean;\n}\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n  const {\n    isCurrent,\n    sizeStyle,\n    isMenuTrigger,\n    isClickable,\n    isDisabled,\n    onSelected,\n    className,\n    isMenuItem,\n    isLink,\n  } = props;\n\n  const children =\n    typeof props.children === 'function'\n      ? props.children({isMenuItem})\n      : props.children;\n\n  if (isMenuItem) {\n    return children as ReactElement;\n  }\n\n  const domProps: HTMLAttributes<HTMLDivElement> = isMenuTrigger\n    ? {}\n    : {\n        tabIndex: isLink && !isDisabled ? 0 : undefined,\n        role: isLink ? 'link' : undefined,\n        'aria-disabled': isLink ? isDisabled : undefined,\n        'aria-current': isCurrent && isLink ? 'page' : undefined,\n        onClick: () => onSelected?.(),\n      };\n\n  return (\n    <li\n      className={clsx(\n        `relative inline-flex min-w-0 flex-shrink-0 items-center justify-start ${sizeStyle?.font}`,\n        (!isClickable || isDisabled) && 'pointer-events-none',\n        !isCurrent && isDisabled && 'text-disabled'\n      )}\n    >\n      <div\n        {...domProps}\n        className={clsx(\n          className,\n          'cursor-pointer overflow-hidden whitespace-nowrap rounded px-8',\n          !isMenuTrigger && 'py-4 hover:bg-hover',\n          !isMenuTrigger && isLink && 'outline-none focus-visible:ring'\n        )}\n      >\n        {children}\n      </div>\n      {isCurrent === false && (\n        <ChevronRightIcon\n          size={sizeStyle?.icon}\n          className={clsx(isDisabled ? 'text-disabled' : 'text-muted')}\n        />\n      )}\n    </li>\n  );\n}\n","import {createSvgIcon} from '../create-svg-icon';\n\nexport const MoreHorizIcon = createSvgIcon(\n  <path d=\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" />\n, 'MoreHorizOutlined');\n","import React, {\n  cloneElement,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n} from 'react';\nimport {\n  useLayoutEffect,\n  useResizeObserver,\n  useValueEffect,\n} from '@react-aria/utils';\nimport clsx from 'clsx';\nimport {IconButton} from '../buttons/icon-button';\nimport {BreadcrumbItem, BreadcrumbItemProps} from './breadcrumb-item';\nimport {MoreHorizIcon} from '../../icons/material/MoreHoriz';\nimport {ButtonSize} from '../buttons/button-size';\nimport {Menu, MenuItem, MenuTrigger} from '../navigation/menu/menu-trigger';\nimport {IconSize} from '../../icons/svg-icon';\nimport {useTrans} from '../../i18n/use-trans';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 10;\n\nexport interface BreadcrumbsProps {\n  children?: ReactNode;\n  isDisabled?: boolean;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n  currentIsClickable?: boolean;\n  isNavigation?: boolean;\n}\n\nexport function Breadcrumb(props: BreadcrumbsProps) {\n  const {\n    size = 'md',\n    children,\n    isDisabled,\n    className,\n    currentIsClickable,\n    isNavigation,\n  } = props;\n  const {trans} = useTrans();\n  const style = sizeStyle(size);\n\n  // Not using React.Children.toArray because it mutates the key prop.\n  const childArray: ReactElement<BreadcrumbItemProps>[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child as ReactElement<BreadcrumbItemProps>);\n    }\n  });\n\n  const domRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLOListElement>(null);\n\n  const [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n  const updateOverflow = useCallback(() => {\n    const computeVisibleItems = (itemCount: number) => {\n      // Refs can be null at runtime.\n      const currListRef: HTMLUListElement | null = listRef.current;\n      if (!currListRef) {\n        return;\n      }\n\n      const listItems = Array.from(currListRef.children) as HTMLLIElement[];\n      if (!listItems.length) return;\n\n      const containerWidth = currListRef.offsetWidth;\n      const isShowingMenu = childArray.length > itemCount;\n      let calculatedWidth = 0;\n      let newVisibleItems = 0;\n      let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n      calculatedWidth += listItems.shift()!.offsetWidth;\n      newVisibleItems++;\n\n      if (isShowingMenu) {\n        calculatedWidth += listItems.shift()!.offsetWidth;\n        maxVisibleItems--;\n      }\n\n      if (calculatedWidth >= containerWidth) {\n        newVisibleItems--;\n      }\n\n      // Ensure the last breadcrumb isn't truncated when we measure it.\n      if (listItems.length > 0) {\n        const last = listItems.pop();\n        last!.style.overflow = 'visible';\n\n        calculatedWidth += last!.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n\n        last!.style.overflow = '';\n      }\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const breadcrumb of listItems.reverse()) {\n        calculatedWidth += breadcrumb.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n      }\n\n      return Math.max(\n        MIN_VISIBLE_ITEMS,\n        Math.min(maxVisibleItems, newVisibleItems)\n      );\n    };\n\n    // eslint-disable-next-line func-names\n    setVisibleItems(function* () {\n      // Update to show all items.\n      yield childArray.length;\n\n      // Measure, and update to show the items that fit.\n      const newVisibleItems = computeVisibleItems(childArray.length);\n      yield newVisibleItems;\n\n      // If the number of items is less than the number of children,\n      // then update again to ensure that the menu fits.\n      if (newVisibleItems! < childArray.length && newVisibleItems! > 1) {\n        yield computeVisibleItems(newVisibleItems!);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [listRef, children, setVisibleItems]);\n\n  useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(updateOverflow, [children]);\n\n  let contents = childArray;\n  if (childArray.length > visibleItems) {\n    const selectedKey = childArray.length - 1;\n\n    const menuItem = (\n      <BreadcrumbItem key=\"menu\" sizeStyle={style} isMenuTrigger>\n        <MenuTrigger selectionMode=\"single\" selectedValue={selectedKey}>\n          <IconButton aria-label=\"…\" disabled={isDisabled} size={style.btn}>\n            <MoreHorizIcon />\n          </IconButton>\n          <Menu>\n            {childArray.map((child, index) => {\n              const isLast = selectedKey === index;\n              return (\n                <MenuItem\n                  key={index}\n                  value={index}\n                  onSelected={() => {\n                    if (!isLast) {\n                      child.props.onSelected?.();\n                    }\n                  }}\n                >\n                  {cloneElement(child, {isMenuItem: true})}\n                </MenuItem>\n              );\n            })}\n          </Menu>\n        </MenuTrigger>\n      </BreadcrumbItem>\n    );\n\n    contents = [menuItem];\n    const breadcrumbs = [...childArray];\n    let endItems = visibleItems;\n    if (visibleItems > 1) {\n      contents.unshift(breadcrumbs.shift()!);\n      endItems--;\n    }\n    contents.push(...breadcrumbs.slice(-endItems));\n  }\n\n  const lastIndex = contents.length - 1;\n  const breadcrumbItems = contents.map((child, index) => {\n    const isCurrent = index === lastIndex;\n    const isClickable = !isCurrent || currentIsClickable;\n\n    return cloneElement<BreadcrumbItemProps>(child, {\n      key: child.key || index,\n      isCurrent,\n      sizeStyle: style,\n      isClickable,\n      isDisabled,\n      isLink: isNavigation && child.key !== 'menu',\n    });\n  });\n\n  const Element = isNavigation ? 'nav' : 'div';\n\n  return (\n    <Element\n      className={clsx(className, 'w-full min-w-0')} // prevent flex parent overflow\n      aria-label={trans({message: 'Breadcrumbs'})}\n      ref={domRef}\n    >\n      <ol\n        ref={listRef}\n        className={clsx('flex flex-nowrap justify-start', style.minHeight)}\n      >\n        {breadcrumbItems}\n      </ol>\n    </Element>\n  );\n}\n\nfunction sizeStyle(size: BreadcrumbsProps['size']): BreadcrumbSizeStyle {\n  switch (size) {\n    case 'sm':\n      return {font: 'text-sm', icon: 'sm', btn: 'sm', minHeight: 'min-h-36'};\n    case 'lg':\n      return {font: 'text-lg', icon: 'md', btn: 'md', minHeight: 'min-h-42'};\n    case 'xl':\n      return {font: 'text-xl', icon: 'md', btn: 'md', minHeight: 'min-h-42'};\n    default:\n      return {font: 'text-base', icon: 'md', btn: 'md', minHeight: 'min-h-42'};\n  }\n}\n\nexport interface BreadcrumbSizeStyle {\n  font: string;\n  icon: IconSize;\n  btn: ButtonSize;\n  minHeight: string;\n}\n","import {createSvgIcon} from '../create-svg-icon';\n\nexport const EditIcon = createSvgIcon(\n  <path d=\"m14.06 9.02.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z\" />\n, 'EditOutlined');\n","import {createSvgIcon} from '../create-svg-icon';\n\nexport const OpenInNewIcon = createSvgIcon(\n  <path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\" />\n, 'OpenInNewOutlined');\n"],"names":["ChevronRightIcon","createSvgIcon","jsx","BreadcrumbItem","props","isCurrent","sizeStyle","isMenuTrigger","isClickable","isDisabled","onSelected","className","isMenuItem","isLink","children","domProps","jsxs","clsx","MoreHorizIcon","MIN_VISIBLE_ITEMS","MAX_VISIBLE_ITEMS","Breadcrumb","size","currentIsClickable","isNavigation","trans","useTrans","style","childArray","React","child","domRef","useRef","listRef","visibleItems","setVisibleItems","useValueEffect","updateOverflow","useCallback","computeVisibleItems","itemCount","currListRef","listItems","containerWidth","isShowingMenu","calculatedWidth","newVisibleItems","maxVisibleItems","last","breadcrumb","useResizeObserver","useLayoutEffect","contents","selectedKey","MenuTrigger","IconButton","Menu","index","isLast","MenuItem","_b","_a","cloneElement","breadcrumbs","endItems","lastIndex","breadcrumbItems","Element","EditIcon","OpenInNewIcon"],"mappings":"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"}