@dnb/eufemia 10.19.0 → 10.20.0

package/cjs/components/upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_Provider","_Context","_componentHelper","_UploadFileInput2","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_UploadInfo","_UploadFileInput","_UploadFileList","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","title","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","spacingClasses","createSpacingClasses","files","setFiles","setInternalFiles","getExistingFile","useUpload","filesRef","useRef","useEffect","current","createElement","UploadContext","Provider","onInputUpload","classnames","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","verifiedFiles","verifyFiles","_ref","validFiles","slice","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\n\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const filesRef = React.useRef<UploadFile[]>(files)\n  React.useEffect(() => {\n    filesRef.current = files\n  }) // keep our ref updated on every re-render\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadDropzone\n          className={classnames('dnb-upload', spacingClasses, className)}\n          {...props}\n        >\n          <UploadInfo />\n\n          <UploadFileInput />\n\n          <UploadFileList />\n        </UploadDropzone>\n      </Provider>\n    </UploadContext.Provider>\n  )\n\n  function onInputUpload(newFiles: UploadFile[]) {\n    const files = filesRef.current\n    const mergedFiles = [\n      ...files,\n      ...newFiles.map((fileItem) => {\n        const { file } = fileItem\n\n        const existingFile = getExistingFile(file, files)\n\n        fileItem.exists = Boolean(existingFile)\n        fileItem.id = fileItem.exists ? existingFile.id : makeUniqueId()\n\n        return fileItem\n      }),\n    ]\n\n    const verifiedFiles = verifyFiles(\n      mergedFiles.filter(({ exists }) => !exists),\n      {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      }\n    )\n\n    const validFiles = [...verifiedFiles].slice(0, filesAmountLimit)\n\n    setFiles(validFiles)\n    setInternalFiles(mergedFiles)\n\n    if (typeof onChange === 'function') {\n      onChange({ files: validFiles })\n    }\n\n    return validFiles\n  }\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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"}
+{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Provider","_Context","_componentHelper","_UploadFileInput2","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_UploadInfo","_UploadFileInput","_UploadFileList","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","title","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","spacingClasses","createSpacingClasses","files","setFiles","setInternalFiles","getExistingFile","useUpload","onInputUpload","useCallback","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","verifiedFiles","verifyFiles","_ref","validFiles","slice","createElement","UploadContext","Provider","classnames","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\n\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: UploadFile[]) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(file, files)\n\n          fileItem.exists = Boolean(existingFile)\n          fileItem.id = fileItem.exists ? existingFile.id : makeUniqueId()\n\n          return fileItem\n        }),\n      ]\n\n      const verifiedFiles = verifyFiles(\n        mergedFiles.filter(({ exists }) => !exists),\n        {\n          fileMaxSize,\n          acceptedFileTypes,\n          errorUnsupportedFile,\n          errorLargeFile,\n        }\n      )\n\n      const validFiles = [...verifiedFiles].slice(0, filesAmountLimit)\n\n      setFiles(validFiles)\n      setInternalFiles(mergedFiles)\n\n      if (typeof onChange === 'function') {\n        onChange({ files: validFiles })\n      }\n\n      return validFiles\n    },\n    [\n      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadDropzone\n          className={classnames('dnb-upload', spacingClasses, className)}\n          {...props}\n        >\n          <UploadInfo />\n\n          <UploadFileInput />\n\n          <UploadFileList />\n        </UploadDropzone>\n      </Provider>\n    </UploadContext.Provider>\n  )\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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"}

package/cjs/components/upload/UploadFileInput.js

@@ -32,7 +32,9 @@ const UploadFileInput = () => {
   };
   const sharedId = id || (0, _componentHelper.makeUniqueId)();
   const accept = (0, _UploadVerify.getAcceptedFileTypes)(acceptedFileTypes);
