@procore/core-react 12.53.0 → 12.53.1

package/dist/FileSelect/storyHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"storyHelpers.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","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","createServer","Response","React","ulid","thumbnailImage","MOCK_UPLOAD_FILES_URL","MOCK_UPLOAD_WITH_ERRORS_FILES_URL","MOCK_BACKEND_LATENCY","wait","ms","res","setTimeout","useMockBackend","useEffect","server","routes","post","_ref","_regeneratorRuntime","mark","_callee","_","request","_ref2","_ref2$delay","delay","remoteFileId","wrap","_callee$","_context","prev","next","queryParams","Number","abrupt","stop","_x","_x2","_ref3","_callee2","_ref4","_ref4$delay","_callee2$","_context2","error","_x3","_x4","timing","shutdown","gridItemsSample","id","name","src","groupedGridItemsSample","prostore_file_id","sourceId","groupId","photosCategories","photosByCategory","categoryId","label","groupItemsSample","title","fileTreeSample","parentId","type"],"sources":["../../src/FileSelect/storyHelpers.ts"],"sourcesContent":["import { createServer, Response } from 'miragejs'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport thumbnailImage from '../Thumbnail/mocks/images/thumb_104x104_1.png'\nimport type { TreeDefaultNode } from '../Tree/Tree.types'\n\nexport const MOCK_UPLOAD_FILES_URL = '/mock-upload-files'\nexport const MOCK_UPLOAD_WITH_ERRORS_FILES_URL =\n  '/mock-upload-files-with-errors'\nexport const MOCK_BACKEND_LATENCY = 500\n\nconst wait = (ms: number) => new Promise((res) => setTimeout(res, ms))\n\nexport const useMockBackend = () => {\n  React.useEffect(() => {\n    const server = createServer({\n      routes() {\n        this.post(MOCK_UPLOAD_FILES_URL, async (_, request) => {\n          const { delay = '0' } = request.queryParams as { delay: string }\n          await wait(Number(delay) * 1000)\n\n          const remoteFileId = ulid()\n          return { remoteFileId }\n        })\n\n        this.post(MOCK_UPLOAD_WITH_ERRORS_FILES_URL, async (_, request) => {\n          const { delay = '0' } = request.queryParams as { delay: string }\n          await wait(Number(delay) * 1000)\n\n          return new Response(500, { error: 'Upload Error' })\n        })\n      },\n      timing: MOCK_BACKEND_LATENCY,\n    })\n    return () => {\n      server.shutdown()\n    }\n  }, [])\n}\n\nexport const gridItemsSample = [\n  { id: '0001', name: '0001.png', src: thumbnailImage },\n  { id: '0002', name: '0002.zip' },\n  { id: '0003', name: '0003.rtf', src: thumbnailImage },\n  { id: '0004', name: '0004.png' },\n  { id: '0005', name: '0005.docx', src: thumbnailImage },\n  { id: '0006', name: '0006.unss' },\n  { id: '0007', name: '0007.zip' },\n  { id: '0008', name: '0008.dll' },\n  { id: '0009', name: '0009.dll' },\n  { id: '00010', name: '0010.png' },\n  { id: '00011', name: '0011.png' },\n  { id: '00012', name: '0012.png' },\n]\n\nexport const groupedGridItemsSample = [\n  {\n    id: '0001',\n    name: '0001.png',\n    src: thumbnailImage,\n    prostore_file_id: 1,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  {\n    id: '0002',\n    name: '0002.zip',\n    prostore_file_id: 2,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  {\n    id: '0003',\n    name: '0003.rtf',\n    src: thumbnailImage,\n    prostore_file_id: 4,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  { id: '0006', name: '0006.unss', prostore_file_id: 6, sourceId: 'photos' },\n  { id: '0007', name: '0007.zip', prostore_file_id: 7, sourceId: 'photos' },\n]\n\nexport const photosCategories = [\n  { id: 1, name: 'Category 1' },\n  { id: 2, name: 'Unclasified' },\n]\n\nexport const photosByCategory = [\n  {\n    id: '0001',\n    name: '0001.png',\n    src: thumbnailImage,\n    categoryId: 1,\n    label: 'test 1',\n    prostore_file_id: 1,\n    sourceId: 'photos',\n  },\n  {\n    id: '0002',\n    name: '0002.zip',\n    categoryId: 1,\n    label: 'test 2',\n    prostore_file_id: 2,\n    sourceId: 'photos',\n  },\n  {\n    id: '0003',\n    name: '0003.rtf',\n    categoryId: 1,\n    label: 'test 3',\n    prostore_file_id: 3,\n    sourceId: 'photos',\n  },\n  {\n    id: '0004',\n    name: '0004.png',\n    categoryId: 1,\n    label: 'test 4',\n    prostore_file_id: 4,\n    sourceId: 'photos',\n  },\n  {\n    id: '0005',\n    name: '0005.docx',\n    src: thumbnailImage,\n    categoryId: 1,\n    label: 'test 5',\n    prostore_file_id: 5,\n    sourceId: 'photos',\n  },\n  {\n    id: '0006',\n    name: '0006.unss',\n    categoryId: 1,\n    label: 'test 6',\n    prostore_file_id: 6,\n    sourceId: 'photos',\n  },\n  {\n    id: '0007',\n    name: '0007.zip',\n    categoryId: 2,\n    label: 'test 7',\n    prostore_file_id: 7,\n    sourceId: 'photos',\n  },\n  {\n    id: '0008',\n    name: '0008.dll',\n    categoryId: 2,\n    label: 'test 8',\n    prostore_file_id: 8,\n    sourceId: 'photos',\n  },\n  {\n    id: '0009',\n    name: '0009.dll',\n    categoryId: 2,\n    label: 'test 9',\n    prostore_file_id: 9,\n    sourceId: 'photos',\n  },\n  {\n    id: '00010',\n    name: '0010.png',\n    categoryId: 2,\n    label: 'test 10',\n    prostore_file_id: 10,\n    sourceId: 'photos',\n  },\n]\n\nexport const groupItemsSample = [\n  { id: '1', title: 'Group #1' },\n  { id: '2', title: 'Group #2' },\n]\n\nexport const fileTreeSample = [\n  {\n    id: 1,\n    name: 'Root Folder',\n    parentId: null,\n    type: 'branch',\n  },\n  { id: 2, name: 'Animals', parentId: 1, type: 'branch' },\n  { id: 3, name: 'Birds', parentId: 1, type: 'branch' },\n  { id: 4, name: 'Cat.jpg', parentId: 2, type: 'leaf' },\n  { id: 5, name: 'Dog.jpg', parentId: 2, type: 'leaf' },\n  { id: 6, name: 'Woodpecker.jpg', parentId: 3, type: 'leaf' },\n  { id: 7, name: 'Owl.jpg', parentId: 3, type: 'leaf' },\n  { id: 12, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },\n  { id: 13, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },\n  { id: 14, name: 'Crane.jpg', parentId: 3, type: 'leaf' },\n  { id: 15, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },\n  { id: 122, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },\n  { id: 132, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },\n  { id: 142, name: 'Crane.jpg', parentId: 3, type: 'leaf' },\n  { id: 152, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },\n] as TreeDefaultNode[]\n"],"mappings":"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"}
+{"version":3,"file":"storyHelpers.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","_invoke","enumerable","configurable","writable","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","createServer","Response","React","ulid","thumbnailImage","MOCK_UPLOAD_FILES_URL","MOCK_UPLOAD_WITH_ERRORS_FILES_URL","MOCK_BACKEND_LATENCY","wait","ms","res","setTimeout","useMockBackend","useEffect","server","routes","post","_ref","_callee","_","request","_ref2","_ref2$delay","delay","remoteFileId","_context","queryParams","Number","_x","_x2","_ref3","_callee2","_ref4","_ref4$delay","_context2","error","_x3","_x4","timing","shutdown","gridItemsSample","id","name","src","groupedGridItemsSample","prostore_file_id","sourceId","groupId","photosCategories","photosByCategory","categoryId","label","groupItemsSample","title","fileTreeSample","parentId","type"],"sources":["../../src/FileSelect/storyHelpers.ts"],"sourcesContent":["import { createServer, Response } from 'miragejs'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport thumbnailImage from '../Thumbnail/mocks/images/thumb_104x104_1.png'\nimport type { TreeDefaultNode } from '../Tree/Tree.types'\n\nexport const MOCK_UPLOAD_FILES_URL = '/mock-upload-files'\nexport const MOCK_UPLOAD_WITH_ERRORS_FILES_URL =\n  '/mock-upload-files-with-errors'\nexport const MOCK_BACKEND_LATENCY = 500\n\nconst wait = (ms: number) => new Promise((res) => setTimeout(res, ms))\n\nexport const useMockBackend = () => {\n  React.useEffect(() => {\n    const server = createServer({\n      routes() {\n        this.post(MOCK_UPLOAD_FILES_URL, async (_, request) => {\n          const { delay = '0' } = request.queryParams as { delay: string }\n          await wait(Number(delay) * 1000)\n\n          const remoteFileId = ulid()\n          return { remoteFileId }\n        })\n\n        this.post(MOCK_UPLOAD_WITH_ERRORS_FILES_URL, async (_, request) => {\n          const { delay = '0' } = request.queryParams as { delay: string }\n          await wait(Number(delay) * 1000)\n\n          return new Response(500, { error: 'Upload Error' })\n        })\n      },\n      timing: MOCK_BACKEND_LATENCY,\n    })\n    return () => {\n      server.shutdown()\n    }\n  }, [])\n}\n\nexport const gridItemsSample = [\n  { id: '0001', name: '0001.png', src: thumbnailImage },\n  { id: '0002', name: '0002.zip' },\n  { id: '0003', name: '0003.rtf', src: thumbnailImage },\n  { id: '0004', name: '0004.png' },\n  { id: '0005', name: '0005.docx', src: thumbnailImage },\n  { id: '0006', name: '0006.unss' },\n  { id: '0007', name: '0007.zip' },\n  { id: '0008', name: '0008.dll' },\n  { id: '0009', name: '0009.dll' },\n  { id: '00010', name: '0010.png' },\n  { id: '00011', name: '0011.png' },\n  { id: '00012', name: '0012.png' },\n]\n\nexport const groupedGridItemsSample = [\n  {\n    id: '0001',\n    name: '0001.png',\n    src: thumbnailImage,\n    prostore_file_id: 1,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  {\n    id: '0002',\n    name: '0002.zip',\n    prostore_file_id: 2,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  {\n    id: '0003',\n    name: '0003.rtf',\n    src: thumbnailImage,\n    prostore_file_id: 4,\n    sourceId: 'photos',\n    groupId: '1',\n  },\n  { id: '0006', name: '0006.unss', prostore_file_id: 6, sourceId: 'photos' },\n  { id: '0007', name: '0007.zip', prostore_file_id: 7, sourceId: 'photos' },\n]\n\nexport const photosCategories = [\n  { id: 1, name: 'Category 1' },\n  { id: 2, name: 'Unclasified' },\n]\n\nexport const photosByCategory = [\n  {\n    id: '0001',\n    name: '0001.png',\n    src: thumbnailImage,\n    categoryId: 1,\n    label: 'test 1',\n    prostore_file_id: 1,\n    sourceId: 'photos',\n  },\n  {\n    id: '0002',\n    name: '0002.zip',\n    categoryId: 1,\n    label: 'test 2',\n    prostore_file_id: 2,\n    sourceId: 'photos',\n  },\n  {\n    id: '0003',\n    name: '0003.rtf',\n    categoryId: 1,\n    label: 'test 3',\n    prostore_file_id: 3,\n    sourceId: 'photos',\n  },\n  {\n    id: '0004',\n    name: '0004.png',\n    categoryId: 1,\n    label: 'test 4',\n    prostore_file_id: 4,\n    sourceId: 'photos',\n  },\n  {\n    id: '0005',\n    name: '0005.docx',\n    src: thumbnailImage,\n    categoryId: 1,\n    label: 'test 5',\n    prostore_file_id: 5,\n    sourceId: 'photos',\n  },\n  {\n    id: '0006',\n    name: '0006.unss',\n    categoryId: 1,\n    label: 'test 6',\n    prostore_file_id: 6,\n    sourceId: 'photos',\n  },\n  {\n    id: '0007',\n    name: '0007.zip',\n    categoryId: 2,\n    label: 'test 7',\n    prostore_file_id: 7,\n    sourceId: 'photos',\n  },\n  {\n    id: '0008',\n    name: '0008.dll',\n    categoryId: 2,\n    label: 'test 8',\n    prostore_file_id: 8,\n    sourceId: 'photos',\n  },\n  {\n    id: '0009',\n    name: '0009.dll',\n    categoryId: 2,\n    label: 'test 9',\n    prostore_file_id: 9,\n    sourceId: 'photos',\n  },\n  {\n    id: '00010',\n    name: '0010.png',\n    categoryId: 2,\n    label: 'test 10',\n    prostore_file_id: 10,\n    sourceId: 'photos',\n  },\n]\n\nexport const groupItemsSample = [\n  { id: '1', title: 'Group #1' },\n  { id: '2', title: 'Group #2' },\n]\n\nexport const fileTreeSample = [\n  {\n    id: 1,\n    name: 'Root Folder',\n    parentId: null,\n    type: 'branch',\n  },\n  { id: 2, name: 'Animals', parentId: 1, type: 'branch' },\n  { id: 3, name: 'Birds', parentId: 1, type: 'branch' },\n  { id: 4, name: 'Cat.jpg', parentId: 2, type: 'leaf' },\n  { id: 5, name: 'Dog.jpg', parentId: 2, type: 'leaf' },\n  { id: 6, name: 'Woodpecker.jpg', parentId: 3, type: 'leaf' },\n  { id: 7, name: 'Owl.jpg', parentId: 3, type: 'leaf' },\n  { id: 12, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },\n  { id: 13, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },\n  { id: 14, name: 'Crane.jpg', parentId: 3, type: 'leaf' },\n  { id: 15, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },\n  { id: 122, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },\n  { id: 132, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },\n  { id: 142, name: 'Crane.jpg', parentId: 3, type: 'leaf' },\n  { id: 152, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },\n] as TreeDefaultNode[]\n"],"mappings":"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","ignoreList":[]}

