@procore/core-react 12.25.1 → 12.25.2

package/dist/FileSelect/TreeSource/TreeSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSource.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","enumerable","configurable","writable","_invoke","_OverloadYield","k","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","Array","from","isArray","_arrayLikeToArray","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","toString","slice","constructor","name","test","next","push","_extends","assign","hasOwnProperty","ownKeys","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","_toPrimitive","_typeof","toPrimitive","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","React","areEqual","Spinner","Tree","useResizeObserver","useFileSelectContext","StyledFileTreeSpinner","topPadding","noop","innerElementType","memo","forwardRef","_ref","ref","style","children","props","_excluded","createElement","position","top","concat","height","parseFloat","outerElementType","_ref2","_excluded2","TreeSource","_ref3","sourceId","title","icon","options","_ref3$isLoading","isLoading","_ref3$onChange","onChange","_ref3$onExpand","onExpand","_excluded3","_useFileSelectContext","maxFileNumber","register","currentSource","onSourceChange","onResetValue","_React$useState","useState","_React$useState2","setValue","_React$useState3","_React$useState4","expandedItems","setExpandedNodes","useEffect","unregister","unsubscribe","selectedFiles","useMemo","map","item","id","_onChange","files","_onExpand","_ref4","_regeneratorRuntime","mark","_callee","node","wrap","_callee$","_context","prev","stop","_x","_onCollapse","nodeId","_React$useState5","width","_React$useState6","containerSize","setContainerSize","handleContainerResize","useCallback","entries","_entries$0$target","target","clientHeight","clientWidth","setResizeObserverTarget","useImperativeHandle","instance","rootEl","onSelect","onCollapse","expanded","selected","selectionLimit","visibleHeight","autoExpandParent"],"sources":["../../../src/FileSelect/TreeSource/TreeSource.tsx"],"sourcesContent":["import React from 'react'\nimport { areEqual } from 'react-window'\nimport { Spinner } from '../../Spinner/Spinner'\nimport { Tree } from '../../Tree/Tree'\nimport type { Node as TreeNode, TreeNodeId } from '../../Tree/Tree.types'\nimport { useResizeObserver } from '../../_hooks/ResizeObserver'\nimport type { DivAttributes } from '../../_utils/types'\nimport { useFileSelectContext } from '../FileSelect'\nimport { StyledFileTreeSpinner } from './TreeSource.styles'\nimport type { FileTreeProps, TreeSourceRef } from './TreeSource.types'\n\nconst topPadding = 24\n\nfunction noop() {}\n\n/**\n * `innerElementType` and `outerElementType` elements are needed to create top padding.\n * Be aware that because of virtualization, it is not a trivial task.\n * 1. First of all, we pass height to the `Tree` component without padding, it is needed for correct work of keyboard navigation.\n * 2. Then we counterbalance height in outerElementType component (by adding padding to the height).\n * 3. The last step - make padding using the shift of a relatively positioned element.\n */\nconst innerElementType = React.memo(\n  React.forwardRef<HTMLDivElement, any>(\n    ({ style, children, ...props }, ref) => (\n      <div\n        ref={ref}\n        style={{\n          ...style,\n          position: 'relative',\n          top: `${topPadding}px`,\n          height: `${parseFloat(style.height) - topPadding}px`,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  ),\n  areEqual\n)\n\nconst outerElementType = React.memo(\n  React.forwardRef<HTMLDivElement, any>(\n    ({ style, children, ...props }, ref) => (\n      <div\n        ref={ref}\n        style={{\n          ...style,\n          height: `${parseFloat(style.height) + topPadding}px`,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  ),\n  areEqual\n)\n\nexport const TreeSource = React.forwardRef<\n  TreeSourceRef,\n  FileTreeProps & Omit<DivAttributes, 'onChange'>\n>(\n  (\n    {\n      sourceId,\n      title,\n      icon,\n      options,\n      isLoading = false,\n      onChange = noop,\n      onExpand = () => Promise.resolve(),\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      maxFileNumber,\n      register,\n      currentSource,\n      onChange: onSourceChange,\n      onResetValue,\n    } = useFileSelectContext()\n\n    const [value, setValue] = React.useState<TreeNode[]>([])\n    const [expandedItems, setExpandedNodes] = React.useState<TreeNodeId[]>([])\n\n    React.useEffect(() => {\n      onSourceChange(sourceId, value)\n    }, [value])\n\n    React.useEffect(() => {\n      const unregister = register(sourceId, {\n        title,\n        icon,\n      })\n      const unsubscribe = onResetValue(() => {\n        setValue([])\n      })\n      return () => {\n        unsubscribe()\n        unregister()\n      }\n    }, [])\n\n    const selectedFiles = React.useMemo(\n      () => value.map((item: TreeNode) => item.id),\n      [value]\n    )\n\n    const _onChange = (files: TreeNode[]) => {\n      setValue(files)\n      onChange(files)\n    }\n\n    const _onExpand = async (node: TreeNode) => {\n      await onExpand(node)\n      setExpandedNodes((prev) => [...prev, node.id])\n    }\n\n    const _onCollapse = (node: TreeNode) => {\n      setExpandedNodes((prev) => prev.filter((nodeId) => nodeId !== node.id))\n    }\n\n    const [containerSize, setContainerSize] = React.useState({\n      width: 0,\n      height: 0,\n    })\n\n    const handleContainerResize = React.useCallback(\n      (entries: ResizeObserverEntry[]) => {\n        if (entries[0]) {\n          const { clientHeight: height, clientWidth: width } = entries[0].target\n          setContainerSize({ width, height })\n        }\n      },\n      [setContainerSize]\n    )\n\n    const setResizeObserverTarget = useResizeObserver(handleContainerResize)\n\n    React.useImperativeHandle(ref, () => ({\n      setExpandedNodes,\n      setValue,\n    }))\n\n    if (currentSource !== sourceId) {\n      return null\n    }\n\n    return !isLoading ? (\n      <Tree\n        {...props}\n        ref={(instance) => {\n          if (instance?.rootEl) {\n            setResizeObserverTarget(instance.rootEl)\n          }\n        }}\n        options={options}\n        onSelect={_onChange}\n        onExpand={_onExpand}\n        onCollapse={_onCollapse}\n        expanded={expandedItems}\n        selected={selectedFiles}\n        selectionLimit={maxFileNumber + value.length}\n        visibleHeight={containerSize.height - topPadding}\n        innerElementType={innerElementType}\n        outerElementType={outerElementType}\n        autoExpandParent={false}\n      />\n    ) : (\n      <StyledFileTreeSpinner>\n        <Spinner />\n      </StyledFileTreeSpinner>\n    )\n  }\n)\n"],"mappings":";;;;;;;;;;0BACA,uKAAAA,CAAA,EAAAC,CAAA,EAAAC,CAAA,wBAAAC,MAAA,GAAAA,MAAA,OAAAC,CAAA,GAAAF,CAAA,CAAAG,QAAA,kBAAAC,CAAA,GAAAJ,CAAA,CAAAK,WAAA,8BAAAC,EAAAN,CAAA,EAAAE,CAAA,EAAAE,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAL,CAAA,IAAAA,CAAA,CAAAM,SAAA,YAAAC,SAAA,GAAAP,CAAA,GAAAO,SAAA,EAAAC,CAAA,GAAAC,MAAA,CAAAC,MAAA,CAAAL,CAAA,CAAAC,SAAA,UAAAK,mBAAA,CAAAH,CAAA,uBAAAV,CAAA,EAAAE,CAAA,EAAAE,CAAA,QAAAE,CAAA,EAAAC,CAAA,EAAAG,CAAA,EAAAI,CAAA,MAAAC,CAAA,GAAAX,CAAA,QAAAY,CAAA,OAAAC,CAAA,KAAAF,CAAA,KAAAb,CAAA,KAAAgB,CAAA,EAAApB,CAAA,EAAAqB,CAAA,EAAAC,CAAA,EAAAN,CAAA,EAAAM,CAAA,CAAAC,IAAA,CAAAvB,CAAA,MAAAsB,CAAA,WAAAA,EAAArB,CAAA,EAAAC,CAAA,WAAAM,CAAA,GAAAP,CAAA,EAAAQ,CAAA,MAAAG,CAAA,GAAAZ,CAAA,EAAAmB,CAAA,CAAAf,CAAA,GAAAF,CAAA,EAAAmB,CAAA,gBAAAC,EAAApB,CAAA,EAAAE,CAAA,SAAAK,CAAA,GAAAP,CAAA,EAAAU,CAAA,GAAAR,CAAA,EAAAH,CAAA,OAAAiB,CAAA,IAAAF,CAAA,KAAAV,CAAA,IAAAL,CAAA,GAAAgB,CAAA,CAAAO,MAAA,EAAAvB,CAAA,UAAAK,CAAA,EAAAE,CAAA,GAAAS,CAAA,CAAAhB,CAAA,GAAAqB,CAAA,GAAAH,CAAA,CAAAF,CAAA,EAAAQ,CAAA,GAAAjB,CAAA,KAAAN,CAAA,QAAAI,CAAA,GAAAmB,CAAA,KAAArB,CAAA,MAAAQ,CAAA,GAAAJ,CAAA,EAAAC,CAAA,GAAAD,CAAA,YAAAC,CAAA,WAAAD,CAAA,MAAAA,CAAA,MAAAR,CAAA,IAAAQ,CAAA,OAAAc,CAAA,MAAAhB,CAAA,GAAAJ,CAAA,QAAAoB,CAAA,GAAAd,CAAA,QAAAC,CAAA,MAAAU,CAAA,CAAAC,CAAA,GAAAhB,CAAA,EAAAe,CAAA,CAAAf,CAAA,GAAAI,CAAA,OAAAc,CAAA,GAAAG,CAAA,KAAAnB,CAAA,GAAAJ,CAAA,QAAAM,CAAA,MAAAJ,CAAA,IAAAA,CAAA,GAAAqB,CAAA,MAAAjB,CAAA,MAAAN,CAAA,EAAAM,CAAA,MAAAJ,CAAA,EAAAe,CAAA,CAAAf,CAAA,GAAAqB,CAAA,EAAAhB,CAAA,cAAAH,CAAA,IAAAJ,CAAA,aAAAmB,CAAA,QAAAH,CAAA,OAAAd,CAAA,qBAAAE,CAAA,EAAAW,CAAA,EAAAQ,CAAA,QAAAT,CAAA,YAAAU,SAAA,uCAAAR,CAAA,UAAAD,CAAA,IAAAK,CAAA,CAAAL,CAAA,EAAAQ,CAAA,GAAAhB,CAAA,GAAAQ,CAAA,EAAAL,CAAA,GAAAa,CAAA,GAAAxB,CAAA,GAAAQ,CAAA,OAAAT,CAAA,GAAAY,CAAA,MAAAM,CAAA,KAAAV,CAAA,KAAAC,CAAA,GAAAA,CAAA,QAAAA,CAAA,SAAAU,CAAA,CAAAf,CAAA,QAAAkB,CAAA,CAAAb,CAAA,EAAAG,CAAA,KAAAO,CAAA,CAAAf,CAAA,GAAAQ,CAAA,GAAAO,CAAA,CAAAC,CAAA,GAAAR,CAAA,aAAAI,CAAA,MAAAR,CAAA,QAAAC,CAAA,KAAAH,CAAA,YAAAL,CAAA,GAAAO,CAAA,CAAAF,CAAA,WAAAL,CAAA,GAAAA,CAAA,CAAA0B,IAAA,CAAAnB,CAAA,EAAAI,CAAA,UAAAc,SAAA,2CAAAzB,CAAA,CAAA2B,IAAA,SAAA3B,CAAA,EAAAW,CAAA,GAAAX,CAAA,CAAA4B,KAAA,EAAApB,CAAA,SAAAA,CAAA,oBAAAA,CAAA,KAAAR,CAAA,GAAAO,CAAA,eAAAP,CAAA,CAAA0B,IAAA,CAAAnB,CAAA,GAAAC,CAAA,SAAAG,CAAA,GAAAc,SAAA,uCAAApB,CAAA,gBAAAG,CAAA,OAAAD,CAAA,GAAAR,CAAA,cAAAC,CAAA,IAAAiB,CAAA,GAAAC,CAAA,CAAAf,CAAA,QAAAQ,CAAA,GAAAV,CAAA,CAAAyB,IAAA,CAAAvB,CAAA,EAAAe,CAAA,OAAAE,CAAA,kBAAApB,CAAA,IAAAO,CAAA,GAAAR,CAAA,EAAAS,CAAA,MAAAG,CAAA,GAAAX,CAAA,cAAAe,CAAA,mBAAAa,KAAA,EAAA5B,CAAA,EAAA2B,IAAA,EAAAV,CAAA,SAAAhB,CAAA,EAAAI,CAAA,EAAAE,CAAA,QAAAI,CAAA,QAAAS,CAAA,gBAAAV,UAAA,cAAAmB,kBAAA,cAAAC,2BAAA,KAAA9B,CAAA,GAAAY,MAAA,CAAAmB,cAAA,MAAAvB,CAAA,MAAAL,CAAA,IAAAH,CAAA,CAAAA,CAAA,IAAAG,CAAA,SAAAW,mBAAA,CAAAd,CAAA,OAAAG,CAAA,iCAAAH,CAAA,GAAAW,CAAA,GAAAmB,0BAAA,CAAArB,SAAA,GAAAC,SAAA,CAAAD,SAAA,GAAAG,MAAA,CAAAC,MAAA,CAAAL,CAAA,YAAAO,EAAAhB,CAAA,WAAAa,MAAA,CAAAoB,cAAA,GAAApB,MAAA,CAAAoB,cAAA,CAAAjC,CAAA,EAAA+B,0BAAA,KAAA/B,CAAA,CAAAkC,SAAA,GAAAH,0BAAA,EAAAhB,mBAAA,CAAAf,CAAA,EAAAM,CAAA,yBAAAN,CAAA,CAAAU,SAAA,GAAAG,MAAA,CAAAC,MAAA,CAAAF,CAAA,GAAAZ,CAAA,WAAA8B,iBAAA,CAAApB,SAAA,GAAAqB,0BAAA,EAAAhB,mBAAA,CAAAH,CAAA,iBAAAmB,0BAAA,GAAAhB,mBAAA,CAAAgB,0BAAA,iBAAAD,iBAAA,GAAAA,iBAAA,CAAAK,WAAA,wBAAApB,mBAAA,CAAAgB,0BAAA,EAAAzB,CAAA,wBAAAS,mBAAA,CAAAH,CAAA,GAAAG,mBAAA,CAAAH,CAAA,EAAAN,CAAA,gBAAAS,mBAAA,CAAAH,CAAA,EAAAR,CAAA,iCAAAW,mBAAA,CAAAH,CAAA,8DAAAwB,YAAA,YAAAA,aAAA,aAAAC,CAAA,EAAA7B,CAAA,EAAA8B,CAAA,EAAAtB,CAAA;AAAA,SAAAD,oBAAAf,CAAA,EAAAE,CAAA,EAAAE,CAAA,EAAAH,CAAA,QAAAO,CAAA,GAAAK,MAAA,CAAA0B,cAAA,QAAA/B,CAAA,uBAAAR,CAAA,IAAAQ,CAAA,QAAAO,mBAAA,YAAAyB,mBAAAxC,CAAA,EAAAE,CAAA,EAAAE,CAAA,EAAAH,CAAA,QAAAC,CAAA,EAAAM,CAAA,GAAAA,CAAA,CAAAR,CAAA,EAAAE,CAAA,IAAA2B,KAAA,EAAAzB,CAAA,EAAAqC,UAAA,GAAAxC,CAAA,EAAAyC,YAAA,GAAAzC,CAAA,EAAA0C,QAAA,GAAA1C,CAAA,MAAAD,CAAA,CAAAE,CAAA,IAAAE,CAAA,YAAAE,CAAA,YAAAA,EAAAJ,CAAA,EAAAE,CAAA,IAAAW,mBAAA,CAAAf,CAAA,EAAAE,CAAA,YAAAF,CAAA,gBAAA4C,OAAA,CAAA1C,CAAA,EAAAE,CAAA,EAAAJ,CAAA,UAAAM,CAAA,aAAAA,CAAA,cAAAA,CAAA,oBAAAS,mBAAA,CAAAf,CAAA,EAAAE,CAAA,EAAAE,CAAA,EAAAH,CAAA;AAAA,SAAA4C,eAAA7C,CAAA,EAAAsB,CAAA,SAAAF,CAAA,GAAApB,CAAA,OAAA8C,CAAA,GAAAxB,CAAA;AAAA,SAAAyB,mBAAA7C,CAAA,WAAA8C,kBAAA,CAAA9C,CAAA,KAAA+C,gBAAA,CAAA/C,CAAA,KAAAgD,2BAAA,CAAAhD,CAAA,KAAAiD,kBAAA;AAAA,SAAAA,mBAAA,cAAAzB,SAAA;AAAA,SAAAuB,iBAAA/C,CAAA,8BAAAC,MAAA,YAAAD,CAAA,CAAAC,MAAA,CAAAE,QAAA,aAAAH,CAAA,uBAAAkD,KAAA,CAAAC,IAAA,CAAAnD,CAAA;AAAA,SAAA8C,mBAAA9C,CAAA,QAAAkD,KAAA,CAAAE,OAAA,CAAApD,CAAA,UAAAqD,iBAAA,CAAArD,CAAA;AAAA,SAAAsD,mBAAApD,CAAA,EAAAH,CAAA,EAAAD,CAAA,EAAAE,CAAA,EAAAI,CAAA,EAAAe,CAAA,EAAAZ,CAAA,cAAAD,CAAA,GAAAJ,CAAA,CAAAiB,CAAA,EAAAZ,CAAA,GAAAG,CAAA,GAAAJ,CAAA,CAAAqB,KAAA,WAAAzB,CAAA,gBAAAJ,CAAA,CAAAI,CAAA,KAAAI,CAAA,CAAAoB,IAAA,GAAA3B,CAAA,CAAAW,CAAA,IAAA6C,OAAA,CAAAC,OAAA,CAAA9C,CAAA,EAAA+C,IAAA,CAAAzD,CAAA,EAAAI,CAAA;AAAA,SAAAsD,kBAAAxD,CAAA,6BAAAH,CAAA,SAAAD,CAAA,GAAA6D,SAAA,aAAAJ,OAAA,WAAAvD,CAAA,EAAAI,CAAA,QAAAe,CAAA,GAAAjB,CAAA,CAAA0D,KAAA,CAAA7D,CAAA,EAAAD,CAAA,YAAA+D,MAAA3D,CAAA,IAAAoD,kBAAA,CAAAnC,CAAA,EAAAnB,CAAA,EAAAI,CAAA,EAAAyD,KAAA,EAAAC,MAAA,UAAA5D,CAAA,cAAA4D,OAAA5D,CAAA,IAAAoD,kBAAA,CAAAnC,CAAA,EAAAnB,CAAA,EAAAI,CAAA,EAAAyD,KAAA,EAAAC,MAAA,WAAA5D,CAAA,KAAA2D,KAAA;AAAA,SAAAE,eAAA/D,CAAA,EAAAF,CAAA,WAAAkE,eAAA,CAAAhE,CAAA,KAAAiE,qBAAA,CAAAjE,CAAA,EAAAF,CAAA,KAAAkD,2BAAA,CAAAhD,CAAA,EAAAF,CAAA,KAAAoE,gBAAA;AAAA,SAAAA,iBAAA,cAAA1C,SAAA;AAAA,SAAAwB,4BAAAhD,CAAA,EAAAmB,CAAA,QAAAnB,CAAA,2BAAAA,CAAA,SAAAqD,iBAAA,CAAArD,CAAA,EAAAmB,CAAA,OAAApB,CAAA,MAAAoE,QAAA,CAAA1C,IAAA,CAAAzB,CAAA,EAAAoE,KAAA,6BAAArE,CAAA,IAAAC,CAAA,CAAAqE,WAAA,KAAAtE,CAAA,GAAAC,CAAA,CAAAqE,WAAA,CAAAC,IAAA,aAAAvE,CAAA,cAAAA,CAAA,GAAAmD,KAAA,CAAAC,IAAA,CAAAnD,CAAA,oBAAAD,CAAA,+CAAAwE,IAAA,CAAAxE,CAAA,IAAAsD,iBAAA,CAAArD,CAAA,EAAAmB,CAAA;AAAA,SAAAkC,kBAAArD,CAAA,EAAAmB,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAAnB,CAAA,CAAAsB,MAAA,MAAAH,CAAA,GAAAnB,CAAA,CAAAsB,MAAA,YAAAxB,CAAA,MAAAI,CAAA,GAAAgD,KAAA,CAAA/B,CAAA,GAAArB,CAAA,GAAAqB,CAAA,EAAArB,CAAA,IAAAI,CAAA,CAAAJ,CAAA,IAAAE,CAAA,CAAAF,CAAA,UAAAI,CAAA;AAAA,SAAA+D,sBAAAjE,CAAA,EAAAuB,CAAA,QAAAxB,CAAA,WAAAC,CAAA,gCAAAC,MAAA,IAAAD,CAAA,CAAAC,MAAA,CAAAE,QAAA,KAAAH,CAAA,4BAAAD,CAAA,QAAAD,CAAA,EAAAI,CAAA,EAAAI,CAAA,EAAAI,CAAA,EAAAS,CAAA,OAAAL,CAAA,OAAAV,CAAA,iBAAAE,CAAA,IAAAP,CAAA,GAAAA,CAAA,CAAA0B,IAAA,CAAAzB,CAAA,GAAAwE,IAAA,QAAAjD,CAAA,QAAAZ,MAAA,CAAAZ,CAAA,MAAAA,CAAA,UAAAe,CAAA,uBAAAA,CAAA,IAAAhB,CAAA,GAAAQ,CAAA,CAAAmB,IAAA,CAAA1B,CAAA,GAAA2B,IAAA,MAAAP,CAAA,CAAAsD,IAAA,CAAA3E,CAAA,CAAA6B,KAAA,GAAAR,CAAA,CAAAG,MAAA,KAAAC,CAAA,GAAAT,CAAA,iBAAAd,CAAA,IAAAI,CAAA,OAAAF,CAAA,GAAAF,CAAA,yBAAAc,CAAA,YAAAf,CAAA,eAAAW,CAAA,GAAAX,CAAA,cAAAY,MAAA,CAAAD,CAAA,MAAAA,CAAA,2BAAAN,CAAA,QAAAF,CAAA,aAAAiB,CAAA;AAAA,SAAA6C,gBAAAhE,CAAA,QAAAkD,KAAA,CAAAE,OAAA,CAAApD,CAAA,UAAAA,CAAA;AAAA,SAAA0E,SAAA,WAAAA,QAAA,GAAA/D,MAAA,CAAAgE,MAAA,GAAAhE,MAAA,CAAAgE,MAAA,CAAAtD,IAAA,eAAAnB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAA6D,SAAA,CAAArC,MAAA,EAAAxB,CAAA,UAAAC,CAAA,GAAA4D,SAAA,CAAA7D,CAAA,YAAAE,CAAA,IAAAD,CAAA,OAAA6E,cAAA,CAAAnD,IAAA,CAAA1B,CAAA,EAAAC,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAE,CAAA,KAAAwE,QAAA,CAAAd,KAAA,OAAAD,SAAA;AAAA,SAAAkB,QAAA/E,CAAA,EAAAE,CAAA,QAAAD,CAAA,GAAAY,MAAA,CAAAmE,IAAA,CAAAhF,CAAA,OAAAa,MAAA,CAAAoE,qBAAA,QAAA3E,CAAA,GAAAO,MAAA,CAAAoE,qBAAA,CAAAjF,CAAA,GAAAE,CAAA,KAAAI,CAAA,GAAAA,CAAA,CAAA4E,MAAA,WAAAhF,CAAA,WAAAW,MAAA,CAAAsE,wBAAA,CAAAnF,CAAA,EAAAE,CAAA,EAAAuC,UAAA,OAAAxC,CAAA,CAAA0E,IAAA,CAAAb,KAAA,CAAA7D,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAAmF,cAAApF,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA2D,SAAA,CAAArC,MAAA,EAAAtB,CAAA,UAAAD,CAAA,WAAA4D,SAAA,CAAA3D,CAAA,IAAA2D,SAAA,CAAA3D,CAAA,QAAAA,CAAA,OAAA6E,OAAA,CAAAlE,MAAA,CAAAZ,CAAA,OAAAoF,OAAA,WAAAnF,CAAA,IAAAoF,eAAA,CAAAtF,CAAA,EAAAE,CAAA,EAAAD,CAAA,CAAAC,CAAA,SAAAW,MAAA,CAAA0E,yBAAA,GAAA1E,MAAA,CAAA2E,gBAAA,CAAAxF,CAAA,EAAAa,MAAA,CAAA0E,yBAAA,CAAAtF,CAAA,KAAA8E,OAAA,CAAAlE,MAAA,CAAAZ,CAAA,GAAAoF,OAAA,WAAAnF,CAAA,IAAAW,MAAA,CAAA0B,cAAA,CAAAvC,CAAA,EAAAE,CAAA,EAAAW,MAAA,CAAAsE,wBAAA,CAAAlF,CAAA,EAAAC,CAAA,iBAAAF,CAAA;AAAA,SAAAsF,gBAAAtF,CAAA,EAAAE,CAAA,EAAAD,CAAA,YAAAC,CAAA,GAAAuF,cAAA,CAAAvF,CAAA,MAAAF,CAAA,GAAAa,MAAA,CAAA0B,cAAA,CAAAvC,CAAA,EAAAE,CAAA,IAAA2B,KAAA,EAAA5B,CAAA,EAAAwC,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAA3C,CAAA,CAAAE,CAAA,IAAAD,CAAA,EAAAD,CAAA;AAAA,SAAAyF,eAAAxF,CAAA,QAAAO,CAAA,GAAAkF,YAAA,CAAAzF,CAAA,gCAAA0F,OAAA,CAAAnF,CAAA,IAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAkF,aAAAzF,CAAA,EAAAC,CAAA,oBAAAyF,OAAA,CAAA1F,CAAA,MAAAA,CAAA,SAAAA,CAAA,MAAAD,CAAA,GAAAC,CAAA,CAAAE,MAAA,CAAAyF,WAAA,kBAAA5F,CAAA,QAAAQ,CAAA,GAAAR,CAAA,CAAA2B,IAAA,CAAA1B,CAAA,EAAAC,CAAA,gCAAAyF,OAAA,CAAAnF,CAAA,UAAAA,CAAA,YAAAkB,SAAA,yEAAAxB,CAAA,GAAA2F,MAAA,GAAAC,MAAA,EAAA7F,CAAA;AAAA,SAAA8F,yBAAA/F,CAAA,EAAAC,CAAA,gBAAAD,CAAA,iBAAAM,CAAA,EAAAJ,CAAA,EAAAM,CAAA,GAAAwF,6BAAA,CAAAhG,CAAA,EAAAC,CAAA,OAAAY,MAAA,CAAAoE,qBAAA,QAAA7E,CAAA,GAAAS,MAAA,CAAAoE,qBAAA,CAAAjF,CAAA,QAAAE,CAAA,MAAAA,CAAA,GAAAE,CAAA,CAAAoB,MAAA,EAAAtB,CAAA,IAAAI,CAAA,GAAAF,CAAA,CAAAF,CAAA,UAAAD,CAAA,CAAAgG,OAAA,CAAA3F,CAAA,QAAA4F,oBAAA,CAAAvE,IAAA,CAAA3B,CAAA,EAAAM,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAN,CAAA,CAAAM,CAAA,aAAAE,CAAA;AAAA,SAAAwF,8BAAA9F,CAAA,EAAAF,CAAA,gBAAAE,CAAA,iBAAAD,CAAA,gBAAAG,CAAA,IAAAF,CAAA,SAAA4E,cAAA,CAAAnD,IAAA,CAAAzB,CAAA,EAAAE,CAAA,gBAAAJ,CAAA,CAAAiG,OAAA,CAAA7F,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAF,CAAA,CAAAE,CAAA,YAAAH,CAAA;AADA,OAAOkG,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,qBAAqB,QAAQ,qBAAqB;AAG3D,IAAMC,UAAU,GAAG,EAAE;AAErB,SAASC,IAAIA,CAAA,EAAG,CAAC;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAGT,KAAK,CAACU,IAAI,eACjCV,KAAK,CAACW,UAAU,CACd,UAAAC,IAAA,EAAgCC,GAAG;EAAA,IAAhCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAApB,wBAAA,CAAAgB,IAAA,EAAAK,SAAA;EAAA,oBAC1BjB,KAAA,CAAAkB,aAAA,QAAAzC,QAAA;IACEoC,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAA7B,aAAA,CAAAA,aAAA,KACA6B,KAAK;MACRK,QAAQ,EAAE,UAAU;MACpBC,GAAG,KAAAC,MAAA,CAAKd,UAAU,OAAI;MACtBe,MAAM,KAAAD,MAAA,CAAKE,UAAU,CAACT,KAAK,CAACQ,MAAM,CAAC,GAAGf,UAAU;IAAI;EACpD,GACES,KAAK,GAERD,QACE,CAAC;AAAA,CAEV,CAAC,EACDd,QACF,CAAC;AAED,IAAMuB,gBAAgB,gBAAGxB,KAAK,CAACU,IAAI,eACjCV,KAAK,CAACW,UAAU,CACd,UAAAc,KAAA,EAAgCZ,GAAG;EAAA,IAAhCC,KAAK,GAAAW,KAAA,CAALX,KAAK;IAAEC,QAAQ,GAAAU,KAAA,CAARV,QAAQ;IAAKC,KAAK,GAAApB,wBAAA,CAAA6B,KAAA,EAAAC,UAAA;EAAA,oBAC1B1B,KAAA,CAAAkB,aAAA,QAAAzC,QAAA;IACEoC,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAA7B,aAAA,CAAAA,aAAA,KACA6B,KAAK;MACRQ,MAAM,KAAAD,MAAA,CAAKE,UAAU,CAACT,KAAK,CAACQ,MAAM,CAAC,GAAGf,UAAU;IAAI;EACpD,GACES,KAAK,GAERD,QACE,CAAC;AAAA,CAEV,CAAC,EACDd,QACF,CAAC;AAED,OAAO,IAAM0B,UAAU,gBAAG3B,KAAK,CAACW,UAAU,CAIxC,UAAAiB,KAAA,EAWEf,GAAG,EACA;EAAA,IAVDgB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,KAAA,CACPM,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,cAAA,GAAAP,KAAA,CACjBQ,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG3B,IAAI,GAAA2B,cAAA;IAAAE,cAAA,GAAAT,KAAA,CACfU,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG;MAAA,OAAM/E,OAAO,CAACC,OAAO,CAAC,CAAC;IAAA,IAAA8E,cAAA;IAC/BrB,KAAK,GAAApB,wBAAA,CAAAgC,KAAA,EAAAW,UAAA;EAIV,IAAAC,qBAAA,GAMInC,oBAAoB,CAAC,CAAC;IALxBoC,aAAa,GAAAD,qBAAA,CAAbC,aAAa;IACbC,QAAQ,GAAAF,qBAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,qBAAA,CAAbG,aAAa;IACHC,cAAc,GAAAJ,qBAAA,CAAxBJ,QAAQ;IACRS,YAAY,GAAAL,qBAAA,CAAZK,YAAY;EAGd,IAAAC,eAAA,GAA0B9C,KAAK,CAAC+C,QAAQ,CAAa,EAAE,CAAC;IAAAC,gBAAA,GAAAlF,cAAA,CAAAgF,eAAA;IAAjDpH,KAAK,GAAAsH,gBAAA;IAAEC,QAAQ,GAAAD,gBAAA;EACtB,IAAAE,gBAAA,GAA0ClD,KAAK,CAAC+C,QAAQ,CAAe,EAAE,CAAC;IAAAI,gBAAA,GAAArF,cAAA,CAAAoF,gBAAA;IAAnEE,aAAa,GAAAD,gBAAA;IAAEE,gBAAgB,GAAAF,gBAAA;EAEtCnD,KAAK,CAACsD,SAAS,CAAC,YAAM;IACpBV,cAAc,CAACf,QAAQ,EAAEnG,KAAK,CAAC;EACjC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEXsE,KAAK,CAACsD,SAAS,CAAC,YAAM;IACpB,IAAMC,UAAU,GAAGb,QAAQ,CAACb,QAAQ,EAAE;MACpCC,KAAK,EAALA,KAAK;MACLC,IAAI,EAAJA;IACF,CAAC,CAAC;IACF,IAAMyB,WAAW,GAAGX,YAAY,CAAC,YAAM;MACrCI,QAAQ,CAAC,EAAE,CAAC;IACd,CAAC,CAAC;IACF,OAAO,YAAM;MACXO,WAAW,CAAC,CAAC;MACbD,UAAU,CAAC,CAAC;IACd,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAME,aAAa,GAAGzD,KAAK,CAAC0D,OAAO,CACjC;IAAA,OAAMhI,KAAK,CAACiI,GAAG,CAAC,UAACC,IAAc;MAAA,OAAKA,IAAI,CAACC,EAAE;IAAA,EAAC;EAAA,GAC5C,CAACnI,KAAK,CACR,CAAC;EAED,IAAMoI,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAiB,EAAK;IACvCd,QAAQ,CAACc,KAAK,CAAC;IACf3B,QAAQ,CAAC2B,KAAK,CAAC;EACjB,CAAC;EAED,IAAMC,SAAS;IAAA,IAAAC,KAAA,GAAAxG,iBAAA,eAAAyG,mBAAA,GAAAC,IAAA,CAAG,SAAAC,QAAOC,IAAc;MAAA,OAAAH,mBAAA,GAAAI,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAjG,IAAA;UAAA;YAAAiG,QAAA,CAAAjG,IAAA;YAAA,OAC/B+D,QAAQ,CAAC+B,IAAI,CAAC;UAAA;YACpBhB,gBAAgB,CAAC,UAACoB,IAAI;cAAA,UAAApD,MAAA,CAAAzE,kBAAA,CAAS6H,IAAI,IAAEJ,IAAI,CAACR,EAAE;YAAA,CAAC,CAAC;UAAA;UAAA;YAAA,OAAAW,QAAA,CAAAE,IAAA;QAAA;MAAA,GAAAN,OAAA;IAAA,CAC/C;IAAA,gBAHKJ,SAASA,CAAAW,EAAA;MAAA,OAAAV,KAAA,CAAAtG,KAAA,OAAAD,SAAA;IAAA;EAAA,GAGd;EAED,IAAMkH,WAAW,GAAG,SAAdA,WAAWA,CAAIP,IAAc,EAAK;IACtChB,gBAAgB,CAAC,UAACoB,IAAI;MAAA,OAAKA,IAAI,CAAC1F,MAAM,CAAC,UAAC8F,MAAM;QAAA,OAAKA,MAAM,KAAKR,IAAI,CAACR,EAAE;MAAA,EAAC;IAAA,EAAC;EACzE,CAAC;EAED,IAAAiB,gBAAA,GAA0C9E,KAAK,CAAC+C,QAAQ,CAAC;MACvDgC,KAAK,EAAE,CAAC;MACRzD,MAAM,EAAE;IACV,CAAC,CAAC;IAAA0D,gBAAA,GAAAlH,cAAA,CAAAgH,gBAAA;IAHKG,aAAa,GAAAD,gBAAA;IAAEE,gBAAgB,GAAAF,gBAAA;EAKtC,IAAMG,qBAAqB,GAAGnF,KAAK,CAACoF,WAAW,CAC7C,UAACC,OAA8B,EAAK;IAClC,IAAIA,OAAO,CAAC,CAAC,CAAC,EAAE;MACd,IAAAC,iBAAA,GAAqDD,OAAO,CAAC,CAAC,CAAC,CAACE,MAAM;QAAhDjE,MAAM,GAAAgE,iBAAA,CAApBE,YAAY;QAAuBT,KAAK,GAAAO,iBAAA,CAAlBG,WAAW;MACzCP,gBAAgB,CAAC;QAAEH,KAAK,EAALA,KAAK;QAAEzD,MAAM,EAANA;MAAO,CAAC,CAAC;IACrC;EACF,CAAC,EACD,CAAC4D,gBAAgB,CACnB,CAAC;EAED,IAAMQ,uBAAuB,GAAGtF,iBAAiB,CAAC+E,qBAAqB,CAAC;EAExEnF,KAAK,CAAC2F,mBAAmB,CAAC9E,GAAG,EAAE;IAAA,OAAO;MACpCwC,gBAAgB,EAAhBA,gBAAgB;MAChBJ,QAAQ,EAARA;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAIN,aAAa,KAAKd,QAAQ,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,OAAO,CAACK,SAAS,gBACflC,KAAA,CAAAkB,aAAA,CAACf,IAAI,EAAA1B,QAAA,KACCuC,KAAK;IACTH,GAAG,EAAE,SAALA,GAAGA,CAAG+E,QAAQ,EAAK;MACjB,IAAIA,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEC,MAAM,EAAE;QACpBH,uBAAuB,CAACE,QAAQ,CAACC,MAAM,CAAC;MAC1C;IACF,CAAE;IACF7D,OAAO,EAAEA,OAAQ;IACjB8D,QAAQ,EAAEhC,SAAU;IACpBxB,QAAQ,EAAE0B,SAAU;IACpB+B,UAAU,EAAEnB,WAAY;IACxBoB,QAAQ,EAAE5C,aAAc;IACxB6C,QAAQ,EAAExC,aAAc;IACxByC,cAAc,EAAEzD,aAAa,GAAG/G,KAAK,CAACL,MAAO;IAC7C8K,aAAa,EAAElB,aAAa,CAAC3D,MAAM,GAAGf,UAAW;IACjDE,gBAAgB,EAAEA,gBAAiB;IACnCe,gBAAgB,EAAEA,gBAAiB;IACnC4E,gBAAgB,EAAE;EAAM,EACzB,CAAC,gBAEFpG,KAAA,CAAAkB,aAAA,CAACZ,qBAAqB,qBACpBN,KAAA,CAAAkB,aAAA,CAAChB,OAAO,MAAE,CACW,CACxB;AACH,CACF,CAAC"}
+{"version":3,"file":"TreeSource.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","enumerable","configurable","writable","_invoke","_OverloadYield","k","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","Array","from","isArray","_arrayLikeToArray","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","toString","slice","constructor","name","test","next","push","_extends","assign","hasOwnProperty","ownKeys","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","_toPrimitive","_typeof","toPrimitive","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","React","areEqual","Spinner","Tree","useResizeObserver","useFileSelectContext","StyledFileTreeSpinner","topPadding","noop","innerElementType","memo","forwardRef","_ref","ref","style","children","props","_excluded","createElement","position","top","concat","height","parseFloat","outerElementType","_ref2","_excluded2","TreeSource","_ref3","sourceId","title","icon","options","_ref3$isLoading","isLoading","_ref3$onChange","onChange","_ref3$onExpand","onExpand","_excluded3","_useFileSelectContext","maxFileNumber","register","currentSource","onSourceChange","onResetValue","_React$useState","useState","_React$useState2","setValue","_React$useState3","_React$useState4","expandedItems","setExpandedNodes","useEffect","unregister","unsubscribe","selectedFiles","useMemo","map","item","id","_onChange","files","_onExpand","_ref4","_regeneratorRuntime","mark","_callee","node","wrap","_callee$","_context","prev","stop","_x","_onCollapse","nodeId","_React$useState5","width","_React$useState6","containerSize","setContainerSize","handleContainerResize","useCallback","entries","_entries$0$target","target","clientHeight","clientWidth","setResizeObserverTarget","useImperativeHandle","instance","rootEl","onSelect","onCollapse","expanded","selected","selectionLimit","visibleHeight","autoExpandParent"],"sources":["../../../src/FileSelect/TreeSource/TreeSource.tsx"],"sourcesContent":["import React from 'react'\nimport { areEqual } from 'react-window'\nimport { Spinner } from '../../Spinner/Spinner'\nimport { Tree } from '../../Tree/Tree'\nimport type { Node as TreeNode, TreeNodeId } from '../../Tree/Tree.types'\nimport { useResizeObserver } from '../../_hooks/ResizeObserver'\nimport { useFileSelectContext } from '../FileSelect'\nimport { StyledFileTreeSpinner } from './TreeSource.styles'\nimport type { FileTreeProps, TreeSourceRef } from './TreeSource.types'\n\nconst topPadding = 24\n\nfunction noop() {}\n\n/**\n * `innerElementType` and `outerElementType` elements are needed to create top padding.\n * Be aware that because of virtualization, it is not a trivial task.\n * 1. First of all, we pass height to the `Tree` component without padding, it is needed for correct work of keyboard navigation.\n * 2. Then we counterbalance height in outerElementType component (by adding padding to the height).\n * 3. The last step - make padding using the shift of a relatively positioned element.\n */\nconst innerElementType = React.memo(\n  React.forwardRef<HTMLDivElement, any>(\n    ({ style, children, ...props }, ref) => (\n      <div\n        ref={ref}\n        style={{\n          ...style,\n          position: 'relative',\n          top: `${topPadding}px`,\n          height: `${parseFloat(style.height) - topPadding}px`,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  ),\n  areEqual\n)\n\nconst outerElementType = React.memo(\n  React.forwardRef<HTMLDivElement, any>(\n    ({ style, children, ...props }, ref) => (\n      <div\n        ref={ref}\n        style={{\n          ...style,\n          height: `${parseFloat(style.height) + topPadding}px`,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  ),\n  areEqual\n)\n\nexport const TreeSource = React.forwardRef<\n  TreeSourceRef,\n  FileTreeProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>\n>(\n  (\n    {\n      sourceId,\n      title,\n      icon,\n      options,\n      isLoading = false,\n      onChange = noop,\n      onExpand = () => Promise.resolve(),\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      maxFileNumber,\n      register,\n      currentSource,\n      onChange: onSourceChange,\n      onResetValue,\n    } = useFileSelectContext()\n\n    const [value, setValue] = React.useState<TreeNode[]>([])\n    const [expandedItems, setExpandedNodes] = React.useState<TreeNodeId[]>([])\n\n    React.useEffect(() => {\n      onSourceChange(sourceId, value)\n    }, [value])\n\n    React.useEffect(() => {\n      const unregister = register(sourceId, {\n        title,\n        icon,\n      })\n      const unsubscribe = onResetValue(() => {\n        setValue([])\n      })\n      return () => {\n        unsubscribe()\n        unregister()\n      }\n    }, [])\n\n    const selectedFiles = React.useMemo(\n      () => value.map((item: TreeNode) => item.id),\n      [value]\n    )\n\n    const _onChange = (files: TreeNode[]) => {\n      setValue(files)\n      onChange(files)\n    }\n\n    const _onExpand = async (node: TreeNode) => {\n      await onExpand(node)\n      setExpandedNodes((prev) => [...prev, node.id])\n    }\n\n    const _onCollapse = (node: TreeNode) => {\n      setExpandedNodes((prev) => prev.filter((nodeId) => nodeId !== node.id))\n    }\n\n    const [containerSize, setContainerSize] = React.useState({\n      width: 0,\n      height: 0,\n    })\n\n    const handleContainerResize = React.useCallback(\n      (entries: ResizeObserverEntry[]) => {\n        if (entries[0]) {\n          const { clientHeight: height, clientWidth: width } = entries[0].target\n          setContainerSize({ width, height })\n        }\n      },\n      [setContainerSize]\n    )\n\n    const setResizeObserverTarget = useResizeObserver(handleContainerResize)\n\n    React.useImperativeHandle(ref, () => ({\n      setExpandedNodes,\n      setValue,\n    }))\n\n    if (currentSource !== sourceId) {\n      return null\n    }\n\n    return !isLoading ? (\n      <Tree\n        {...props}\n        ref={(instance) => {\n          if (instance?.rootEl) {\n            setResizeObserverTarget(instance.rootEl)\n          }\n        }}\n        options={options}\n        onSelect={_onChange}\n        onExpand={_onExpand}\n        onCollapse={_onCollapse}\n        expanded={expandedItems}\n        selected={selectedFiles}\n        selectionLimit={maxFileNumber + value.length}\n        visibleHeight={containerSize.height - topPadding}\n        innerElementType={innerElementType}\n        outerElementType={outerElementType}\n        autoExpandParent={false}\n      />\n    ) : (\n      <StyledFileTreeSpinner>\n        <Spinner />\n      </StyledFileTreeSpinner>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/FileSelect/TreeSource/TreeSource.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_25_1__sc-wwu3n8-0"
+  componentId: "core-12_25_2__sc-wwu3n8-0"
 })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
 //# sourceMappingURL=TreeSource.styles.js.map

package/dist/FileToken/FileToken.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { FileTokenProps } from './FileToken.types';
 /**
  * @deprecatedSince 11
  * @deprecated Intended for internal library development.
  */
-export declare const FileToken: React.ForwardRefExoticComponent<FileTokenProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+export declare const FileToken: React.ForwardRefExoticComponent<FileTokenProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/FileToken/FileToken.js

@@ -13,11 +13,11 @@ import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
 import { Loader } from '../Loader/Loader';
 import { loaderTransitionDuration } from '../Loader/Loader.styles';
-import { Token } from '../Token/Token';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { useI18nContext } from '../_hooks/I18n';
-import { parseFilename } from '../_utils/filename';
-import { pulseAnimationDuration, StyledExtension, StyledFilename, StyledFilenameShortcut, StyledFileToken } from './FileToken.styles';
+import { pulseAnimationDuration, StyledFileToken } from './FileToken.styles';
+import { FileTokenInner } from './FileTokenInner';
+
 /**
  * @deprecatedSince 11
  * @deprecated Intended for internal library development.
@@ -44,12 +44,7 @@ export var FileToken = /*#__PURE__*/React.forwardRef(function FileToken(_ref, re
     isFinalized = _React$useState4[0],
     setFinalized = _React$useState4[1];
   var didMountRef = React.useRef(false);
-  var _parseFilename = parseFilename(fileName),
-    filename = _parseFilename.filename,
-    extension = _parseFilename.extension,
-    isFilename = _parseFilename.isFilename;
   var progressBarLabelId = useId();
-  var name = isFilename ? "".concat(filename, ".") : fileName;
   React.useEffect(function () {
     var timerId = isProgressValueComplete ? window.setTimeout(function () {
       setProgressComplete(true);
@@ -74,12 +69,16 @@ export var FileToken = /*#__PURE__*/React.forwardRef(function FileToken(_ref, re
       timerId && clearTimeout(timerId);
     };
   }, [isProgressComplete]);
-  var token = /*#__PURE__*/React.createElement(Token, null, /*#__PURE__*/React.createElement(Token.Label, {
-    onClick: onLabelClick
-  }, /*#__PURE__*/React.createElement(StyledFilenameShortcut, null, /*#__PURE__*/React.createElement(StyledFilename, null, name), /*#__PURE__*/React.createElement(StyledExtension, null, extension))), /*#__PURE__*/React.createElement(Token.Remove, {
-    onClick: onClose,
-    "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton
-  }));
+  var renderToken = function renderToken() {
+    var includeInTabOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return /*#__PURE__*/React.createElement(FileTokenInner, {
+      fullFilename: fileName,
+      includeInTabOrder: includeInTabOrder,
+      onClick: onLabelClick,
+      onClose: onClose,
+      qaCloseBtn: qa === null || qa === void 0 ? void 0 : qa.closeButton
+    });
+  };
 
   // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally
   if (isError) {
@@ -91,21 +90,21 @@ export var FileToken = /*#__PURE__*/React.forwardRef(function FileToken(_ref, re
       $error: isError,
       $finalized: isFinalized,
       $progressComplete: isProgressComplete
-    }), token, /*#__PURE__*/React.createElement(Loader, {
+    }), renderToken(true), /*#__PURE__*/React.createElement(Loader, {
       value: progressValue,
       animated: true
-    }, token)));
+    }, renderToken())));
   }
   return /*#__PURE__*/React.createElement(StyledFileToken, _extends({}, props, {
     $error: isError,
     $finalized: isFinalized,
     $progressComplete: isProgressComplete,
     ref: ref
-  }), token, /*#__PURE__*/React.createElement(Loader, {
+  }), renderToken(true), /*#__PURE__*/React.createElement(Loader, {
     value: progressValue,
     animated: true,
     "aria-hidden": true
-  }, token), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("span", {
+  }, renderToken()), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("span", {
     id: progressBarLabelId
   }, i18n.t('core.fileToken.uploading')), /*#__PURE__*/React.createElement("div", {
     "aria-labelledby": progressBarLabelId,

package/dist/FileToken/FileToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.js","names":["useId","VisuallyHidden","React","Loader","loaderTransitionDuration","Token","Tooltip","useI18nContext","parseFilename","pulseAnimationDuration","StyledExtension","StyledFilename","StyledFilenameShortcut","StyledFileToken","FileToken","forwardRef","_ref","ref","fileName","_ref$progressValue","progressValue","_ref$errorMessage","errorMessage","onLabelClick","onClose","qa","props","_objectWithoutProperties","_excluded","i18n","isError","Boolean","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isProgressComplete","setProgressComplete","_React$useState3","_React$useState4","isFinalized","setFinalized","didMountRef","useRef","_parseFilename","filename","extension","isFilename","progressBarLabelId","name","concat","useEffect","timerId","window","setTimeout","clearTimeout","current","token","createElement","Label","onClick","Remove","closeButton","trigger","overlay","_extends","$error","$finalized","$progressComplete","value","animated","id","t","role","displayName"],"sources":["../../src/FileToken/FileToken.tsx"],"sourcesContent":["import { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Loader } from '../Loader/Loader'\nimport { loaderTransitionDuration } from '../Loader/Loader.styles'\nimport { Token } from '../Token/Token'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { parseFilename } from '../_utils/filename'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  pulseAnimationDuration,\n  StyledExtension,\n  StyledFilename,\n  StyledFilenameShortcut,\n  StyledFileToken,\n} from './FileToken.styles'\nimport type { FileTokenProps } from './FileToken.types'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const FileToken = React.forwardRef<\n  HTMLDivElement,\n  FileTokenProps & DivAttributes\n>(function FileToken(\n  {\n    fileName,\n    progressValue = 0,\n    errorMessage = '',\n    onLabelClick,\n    onClose,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n  const isError = Boolean(errorMessage)\n\n  const isProgressValueComplete = !isError && progressValue >= 100\n\n  const [isProgressComplete, setProgressComplete] = React.useState(\n    isProgressValueComplete\n  )\n\n  const [isFinalized, setFinalized] = React.useState(false)\n\n  const didMountRef = React.useRef(false)\n\n  const { filename, extension, isFilename } = parseFilename(fileName)\n\n  const progressBarLabelId = useId()\n  const name = isFilename ? `${filename}.` : fileName\n\n  React.useEffect(() => {\n    const timerId: number | null = isProgressValueComplete\n      ? window.setTimeout(() => {\n          setProgressComplete(true)\n        }, loaderTransitionDuration)\n      : null\n\n    if (!isProgressValueComplete) {\n      setProgressComplete(false)\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressValueComplete])\n\n  React.useEffect(() => {\n    const isFinalized = didMountRef.current && isProgressComplete\n    const timerId: number | null = isFinalized\n      ? window.setTimeout(() => {\n          setFinalized(false)\n        }, pulseAnimationDuration)\n      : null\n\n    setFinalized(didMountRef.current && isProgressComplete)\n\n    if (!didMountRef.current) {\n      didMountRef.current = true\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressComplete])\n\n  const token = (\n    <Token>\n      <Token.Label onClick={onLabelClick}>\n        <StyledFilenameShortcut>\n          <StyledFilename>{name}</StyledFilename>\n          <StyledExtension>{extension}</StyledExtension>\n        </StyledFilenameShortcut>\n      </Token.Label>\n      <Token.Remove onClick={onClose} data-qa={qa?.closeButton} />\n    </Token>\n  )\n\n  // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally\n  if (isError) {\n    return (\n      <Tooltip ref={ref} trigger=\"hover\" overlay={errorMessage}>\n        <StyledFileToken\n          {...props}\n          $error={isError}\n          $finalized={isFinalized}\n          $progressComplete={isProgressComplete}\n        >\n          {token}\n          <Loader value={progressValue} animated>\n            {token}\n          </Loader>\n        </StyledFileToken>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <StyledFileToken\n      {...props}\n      $error={isError}\n      $finalized={isFinalized}\n      $progressComplete={isProgressComplete}\n      ref={ref}\n    >\n      {token}\n      <Loader value={progressValue} animated aria-hidden>\n        {token}\n      </Loader>\n      <VisuallyHidden>\n        <span id={progressBarLabelId}>\n          {i18n.t('core.fileToken.uploading')}\n        </span>\n        <div\n          aria-labelledby={progressBarLabelId}\n          role=\"progressbar\"\n          aria-valuenow={progressValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuetext={`${progressValue}%`}\n        />\n      </VisuallyHidden>\n    </StyledFileToken>\n  )\n})\n\nFileToken.displayName = 'FileToken'\n"],"mappings":"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"}
+{"version":3,"file":"FileToken.js","names":["useId","VisuallyHidden","React","Loader","loaderTransitionDuration","Tooltip","useI18nContext","pulseAnimationDuration","StyledFileToken","FileTokenInner","FileToken","forwardRef","_ref","ref","fileName","_ref$progressValue","progressValue","_ref$errorMessage","errorMessage","onLabelClick","onClose","qa","props","_objectWithoutProperties","_excluded","i18n","isError","Boolean","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isProgressComplete","setProgressComplete","_React$useState3","_React$useState4","isFinalized","setFinalized","didMountRef","useRef","progressBarLabelId","useEffect","timerId","window","setTimeout","clearTimeout","current","renderToken","includeInTabOrder","arguments","length","undefined","createElement","fullFilename","onClick","qaCloseBtn","closeButton","trigger","overlay","_extends","$error","$finalized","$progressComplete","value","animated","id","t","role","concat","displayName"],"sources":["../../src/FileToken/FileToken.tsx"],"sourcesContent":["import { useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Loader } from '../Loader/Loader'\nimport { loaderTransitionDuration } from '../Loader/Loader.styles'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { pulseAnimationDuration, StyledFileToken } from './FileToken.styles'\nimport type { FileTokenProps } from './FileToken.types'\nimport { FileTokenInner } from './FileTokenInner'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const FileToken = React.forwardRef<\n  HTMLDivElement,\n  FileTokenProps & React.HTMLAttributes<HTMLDivElement>\n>(function FileToken(\n  {\n    fileName,\n    progressValue = 0,\n    errorMessage = '',\n    onLabelClick,\n    onClose,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n  const isError = Boolean(errorMessage)\n\n  const isProgressValueComplete = !isError && progressValue >= 100\n\n  const [isProgressComplete, setProgressComplete] = React.useState(\n    isProgressValueComplete\n  )\n\n  const [isFinalized, setFinalized] = React.useState(false)\n\n  const didMountRef = React.useRef(false)\n\n  const progressBarLabelId = useId()\n\n  React.useEffect(() => {\n    const timerId: number | null = isProgressValueComplete\n      ? window.setTimeout(() => {\n          setProgressComplete(true)\n        }, loaderTransitionDuration)\n      : null\n\n    if (!isProgressValueComplete) {\n      setProgressComplete(false)\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressValueComplete])\n\n  React.useEffect(() => {\n    const isFinalized = didMountRef.current && isProgressComplete\n    const timerId: number | null = isFinalized\n      ? window.setTimeout(() => {\n          setFinalized(false)\n        }, pulseAnimationDuration)\n      : null\n\n    setFinalized(didMountRef.current && isProgressComplete)\n\n    if (!didMountRef.current) {\n      didMountRef.current = true\n    }\n\n    return () => {\n      timerId && clearTimeout(timerId)\n    }\n  }, [isProgressComplete])\n\n  const renderToken = (includeInTabOrder = false) => (\n    <FileTokenInner\n      fullFilename={fileName}\n      includeInTabOrder={includeInTabOrder}\n      onClick={onLabelClick}\n      onClose={onClose}\n      qaCloseBtn={qa?.closeButton}\n    />\n  )\n\n  // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally\n  if (isError) {\n    return (\n      <Tooltip ref={ref} trigger=\"hover\" overlay={errorMessage}>\n        <StyledFileToken\n          {...props}\n          $error={isError}\n          $finalized={isFinalized}\n          $progressComplete={isProgressComplete}\n        >\n          {renderToken(true)}\n          <Loader value={progressValue} animated>\n            {renderToken()}\n          </Loader>\n        </StyledFileToken>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <StyledFileToken\n      {...props}\n      $error={isError}\n      $finalized={isFinalized}\n      $progressComplete={isProgressComplete}\n      ref={ref}\n    >\n      {renderToken(true)}\n      <Loader value={progressValue} animated aria-hidden>\n        {renderToken()}\n      </Loader>\n      <VisuallyHidden>\n        <span id={progressBarLabelId}>\n          {i18n.t('core.fileToken.uploading')}\n        </span>\n        <div\n          aria-labelledby={progressBarLabelId}\n          role=\"progressbar\"\n          aria-valuenow={progressValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuetext={`${progressValue}%`}\n        />\n      </VisuallyHidden>\n    </StyledFileToken>\n  )\n})\n\nFileToken.displayName = 'FileToken'\n"],"mappings":"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"}

package/dist/FileToken/FileToken.styles.js

@@ -1,35 +1,35 @@
 import styled, { css, keyframes } from 'styled-components';
 import { StyledLoader } from '../Loader/Loader.styles';
-import { StyledLabel, StyledToken } from '../Token/Token.styles';
+import { StyledLabel, StyledRemove, StyledToken } from '../Token/Token.styles';
 import { colors } from '../_styles/colors';
 export var pulseAnimationDuration = 600;
 var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
 export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilenameShortcut",
-  componentId: "core-12_25_1__sc-13jx4bx-0"
+  componentId: "core-12_25_2__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_25_1__sc-13jx4bx-1"
+  componentId: "core-12_25_2__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_25_1__sc-13jx4bx-2"
+  componentId: "core-12_25_2__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_25_1__sc-13jx4bx-3"
-})(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
+  componentId: "core-12_25_2__sc-13jx4bx-3"
+})(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;", "{color:", ";}}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
   var $progressComplete = _ref.$progressComplete;
   return $progressComplete && css(["background-color:", ";"], colors.blue45);
-}, StyledToken, colors.blue40, StyledLoader, StyledToken, colors.white, StyledLabel, function (_ref2) {
+}, StyledToken, colors.blue40, StyledRemove, colors.blue40, StyledLoader, StyledToken, colors.white, StyledLabel, function (_ref2) {
   var $error = _ref2.$error,
     $finalized = _ref2.$finalized,
     $progressComplete = _ref2.$progressComplete;
   if ($error) {
-    return css(["background-color:", ";&:focus{background-color:", ";}", "{color:", ";}", "{display:none;}"], colors.red50, colors.red50, StyledToken, colors.white, StyledLoader);
+    return css(["background-color:", ";&:focus{background-color:", ";}", "{color:", ";", "{color:", ";&.focus,&:focus,&.hover,&:hover{color:", ";}}}", "{display:none;}"], colors.red50, colors.red50, StyledToken, colors.white, StyledRemove, colors.white, colors.blue40, StyledLoader);
   } else if ($finalized || $progressComplete) {
-    return css(["", ";", "{opacity:0;pointer-events:none;}", "{background-color:", ";color:", ";&:hover,&:focus{background-color:", ";}}&.hover,&.focus{", "{background-color:", ";}}"], $finalized && css(["animation-delay:0;animation-duration:", "ms;animation-name:", ";animation-timing-function:ease-out;"], pulseAnimationDuration, focusPulse), StyledLoader, StyledToken, colors.blue50, colors.white, colors.blue45, StyledToken, colors.blue45);
+    return css(["", ";", "{opacity:0;pointer-events:none;}", "{background-color:", ";color:", ";&:hover,&:focus{background-color:", ";}", "{color:", ";&.focus,&:focus,&.hover,&:hover{color:", ";}}}&.hover,&.focus{", "{background-color:", ";}}"], $finalized && css(["animation-delay:0;animation-duration:", "ms;animation-name:", ";animation-timing-function:ease-out;"], pulseAnimationDuration, focusPulse), StyledLoader, StyledToken, colors.blue50, colors.white, colors.blue45, StyledRemove, colors.white, colors.blue40, StyledToken, colors.blue45);
   }
   return css([""]);
 });

package/dist/FileToken/FileToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledToken","colors","pulseAnimationDuration","focusPulse","blue60","blue90","blue94","StyledFilenameShortcut","div","withConfig","displayName","componentId","StyledFilename","span","StyledExtension","StyledFileToken","gray96","blue40","_ref","$progressComplete","blue45","white","_ref2","$error","$finalized","red50","blue50"],"sources":["../../src/FileToken/FileToken.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledLoader } from '../Loader/Loader.styles'\nimport { StyledLabel, StyledToken } from '../Token/Token.styles'\nimport { colors } from '../_styles/colors'\n\nexport const pulseAnimationDuration = 600\n\nconst focusPulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  25% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  50% {\n    box-shadow: 0 0 0 1px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 2px ${colors.blue94};\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 6px ${colors.blue94};\n  }\n`\n\nexport const StyledFilenameShortcut = styled.div`\n  display: flex;\n`\n\nexport const StyledFilename = styled.span`\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const StyledExtension = styled.span`\n  flex-shrink: 0;\n`\n\nexport const StyledFileToken = styled.div<{\n  $error?: boolean\n  $finalized?: boolean\n  $progressComplete?: boolean\n}>`\n  background-color: ${colors.gray96};\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    ${StyledToken} {\n      border-color: transparent;\n\n      ${({ $progressComplete }) =>\n        $progressComplete &&\n        css`\n          background-color: ${colors.blue45};\n        `}\n    }\n  }\n\n  ${StyledToken} {\n    background: none;\n    color: ${colors.blue40};\n    display: flex;\n    user-select: none;\n  }\n\n  ${StyledLoader} {\n    overflow: hidden;\n\n    ${StyledToken} {\n      border-radius: 200px 0 0 200px;\n      color: ${colors.white};\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ${StyledLabel} {\n        flex: 0 0 auto;\n      }\n    }\n  }\n\n  ${({ $error, $finalized, $progressComplete }) => {\n    if ($error) {\n      return css`\n        background-color: ${colors.red50};\n\n        &:focus {\n          background-color: ${colors.red50};\n        }\n\n        ${StyledToken} {\n          color: ${colors.white};\n        }\n\n        ${StyledLoader} {\n          display: none;\n        }\n      `\n    } else if ($finalized || $progressComplete) {\n      return css`\n        ${$finalized &&\n        css`\n          animation-delay: 0;\n          animation-duration: ${pulseAnimationDuration}ms;\n          animation-name: ${focusPulse};\n          animation-timing-function: ease-out;\n        `};\n\n        ${StyledLoader} {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ${StyledToken} {\n          background-color: ${colors.blue50};\n          color: ${colors.white};\n\n          &:hover,\n          &:focus {\n            background-color: ${colors.blue45};\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ${StyledToken} {\n            background-color: ${colors.blue45};\n          }\n        }\n      `\n    }\n\n    return css``\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,EAAEC,WAAW,QAAQ,uBAAuB;AAChE,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,sBAAsB,GAAG,GAAG;AAEzC,IAAMC,UAAU,gBAAGN,SAAS,iPAEFI,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAGjEL,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAG/DL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAGnEL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,CAElG;AAED,OAAO,IAAMC,sBAAsB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE/C;AAED,OAAO,IAAMC,cAAc,gBAAGjB,MAAM,CAACkB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAIxC;AAED,OAAO,IAAMG,eAAe,gBAAGnB,MAAM,CAACkB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEzC;AAED,OAAO,IAAMI,eAAe,gBAAGpB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+bAKnBV,MAAM,CAACe,MAAM,EASPf,MAAM,CAACgB,MAAM,EAGnCjB,WAAW,EAGT,UAAAkB,IAAA;EAAA,IAAGC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,OACpBA,iBAAiB,IACjBvB,GAAG,6BACmBK,MAAM,CAACmB,MAAM,CAClC;AAAA,GAILpB,WAAW,EAEFC,MAAM,CAACgB,MAAM,EAKtBnB,YAAY,EAGVE,WAAW,EAEFC,MAAM,CAACoB,KAAK,EAKnBtB,WAAW,EAMf,UAAAuB,KAAA,EAA+C;EAAA,IAA5CC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAEL,iBAAiB,GAAAG,KAAA,CAAjBH,iBAAiB;EACxC,IAAII,MAAM,EAAE;IACV,OAAO3B,GAAG,gGACYK,MAAM,CAACwB,KAAK,EAGVxB,MAAM,CAACwB,KAAK,EAGhCzB,WAAW,EACFC,MAAM,CAACoB,KAAK,EAGrBvB,YAAY;EAIlB,CAAC,MAAM,IAAI0B,UAAU,IAAIL,iBAAiB,EAAE;IAC1C,OAAOvB,GAAG,2KACN4B,UAAU,IACZ5B,GAAG,0GAEqBM,sBAAsB,EAC1BC,UAAU,CAE7B,EAECL,YAAY,EAKZE,WAAW,EACSC,MAAM,CAACyB,MAAM,EACxBzB,MAAM,CAACoB,KAAK,EAICpB,MAAM,CAACmB,MAAM,EAMjCpB,WAAW,EACSC,MAAM,CAACmB,MAAM;EAIzC;EAEA,OAAOxB,GAAG;AACZ,CAAC,CACF"}
+{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledRemove","StyledToken","colors","pulseAnimationDuration","focusPulse","blue60","blue90","blue94","StyledFilenameShortcut","div","withConfig","displayName","componentId","StyledFilename","span","StyledExtension","StyledFileToken","gray96","blue40","_ref","$progressComplete","blue45","white","_ref2","$error","$finalized","red50","blue50"],"sources":["../../src/FileToken/FileToken.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledLoader } from '../Loader/Loader.styles'\nimport { StyledLabel, StyledRemove, StyledToken } from '../Token/Token.styles'\nimport { colors } from '../_styles/colors'\n\nexport const pulseAnimationDuration = 600\n\nconst focusPulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  25% {\n    box-shadow: 0 0 0 0 ${colors.blue60}, 0 0 0 0 ${colors.blue90}, 0 0 0 0 ${colors.blue94};\n  }\n  50% {\n    box-shadow: 0 0 0 1px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 2px ${colors.blue94};\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ${colors.blue60}, 0 0 0 3px ${colors.blue90}, 0 0 0 6px ${colors.blue94};\n  }\n`\n\nexport const StyledFilenameShortcut = styled.div`\n  display: flex;\n`\n\nexport const StyledFilename = styled.span`\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const StyledExtension = styled.span`\n  flex-shrink: 0;\n`\n\nexport const StyledFileToken = styled.div<{\n  $error?: boolean\n  $finalized?: boolean\n  $progressComplete?: boolean\n}>`\n  background-color: ${colors.gray96};\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ${colors.blue40};\n    outline: none;\n\n    ${StyledToken} {\n      border-color: transparent;\n\n      ${({ $progressComplete }) =>\n        $progressComplete &&\n        css`\n          background-color: ${colors.blue45};\n        `}\n    }\n  }\n\n  ${StyledToken} {\n    background: none;\n    color: ${colors.blue40};\n    display: flex;\n    user-select: none;\n\n    ${StyledRemove} {\n      color: ${colors.blue40};\n    }\n  }\n\n  ${StyledLoader} {\n    overflow: hidden;\n\n    ${StyledToken} {\n      border-radius: 200px 0 0 200px;\n      color: ${colors.white};\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ${StyledLabel} {\n        flex: 0 0 auto;\n      }\n    }\n  }\n\n  ${({ $error, $finalized, $progressComplete }) => {\n    if ($error) {\n      return css`\n        background-color: ${colors.red50};\n\n        &:focus {\n          background-color: ${colors.red50};\n        }\n\n        ${StyledToken} {\n          color: ${colors.white};\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        ${StyledLoader} {\n          display: none;\n        }\n      `\n    } else if ($finalized || $progressComplete) {\n      return css`\n        ${$finalized &&\n        css`\n          animation-delay: 0;\n          animation-duration: ${pulseAnimationDuration}ms;\n          animation-name: ${focusPulse};\n          animation-timing-function: ease-out;\n        `};\n\n        ${StyledLoader} {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ${StyledToken} {\n          background-color: ${colors.blue50};\n          color: ${colors.white};\n\n          &:hover,\n          &:focus {\n            background-color: ${colors.blue45};\n          }\n\n          ${StyledRemove} {\n            color: ${colors.white};\n\n            &.focus,\n            &:focus,\n            &.hover,\n            &:hover {\n              color: ${colors.blue40};\n            }\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ${StyledToken} {\n            background-color: ${colors.blue45};\n          }\n        }\n      `\n    }\n\n    return css``\n  }}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,uBAAuB;AAC9E,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,sBAAsB,GAAG,GAAG;AAEzC,IAAMC,UAAU,gBAAGP,SAAS,iPAEFK,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAGjEL,MAAM,CAACG,MAAM,EAAaH,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAG/DL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAGnEL,MAAM,CAACG,MAAM,EAAeH,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,CAElG;AAED,OAAO,IAAMC,sBAAsB,gBAAGb,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE/C;AAED,OAAO,IAAMC,cAAc,gBAAGlB,MAAM,CAACmB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAIxC;AAED,OAAO,IAAMG,eAAe,gBAAGpB,MAAM,CAACmB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEzC;AAED,OAAO,IAAMI,eAAe,gBAAGrB,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gdAKnBV,MAAM,CAACe,MAAM,EASPf,MAAM,CAACgB,MAAM,EAGnCjB,WAAW,EAGT,UAAAkB,IAAA;EAAA,IAAGC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,OACpBA,iBAAiB,IACjBxB,GAAG,6BACmBM,MAAM,CAACmB,MAAM,CAClC;AAAA,GAILpB,WAAW,EAEFC,MAAM,CAACgB,MAAM,EAIpBlB,YAAY,EACHE,MAAM,CAACgB,MAAM,EAIxBpB,YAAY,EAGVG,WAAW,EAEFC,MAAM,CAACoB,KAAK,EAKnBvB,WAAW,EAMf,UAAAwB,KAAA,EAA+C;EAAA,IAA5CC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAEL,iBAAiB,GAAAG,KAAA,CAAjBH,iBAAiB;EACxC,IAAII,MAAM,EAAE;IACV,OAAO5B,GAAG,6JACYM,MAAM,CAACwB,KAAK,EAGVxB,MAAM,CAACwB,KAAK,EAGhCzB,WAAW,EACFC,MAAM,CAACoB,KAAK,EAEnBtB,YAAY,EACHE,MAAM,CAACoB,KAAK,EAMVpB,MAAM,CAACgB,MAAM,EAK1BpB,YAAY;EAIlB,CAAC,MAAM,IAAI2B,UAAU,IAAIL,iBAAiB,EAAE;IAC1C,OAAOxB,GAAG,wOACN6B,UAAU,IACZ7B,GAAG,0GAEqBO,sBAAsB,EAC1BC,UAAU,CAE7B,EAECN,YAAY,EAKZG,WAAW,EACSC,MAAM,CAACyB,MAAM,EACxBzB,MAAM,CAACoB,KAAK,EAICpB,MAAM,CAACmB,MAAM,EAGjCrB,YAAY,EACHE,MAAM,CAACoB,KAAK,EAMVpB,MAAM,CAACgB,MAAM,EAOxBjB,WAAW,EACSC,MAAM,CAACmB,MAAM;EAIzC;EAEA,OAAOzB,GAAG;AACZ,CAAC,CACF"}

package/dist/FileToken/FileToken.types.d.ts

@@ -31,4 +31,26 @@ export interface FileTokenProps extends Props {
      */
     qa?: QaTags;
 }
+export interface FileTokenInnerProps {
+    /**
+     * @since 12.25.0
+     */
+    fullFilename: string;
+    /**
+     * @since 12.25.0
+     */
+    includeInTabOrder?: boolean;
+    /**
+     * @since 12.25.0
+     */
+    onClick?: () => void;
+    /**
+     * @since 12.25.0
+     */
+    onClose?: () => void;
+    /**
+     * @since 12.25.0
+     */
+    qaCloseBtn?: QaTags['closeButton'];
+}
 export {};

package/dist/FileToken/FileToken.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.types.js","names":[],"sources":["../../src/FileToken/FileToken.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\ninterface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  closeButton?: string\n}\nexport interface FileTokenProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  progressValue?: number\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: string\n  /**\n   * @since 10.19.0\n   */\n  onLabelClick?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":""}
+{"version":3,"file":"FileToken.types.js","names":[],"sources":["../../src/FileToken/FileToken.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\ninterface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  closeButton?: string\n}\nexport interface FileTokenProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  progressValue?: number\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: string\n  /**\n   * @since 10.19.0\n   */\n  onLabelClick?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n\nexport interface FileTokenInnerProps {\n  /**\n   * @since 12.25.0\n   */\n  fullFilename: string\n  /**\n   * @since 12.25.0\n   */\n  includeInTabOrder?: boolean\n  /**\n   * @since 12.25.0\n   */\n  onClick?: () => void\n  /**\n   * @since 12.25.0\n   */\n  onClose?: () => void\n  /**\n   * @since 12.25.0\n   */\n  qaCloseBtn?: QaTags['closeButton']\n}\n"],"mappings":""}

package/dist/FileToken/FileTokenInner.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FileTokenInnerProps } from './FileToken.types';
+export declare const FileTokenInner: ({ fullFilename, includeInTabOrder, onClick, onClose, qaCloseBtn, }: FileTokenInnerProps) => React.JSX.Element;

package/dist/FileToken/FileTokenInner.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Token } from '../Token';
+import { parseFilename } from '../_utils/filename';
+import { StyledExtension, StyledFilename, StyledFilenameShortcut } from './FileToken.styles';
+export var FileTokenInner = function FileTokenInner(_ref) {
+  var fullFilename = _ref.fullFilename,
+    includeInTabOrder = _ref.includeInTabOrder,
+    onClick = _ref.onClick,
+    onClose = _ref.onClose,
+    qaCloseBtn = _ref.qaCloseBtn;
+  var _parseFilename = parseFilename(fullFilename),
+    filename = _parseFilename.filename,
+    extension = _parseFilename.extension,
+    isFilename = _parseFilename.isFilename;
+  var name = isFilename ? "".concat(filename, ".") : fullFilename;
+  return /*#__PURE__*/React.createElement(Token, {
+    tabIndex: includeInTabOrder ? 0 : -1
+  }, /*#__PURE__*/React.createElement(Token.Label, {
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(StyledFilenameShortcut, null, /*#__PURE__*/React.createElement(StyledFilename, null, name), /*#__PURE__*/React.createElement(StyledExtension, null, extension))), includeInTabOrder && /*#__PURE__*/React.createElement(Token.Remove, {
+    "data-qa": qaCloseBtn,
+    onClick: onClose
+  }));
+};
+//# sourceMappingURL=FileTokenInner.js.map

package/dist/FileToken/FileTokenInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTokenInner.js","names":["React","Token","parseFilename","StyledExtension","StyledFilename","StyledFilenameShortcut","FileTokenInner","_ref","fullFilename","includeInTabOrder","onClick","onClose","qaCloseBtn","_parseFilename","filename","extension","isFilename","name","concat","createElement","tabIndex","Label","Remove"],"sources":["../../src/FileToken/FileTokenInner.tsx"],"sourcesContent":["import React from 'react'\nimport { Token } from '../Token'\nimport { parseFilename } from '../_utils/filename'\nimport {\n  StyledExtension,\n  StyledFilename,\n  StyledFilenameShortcut,\n} from './FileToken.styles'\nimport type { FileTokenInnerProps } from './FileToken.types'\n\nexport const FileTokenInner = ({\n  fullFilename,\n  includeInTabOrder,\n  onClick,\n  onClose,\n  qaCloseBtn,\n}: FileTokenInnerProps) => {\n  const { filename, extension, isFilename } = parseFilename(fullFilename)\n  const name = isFilename ? `${filename}.` : fullFilename\n\n  return (\n    <Token tabIndex={includeInTabOrder ? 0 : -1}>\n      <Token.Label onClick={onClick}>\n        <StyledFilenameShortcut>\n          <StyledFilename>{name}</StyledFilename>\n          <StyledExtension>{extension}</StyledExtension>\n        </StyledFilenameShortcut>\n      </Token.Label>\n      {includeInTabOrder && (\n        <Token.Remove data-qa={qaCloseBtn} onClick={onClose} />\n      )}\n    </Token>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SACEC,eAAe,EACfC,cAAc,EACdC,sBAAsB,QACjB,oBAAoB;AAG3B,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAMA;EAAA,IALzBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,UAAU,GAAAL,IAAA,CAAVK,UAAU;EAEV,IAAAC,cAAA,GAA4CX,aAAa,CAACM,YAAY,CAAC;IAA/DM,QAAQ,GAAAD,cAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,cAAA,CAATE,SAAS;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU;EACvC,IAAMC,IAAI,GAAGD,UAAU,MAAAE,MAAA,CAAMJ,QAAQ,SAAMN,YAAY;EAEvD,oBACER,KAAA,CAAAmB,aAAA,CAAClB,KAAK;IAACmB,QAAQ,EAAEX,iBAAiB,GAAG,CAAC,GAAG,CAAC;EAAE,gBAC1CT,KAAA,CAAAmB,aAAA,CAAClB,KAAK,CAACoB,KAAK;IAACX,OAAO,EAAEA;EAAQ,gBAC5BV,KAAA,CAAAmB,aAAA,CAACd,sBAAsB,qBACrBL,KAAA,CAAAmB,aAAA,CAACf,cAAc,QAAEa,IAAqB,CAAC,eACvCjB,KAAA,CAAAmB,aAAA,CAAChB,eAAe,QAAEY,SAA2B,CACvB,CACb,CAAC,EACbN,iBAAiB,iBAChBT,KAAA,CAAAmB,aAAA,CAAClB,KAAK,CAACqB,MAAM;IAAC,WAASV,UAAW;IAACF,OAAO,EAAEC;EAAQ,CAAE,CAEnD,CAAC;AAEZ,CAAC"}

package/dist/FilterToken/FilterToken.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../_utils/types';
 import type { FilterTokenProps } from './FilterToken.types';
-export declare const FilterToken: React.ForwardRefExoticComponent<DivAttributes & FilterTokenProps & React.RefAttributes<HTMLDivElement>> & {
-    Label: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
-    Remove: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
+export declare const FilterToken: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & FilterTokenProps & React.RefAttributes<HTMLDivElement>> & {
+    Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+    Remove: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 };

package/dist/FilterToken/FilterToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.js","names":["Clear","React","useI18nContext","addSubcomponents","StyledContent","StyledContentLabel","StyledFilterRemoveButton","StyledFilterToken","StyledLabel","Parent","forwardRef","_ref","ref","_ref$focused","focused","props","_objectWithoutProperties","_excluded","createElement","_extends","$focused","Remove","_ref2","children","disabled","_excluded2","i18n","$disabled","t","tabIndex","type","Children","map","child","Label","displayName","FilterToken"],"sources":["../../src/FilterToken/FilterToken.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport {\n  StyledContent,\n  StyledContentLabel,\n  StyledFilterRemoveButton,\n  StyledFilterToken,\n  StyledLabel,\n} from './FilterToken.styles'\nimport type { FilterTokenProps } from './FilterToken.types'\n\nconst Parent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & FilterTokenProps\n>(({ focused = false, ...props }, ref) => (\n  <StyledFilterToken $focused={focused} ref={ref} {...props} />\n))\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  ({ children, disabled, ...props }, ref) => {\n    const i18n = useI18nContext()\n\n    return (\n      <StyledFilterRemoveButton\n        $disabled={disabled ?? false}\n        aria-label={i18n.t('core.token.remove')}\n        tabIndex={0}\n        type=\"button\"\n        ref={ref}\n        {...props}\n      >\n        <StyledContent>\n          <Clear data-icon-prop=\"true\" />\n          {React.Children.map(children, (child) => (\n            <StyledContentLabel>{child}</StyledContentLabel>\n          ))}\n        </StyledContent>\n      </StyledFilterRemoveButton>\n    )\n  }\n)\n\nconst Label = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  (props, ref) => <StyledLabel ref={ref} {...props} />\n)\n\nParent.displayName = 'FilterToken'\nRemove.displayName = 'FilterToken.Remove'\nLabel.displayName = 'FilterToken.Label'\n\nexport const FilterToken = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SACEC,aAAa,EACbC,kBAAkB,EAClBC,wBAAwB,EACxBC,iBAAiB,EACjBC,WAAW,QACN,sBAAsB;AAG7B,IAAMC,MAAM,gBAAGR,KAAK,CAACS,UAAU,CAG7B,UAAAC,IAAA,EAAgCC,GAAG;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAAhCG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAC5BhB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAACC,QAAQ,EAAEN,OAAQ;IAACF,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAAA,CAC9D,CAAC;AAEF,IAAMM,MAAM,gBAAGpB,KAAK,CAACS,UAAU,CAC7B,UAAAY,KAAA,EAAmCV,GAAG,EAAK;EAAA,IAAxCW,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAKT,KAAK,GAAAC,wBAAA,CAAAM,KAAA,EAAAG,UAAA;EAC7B,IAAMC,IAAI,GAAGxB,cAAc,CAAC,CAAC;EAE7B,oBACED,KAAA,CAAAiB,aAAA,CAACZ,wBAAwB,EAAAa,QAAA;IACvBQ,SAAS,EAAEH,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAM;IAC7B,cAAYE,IAAI,CAACE,CAAC,CAAC,mBAAmB,CAAE;IACxCC,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,QAAQ;IACblB,GAAG,EAAEA;EAAI,GACLG,KAAK,gBAETd,KAAA,CAAAiB,aAAA,CAACd,aAAa,qBACZH,KAAA,CAAAiB,aAAA,CAAClB,KAAK;IAAC,kBAAe;EAAM,CAAE,CAAC,EAC9BC,KAAK,CAAC8B,QAAQ,CAACC,GAAG,CAACT,QAAQ,EAAE,UAACU,KAAK;IAAA,oBAClChC,KAAA,CAAAiB,aAAA,CAACb,kBAAkB,QAAE4B,KAA0B,CAAC;EAAA,CACjD,CACY,CACS,CAAC;AAE/B,CACF,CAAC;AAED,IAAMC,KAAK,gBAAGjC,KAAK,CAACS,UAAU,CAC5B,UAACK,KAAK,EAAEH,GAAG;EAAA,oBAAKX,KAAA,CAAAiB,aAAA,CAACV,WAAW,EAAAW,QAAA;IAACP,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAAA,CACtD,CAAC;AAEDN,MAAM,CAAC0B,WAAW,GAAG,aAAa;AAClCd,MAAM,CAACc,WAAW,GAAG,oBAAoB;AACzCD,KAAK,CAACC,WAAW,GAAG,mBAAmB;AAEvC,OAAO,IAAMC,WAAW,GAAGjC,gBAAgB,CACzC;EACE+B,KAAK,EAALA,KAAK;EACLb,MAAM,EAANA;AACF,CAAC,EACDZ,MACF,CAAC"}
+{"version":3,"file":"FilterToken.js","names":["Clear","React","useI18nContext","addSubcomponents","StyledContent","StyledContentLabel","StyledFilterRemoveButton","StyledFilterToken","StyledLabel","Parent","forwardRef","_ref","ref","_ref$focused","focused","props","_objectWithoutProperties","_excluded","createElement","_extends","$focused","Remove","_ref2","children","disabled","_excluded2","i18n","$disabled","t","tabIndex","type","Children","map","child","Label","displayName","FilterToken"],"sources":["../../src/FilterToken/FilterToken.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContent,\n  StyledContentLabel,\n  StyledFilterRemoveButton,\n  StyledFilterToken,\n  StyledLabel,\n} from './FilterToken.styles'\nimport type { FilterTokenProps } from './FilterToken.types'\n\nconst Parent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & FilterTokenProps\n>(({ focused = false, ...props }, ref) => (\n  <StyledFilterToken $focused={focused} ref={ref} {...props} />\n))\n\nconst Remove = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ children, disabled, ...props }, ref) => {\n  const i18n = useI18nContext()\n\n  return (\n    <StyledFilterRemoveButton\n      $disabled={disabled ?? false}\n      aria-label={i18n.t('core.token.remove')}\n      tabIndex={0}\n      type=\"button\"\n      ref={ref}\n      {...props}\n    >\n      <StyledContent>\n        <Clear data-icon-prop=\"true\" />\n        {React.Children.map(children, (child) => (\n          <StyledContentLabel>{child}</StyledContentLabel>\n        ))}\n      </StyledContent>\n    </StyledFilterRemoveButton>\n  )\n})\n\nconst Label = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>((props, ref) => <StyledLabel ref={ref} {...props} />)\n\nParent.displayName = 'FilterToken'\nRemove.displayName = 'FilterToken.Remove'\nLabel.displayName = 'FilterToken.Label'\n\nexport const FilterToken = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,aAAa,EACbC,kBAAkB,EAClBC,wBAAwB,EACxBC,iBAAiB,EACjBC,WAAW,QACN,sBAAsB;AAG7B,IAAMC,MAAM,gBAAGR,KAAK,CAACS,UAAU,CAG7B,UAAAC,IAAA,EAAgCC,GAAG;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAAhCG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAC5BhB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAACC,QAAQ,EAAEN,OAAQ;IAACF,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAAA,CAC9D,CAAC;AAEF,IAAMM,MAAM,gBAAGpB,KAAK,CAACS,UAAU,CAG7B,UAAAY,KAAA,EAAmCV,GAAG,EAAK;EAAA,IAAxCW,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAKT,KAAK,GAAAC,wBAAA,CAAAM,KAAA,EAAAG,UAAA;EAC/B,IAAMC,IAAI,GAAGxB,cAAc,CAAC,CAAC;EAE7B,oBACED,KAAA,CAAAiB,aAAA,CAACZ,wBAAwB,EAAAa,QAAA;IACvBQ,SAAS,EAAEH,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAM;IAC7B,cAAYE,IAAI,CAACE,CAAC,CAAC,mBAAmB,CAAE;IACxCC,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,QAAQ;IACblB,GAAG,EAAEA;EAAI,GACLG,KAAK,gBAETd,KAAA,CAAAiB,aAAA,CAACd,aAAa,qBACZH,KAAA,CAAAiB,aAAA,CAAClB,KAAK;IAAC,kBAAe;EAAM,CAAE,CAAC,EAC9BC,KAAK,CAAC8B,QAAQ,CAACC,GAAG,CAACT,QAAQ,EAAE,UAACU,KAAK;IAAA,oBAClChC,KAAA,CAAAiB,aAAA,CAACb,kBAAkB,QAAE4B,KAA0B,CAAC;EAAA,CACjD,CACY,CACS,CAAC;AAE/B,CAAC,CAAC;AAEF,IAAMC,KAAK,gBAAGjC,KAAK,CAACS,UAAU,CAG5B,UAACK,KAAK,EAAEH,GAAG;EAAA,oBAAKX,KAAA,CAAAiB,aAAA,CAACV,WAAW,EAAAW,QAAA;IAACP,GAAG,EAAEA;EAAI,GAAKG,KAAK,CAAG,CAAC;AAAA,EAAC;AAEvDN,MAAM,CAAC0B,WAAW,GAAG,aAAa;AAClCd,MAAM,CAACc,WAAW,GAAG,oBAAoB;AACzCD,KAAK,CAACC,WAAW,GAAG,mBAAmB;AAEvC,OAAO,IAAMC,WAAW,GAAGjC,gBAAgB,CACzC;EACE+B,KAAK,EAALA,KAAK;EACLb,MAAM,EAANA;AACF,CAAC,EACDZ,MACF,CAAC"}

package/dist/FilterToken/FilterToken.styles.js

@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_25_1__sc-1l1h29r-0"
+  componentId: "core-12_25_2__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_25_1__sc-1l1h29r-1"
+  componentId: "core-12_25_2__sc-1l1h29r-1"
 })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledFilterRemoveButton",
-  componentId: "core-12_25_1__sc-1l1h29r-2"
+  componentId: "core-12_25_2__sc-1l1h29r-2"
 })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
   var $disabled = _ref2.$disabled;
   return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
 }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_25_1__sc-1l1h29r-3"
+  componentId: "core-12_25_2__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_25_1__sc-1l1h29r-4"
+  componentId: "core-12_25_2__sc-1l1h29r-4"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 //# sourceMappingURL=FilterToken.styles.js.map

package/dist/Flex/Flex.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { FlexProps } from './Flex.types';
 /**
  * `Flex` is a wrapper around `Box` defaulting to display flex CSS
  * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).
  * `Box` can mimic anything `Flex` can.
  */
-export declare const Flex: React.ForwardRefExoticComponent<DivAttributes & FlexProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Flex: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","names":["React","Box","Flex","forwardRef","_ref","ref","_ref$alignItems","alignItems","basis","_ref$direction","direction","gap","grow","flex","_ref$inline","inline","_ref$justifyContent","justifyContent","shrink","wrap","props","_objectWithoutProperties","_excluded","createElement","_extends","display","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","displayName"],"sources":["../../src/Flex/Flex.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../Box/Box'\nimport type { DivAttributes } from '../_utils/types'\nimport type { FlexProps } from './Flex.types'\n\n/**\n * `Flex` is a wrapper around `Box` defaulting to display flex CSS\n * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).\n * `Box` can mimic anything `Flex` can.\n */\nexport const Flex = React.forwardRef<HTMLDivElement, DivAttributes & FlexProps>(\n  function Flex(\n    {\n      alignItems = 'flex-start',\n      basis,\n      direction = 'row',\n      gap,\n      grow,\n      flex,\n      inline = false,\n      justifyContent = 'flex-start',\n      shrink,\n      wrap,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Box\n        {...props}\n        ref={ref}\n        display={inline ? 'inline-flex' : 'flex'}\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        flexBasis={basis}\n        flexDirection={direction}\n        flexGrow={grow}\n        flexShrink={shrink}\n        flexWrap={wrap}\n        flex={flex}\n        gap={gap}\n      />\n    )\n  }\n)\n\nFlex.displayName = 'Flex'\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,YAAY;AAIhC;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,SAASD,IAAIA,CAAAE,IAAA,EAcXC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,IAAA,CAbEG,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,YAAY,GAAAA,eAAA;IACzBE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,cAAA,GAAAL,IAAA,CACLM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,WAAA,GAAAV,IAAA,CACJW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,mBAAA,GAAAZ,IAAA,CACda,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,YAAY,GAAAA,mBAAA;IAC7BE,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,IAAI,GAAAf,IAAA,CAAJe,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIV,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,GAAG,EAAAuB,QAAA,KACEJ,KAAK;IACTf,GAAG,EAAEA,GAAI;IACToB,OAAO,EAAEV,MAAM,GAAG,aAAa,GAAG,MAAO;IACzCR,UAAU,EAAEA,UAAW;IACvBU,cAAc,EAAEA,cAAe;IAC/BS,SAAS,EAAElB,KAAM;IACjBmB,aAAa,EAAEjB,SAAU;IACzBkB,QAAQ,EAAEhB,IAAK;IACfiB,UAAU,EAAEX,MAAO;IACnBY,QAAQ,EAAEX,IAAK;IACfN,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDT,IAAI,CAAC6B,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Flex.js","names":["React","Box","Flex","forwardRef","_ref","ref","_ref$alignItems","alignItems","basis","_ref$direction","direction","gap","grow","flex","_ref$inline","inline","_ref$justifyContent","justifyContent","shrink","wrap","props","_objectWithoutProperties","_excluded","createElement","_extends","display","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","displayName"],"sources":["../../src/Flex/Flex.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../Box/Box'\nimport type { FlexProps } from './Flex.types'\n\n/**\n * `Flex` is a wrapper around `Box` defaulting to display flex CSS\n * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).\n * `Box` can mimic anything `Flex` can.\n */\nexport const Flex = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & FlexProps\n>(function Flex(\n  {\n    alignItems = 'flex-start',\n    basis,\n    direction = 'row',\n    gap,\n    grow,\n    flex,\n    inline = false,\n    justifyContent = 'flex-start',\n    shrink,\n    wrap,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Box\n      {...props}\n      ref={ref}\n      display={inline ? 'inline-flex' : 'flex'}\n      alignItems={alignItems}\n      justifyContent={justifyContent}\n      flexBasis={basis}\n      flexDirection={direction}\n      flexGrow={grow}\n      flexShrink={shrink}\n      flexWrap={wrap}\n      flex={flex}\n      gap={gap}\n    />\n  )\n})\n\nFlex.displayName = 'Flex'\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,YAAY;AAGhC;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAGlC,SAASD,IAAIA,CAAAE,IAAA,EAcbC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,IAAA,CAbEG,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,YAAY,GAAAA,eAAA;IACzBE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,cAAA,GAAAL,IAAA,CACLM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,WAAA,GAAAV,IAAA,CACJW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,mBAAA,GAAAZ,IAAA,CACda,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,YAAY,GAAAA,mBAAA;IAC7BE,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,IAAI,GAAAf,IAAA,CAAJe,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIV,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,GAAG,EAAAuB,QAAA,KACEJ,KAAK;IACTf,GAAG,EAAEA,GAAI;IACToB,OAAO,EAAEV,MAAM,GAAG,aAAa,GAAG,MAAO;IACzCR,UAAU,EAAEA,UAAW;IACvBU,cAAc,EAAEA,cAAe;IAC/BS,SAAS,EAAElB,KAAM;IACjBmB,aAAa,EAAEjB,SAAU;IACzBkB,QAAQ,EAAEhB,IAAK;IACfiB,UAAU,EAAEX,MAAO;IACnBY,QAAQ,EAAEX,IAAK;IACfN,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC;AAEFT,IAAI,CAAC6B,WAAW,GAAG,MAAM"}

package/dist/FlexList/FlexList.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { FlexListProps } from './FlexList.types';
 /**
  * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**
  * having a margin (leading and trailing space removed). This isolates the
  * children React components from the `display: flex` on direct children in CSS.
  */
-export declare const FlexList: React.ForwardRefExoticComponent<DivAttributes & FlexListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FlexList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & FlexListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FlexList/FlexList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexList.js","names":["React","Box","StyledFlex","getSingleSize","size","arguments","length","undefined","split","getItemMargin","direction","includes","concat","getMargin","space","margin","marginRight","marginBottom","FlexList","forwardRef","_ref","ref","boxProps","children","_ref$direction","_ref$size","props","_objectWithoutProperties","_excluded","singleSize","useMemo","createElement","_extends","$direction","Children","toArray","filter","child","map","i","key","displayName"],"sources":["../../src/FlexList/FlexList.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport type { FlexDirection, MarginSize } from '../Box/Box.types'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledFlex } from './FlexList.styles'\nimport type { FlexListProps } from './FlexList.types'\n\nfunction getSingleSize(size: string = ''): MarginSize {\n  return size.split(' ')[0] as MarginSize\n}\n\nfunction getItemMargin(direction: FlexDirection, size: MarginSize): string {\n  return direction.includes('row') ? `0 ${size}` : `${size} 0`\n}\n\nfunction getMargin(\n  direction: FlexDirection,\n  space?: MarginSize,\n  size: MarginSize = 'md'\n) {\n  if (space === undefined) {\n    return { margin: getItemMargin(direction, size) }\n  }\n\n  if (space && direction.includes('row')) {\n    return { marginRight: space }\n  }\n\n  if (space && direction.includes('column')) {\n    return { marginBottom: space }\n  }\n\n  return {}\n}\n\n/**\n * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**\n * having a margin (leading and trailing space removed). This isolates the\n * children React components from the `display: flex` on direct children in CSS.\n */\nexport const FlexList = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & FlexListProps\n>(function FlexList(\n  { boxProps, children, direction = 'row', size = 'md', space, ...props },\n  ref\n) {\n  const singleSize = React.useMemo(() => getSingleSize(size), [size])\n\n  const margin = React.useMemo(\n    () => getMargin(direction, space, singleSize),\n    [direction, space, singleSize]\n  )\n\n  return (\n    <StyledFlex\n      {...props}\n      ref={ref}\n      direction={direction}\n      $direction={direction}\n    >\n      {React.Children.toArray(children)\n        .filter((child) => child)\n        .map(\n          (child: any, i) =>\n            child && (\n              <Box {...boxProps} {...margin} key={child.key || i}>\n                {child}\n              </Box>\n            )\n        )}\n    </StyledFlex>\n  )\n})\n\nFlexList.displayName = 'FlexList'\n"],"mappings":"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"}
+{"version":3,"file":"FlexList.js","names":["React","Box","StyledFlex","getSingleSize","size","arguments","length","undefined","split","getItemMargin","direction","includes","concat","getMargin","space","margin","marginRight","marginBottom","FlexList","forwardRef","_ref","ref","boxProps","children","_ref$direction","_ref$size","props","_objectWithoutProperties","_excluded","singleSize","useMemo","createElement","_extends","$direction","Children","toArray","filter","child","map","i","key","displayName"],"sources":["../../src/FlexList/FlexList.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport type { FlexDirection, MarginSize } from '../Box/Box.types'\nimport { StyledFlex } from './FlexList.styles'\nimport type { FlexListProps } from './FlexList.types'\n\nfunction getSingleSize(size: string = ''): MarginSize {\n  return size.split(' ')[0] as MarginSize\n}\n\nfunction getItemMargin(direction: FlexDirection, size: MarginSize): string {\n  return direction.includes('row') ? `0 ${size}` : `${size} 0`\n}\n\nfunction getMargin(\n  direction: FlexDirection,\n  space?: MarginSize,\n  size: MarginSize = 'md'\n) {\n  if (space === undefined) {\n    return { margin: getItemMargin(direction, size) }\n  }\n\n  if (space && direction.includes('row')) {\n    return { marginRight: space }\n  }\n\n  if (space && direction.includes('column')) {\n    return { marginBottom: space }\n  }\n\n  return {}\n}\n\n/**\n * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**\n * having a margin (leading and trailing space removed). This isolates the\n * children React components from the `display: flex` on direct children in CSS.\n */\nexport const FlexList = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & FlexListProps\n>(function FlexList(\n  { boxProps, children, direction = 'row', size = 'md', space, ...props },\n  ref\n) {\n  const singleSize = React.useMemo(() => getSingleSize(size), [size])\n\n  const margin = React.useMemo(\n    () => getMargin(direction, space, singleSize),\n    [direction, space, singleSize]\n  )\n\n  return (\n    <StyledFlex\n      {...props}\n      ref={ref}\n      direction={direction}\n      $direction={direction}\n    >\n      {React.Children.toArray(children)\n        .filter((child) => child)\n        .map(\n          (child: any, i) =>\n            child && (\n              <Box {...boxProps} {...margin} key={child.key || i}>\n                {child}\n              </Box>\n            )\n        )}\n    </StyledFlex>\n  )\n})\n\nFlexList.displayName = 'FlexList'\n"],"mappings":"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"}

package/dist/FlexList/FlexList.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { FlexDirection } from '../Box/Box.types';
-export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $direction?: FlexDirection | undefined;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;