-  return _react.default.createElement("div", null, _react.default.createElement(_Button.default, {
+  return _react.default.createElement("div", {
+    className: "dnb-upload__file-input-area"
+  }, _react.default.createElement(_Button.default, {
     top: "medium",
     id: `${sharedId}-input`,
     className: "dnb-upload__file-input-button",

package/cjs/components/upload/UploadFileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFileInput.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_icons","_componentHelper","_UploadContext","_UploadStatus2","_UploadVerify","_UploadStatus","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UploadFileInput","fileInput","useRef","context","React","useContext","UploadContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","makeUniqueId","accept","getAcceptedFileTypes","createElement","top","className","icon","FolderIcon","icon_position","variant","wrap","onClick","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value","_default","exports"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = () => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div>\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAGA,IAAAI,gBAAA,GAAAJ,OAAA;AAGA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAAqD,IAAAQ,aAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAErD,MAAMW,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAEhD,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IACJC,EAAE;IACFC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAGR,OAAO;EAEX,MAAMS,cAAc,GAAGA,CAAA;IAAA,IAAAC,kBAAA;IAAA,QAAAA,kBAAA,GAAMZ,SAAS,CAACa,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,CAAC,CAAC;EAAA;EAEvD,MAAMC,QAAQ,GAAGT,EAAE,IAAI,IAAAU,6BAAY,EAAC,CAAC;EACrC,MAAMC,MAAM,GAAG,IAAAC,kCAAoB,EAACX,iBAAiB,CAAC;EAEtD,OACEzC,MAAA,CAAAa,OAAA,CAAAwC,aAAA,cACErD,MAAA,CAAAa,OAAA,CAAAwC,aAAA,CAAClD,OAAA,CAAAU,OAAM;IACLyC,GAAG,EAAC,QAAQ;IACZd,EAAE,EAAG,GAAES,QAAS,QAAQ;IACxBM,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAEC,aAAW;IACjBC,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,WAAW;IACnBC,IAAI;IACJC,OAAO,EAAEhB;EAAe,GAEvBH,UACK,CAAC,EAAAhC,aAAA,KAAAA,aAAA,GAETV,MAAA,CAAAa,OAAA,CAAAwC,aAAA,CAAC7C,cAAA,CAAAK,OAAY,MAAE,CAAC,GAEhBb,MAAA,CAAAa,OAAA,CAAAwC,aAAA;IACE,mBAAkB,GAAEJ,QAAS,QAAQ;IACrCa,GAAG,EAAE5B,SAAU;IACfiB,MAAM,EAAEA,MAAO;IACfI,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,eAAgB;IAC1BJ,OAAO,EAAEK,cAAe;IACxBC,QAAQ,EAAEvB,gBAAgB,GAAG;EAAE,CAChC,CACE,CAAC;EAGR,SAASqB,eAAeA,CAACG,KAA2B,EAAE;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAC/C,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExB1B,aAAa,CACX4B,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,GAAG,CAAEC,IAAI,IAAK;MAC9B,OAAO;QAAEA;MAAK,CAAC;IACjB,CAAC,CACH,CAAC;EACH;EAEA,SAASR,cAAcA,CAACE,KAA2B,EAAE;IACnD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAS/CA,MAAM,CAACM,KAAK,GAAG,IAAI;EACrB;AACF,CAAC;AAAA,IAAAC,QAAA,GAEc3C,eAAe;AAAA4C,OAAA,CAAAhE,OAAA,GAAA+D,QAAA"}
+{"version":3,"file":"UploadFileInput.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_icons","_componentHelper","_UploadContext","_UploadStatus2","_UploadVerify","_UploadStatus","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UploadFileInput","fileInput","useRef","context","React","useContext","UploadContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","makeUniqueId","accept","getAcceptedFileTypes","createElement","className","top","icon","FolderIcon","icon_position","variant","wrap","onClick","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value","_default","exports"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = () => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div className=\"dnb-upload__file-input-area\">\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":"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"}

package/cjs/components/upload/UploadFileList.js

@@ -24,7 +24,7 @@ function UploadFileList() {
     setFiles,
     setInternalFiles
   } = (0, _useUpload.default)(id);
-  if (files == null || files.length < 1) {
+  if (files === null || files.length < 1) {
     return null;
   }
   return _react.default.createElement("ul", {

package/cjs/components/upload/UploadFileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFileList.js","names":["_react","_interopRequireDefault","require","_UploadContext","_UploadFileListCell","_useUpload","obj","__esModule","default","UploadFileList","context","React","useContext","UploadContext","id","fileListAriaLabel","deleteButton","loadingText","onFileDelete","onChange","files","setFiles","setInternalFiles","useUpload","length","createElement","className","map","uploadFile","index","onDeleteHandler","fileItem","cleanedFiles","filter","fileListElement","file","key","onDelete","deleteButtonText","_default","exports"],"sources":["../../../../src/components/upload/UploadFileList.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadFile } from './types'\nimport { UploadContext } from './UploadContext'\nimport UploadFileListCell from './UploadFileListCell'\nimport useUpload from './useUpload'\n\nfunction UploadFileList() {\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    fileListAriaLabel,\n    deleteButton,\n    loadingText,\n    onFileDelete,\n    onChange,\n  } = context\n\n  const { files, setFiles, setInternalFiles } = useUpload(id)\n\n  if (files == null || files.length < 1) {\n    return null\n  }\n\n  return (\n    <ul className=\"dnb-upload__file-list\" aria-label={fileListAriaLabel}>\n      {files.map((uploadFile: UploadFile, index: number) => {\n        const onDeleteHandler = () => {\n          if (typeof onFileDelete === 'function') {\n            onFileDelete({ fileItem: uploadFile })\n          }\n\n          const cleanedFiles = files.filter(\n            (fileListElement) => fileListElement.file != uploadFile.file\n          )\n\n          setFiles(cleanedFiles)\n          setInternalFiles(cleanedFiles)\n\n          if (typeof onChange === 'function') {\n            onChange({ files: cleanedFiles })\n          }\n        }\n\n        return (\n          <UploadFileListCell\n            key={index}\n            id={id}\n            uploadFile={uploadFile}\n            onDelete={onDeleteHandler}\n            deleteButtonText={deleteButton}\n            loadingText={loadingText}\n          />\n        )\n      })}\n    </ul>\n  )\n}\n\nexport default UploadFileList\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnC,SAASG,cAAcA,CAAA,EAAG;EACxB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IACJC,EAAE;IACFC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,GAAGT,OAAO;EAEX,MAAM;IAAEU,KAAK;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAG,IAAAC,kBAAS,EAACT,EAAE,CAAC;EAE3D,IAAIM,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACrC,OAAO,IAAI;EACb;EAEA,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAIC,SAAS,EAAC,uBAAuB;IAAC,cAAYX;EAAkB,GACjEK,KAAK,CAACO,GAAG,CAAC,CAACC,UAAsB,EAAEC,KAAa,KAAK;IACpD,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IAAI,OAAOZ,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAAC;UAAEa,QAAQ,EAAEH;QAAW,CAAC,CAAC;MACxC;MAEA,MAAMI,YAAY,GAAGZ,KAAK,CAACa,MAAM,CAC9BC,eAAe,IAAKA,eAAe,CAACC,IAAI,IAAIP,UAAU,CAACO,IAC1D,CAAC;MAEDd,QAAQ,CAACW,YAAY,CAAC;MACtBV,gBAAgB,CAACU,YAAY,CAAC;MAE9B,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC;UAAEC,KAAK,EAAEY;QAAa,CAAC,CAAC;MACnC;IACF,CAAC;IAED,OACEhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,mBAAA,CAAAI,OAAkB;MACjB4B,GAAG,EAAEP,KAAM;MACXf,EAAE,EAAEA,EAAG;MACPc,UAAU,EAAEA,UAAW;MACvBS,QAAQ,EAAEP,eAAgB;MAC1BQ,gBAAgB,EAAEtB,YAAa;MAC/BC,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAEN,CAAC,CACC,CAAC;AAET;AAAC,IAAAsB,QAAA,GAEc9B,cAAc;AAAA+B,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}
+{"version":3,"file":"UploadFileList.js","names":["_react","_interopRequireDefault","require","_UploadContext","_UploadFileListCell","_useUpload","obj","__esModule","default","UploadFileList","context","React","useContext","UploadContext","id","fileListAriaLabel","deleteButton","loadingText","onFileDelete","onChange","files","setFiles","setInternalFiles","useUpload","length","createElement","className","map","uploadFile","index","onDeleteHandler","fileItem","cleanedFiles","filter","fileListElement","file","key","onDelete","deleteButtonText","_default","exports"],"sources":["../../../../src/components/upload/UploadFileList.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadFile } from './types'\nimport { UploadContext } from './UploadContext'\nimport UploadFileListCell from './UploadFileListCell'\nimport useUpload from './useUpload'\n\nfunction UploadFileList() {\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    fileListAriaLabel,\n    deleteButton,\n    loadingText,\n    onFileDelete,\n    onChange,\n  } = context\n\n  const { files, setFiles, setInternalFiles } = useUpload(id)\n\n  if (files === null || files.length < 1) {\n    return null\n  }\n\n  return (\n    <ul className=\"dnb-upload__file-list\" aria-label={fileListAriaLabel}>\n      {files.map((uploadFile: UploadFile, index: number) => {\n        const onDeleteHandler = () => {\n          if (typeof onFileDelete === 'function') {\n            onFileDelete({ fileItem: uploadFile })\n          }\n\n          const cleanedFiles = files.filter(\n            (fileListElement) => fileListElement.file != uploadFile.file\n          )\n\n          setFiles(cleanedFiles)\n          setInternalFiles(cleanedFiles)\n\n          if (typeof onChange === 'function') {\n            onChange({ files: cleanedFiles })\n          }\n        }\n\n        return (\n          <UploadFileListCell\n            key={index}\n            id={id}\n            uploadFile={uploadFile}\n            onDelete={onDeleteHandler}\n            deleteButtonText={deleteButton}\n            loadingText={loadingText}\n          />\n        )\n      })}\n    </ul>\n  )\n}\n\nexport default UploadFileList\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnC,SAASG,cAAcA,CAAA,EAAG;EACxB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IACJC,EAAE;IACFC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,GAAGT,OAAO;EAEX,MAAM;IAAEU,KAAK;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAG,IAAAC,kBAAS,EAACT,EAAE,CAAC;EAE3D,IAAIM,KAAK,KAAK,IAAI,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAIC,SAAS,EAAC,uBAAuB;IAAC,cAAYX;EAAkB,GACjEK,KAAK,CAACO,GAAG,CAAC,CAACC,UAAsB,EAAEC,KAAa,KAAK;IACpD,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IAAI,OAAOZ,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAAC;UAAEa,QAAQ,EAAEH;QAAW,CAAC,CAAC;MACxC;MAEA,MAAMI,YAAY,GAAGZ,KAAK,CAACa,MAAM,CAC9BC,eAAe,IAAKA,eAAe,CAACC,IAAI,IAAIP,UAAU,CAACO,IAC1D,CAAC;MAEDd,QAAQ,CAACW,YAAY,CAAC;MACtBV,gBAAgB,CAACU,YAAY,CAAC;MAE9B,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC;UAAEC,KAAK,EAAEY;QAAa,CAAC,CAAC;MACnC;IACF,CAAC;IAED,OACEhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,mBAAA,CAAAI,OAAkB;MACjB4B,GAAG,EAAEP,KAAM;MACXf,EAAE,EAAEA,EAAG;MACPc,UAAU,EAAEA,UAAW;MACvBS,QAAQ,EAAEP,eAAgB;MAC1BQ,gBAAgB,EAAEtB,YAAa;MAC/BC,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAEN,CAAC,CACC,CAAC;AAET;AAAC,IAAAsB,QAAA,GAEc9B,cAAc;AAAA+B,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}

package/cjs/components/upload/UploadStatus.js

@@ -20,10 +20,14 @@ const UploadStatus = () => {
   const {
     internalFiles
   } = (0, _useUpload.default)(id);
+  const open = internalFiles.length > filesAmountLimit;
   return _react.default.createElement(_HeightAnimation.default, {
-    open: internalFiles.length > filesAmountLimit
+    open: open,
+    delay: 500
   }, _react.default.createElement(_FormStatus.default, {
-    top: true,
+    shellSpace: {
+      top: 'small'
+    },
     stretch: true
   }, String(errorAmountLimit).replace('%amount', String(filesAmountLimit))));
 };

package/cjs/components/upload/UploadStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadStatus.js","names":["_react","_interopRequireDefault","require","_UploadContext","_FormStatus","_useUpload","_HeightAnimation","obj","__esModule","default","UploadStatus","context","React","useContext","UploadContext","id","filesAmountLimit","errorAmountLimit","internalFiles","useUpload","createElement","open","length","top","stretch","String","replace","_default","exports"],"sources":["../../../../src/components/upload/UploadStatus.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadContext } from './UploadContext'\nimport FormStatus from '../FormStatus'\nimport useUpload from './useUpload'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nconst UploadStatus = () => {\n  const context = React.useContext(UploadContext)\n\n  const { id, filesAmountLimit, errorAmountLimit } = context\n\n  const { internalFiles } = useUpload(id)\n\n  return (\n    <HeightAnimation open={internalFiles.length > filesAmountLimit}>\n      <FormStatus top stretch>\n        {String(errorAmountLimit).replace(\n          '%amount',\n          String(filesAmountLimit)\n        )}\n      </FormStatus>\n    </HeightAnimation>\n  )\n}\n\nexport default UploadStatus\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGN,OAAO;EAE1D,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAC,kBAAS,EAACJ,EAAE,CAAC;EAEvC,OACEf,MAAA,CAAAS,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAAG,OAAe;IAACY,IAAI,EAAEH,aAAa,CAACI,MAAM,GAAGN;EAAiB,GAC7DhB,MAAA,CAAAS,OAAA,CAAAW,aAAA,CAAChB,WAAA,CAAAK,OAAU;IAACc,GAAG;IAACC,OAAO;EAAA,GACpBC,MAAM,CAACR,gBAAgB,CAAC,CAACS,OAAO,CAC/B,SAAS,EACTD,MAAM,CAACT,gBAAgB,CACzB,CACU,CACG,CAAC;AAEtB,CAAC;AAAA,IAAAW,QAAA,GAEcjB,YAAY;AAAAkB,OAAA,CAAAnB,OAAA,GAAAkB,QAAA"}
+{"version":3,"file":"UploadStatus.js","names":["_react","_interopRequireDefault","require","_UploadContext","_FormStatus","_useUpload","_HeightAnimation","obj","__esModule","default","UploadStatus","context","React","useContext","UploadContext","id","filesAmountLimit","errorAmountLimit","internalFiles","useUpload","open","length","createElement","delay","shellSpace","top","stretch","String","replace","_default","exports"],"sources":["../../../../src/components/upload/UploadStatus.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadContext } from './UploadContext'\nimport FormStatus from '../FormStatus'\nimport useUpload from './useUpload'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nconst UploadStatus = () => {\n  const context = React.useContext(UploadContext)\n\n  const { id, filesAmountLimit, errorAmountLimit } = context\n  const { internalFiles } = useUpload(id)\n  const open = internalFiles.length > filesAmountLimit\n\n  return (\n    <HeightAnimation\n      open={open}\n      delay={\n        500 /* delay the animation to avoid flickering while each file animates */\n      }\n    >\n      <FormStatus shellSpace={{ top: 'small' }} stretch>\n        {String(errorAmountLimit).replace(\n          '%amount',\n          String(filesAmountLimit)\n        )}\n      </FormStatus>\n    </HeightAnimation>\n  )\n}\n\nexport default UploadStatus\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGN,OAAO;EAC1D,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAC,kBAAS,EAACJ,EAAE,CAAC;EACvC,MAAMK,IAAI,GAAGF,aAAa,CAACG,MAAM,GAAGL,gBAAgB;EAEpD,OACEhB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAChB,gBAAA,CAAAG,OAAe;IACdW,IAAI,EAAEA,IAAK;IACXG,KAAK,EACH;EACD,GAEDvB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,WAAA,CAAAK,OAAU;IAACe,UAAU,EAAE;MAAEC,GAAG,EAAE;IAAQ,CAAE;IAACC,OAAO;EAAA,GAC9CC,MAAM,CAACV,gBAAgB,CAAC,CAACW,OAAO,CAC/B,SAAS,EACTD,MAAM,CAACX,gBAAgB,CACzB,CACU,CACG,CAAC;AAEtB,CAAC;AAAA,IAAAa,QAAA,GAEcnB,YAAY;AAAAoB,OAAA,CAAArB,OAAA,GAAAoB,QAAA"}

package/cjs/components/upload/useUpload.js

@@ -1,23 +1,22 @@
 "use strict";
-"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _componentHelper = require("../../shared/component-helper");
+var _useSharedState = require("../../shared/helpers/useSharedState");
 function useUpload(id) {
   const {
     data,
-    update
-  } = (0, _componentHelper.useEventEmitter)(id);
+    extend
+  } = (0, _useSharedState.useSharedState)(id);
   const setFiles = files => {
-    update({
+    extend({
       files
     });
   };
   const setInternalFiles = internalFiles => {
-    update({
+    extend({
       internalFiles
     });
   };

package/cjs/components/upload/useUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.js","names":["_componentHelper","require","useUpload","id","data","update","useEventEmitter","setFiles","files","setInternalFiles","internalFiles","getExistingFile","file","fileItems","arguments","length","undefined","find","_ref","f","name","size","lastModified","_default","exports","default"],"sources":["../../../../src/components/upload/useUpload.ts"],"sourcesContent":["import { useEventEmitter } from '../../shared/component-helper'\nimport type { UploadFile } from './types'\n\nexport type useUploadReturn = {\n  files: UploadFile[]\n  setFiles: (files: UploadFile[]) => void\n  internalFiles: UploadFile[]\n  setInternalFiles: (files: UploadFile[]) => void\n  getExistingFile: (file: File, fileItems?: UploadFile[]) => UploadFile\n}\n\n/**\n * Use together with Upload with the same id to manage the files from outside the component.\n */\nfunction useUpload(id: string): useUploadReturn {\n  const { data, update } = useEventEmitter(id)\n\n  const setFiles = (files: UploadFile[]) => {\n    update({ files })\n  }\n\n  const setInternalFiles = (internalFiles: UploadFile[]) => {\n    update({ internalFiles })\n  }\n\n  const files = data?.files || []\n  const internalFiles = data?.internalFiles || []\n\n  const getExistingFile = (\n    file: File,\n    fileItems: UploadFile[] = files\n  ) => {\n    return fileItems.find(({ file: f }) => {\n      return (\n        f.name === file.name &&\n        f.size === file.size &&\n        f.lastModified === file.lastModified\n      )\n    })\n  }\n\n  return {\n    files,\n    setFiles,\n    internalFiles,\n    setInternalFiles,\n    getExistingFile,\n  }\n}\n\nexport default useUpload\n"],"mappings":";;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAcA,SAASC,SAASA,CAACC,EAAU,EAAmB;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAe,EAACH,EAAE,CAAC;EAE5C,MAAMI,QAAQ,GAAIC,KAAmB,IAAK;IACxCH,MAAM,CAAC;MAAEG;IAAM,CAAC,CAAC;EACnB,CAAC;EAED,MAAMC,gBAAgB,GAAIC,aAA2B,IAAK;IACxDL,MAAM,CAAC;MAAEK;IAAc,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMF,KAAK,GAAG,CAAAJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,KAAK,KAAI,EAAE;EAC/B,MAAME,aAAa,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,aAAa,KAAI,EAAE;EAE/C,MAAMC,eAAe,GAAG,SAAAA,CACtBC,IAAU,EAEP;IAAA,IADHC,SAAuB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,KAAK;IAE/B,OAAOK,SAAS,CAACI,IAAI,CAACC,IAAA,IAAiB;MAAA,IAAhB;QAAEN,IAAI,EAAEO;MAAE,CAAC,GAAAD,IAAA;MAChC,OACEC,CAAC,CAACC,IAAI,KAAKR,IAAI,CAACQ,IAAI,IACpBD,CAAC,CAACE,IAAI,KAAKT,IAAI,CAACS,IAAI,IACpBF,CAAC,CAACG,YAAY,KAAKV,IAAI,CAACU,YAAY;IAExC,CAAC,CAAC;EACJ,CAAC;EAED,OAAO;IACLd,KAAK;IACLD,QAAQ;IACRG,aAAa;IACbD,gBAAgB;IAChBE;EACF,CAAC;AACH;AAAC,IAAAY,QAAA,GAEcrB,SAAS;AAAAsB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"file":"useUpload.js","names":["_useSharedState","require","useUpload","id","data","extend","useSharedState","setFiles","files","setInternalFiles","internalFiles","getExistingFile","file","fileItems","arguments","length","undefined","find","_ref","f","name","size","lastModified","_default","exports","default"],"sources":["../../../../src/components/upload/useUpload.ts"],"sourcesContent":["import { useSharedState } from '../../shared/helpers/useSharedState'\nimport type { UploadFile } from './types'\n\nexport type useUploadReturn = {\n  files: UploadFile[]\n  setFiles: (files: UploadFile[]) => void\n  internalFiles: UploadFile[]\n  setInternalFiles: (files: UploadFile[]) => void\n  getExistingFile: (file: File, fileItems?: UploadFile[]) => UploadFile\n}\n\n/**\n * Use together with Upload with the same id to manage the files from outside the component.\n */\nfunction useUpload(id: string): useUploadReturn {\n  const { data, extend } = useSharedState<{\n    files?: UploadFile[]\n    internalFiles?: UploadFile[]\n  }>(id)\n\n  const setFiles = (files: UploadFile[]) => {\n    extend({ files })\n  }\n\n  const setInternalFiles = (internalFiles: UploadFile[]) => {\n    extend({ internalFiles })\n  }\n\n  const files = data?.files || []\n  const internalFiles = data?.internalFiles || []\n\n  const getExistingFile = (\n    file: File,\n    fileItems: UploadFile[] = files\n  ) => {\n    return fileItems.find(({ file: f }) => {\n      return (\n        f.name === file.name &&\n        f.size === file.size &&\n        f.lastModified === file.lastModified\n      )\n    })\n  }\n\n  return {\n    files,\n    setFiles,\n    internalFiles,\n    setInternalFiles,\n    getExistingFile,\n  }\n}\n\nexport default useUpload\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAcA,SAASC,SAASA,CAACC,EAAU,EAAmB;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,8BAAc,EAGpCH,EAAE,CAAC;EAEN,MAAMI,QAAQ,GAAIC,KAAmB,IAAK;IACxCH,MAAM,CAAC;MAAEG;IAAM,CAAC,CAAC;EACnB,CAAC;EAED,MAAMC,gBAAgB,GAAIC,aAA2B,IAAK;IACxDL,MAAM,CAAC;MAAEK;IAAc,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMF,KAAK,GAAG,CAAAJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,KAAK,KAAI,EAAE;EAC/B,MAAME,aAAa,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,aAAa,KAAI,EAAE;EAE/C,MAAMC,eAAe,GAAG,SAAAA,CACtBC,IAAU,EAEP;IAAA,IADHC,SAAuB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,KAAK;IAE/B,OAAOK,SAAS,CAACI,IAAI,CAACC,IAAA,IAAiB;MAAA,IAAhB;QAAEN,IAAI,EAAEO;MAAE,CAAC,GAAAD,IAAA;MAChC,OACEC,CAAC,CAACC,IAAI,KAAKR,IAAI,CAACQ,IAAI,IACpBD,CAAC,CAACE,IAAI,KAAKT,IAAI,CAACS,IAAI,IACpBF,CAAC,CAACG,YAAY,KAAKV,IAAI,CAACU,YAAY;IAExC,CAAC,CAAC;EACJ,CAAC;EAED,OAAO;IACLd,KAAK;IACLD,QAAQ;IACRG,aAAa;IACbD,gBAAgB;IAChBE;EACF,CAAC;AACH;AAAC,IAAAY,QAAA,GAEcrB,SAAS;AAAAsB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/cjs/elements/lib.d.ts

@@ -89,26 +89,32 @@ export declare const getElements: () => {
     H1: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     H2: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     H3: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     H4: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     H5: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     H6: {
         ({ size, ...props }: import("./H").SharedHProps): import("react/jsx-runtime").JSX.Element;
         _isHeadingElement: boolean;
+        _supportsSpacingProps: boolean;
     };
     Hr: {
         ({ fullscreen, light, medium, className, ...props }?: import("../shared/types").SpacingElementProps & {

package/cjs/elements/typography/H1.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H1: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H1;

package/cjs/elements/typography/H1.js

@@ -22,7 +22,7 @@ const H1 = _ref => {
   }, props));
 };
 H1._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H1._supportsSpacingProps = true;
 var _default = H1;
 exports.default = _default;
 //# sourceMappingURL=H1.js.map

package/cjs/elements/typography/H1.js.map

@@ -1 +1 @@
-{"version":3,"file":"H1.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H1","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H1.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H1 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h1\" size={size || 'auto'} {...props} />\n)\n\nH1._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H1\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H1.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H1","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H1.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H1 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h1\" size={size || 'auto'} {...props} />\n)\n\nH1._isHeadingElement = true\nH1._supportsSpacingProps = true\n\nexport default H1\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/elements/typography/H2.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H2: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H2;

package/cjs/elements/typography/H2.js

@@ -22,7 +22,7 @@ const H2 = _ref => {
   }, props));
 };
 H2._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H2._supportsSpacingProps = true;
 var _default = H2;
 exports.default = _default;
 //# sourceMappingURL=H2.js.map

package/cjs/elements/typography/H2.js.map

@@ -1 +1 @@
-{"version":3,"file":"H2.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H2","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H2.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H2 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h2\" size={size || 'auto'} {...props} />\n)\n\nH2._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H2\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H2.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H2","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H2.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H2 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h2\" size={size || 'auto'} {...props} />\n)\n\nH2._isHeadingElement = true\nH2._supportsSpacingProps = true\n\nexport default H2\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/elements/typography/H3.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H3: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H3;

package/cjs/elements/typography/H3.js

@@ -22,7 +22,7 @@ const H3 = _ref => {
   }, props));
 };
 H3._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H3._supportsSpacingProps = true;
 var _default = H3;
 exports.default = _default;
 //# sourceMappingURL=H3.js.map

package/cjs/elements/typography/H3.js.map

@@ -1 +1 @@
-{"version":3,"file":"H3.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H3","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H3.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H3 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h3\" size={size || 'auto'} {...props} />\n)\n\nH3._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H3\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H3.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H3","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H3.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H3 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h3\" size={size || 'auto'} {...props} />\n)\n\nH3._isHeadingElement = true\nH3._supportsSpacingProps = true\n\nexport default H3\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/elements/typography/H4.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H4: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H4;

package/cjs/elements/typography/H4.js

@@ -22,7 +22,7 @@ const H4 = _ref => {
   }, props));
 };
 H4._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H4._supportsSpacingProps = true;
 var _default = H4;
 exports.default = _default;
 //# sourceMappingURL=H4.js.map

package/cjs/elements/typography/H4.js.map

@@ -1 +1 @@
-{"version":3,"file":"H4.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H4","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H4.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H4 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h4\" size={size || 'auto'} {...props} />\n)\n\nH4._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H4\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H4.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H4","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H4.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H4 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h4\" size={size || 'auto'} {...props} />\n)\n\nH4._isHeadingElement = true\nH4._supportsSpacingProps = true\n\nexport default H4\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/elements/typography/H5.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H5: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H5;

package/cjs/elements/typography/H5.js

@@ -22,7 +22,7 @@ const H5 = _ref => {
   }, props));
 };
 H5._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H5._supportsSpacingProps = true;
 var _default = H5;
 exports.default = _default;
 //# sourceMappingURL=H5.js.map

package/cjs/elements/typography/H5.js.map

@@ -1 +1 @@
-{"version":3,"file":"H5.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H5","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H5.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H5 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h5\" size={size || 'auto'} {...props} />\n)\n\nH5._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H5\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H5.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H5","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H5.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H5 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h5\" size={size || 'auto'} {...props} />\n)\n\nH5._isHeadingElement = true\nH5._supportsSpacingProps = true\n\nexport default H5\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/elements/typography/H6.d.ts

@@ -2,5 +2,6 @@ import type { SharedHProps } from './H';
 declare const H6: {
     ({ size, ...props }: SharedHProps): import("react/jsx-runtime").JSX.Element;
     _isHeadingElement: boolean;
+    _supportsSpacingProps: boolean;
 };
 export default H6;

package/cjs/elements/typography/H6.js

@@ -22,7 +22,7 @@ const H6 = _ref => {
   }, props));
 };
 H6._isHeadingElement = true;
-_H.default._supportsSpacingProps = true;
+H6._supportsSpacingProps = true;
 var _default = H6;
 exports.default = _default;
 //# sourceMappingURL=H6.js.map

package/cjs/elements/typography/H6.js.map

@@ -1 +1 @@
-{"version":3,"file":"H6.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H6","_ref","size","props","createElement","as","_isHeadingElement","H","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H6.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H6 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h6\" size={size || 'auto'} {...props} />\n)\n\nH6._isHeadingElement = true\nH._supportsSpacingProps = true\n\nexport default H6\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BC,UAAC,CAACC,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEfT,EAAE;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"H6.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H6","_ref","size","props","createElement","as","_isHeadingElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/elements/typography/H6.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H6 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h6\" size={size || 'auto'} {...props} />\n)\n\nH6._isHeadingElement = true\nH6._supportsSpacingProps = true\n\nexport default H6\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAEDH,EAAE,CAACM,iBAAiB,GAAG,IAAI;AAC3BN,EAAE,CAACO,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAEhBR,EAAE;AAAAS,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/cjs/extensions/forms/DataContext/Context.d.ts

@@ -1,24 +1,37 @@
 import React from 'react';
+import { Ajv } from '../utils/ajv';
+import { AllJSONSchemaVersions, CustomErrorMessagesWithPaths } from '../types';
+export type Path = string;
 type HandleSubmitProps = {
     formElement?: HTMLFormElement;
 };
 export interface ContextState {
+    hasContext: boolean;
     /** The dataset for the form / form steps */
     data: any;
     /** Should the form validate data before submitting? */
     errors?: Record<string, Error>;
     /** Will set autoComplete="on" on each nested Field.String and Field.Number */
     autoComplete?: boolean;
-    handlePathChange: (path: string, value: any) => void;
-    updateDataValue: (path: string, value: any) => void;
+    handlePathChange: (path: Path, value: any) => void;
+    updateDataValue: (path: Path, value: any, props: {
+        disabled: boolean;
+    }) => void;
+    validateData: () => void;
     handleSubmit: (props?: HandleSubmitProps) => any;
+    scrollToTop: () => void;
     showAllErrors: boolean;
     setShowAllErrors: (showAllErrors: boolean) => void;
     mountedFieldPaths: string[];
-    handleMountField: (path: string) => void;
-    handleUnMountField: (path: string) => void;
-    setValueWithError: (identifier: string, hasError: boolean) => void;
+    handleMountField: (path: Path) => void;
+    handleUnMountField: (path: Path) => void;
+    setValueWithError: (path: Path, hasError: boolean) => void;
+    setProps: (path: Path, props: any) => void;
     hasErrors: () => boolean;
+    hasFieldError: (path: Path) => boolean;
+    ajvInstance: Ajv;
+    contextErrorMessages: CustomErrorMessagesWithPaths;
+    schema: AllJSONSchemaVersions;
     _isInsideFormElement?: boolean;
 }
 export declare const defaultContextState: ContextState;

package/cjs/extensions/forms/DataContext/Context.js

@@ -5,19 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultContextState = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _ajv = require("../utils/ajv");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const defaultContextState = {
+  hasContext: false,
   data: undefined,
+  schema: undefined,
   handlePathChange: () => null,
   updateDataValue: () => null,
+  validateData: () => null,
   handleSubmit: () => null,
+  scrollToTop: () => null,
   showAllErrors: false,
   setShowAllErrors: () => null,
   mountedFieldPaths: [],
   handleMountField: () => null,
   handleUnMountField: () => null,
   hasErrors: () => false,
+  hasFieldError: () => false,
   setValueWithError: () => null,
+  setProps: () => null,
+  ajvInstance: (0, _ajv.makeAjvInstance)(),
+  contextErrorMessages: undefined,
   _isInsideFormElement: false
 };
 exports.defaultContextState = defaultContextState;

package/cjs/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","defaultContextState","data","undefined","handlePathChange","updateDataValue","handleSubmit","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","setValueWithError","_isInsideFormElement","exports","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport interface ContextState {\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (path: string, value: any) => void\n  updateDataValue: (path: string, value: any) => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: string) => void\n  handleUnMountField: (path: string) => void\n  setValueWithError: (identifier: string, hasError: boolean) => void\n  hasErrors: () => boolean\n  _isInsideFormElement?: boolean\n}\n\nexport const defaultContextState: ContextState = {\n  data: undefined,\n  handlePathChange: () => null,\n  updateDataValue: () => null,\n  handleSubmit: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  setValueWithError: () => null,\n  _isInsideFormElement: false,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA4BlB,MAAMG,mBAAiC,GAAG;EAC/CC,IAAI,EAAEC,SAAS;EACfC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,iBAAiB,EAAEA,CAAA,KAAM,IAAI;EAC7BC,oBAAoB,EAAE;AACxB,CAAC;AAAAC,OAAA,CAAAd,mBAAA,GAAAA,mBAAA;AAED,MAAMe,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAejB,mBAAmB,CAAC;AAAA,IAAAkB,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAAf,OAAA,GAAAmB,QAAA"}
+{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_ajv","obj","__esModule","default","defaultContextState","hasContext","data","undefined","schema","handlePathChange","updateDataValue","validateData","handleSubmit","scrollToTop","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldError","setValueWithError","setProps","ajvInstance","makeAjvInstance","contextErrorMessages","_isInsideFormElement","exports","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n} from '../types'\n\nexport type Path = string\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport interface ContextState {\n  hasContext: boolean\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    props: { disabled: boolean }\n  ) => void\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  setValueWithError: (path: Path, hasError: boolean) => void\n  setProps: (path: Path, props: any) => void\n  hasErrors: () => boolean\n  hasFieldError: (path: Path) => boolean\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  _isInsideFormElement?: boolean\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  handlePathChange: () => null,\n  updateDataValue: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldError: () => false,\n  setValueWithError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAmD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8C5C,MAAMG,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,iBAAiB,EAAEA,CAAA,KAAM,IAAI;EAC7BC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAE,IAAAC,oBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAElB,SAAS;EAC/BmB,oBAAoB,EAAE;AACxB,CAAC;AAAAC,OAAA,CAAAvB,mBAAA,GAAAA,mBAAA;AAED,MAAMwB,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAe1B,mBAAmB,CAAC;AAAA,IAAA2B,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAAxB,OAAA,GAAA4B,QAAA"}