package/dist/FileToken/FileToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.js","names":["useId","VisuallyHidden","React","Loader","loaderTransitionDuration","useI18nContext","pulseAnimationDuration","StyledErrorMessage","StyledFileToken","StyledFileTokenErrorContainer","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","_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 { useI18nContext } from '../_hooks/I18n'\nimport {\n  pulseAnimationDuration,\n  StyledErrorMessage,\n  StyledFileToken,\n  StyledFileTokenErrorContainer,\n} 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  if (isError) {\n    return (\n      <StyledFileTokenErrorContainer {...props} ref={ref}>\n        <StyledFileToken\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        <StyledErrorMessage>{errorMessage}</StyledErrorMessage>\n      </StyledFileTokenErrorContainer>\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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"}
+{"version":3,"file":"FileToken.js","names":["useId","VisuallyHidden","React","Loader","loaderTransitionDuration","useI18nContext","pulseAnimationDuration","StyledErrorMessage","StyledFileToken","StyledFileTokenErrorContainer","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","_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 { useI18nContext } from '../_hooks/I18n'\nimport {\n  pulseAnimationDuration,\n  StyledErrorMessage,\n  StyledFileToken,\n  StyledFileTokenErrorContainer,\n} 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  if (isError) {\n    return (\n      <StyledFileTokenErrorContainer {...props} ref={ref}>\n        <StyledFileToken\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        <StyledErrorMessage>{errorMessage}</StyledErrorMessage>\n      </StyledFileTokenErrorContainer>\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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","ignoreList":[]}

package/dist/FileToken/FileToken.styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 export declare const pulseAnimationDuration = 600;
 export declare const StyledFilenameShortcut: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledFilename: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledExtension: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledFileToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $error?: boolean | undefined;
-    $finalized?: boolean | undefined;
-    $progressComplete?: boolean | undefined;
+    $error?: boolean;
+    $finalized?: boolean;
+    $progressComplete?: boolean;
 }>> & string;
 export declare const StyledErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledFileTokenErrorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/FileToken/FileToken.styles.js

@@ -8,19 +8,19 @@ 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_53_0__sc-13jx4bx-0"
+  componentId: "core-12_53_1__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_53_0__sc-13jx4bx-1"
+  componentId: "core-12_53_1__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_53_0__sc-13jx4bx-2"
+  componentId: "core-12_53_1__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_53_0__sc-13jx4bx-3"
+  componentId: "core-12_53_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;", "{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);
@@ -37,10 +37,10 @@ export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledErrorMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledErrorMessage",
-  componentId: "core-12_53_0__sc-13jx4bx-4"
+  componentId: "core-12_53_1__sc-13jx4bx-4"
 })(["display:block;color:", ";margin-top:", "px;word-break:break-word;", ""], colors.red50, spacing.xs, getTypographyIntent('small'));
 export var StyledFileTokenErrorContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTokenErrorContainer",
-  componentId: "core-12_53_0__sc-13jx4bx-5"
+  componentId: "core-12_53_1__sc-13jx4bx-5"
 })(["max-width:100%;outline:none;&:focus,&.focus{> ", "{box-shadow:0 0 0 2px ", ";outline:none;}}"], StyledFileToken, colors.blue40);
 //# sourceMappingURL=FileToken.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledRemove","StyledToken","getTypographyIntent","colors","spacing","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","StyledErrorMessage","xs","StyledFileTokenErrorContainer"],"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 { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\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\nexport const StyledErrorMessage = styled.span`\n  display: block;\n  color: ${colors.red50};\n  margin-top: ${spacing.xs}px;\n  word-break: break-word;\n  ${getTypographyIntent('small')}\n`\n\nexport const StyledFileTokenErrorContainer = styled.div`\n  max-width: 100%;\n  outline: none;\n\n  &:focus,\n  &.focus {\n    > ${StyledFileToken} {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n      outline: none;\n    }\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"FileToken.styles.js","names":["styled","css","keyframes","StyledLoader","StyledLabel","StyledRemove","StyledToken","getTypographyIntent","colors","spacing","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","StyledErrorMessage","xs","StyledFileTokenErrorContainer"],"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 { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\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\nexport const StyledErrorMessage = styled.span`\n  display: block;\n  color: ${colors.red50};\n  margin-top: ${spacing.xs}px;\n  word-break: break-word;\n  ${getTypographyIntent('small')}\n`\n\nexport const StyledFileTokenErrorContainer = styled.div`\n  max-width: 100%;\n  outline: none;\n\n  &:focus,\n  &.focus {\n    > ${StyledFileToken} {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n      outline: none;\n    }\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,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,sBAAsB,GAAG,GAAG;AAEzC,IAAMC,UAAU,gBAAGT,SAAS,iPAEFM,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAAaL,MAAM,CAACM,MAAM,EAGjEN,MAAM,CAACI,MAAM,EAAaJ,MAAM,CAACK,MAAM,EAAaL,MAAM,CAACM,MAAM,EAG/DN,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAAeL,MAAM,CAACM,MAAM,EAGnEN,MAAM,CAACI,MAAM,EAAeJ,MAAM,CAACK,MAAM,EAAeL,MAAM,CAACM,MAAM,CAElG;AAED,OAAO,IAAMC,sBAAsB,gBAAGf,MAAM,CAACgB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE/C;AAED,OAAO,IAAMC,cAAc,gBAAGpB,MAAM,CAACqB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAIxC;AAED,OAAO,IAAMG,eAAe,gBAAGtB,MAAM,CAACqB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEzC;AAED,OAAO,IAAMI,eAAe,gBAAGvB,MAAM,CAACgB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gdAKnBX,MAAM,CAACgB,MAAM,EASPhB,MAAM,CAACiB,MAAM,EAGnCnB,WAAW,EAGT,UAAAoB,IAAA;EAAA,IAAGC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAAA,OACpBA,iBAAiB,IACjB1B,GAAG,6BACmBO,MAAM,CAACoB,MAAM,CAClC;AAAA,GAILtB,WAAW,EAEFE,MAAM,CAACiB,MAAM,EAIpBpB,YAAY,EACHG,MAAM,CAACiB,MAAM,EAIxBtB,YAAY,EAGVG,WAAW,EAEFE,MAAM,CAACqB,KAAK,EAKnBzB,WAAW,EAMf,UAAA0B,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,OAAO9B,GAAG,6JACYO,MAAM,CAACyB,KAAK,EAGVzB,MAAM,CAACyB,KAAK,EAGhC3B,WAAW,EACFE,MAAM,CAACqB,KAAK,EAEnBxB,YAAY,EACHG,MAAM,CAACqB,KAAK,EAMVrB,MAAM,CAACiB,MAAM,EAK1BtB,YAAY;EAIlB,CAAC,MAAM,IAAI6B,UAAU,IAAIL,iBAAiB,EAAE;IAC1C,OAAO1B,GAAG,wOACN+B,UAAU,IACZ/B,GAAG,0GAEqBS,sBAAsB,EAC1BC,UAAU,CAE7B,EAECR,YAAY,EAKZG,WAAW,EACSE,MAAM,CAAC0B,MAAM,EACxB1B,MAAM,CAACqB,KAAK,EAICrB,MAAM,CAACoB,MAAM,EAGjCvB,YAAY,EACHG,MAAM,CAACqB,KAAK,EAMVrB,MAAM,CAACiB,MAAM,EAOxBnB,WAAW,EACSE,MAAM,CAACoB,MAAM;EAIzC;EAEA,OAAO3B,GAAG;AACZ,CAAC,CACF;AAED,OAAO,IAAMkC,kBAAkB,gBAAGnC,MAAM,CAACqB,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAElCX,MAAM,CAACyB,KAAK,EACPxB,OAAO,CAAC2B,EAAE,EAEtB7B,mBAAmB,CAAC,OAAO,CAAC,CAC/B;AAED,OAAO,IAAM8B,6BAA6B,gBAAGrC,MAAM,CAACgB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAM/CI,eAAe,EACOf,MAAM,CAACiB,MAAM,CAI1C","ignoreList":[]}

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\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":""}
+{"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":"","ignoreList":[]}

package/dist/FileToken/FileTokenInner.js.map

@@ -1 +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","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>\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,qBACJD,KAAA,CAAAmB,aAAA,CAAClB,KAAK,CAACmB,KAAK;IAACV,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,CAACoB,MAAM;IAAC,WAAST,UAAW;IAACF,OAAO,EAAEC;EAAQ,CAAE,CAEnD,CAAC;AAEZ,CAAC"}
+{"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","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>\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,qBACJD,KAAA,CAAAmB,aAAA,CAAClB,KAAK,CAACmB,KAAK;IAACV,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,CAACoB,MAAM;IAAC,WAAST,UAAW;IAACF,OAAO,EAAEC;EAAQ,CAAE,CAEnD,CAAC;AAEZ,CAAC","ignoreList":[]}

package/dist/FileToken/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileToken"],"sources":["../../src/FileToken/index.ts"],"sourcesContent":["export { FileToken } from './FileToken'\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa"}
+{"version":3,"file":"index.js","names":["FileToken"],"sources":["../../src/FileToken/index.ts"],"sourcesContent":["export { FileToken } from './FileToken'\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}

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 {\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"}
+{"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","ignoreList":[]}

package/dist/FilterToken/FilterToken.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledFilterToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $focused: boolean;

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_53_0__sc-1l1h29r-0"
+  componentId: "core-12_53_1__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_53_0__sc-1l1h29r-1"
+  componentId: "core-12_53_1__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_53_0__sc-1l1h29r-2"
+  componentId: "core-12_53_1__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_53_0__sc-1l1h29r-3"
+  componentId: "core-12_53_1__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_53_0__sc-1l1h29r-4"
+  componentId: "core-12_53_1__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/FilterToken/FilterToken.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.styles.js","names":["styled","css","getButtonStyles","getTypographyIntent","semiboldRules","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledFilterToken","div","blue96","blue45","sm","md","blue90","_ref","_ref$$focused","$focused","blue40","StyledFilterRemoveButton","button","_ref2","$disabled","white","xs","StyledContent","StyledContentLabel"],"sources":["../../src/FilterToken/FilterToken.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getButtonStyles } from '../Button/Button.styles'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  ${semiboldRules}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledFilterToken = styled.div<{\n  $focused: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue96};\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.blue45};\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.sm}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue90};\n  }\n\n  ${({ $focused = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue96};\n      border-color: ${colors.blue40}\n      border-width: 2px;\n    `}\n`\n\nexport const StyledFilterRemoveButton = styled.button<{ $disabled: boolean }>`\n  ${({ $disabled }) =>\n    getButtonStyles(false, $disabled, false, 'sm', 'tertiary')}\n\n  ${getTypographyIntent('small')};\n\n  background: transparent;\n  color: ${colors.blue45};\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue45};\n  }\n\n  &:disabled {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    background: transparent;\n    color: ${colors.blue45};\n  }\n\n  height: 24px;\n  margin: 0 0 0 6px;\n  padding: 0 ${spacing.xs}px;\n\n  [data-icon-prop='true'] {\n    pointer-events: none;\n    height: 16px;\n    width: 16px;\n  }\n`\n\nexport const StyledContent = styled.span`\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n`\n\nexport const StyledContentLabel = styled.span`\n  overflow: hidden;\n  padding: 0 6px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  & + span {\n    padding-left: 0;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SACEC,mBAAmB,EACnBC,aAAa,QACR,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGT,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BG,WAAW,EAEXF,aAAa,CAGhB;AAED,OAAO,IAAMU,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uSAIrBR,MAAM,CAACW,MAAM,EAGxBX,MAAM,CAACY,MAAM,EAQXT,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACW,EAAE,EAIfd,MAAM,CAACe,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OACnBC,QAAQ,IACRtB,GAAG,qEACCM,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACW,MAAM,EACjBX,MAAM,CAACmB,MAAM,CAE9B;AAAA,EACJ;AAED,OAAO,IAAMC,wBAAwB,gBAAGzB,MAAM,CAAC0B,MAAM,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mVACjD,UAAAc,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZ1B,eAAe,CAAC,KAAK,EAAE0B,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC;AAAA,GAE1DzB,mBAAmB,CAAC,OAAO,CAAC,EAGrBE,MAAM,CAACY,MAAM,EAKNZ,MAAM,CAACwB,KAAK,EACjBxB,MAAM,CAACY,MAAM,EAWbZ,MAAM,CAACY,MAAM,EAKXT,OAAO,CAACsB,EAAE,CAOxB;AAED,OAAO,IAAMC,aAAa,gBAAG/B,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAIvC;AAED,OAAO,IAAMmB,kBAAkB,gBAAGhC,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAS5C"}
+{"version":3,"file":"FilterToken.styles.js","names":["styled","css","getButtonStyles","getTypographyIntent","semiboldRules","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledFilterToken","div","blue96","blue45","sm","md","blue90","_ref","_ref$$focused","$focused","blue40","StyledFilterRemoveButton","button","_ref2","$disabled","white","xs","StyledContent","StyledContentLabel"],"sources":["../../src/FilterToken/FilterToken.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getButtonStyles } from '../Button/Button.styles'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  ${semiboldRules}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledFilterToken = styled.div<{\n  $focused: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue96};\n  border-radius: 4px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.blue45};\n  cursor: default;\n  display: inline-flex;\n  height: 36px;\n  justify-content: space-between;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.sm}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue90};\n  }\n\n  ${({ $focused = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue96};\n      border-color: ${colors.blue40}\n      border-width: 2px;\n    `}\n`\n\nexport const StyledFilterRemoveButton = styled.button<{ $disabled: boolean }>`\n  ${({ $disabled }) =>\n    getButtonStyles(false, $disabled, false, 'sm', 'tertiary')}\n\n  ${getTypographyIntent('small')};\n\n  background: transparent;\n  color: ${colors.blue45};\n\n  &:active,\n  &:focus,\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue45};\n  }\n\n  &:disabled {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    background: transparent;\n    color: ${colors.blue45};\n  }\n\n  height: 24px;\n  margin: 0 0 0 6px;\n  padding: 0 ${spacing.xs}px;\n\n  [data-icon-prop='true'] {\n    pointer-events: none;\n    height: 16px;\n    width: 16px;\n  }\n`\n\nexport const StyledContent = styled.span`\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n`\n\nexport const StyledContentLabel = styled.span`\n  overflow: hidden;\n  padding: 0 6px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  & + span {\n    padding-left: 0;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SACEC,mBAAmB,EACnBC,aAAa,QACR,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGT,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BG,WAAW,EAEXF,aAAa,CAGhB;AAED,OAAO,IAAMU,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uSAIrBR,MAAM,CAACW,MAAM,EAGxBX,MAAM,CAACY,MAAM,EAQXT,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACW,EAAE,EAIfd,MAAM,CAACe,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EAAA,OACnBC,QAAQ,IACRtB,GAAG,qEACCM,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACW,MAAM,EACjBX,MAAM,CAACmB,MAAM,CAE9B;AAAA,EACJ;AAED,OAAO,IAAMC,wBAAwB,gBAAGzB,MAAM,CAAC0B,MAAM,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mVACjD,UAAAc,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZ1B,eAAe,CAAC,KAAK,EAAE0B,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC;AAAA,GAE1DzB,mBAAmB,CAAC,OAAO,CAAC,EAGrBE,MAAM,CAACY,MAAM,EAKNZ,MAAM,CAACwB,KAAK,EACjBxB,MAAM,CAACY,MAAM,EAWbZ,MAAM,CAACY,MAAM,EAKXT,OAAO,CAACsB,EAAE,CAOxB;AAED,OAAO,IAAMC,aAAa,gBAAG/B,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAIvC;AAED,OAAO,IAAMmB,kBAAkB,gBAAGhC,MAAM,CAACU,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAS5C","ignoreList":[]}

package/dist/FilterToken/FilterToken.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterToken.types.js","names":[],"sources":["../../src/FilterToken/FilterToken.types.ts"],"sourcesContent":["export interface FilterTokenProps {\n  /**\n   * @since 11.7.0\n   */\n  focused?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"FilterToken.types.js","names":[],"sources":["../../src/FilterToken/FilterToken.types.ts"],"sourcesContent":["export interface FilterTokenProps {\n  /**\n   * @since 11.7.0\n   */\n  focused?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/FilterToken/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FilterToken","UNSAFE_FilterToken","StyledLabel","UNSAFE_StyledFilterTokenLabel"],"sources":["../../src/FilterToken/index.ts"],"sourcesContent":["export { FilterToken as UNSAFE_FilterToken } from './FilterToken'\nexport { StyledLabel as UNSAFE_StyledFilterTokenLabel } from './FilterToken.styles'\nexport type { FilterTokenProps as UNSAFE_FilterTokenProps } from './FilterToken.types'\n"],"mappings":"AAAA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,eAAe;AACjE,SAASC,WAAW,IAAIC,6BAA6B,QAAQ,sBAAsB"}
+{"version":3,"file":"index.js","names":["FilterToken","UNSAFE_FilterToken","StyledLabel","UNSAFE_StyledFilterTokenLabel"],"sources":["../../src/FilterToken/index.ts"],"sourcesContent":["export { FilterToken as UNSAFE_FilterToken } from './FilterToken'\nexport { StyledLabel as UNSAFE_StyledFilterTokenLabel } from './FilterToken.styles'\nexport type { FilterTokenProps as UNSAFE_FilterTokenProps } from './FilterToken.types'\n"],"mappings":"AAAA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,eAAe;AACjE,SAASC,WAAW,IAAIC,6BAA6B,QAAQ,sBAAsB","ignoreList":[]}

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 { 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"}
+{"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","ignoreList":[]}

package/dist/Flex/Flex.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.types.js","names":[],"sources":["../../src/Flex/Flex.types.ts"],"sourcesContent":["import type {\n  FlexDirection,\n  FlexOptions,\n  FlexWrap,\n  MarginOptions,\n  MarginSize,\n  PaddingOptions,\n} from '../Box/Box.types'\nimport type { Props } from '../_utils/types'\n\nexport interface FlexProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * @default 'row'\n   * @since 10.19.0\n   */\n  direction?: FlexDirection\n\n  /**\n   * @default false\n   * @since 10.19.0\n   */\n  inline?: boolean\n  /**\n   * @since 10.19.0\n   */\n  flex?: string\n  /**\n   * @since 10.19.0\n   */\n  basis?: string\n  /**\n   * @since 10.19.0\n   */\n  grow?: string\n  /**\n   * @since 10.19.0\n   */\n  shrink?: string\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  wrap?: FlexWrap\n  /**\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n}\n"],"mappings":""}
+{"version":3,"file":"Flex.types.js","names":[],"sources":["../../src/Flex/Flex.types.ts"],"sourcesContent":["import type {\n  FlexDirection,\n  FlexOptions,\n  FlexWrap,\n  MarginOptions,\n  MarginSize,\n  PaddingOptions,\n} from '../Box/Box.types'\nimport type { Props } from '../_utils/types'\n\nexport interface FlexProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * @default 'row'\n   * @since 10.19.0\n   */\n  direction?: FlexDirection\n\n  /**\n   * @default false\n   * @since 10.19.0\n   */\n  inline?: boolean\n  /**\n   * @since 10.19.0\n   */\n  flex?: string\n  /**\n   * @since 10.19.0\n   */\n  basis?: string\n  /**\n   * @since 10.19.0\n   */\n  grow?: string\n  /**\n   * @since 10.19.0\n   */\n  shrink?: string\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  wrap?: FlexWrap\n  /**\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Flex"],"sources":["../../src/Flex/index.ts"],"sourcesContent":["export { Flex } from './Flex'\nexport type { FlexProps } from './Flex.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Flex"],"sources":["../../src/Flex/index.ts"],"sourcesContent":["export { Flex } from './Flex'\nexport type { FlexProps } from './Flex.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

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 { 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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"}
+{"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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","ignoreList":[]}

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

@@ -1,7 +1,6 @@
-/// <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("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
-    $direction?: FlexDirection | undefined;
+    $direction?: FlexDirection;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_53_0__sc-1quvv61-0"
+  componentId: "core-12_53_1__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/FlexList/FlexList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexList.styles.js","names":["styled","css","StyledBox","Flex","StyledFlex","withConfig","displayName","componentId","_ref","$direction","includes"],"sources":["../../src/FlexList/FlexList.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledBox } from '../Box/Box.styles'\nimport type { FlexDirection } from '../Box/Box.types'\nimport { Flex } from '../Flex/Flex'\n\nexport const StyledFlex = styled(Flex)<{ $direction?: FlexDirection }>`\n  > ${StyledBox} {\n    ${({ $direction }) => {\n      if ($direction?.includes('reverse')) {\n        return css`\n          &:first-child {\n            margin-bottom: 0;\n            margin-right: 0;\n          }\n          &:last-child {\n            margin-left: 0;\n            margin-top: 0;\n          }\n        `\n      }\n\n      return css`\n        &:first-child {\n          margin-left: 0;\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n          margin-right: 0;\n        }\n      `\n    }}\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,IAAMC,UAAU,gBAAGJ,MAAM,CAACG,IAAI,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAChCL,SAAS,EACT,UAAAM,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEC,QAAQ,CAAC,SAAS,CAAC,EAAE;IACnC,OAAOT,GAAG;EAUZ;EAEA,OAAOA,GAAG;AAUZ,CAAC,CAEJ"}
+{"version":3,"file":"FlexList.styles.js","names":["styled","css","StyledBox","Flex","StyledFlex","withConfig","displayName","componentId","_ref","$direction","includes"],"sources":["../../src/FlexList/FlexList.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledBox } from '../Box/Box.styles'\nimport type { FlexDirection } from '../Box/Box.types'\nimport { Flex } from '../Flex/Flex'\n\nexport const StyledFlex = styled(Flex)<{ $direction?: FlexDirection }>`\n  > ${StyledBox} {\n    ${({ $direction }) => {\n      if ($direction?.includes('reverse')) {\n        return css`\n          &:first-child {\n            margin-bottom: 0;\n            margin-right: 0;\n          }\n          &:last-child {\n            margin-left: 0;\n            margin-top: 0;\n          }\n        `\n      }\n\n      return css`\n        &:first-child {\n          margin-left: 0;\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n          margin-right: 0;\n        }\n      `\n    }}\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,IAAMC,UAAU,gBAAGJ,MAAM,CAACG,IAAI,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAChCL,SAAS,EACT,UAAAM,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEC,QAAQ,CAAC,SAAS,CAAC,EAAE;IACnC,OAAOT,GAAG;EAUZ;EAEA,OAAOA,GAAG;AAUZ,CAAC,CAEJ","ignoreList":[]}

package/dist/FlexList/FlexList.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexList.types.js","names":[],"sources":["../../src/FlexList/FlexList.types.ts"],"sourcesContent":["import type { BoxProps, MarginSize } from '../Box/Box.types'\nimport type { FlexProps } from '../Flex/Flex.types'\n\nexport interface FlexListProps extends FlexProps {\n  /**\n   * Props to apply to each Box that wraps each child.\n   * @since 10.19.0\n   */\n  boxProps?: BoxProps\n  /**\n   * Margin on a single item. Between two items, `size` is double the distance of `space`.\n   * @since 10.19.0\n   */\n  size?: MarginSize\n  /**\n   * Total margin between items. Between two items, `space` is half the distance of `size`.\n   * @since 10.19.0\n   */\n  space?: MarginSize\n}\n"],"mappings":""}
+{"version":3,"file":"FlexList.types.js","names":[],"sources":["../../src/FlexList/FlexList.types.ts"],"sourcesContent":["import type { BoxProps, MarginSize } from '../Box/Box.types'\nimport type { FlexProps } from '../Flex/Flex.types'\n\nexport interface FlexListProps extends FlexProps {\n  /**\n   * Props to apply to each Box that wraps each child.\n   * @since 10.19.0\n   */\n  boxProps?: BoxProps\n  /**\n   * Margin on a single item. Between two items, `size` is double the distance of `space`.\n   * @since 10.19.0\n   */\n  size?: MarginSize\n  /**\n   * Total margin between items. Between two items, `space` is half the distance of `size`.\n   * @since 10.19.0\n   */\n  space?: MarginSize\n}\n"],"mappings":"","ignoreList":[]}

package/dist/FlexList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FlexList"],"sources":["../../src/FlexList/index.ts"],"sourcesContent":["export { FlexList } from './FlexList'\nexport type { FlexListProps } from './FlexList.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY"}
+{"version":3,"file":"index.js","names":["FlexList"],"sources":["../../src/FlexList/index.ts"],"sourcesContent":["export { FlexList } from './FlexList'\nexport type { FlexListProps } from './FlexList.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/dist/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import type { Form as FormikForm, FormikContextType } from 'formik';
+import type { FormikContextType, Form as FormikForm, FormikValues } from 'formik';
 import React from 'react';
 import type { InputProps } from '../Input';
 import type { PageFooterProps } from '../PageLayout/PageLayout.types';
@@ -8,8 +8,8 @@ export declare const FormContext: React.Context<FormContextAPI>;
 export declare function useFormContext<Values = any>(): FormikContextType<Values> & FormContextAPI;
 export declare function getPrimitiveValue(value: any, getId?: (option: any) => string | number): string | number;
 export declare function useField<Value = any>({ disabled: _disabled, error: _error, getId, required: _required, name, validate, view: _view, }?: FieldConfig): FormFieldAPI<Value>;
-declare function Form_<Values = any>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): React.JSX.Element;
-declare type FormFormProps = Omit<React.ComponentPropsWithoutRef<typeof FormikForm>, 'placeholder' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'>;
+declare function Form_<Values extends FormikValues = FormikValues>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): React.JSX.Element;
+type FormFormProps = Omit<React.ComponentPropsWithoutRef<typeof FormikForm>, 'placeholder' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'>;
 export declare function FormForm({ children, className, onKeyDown, style, ...props }: FormFormProps): React.JSX.Element;
 export declare function FormErrorBanner({ item, i18nScope, ...rest }: FormErrorBannerProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element | null;
 export declare function isFormFieldEmpty(val: any): boolean;

package/dist/Form/Form.js

@@ -52,7 +52,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { Ban, Check } from '@procore/core-icons';
 import { useId } from '@react-aria/utils';
 import conditionalStrings from 'classnames';
-import { Formik, FormikContext, useField as useFormikField, useFormikContext } from 'formik';
+import { Formik, FormikContext, useFormikContext, useField as useFormikField } from 'formik';
 import { either, identity, is, isEmpty, prop, startsWith, toLower } from 'ramda';
 import React from 'react';
 import { Banner, ErrorBanner } from '../Banner';
@@ -285,13 +285,17 @@ function Form_(_ref2) {
       view: view,
       enableReinitialize: props.enableReinitialize
     }
-  }, /*#__PURE__*/React.createElement(Formik, _objectSpread({
+  }, /*#__PURE__*/React.createElement(Formik, _objectSpread(_objectSpread({
     initialValues: initialValues,
     onSubmit: onSubmit,
     validationSchema: validationSchema,
     validateOnBlur: false,
     validateOnChange: false
-  }, props), isFunction(props.children) ? props.children : /*#__PURE__*/React.createElement(React.Fragment, null, props.children)));
+  }, props), {}, {
+    children: isFunction(props.children) ? props.children : function () {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+    }
+  })));
 }
 export function FormForm(_ref3) {
   var children = _ref3.children,
@@ -666,7 +670,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref
     props = _objectWithoutProperties(_ref1, _excluded0);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
-    onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
+    onBlur_ === null || onBlur_ === void 0 || onBlur_(e);
   };
   var onChange = React.useCallback(function (valueChange) {
     // field.helpers.setValue always updates. Using field.input.onChange instead.
@@ -678,7 +682,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(_ref
         value: valueChange.parsedNumber
       }
     });
-    onChange_ === null || onChange_ === void 0 ? void 0 : onChange_(valueChange);
+    onChange_ === null || onChange_ === void 0 || onChange_(valueChange);
   }, [onChange_, field.input.onChange]);
   return /*#__PURE__*/React.createElement(BaseNumberInput, _extends({
     "aria-required": field.meta.required,
@@ -725,7 +729,7 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
     props = _objectWithoutProperties(_ref11, _excluded10);
   var onBlur = function onBlur(e) {
     field.input.onBlur(e);
-    onBlur_ === null || onBlur_ === void 0 ? void 0 : onBlur_(e);
+    onBlur_ === null || onBlur_ === void 0 || onBlur_(e);
   };
   var onChange = React.useCallback(function (valueChange) {
     // field.helpers.setValue always updates. Using field.input.onChange instead.
@@ -736,7 +740,7 @@ export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(
         value: valueChange.parsedNumber
       }
     });
-    onChange_ === null || onChange_ === void 0 ? void 0 : onChange_(valueChange);
+    onChange_ === null || onChange_ === void 0 || onChange_(valueChange);
   }, [onChange_, field.input.onChange]);
   return /*#__PURE__*/React.createElement(BaseCurrencyInput, _extends({
     "aria-required": field.meta.required,
@@ -935,7 +939,7 @@ export var RichTextInput = /*#__PURE__*/React.forwardRef(function RichTextInput(
     if (isDirty) {
       field.helpers.setTouched(true);
     }
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange(value, isDirty);
+    _onChange === null || _onChange === void 0 || _onChange(value, isDirty);
   };
   return /*#__PURE__*/React.createElement(TextEditorComponent, _extends({
     disabled: field.meta.disabled,