@bothub-chat/ui 2.50.1-feat-prompt-queue-700109fa-cd18-4875-8cdd-cd61635a646e → 2.50.1-feat-prompt-queue-c4860bfa-9d72-4f81-a1a2-7203c8663f57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/dropzone-field/index.js +1 -1
  2. package/dist/components/dropzone-field/styled.d.ts +319 -319
  3. package/dist/components/dropzone-field/styled.js +1 -1
  4. package/package.json +1 -1
package/dist/components/dropzone-field/index.js CHANGED
@@ -1 +1 @@
1
- import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import a,{forwardRef as l,useId as n,useState as i,useCallback as s}from"react";import{Typography as o}from"../typography/index.js";import{DropzoneFieldStyled as c,DropzoneFieldLabels as p,DropzoneFieldRightLabelsContainer as d,DropzoneFieldRightLabel as f,DropzoneFieldInput as u,DragPreview as m,DragIcon as h,DropzoneFieldPlaceholder as A}from"./styled.js";const g=l((l,g)=>{var{leftLabel:v,rightLabels:y,placeholder:b,files:D,onChange:w,fullWidth:L=!1,disabled:x=!1,multiple:C=!0,accept:W}=l,j=e(l,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const O=n(),[T,I]=i(!1),[B,E]=i({x:0,y:0}),M=s(e=>{null==w||w(e)},[w]),[Q,R]=Array.isArray(D)?[D,M]:i([]),$=a.useRef(null);if(!$.current){const e=new Image;e.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",$.current=e}const F=s(e=>{var r;const t=[...null!==(r=e.currentTarget.files)&&void 0!==r?r:[]];R(C?[...new Map([...Q,...t].map(e=>[e.name,e])).values()]:[...t].slice(0,1))},[Q,R,C]),G=s(e=>{var r;e.preventDefault();const t=[...null!==(r=e.dataTransfer.files)&&void 0!==r?r:[]].filter(e=>((e,r)=>{var t;if(!r)return!0;const a=r.split(",").map(e=>e.trim()),l=null===(t=e.name.split(".").pop())||void 0===t?void 0:t.toLowerCase();return a.some(r=>{if(r.endsWith("/*")){const t=r.slice(0,-2);return e.type.startsWith(`${t}/`)}return r.startsWith(".")?l===r.slice(1).toLowerCase():e.type===r})})(e,W));R(C?[...new Map([...Q,...t].map(e=>[e.name,e])).values()]:[...t].slice(0,1)),I(!1)},[Q,R,C,W]),P=s(e=>{e.preventDefault(),e.dataTransfer.dropEffect="none",E({x:e.clientX+10,y:e.clientY+10}),I(!0)},[]),U=s(e=>{e.preventDefault(),I(!1)},[]),X=s(e=>{e.preventDefault(),$.current&&e.dataTransfer.setDragImage($.current,0,0),I(!0)},[]);return r(c,Object.assign({onDragEnter:X,onDrop:G,onDragOver:P,onDragLeave:U,$fullWidth:L,"data-dragged":T},j,{children:[r(p,{children:[v&&"string"==typeof v?t(o,{variant:"body-m-regular",children:v}):v,!!y&&t(d,{children:y.map((e,r)=>t(a.Fragment,{children:"string"==typeof e?t(f,{children:e}):e},r))})]}),t(u,{id:O,type:"file",multiple:C,accept:W,onChange:F,disabled:x,ref:g}),T&&r(m,{style:{top:B.y,left:B.x},children:[t(h,{children:"📄"}),t("span",{children:"Перетащи сюда"})]}),!!b&&t(A,{children:b})]}))});export{g as DropzoneField};
1
+ import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import a,{forwardRef as l,useId as n,useState as i,useRef as o,useCallback as s,useEffect as c}from"react";import{Typography as d}from"../typography/index.js";import{DropzoneFieldStyled as p,DropzoneFieldLabels as u,DropzoneFieldRightLabelsContainer as f,DropzoneFieldRightLabel as m,DropzoneFieldInput as g,DropzoneFieldPlaceholder as A}from"./styled.js";const h=l((l,h)=>{var{leftLabel:y,rightLabels:b,placeholder:v,files:D,onChange:w,fullWidth:L=!1,disabled:j=!1,multiple:C=!0,accept:O}=l,T=e(l,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const x=n(),[I,W]=i(!1),B=o(null);if(!B.current){const e=new Image;e.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",B.current=e}const E=s(e=>{null==w||w(e)},[w]),[M,Q]=Array.isArray(D)?[D,E]:i([]),F=s(e=>{var r;const t=[...null!==(r=e.currentTarget.files)&&void 0!==r?r:[]];Q(C?[...new Map([...M,...t].map(e=>[e.name,e])).values()]:[...t].slice(0,1))},[M,Q,C]),G=s(e=>{var r;e.preventDefault();const t=[...null!==(r=e.dataTransfer.files)&&void 0!==r?r:[]].filter(e=>null==O?void 0:O.includes(e.type));Q(C?[...new Map([...M,...t].map(e=>[e.name,e])).values()]:[...t].slice(0,1)),W(!1)},[M,Q,C,O]),P=s(e=>{e.preventDefault(),W(!0)},[]),R=s(e=>{e.preventDefault(),W(!1)},[]),U=s(e=>{e.preventDefault(),e.dataTransfer.dropEffect="copy";const r=B.current;r&&e.dataTransfer.setDragImage(r,0,0),W(!0)},[]);return c(()=>{if(I){const e=document.body.style.cursor;return document.body.style.cursor="grabbing",()=>{document.body.style.cursor=e}}},[I]),r(p,Object.assign({onDragEnter:U,onDrop:G,onDragOver:P,onDragLeave:R,$fullWidth:L,"data-dragged":I},T,{children:[r(u,{children:[y&&"string"==typeof y?t(d,{variant:"body-m-regular",children:y}):y,!!b&&t(f,{children:b.map((e,r)=>t(a.Fragment,{children:"string"==typeof e?t(m,{children:e}):e},r))})]}),t(g,{id:x,type:"file",multiple:C,accept:O,onChange:F,disabled:j,ref:h}),!!v&&t(A,{children:v})]}))});export{h as DropzoneField};
package/dist/components/dropzone-field/styled.d.ts CHANGED
@@ -859,324 +859,40 @@ export declare const DropzoneFieldRightLabel: import("styled-components").IStyle
859
859
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
860
860
  ref?: import("react").Ref<HTMLSpanElement> | undefined;
861
861
  }>;
862
- export declare const DropzoneFieldPlaceholder: import("styled-components").IStyledComponent<"web", {
863
- ref?: import("react").Ref<HTMLDivElement> | undefined;
862
+ export declare const DropzoneFieldInput: import("styled-components").IStyledComponent<"web", {
863
+ ref?: import("react").Ref<HTMLInputElement> | undefined;
864
864
  key?: import("react").Key | null | undefined;
865
- defaultChecked?: boolean | undefined | undefined;
866
- defaultValue?: string | number | readonly string[] | undefined;
867
- suppressContentEditableWarning?: boolean | undefined | undefined;
868
- suppressHydrationWarning?: boolean | undefined | undefined;
869
- accessKey?: string | undefined | undefined;
870
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
871
- autoFocus?: boolean | undefined | undefined;
872
- className?: string | undefined | undefined;
873
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
874
- contextMenu?: string | undefined | undefined;
875
- dir?: string | undefined | undefined;
876
- draggable?: (boolean | "false" | "true") | undefined;
877
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
878
- hidden?: boolean | undefined | undefined;
879
- id?: string | undefined | undefined;
880
- lang?: string | undefined | undefined;
881
- nonce?: string | undefined | undefined;
882
- slot?: string | undefined | undefined;
883
- spellCheck?: (boolean | "false" | "true") | undefined;
884
- style?: import("react").CSSProperties | undefined;
885
- tabIndex?: number | undefined | undefined;
886
- title?: string | undefined | undefined;
887
- translate?: "yes" | "no" | undefined | undefined;
888
- radioGroup?: string | undefined | undefined;
889
- role?: import("react").AriaRole | undefined;
890
- about?: string | undefined | undefined;
891
- content?: string | undefined | undefined;
892
- datatype?: string | undefined | undefined;
893
- inlist?: any;
894
- prefix?: string | undefined | undefined;
895
- property?: string | undefined | undefined;
896
- rel?: string | undefined | undefined;
897
- resource?: string | undefined | undefined;
898
- rev?: string | undefined | undefined;
899
- typeof?: string | undefined | undefined;
900
- vocab?: string | undefined | undefined;
901
- autoCorrect?: string | undefined | undefined;
902
- autoSave?: string | undefined | undefined;
903
- color?: string | undefined | undefined;
904
- itemProp?: string | undefined | undefined;
905
- itemScope?: boolean | undefined | undefined;
906
- itemType?: string | undefined | undefined;
907
- itemID?: string | undefined | undefined;
908
- itemRef?: string | undefined | undefined;
909
- results?: number | undefined | undefined;
910
- security?: string | undefined | undefined;
911
- unselectable?: "on" | "off" | undefined | undefined;
912
- popover?: "" | "auto" | "manual" | undefined | undefined;
913
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
914
- popoverTarget?: string | undefined | undefined;
915
- inert?: boolean | undefined | undefined;
916
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
917
- is?: string | undefined | undefined;
918
- exportparts?: string | undefined | undefined;
919
- part?: string | undefined | undefined;
920
- "aria-activedescendant"?: string | undefined | undefined;
921
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
922
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
923
- "aria-braillelabel"?: string | undefined | undefined;
924
- "aria-brailleroledescription"?: string | undefined | undefined;
925
- "aria-busy"?: (boolean | "false" | "true") | undefined;
926
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
927
- "aria-colcount"?: number | undefined | undefined;
928
- "aria-colindex"?: number | undefined | undefined;
929
- "aria-colindextext"?: string | undefined | undefined;
930
- "aria-colspan"?: number | undefined | undefined;
931
- "aria-controls"?: string | undefined | undefined;
932
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
933
- "aria-describedby"?: string | undefined | undefined;
934
- "aria-description"?: string | undefined | undefined;
935
- "aria-details"?: string | undefined | undefined;
936
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
937
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
938
- "aria-errormessage"?: string | undefined | undefined;
939
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
940
- "aria-flowto"?: string | undefined | undefined;
941
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
942
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
943
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
944
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
945
- "aria-keyshortcuts"?: string | undefined | undefined;
946
- "aria-label"?: string | undefined | undefined;
947
- "aria-labelledby"?: string | undefined | undefined;
948
- "aria-level"?: number | undefined | undefined;
949
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
950
- "aria-modal"?: (boolean | "false" | "true") | undefined;
951
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
952
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
953
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
954
- "aria-owns"?: string | undefined | undefined;
955
- "aria-placeholder"?: string | undefined | undefined;
956
- "aria-posinset"?: number | undefined | undefined;
957
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
958
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
959
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
960
- "aria-required"?: (boolean | "false" | "true") | undefined;
961
- "aria-roledescription"?: string | undefined | undefined;
962
- "aria-rowcount"?: number | undefined | undefined;
963
- "aria-rowindex"?: number | undefined | undefined;
964
- "aria-rowindextext"?: string | undefined | undefined;
965
- "aria-rowspan"?: number | undefined | undefined;
966
- "aria-selected"?: (boolean | "false" | "true") | undefined;
967
- "aria-setsize"?: number | undefined | undefined;
968
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
969
- "aria-valuemax"?: number | undefined | undefined;
970
- "aria-valuemin"?: number | undefined | undefined;
971
- "aria-valuenow"?: number | undefined | undefined;
972
- "aria-valuetext"?: string | undefined | undefined;
973
- children?: import("react").ReactNode;
974
- dangerouslySetInnerHTML?: {
975
- __html: string | TrustedHTML;
976
- } | undefined | undefined;
977
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
978
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
979
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
980
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
981
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
982
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
983
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
984
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
985
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
986
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
987
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
988
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
989
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
990
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
991
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
992
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
993
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
994
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
995
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
996
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
997
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
998
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
999
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1000
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1001
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1002
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1003
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1004
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1005
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1006
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1007
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1008
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1009
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1010
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1011
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1012
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1013
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1014
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1015
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1016
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1017
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1018
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1019
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1020
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1021
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1022
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1023
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1024
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1025
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1026
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1027
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1028
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1029
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1030
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1031
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1032
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1033
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1034
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1035
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1036
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1037
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1038
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1039
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1040
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1041
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1042
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1043
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1044
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1045
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1046
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1047
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1048
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1049
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1050
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1051
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1052
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1053
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1054
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1055
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1056
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1057
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1058
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1059
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1060
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1061
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1062
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1063
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1064
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1065
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1066
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1067
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1068
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1069
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1070
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1071
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1072
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1073
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1074
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1075
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1076
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1077
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1078
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1079
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1080
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1081
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1082
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1083
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1084
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1085
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1086
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1087
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1088
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1089
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1090
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1091
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1092
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1093
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1094
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1095
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1096
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1097
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1098
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1099
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1100
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1101
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1102
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1103
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1104
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1105
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1106
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1107
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1108
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1109
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1110
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1111
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1112
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1113
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1114
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1115
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1116
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1117
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1118
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1119
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1120
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1121
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1122
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1123
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1124
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1125
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1126
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1127
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1128
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1129
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1130
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1131
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1132
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1133
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1134
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1135
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1136
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1137
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1138
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1139
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1140
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1141
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1142
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1143
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1144
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1145
- }>;
1146
- export declare const DropzoneFieldInput: import("styled-components").IStyledComponent<"web", {
1147
- ref?: import("react").Ref<HTMLInputElement> | undefined;
1148
- key?: import("react").Key | null | undefined;
1149
- accept?: string | undefined | undefined;
1150
- alt?: string | undefined | undefined;
1151
- autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
1152
- capture?: boolean | "user" | "environment" | undefined | undefined;
1153
- checked?: boolean | undefined | undefined;
1154
- disabled?: boolean | undefined | undefined;
1155
- form?: string | undefined | undefined;
1156
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
1157
- formEncType?: string | undefined | undefined;
1158
- formMethod?: string | undefined | undefined;
1159
- formNoValidate?: boolean | undefined | undefined;
1160
- formTarget?: string | undefined | undefined;
1161
- height?: number | string | undefined | undefined;
1162
- list?: string | undefined | undefined;
1163
- max?: number | string | undefined | undefined;
1164
- maxLength?: number | undefined | undefined;
1165
- min?: number | string | undefined | undefined;
1166
- minLength?: number | undefined | undefined;
1167
- multiple?: boolean | undefined | undefined;
1168
- name?: string | undefined | undefined;
1169
- pattern?: string | undefined | undefined;
1170
- placeholder?: string | undefined | undefined;
1171
- readOnly?: boolean | undefined | undefined;
1172
- required?: boolean | undefined | undefined;
1173
- size?: number | undefined | undefined;
1174
- src?: string | undefined | undefined;
1175
- step?: number | string | undefined | undefined;
1176
- type?: import("react").HTMLInputTypeAttribute | undefined;
1177
- value?: string | number | readonly string[] | undefined;
1178
- width?: number | string | undefined | undefined;
1179
- onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
865
+ accept?: string | undefined | undefined;
866
+ alt?: string | undefined | undefined;
867
+ autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
868
+ capture?: boolean | "user" | "environment" | undefined | undefined;
869
+ checked?: boolean | undefined | undefined;
870
+ disabled?: boolean | undefined | undefined;
871
+ form?: string | undefined | undefined;
872
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
873
+ formEncType?: string | undefined | undefined;
874
+ formMethod?: string | undefined | undefined;
875
+ formNoValidate?: boolean | undefined | undefined;
876
+ formTarget?: string | undefined | undefined;
877
+ height?: number | string | undefined | undefined;
878
+ list?: string | undefined | undefined;
879
+ max?: number | string | undefined | undefined;
880
+ maxLength?: number | undefined | undefined;
881
+ min?: number | string | undefined | undefined;
882
+ minLength?: number | undefined | undefined;
883
+ multiple?: boolean | undefined | undefined;
884
+ name?: string | undefined | undefined;
885
+ pattern?: string | undefined | undefined;
886
+ placeholder?: string | undefined | undefined;
887
+ readOnly?: boolean | undefined | undefined;
888
+ required?: boolean | undefined | undefined;
889
+ size?: number | undefined | undefined;
890
+ src?: string | undefined | undefined;
891
+ step?: number | string | undefined | undefined;
892
+ type?: import("react").HTMLInputTypeAttribute | undefined;
893
+ value?: string | number | readonly string[] | undefined;
894
+ width?: number | string | undefined | undefined;
895
+ onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
1180
896
  defaultChecked?: boolean | undefined | undefined;
1181
897
  defaultValue?: string | number | readonly string[] | undefined;
1182
898
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1457,7 +1173,291 @@ export declare const DropzoneFieldInput: import("styled-components").IStyledComp
1457
1173
  onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
1458
1174
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
1459
1175
  }>;
1460
- export declare const DragPreview: import("styled-components").IStyledComponent<"web", {
1176
+ export declare const DropzoneFieldPlaceholder: import("styled-components").IStyledComponent<"web", {
1177
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
1178
+ key?: import("react").Key | null | undefined;
1179
+ defaultChecked?: boolean | undefined | undefined;
1180
+ defaultValue?: string | number | readonly string[] | undefined;
1181
+ suppressContentEditableWarning?: boolean | undefined | undefined;
1182
+ suppressHydrationWarning?: boolean | undefined | undefined;
1183
+ accessKey?: string | undefined | undefined;
1184
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
1185
+ autoFocus?: boolean | undefined | undefined;
1186
+ className?: string | undefined | undefined;
1187
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1188
+ contextMenu?: string | undefined | undefined;
1189
+ dir?: string | undefined | undefined;
1190
+ draggable?: (boolean | "false" | "true") | undefined;
1191
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
1192
+ hidden?: boolean | undefined | undefined;
1193
+ id?: string | undefined | undefined;
1194
+ lang?: string | undefined | undefined;
1195
+ nonce?: string | undefined | undefined;
1196
+ slot?: string | undefined | undefined;
1197
+ spellCheck?: (boolean | "false" | "true") | undefined;
1198
+ style?: import("react").CSSProperties | undefined;
1199
+ tabIndex?: number | undefined | undefined;
1200
+ title?: string | undefined | undefined;
1201
+ translate?: "yes" | "no" | undefined | undefined;
1202
+ radioGroup?: string | undefined | undefined;
1203
+ role?: import("react").AriaRole | undefined;
1204
+ about?: string | undefined | undefined;
1205
+ content?: string | undefined | undefined;
1206
+ datatype?: string | undefined | undefined;
1207
+ inlist?: any;
1208
+ prefix?: string | undefined | undefined;
1209
+ property?: string | undefined | undefined;
1210
+ rel?: string | undefined | undefined;
1211
+ resource?: string | undefined | undefined;
1212
+ rev?: string | undefined | undefined;
1213
+ typeof?: string | undefined | undefined;
1214
+ vocab?: string | undefined | undefined;
1215
+ autoCorrect?: string | undefined | undefined;
1216
+ autoSave?: string | undefined | undefined;
1217
+ color?: string | undefined | undefined;
1218
+ itemProp?: string | undefined | undefined;
1219
+ itemScope?: boolean | undefined | undefined;
1220
+ itemType?: string | undefined | undefined;
1221
+ itemID?: string | undefined | undefined;
1222
+ itemRef?: string | undefined | undefined;
1223
+ results?: number | undefined | undefined;
1224
+ security?: string | undefined | undefined;
1225
+ unselectable?: "on" | "off" | undefined | undefined;
1226
+ popover?: "" | "auto" | "manual" | undefined | undefined;
1227
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
1228
+ popoverTarget?: string | undefined | undefined;
1229
+ inert?: boolean | undefined | undefined;
1230
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
1231
+ is?: string | undefined | undefined;
1232
+ exportparts?: string | undefined | undefined;
1233
+ part?: string | undefined | undefined;
1234
+ "aria-activedescendant"?: string | undefined | undefined;
1235
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
1236
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
1237
+ "aria-braillelabel"?: string | undefined | undefined;
1238
+ "aria-brailleroledescription"?: string | undefined | undefined;
1239
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
1240
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
1241
+ "aria-colcount"?: number | undefined | undefined;
1242
+ "aria-colindex"?: number | undefined | undefined;
1243
+ "aria-colindextext"?: string | undefined | undefined;
1244
+ "aria-colspan"?: number | undefined | undefined;
1245
+ "aria-controls"?: string | undefined | undefined;
1246
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
1247
+ "aria-describedby"?: string | undefined | undefined;
1248
+ "aria-description"?: string | undefined | undefined;
1249
+ "aria-details"?: string | undefined | undefined;
1250
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
1251
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
1252
+ "aria-errormessage"?: string | undefined | undefined;
1253
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
1254
+ "aria-flowto"?: string | undefined | undefined;
1255
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1256
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
1257
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
1258
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
1259
+ "aria-keyshortcuts"?: string | undefined | undefined;
1260
+ "aria-label"?: string | undefined | undefined;
1261
+ "aria-labelledby"?: string | undefined | undefined;
1262
+ "aria-level"?: number | undefined | undefined;
1263
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
1264
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
1265
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
1266
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1267
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
1268
+ "aria-owns"?: string | undefined | undefined;
1269
+ "aria-placeholder"?: string | undefined | undefined;
1270
+ "aria-posinset"?: number | undefined | undefined;
1271
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
1272
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
1273
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
1274
+ "aria-required"?: (boolean | "false" | "true") | undefined;
1275
+ "aria-roledescription"?: string | undefined | undefined;
1276
+ "aria-rowcount"?: number | undefined | undefined;
1277
+ "aria-rowindex"?: number | undefined | undefined;
1278
+ "aria-rowindextext"?: string | undefined | undefined;
1279
+ "aria-rowspan"?: number | undefined | undefined;
1280
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
1281
+ "aria-setsize"?: number | undefined | undefined;
1282
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
1283
+ "aria-valuemax"?: number | undefined | undefined;
1284
+ "aria-valuemin"?: number | undefined | undefined;
1285
+ "aria-valuenow"?: number | undefined | undefined;
1286
+ "aria-valuetext"?: string | undefined | undefined;
1287
+ children?: import("react").ReactNode;
1288
+ dangerouslySetInnerHTML?: {
1289
+ __html: string | TrustedHTML;
1290
+ } | undefined | undefined;
1291
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1292
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1293
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1294
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1295
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1296
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
1297
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1298
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1299
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1300
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1301
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1302
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
1303
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1304
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1305
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1306
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1307
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1308
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1309
+ onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1310
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1311
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1312
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1313
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1314
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1315
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1316
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1317
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1318
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1319
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1320
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1321
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1322
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1323
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1324
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1325
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1326
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1327
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1328
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
1329
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1330
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1331
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1332
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1333
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1334
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1335
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1336
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1337
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1338
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1339
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1340
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1341
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1342
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1343
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1344
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1345
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1346
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1347
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1348
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1349
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1350
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1351
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1352
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1353
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1354
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1355
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1356
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1357
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1358
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1359
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1360
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1361
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1362
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1363
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1364
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1365
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1366
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1367
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1368
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1369
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1370
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1371
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1372
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1373
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1374
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1375
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1376
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1377
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1378
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1379
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1380
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1381
+ onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1382
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1383
+ onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1384
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1385
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1386
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1387
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1388
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1389
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1390
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1391
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1392
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1393
+ onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1394
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1395
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1396
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
1397
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1398
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1399
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1400
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1401
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1402
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1403
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1404
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1405
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1406
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1407
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1408
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
1409
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1410
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1411
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1412
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1413
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1414
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1415
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1416
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1417
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1418
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
1419
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1420
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1421
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1422
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1423
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1424
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1425
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1426
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1427
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1428
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1429
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1430
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1431
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1432
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1433
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1434
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1435
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1436
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1437
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1438
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1439
+ onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1440
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1441
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1442
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1443
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1444
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1445
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1446
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1447
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1448
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1449
+ onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1450
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1451
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1452
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1453
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1454
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1455
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1456
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1457
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1458
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1459
+ }>;
1460
+ export declare const DropzoneFieldFilesStyled: import("styled-components").IStyledComponent<"web", {
1461
1461
  ref?: import("react").Ref<HTMLDivElement> | undefined;
1462
1462
  key?: import("react").Key | null | undefined;
1463
1463
  defaultChecked?: boolean | undefined | undefined;
@@ -1741,7 +1741,7 @@ export declare const DragPreview: import("styled-components").IStyledComponent<"
1741
1741
  onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1742
1742
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1743
1743
  }>;
1744
- export declare const DragIcon: import("styled-components").IStyledComponent<"web", {
1744
+ export declare const DropzoneFieldFile: import("styled-components").IStyledComponent<"web", {
1745
1745
  ref?: import("react").Ref<HTMLDivElement> | undefined;
1746
1746
  key?: import("react").Key | null | undefined;
1747
1747
  defaultChecked?: boolean | undefined | undefined;
package/dist/components/dropzone-field/styled.js CHANGED
@@ -1 +1 @@
1
- import{styled as e}from"styled-components";import{Typography as t}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const i=e.div.withConfig({displayName:"styled__DropzoneFieldStyled",componentId:"sc-f0fnsu-0"})([""," display:flex;flex-direction:column;justify-content:stretch;gap:20px;cursor:pointer;background-color:",";padding:20px;border-radius:20px;background-image:",";transition:background 0.3s ease-out;position:relative;&:active,&[data-dragged='true']{cursor:grabbing !important;background-color:rgba(28,100,242,0.2);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%231C64F2FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");}@media (max-width:","){padding:18px;border:1px solid ",";background-image:none;}@media (max-width:","){padding:24px;}"],({$fullWidth:e})=>e?"width: 100%;":"",({theme:e})=>o(e.colors.grayScale.gray4,.75),({theme:e})=>`url("${"light"===e.mode?"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23CDD5DA' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23222B44FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"}")`,({theme:e})=>e.tablet.maxWidth,({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.mobile.maxWidth),r=e.div.withConfig({displayName:"styled__DropzoneFieldLabels",componentId:"sc-f0fnsu-1"})(["display:flex;justify-content:space-between;align-items:center;"]),s=e.div.withConfig({displayName:"styled__DropzoneFieldRightLabelsContainer",componentId:"sc-f0fnsu-2"})(["display:flex;align-items:flex-end;flex-direction:column;gap:8px;margin-left:auto;"]),a=e(t).attrs({variant:"body-xs-medium"}).withConfig({displayName:"styled__DropzoneFieldRightLabel",componentId:"sc-f0fnsu-3"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),n=e.div.withConfig({displayName:"styled__DropzoneFieldPlaceholder",componentId:"sc-f0fnsu-4"})(["display:flex;align-items:center;justify-content:center;position:relative;padding:20px;"]),d=e.input.withConfig({displayName:"styled__DropzoneFieldInput",componentId:"sc-f0fnsu-5"})(["cursor:pointer;position:absolute;opacity:0;inset:0;z-index:1;"]),l=e.div.withConfig({displayName:"styled__DragPreview",componentId:"sc-f0fnsu-6"})(["position:fixed;pointer-events:none;transform:translate(-50%,-50%);background:rgba(28,100,242,0.15);border:1px solid rgba(28,100,242,0.4);border-radius:8px;padding:12px 16px;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;font-size:14px;color:#1c64f2;z-index:9999;transition:opacity 0.1s ease;"]),c=e.div.withConfig({displayName:"styled__DragIcon",componentId:"sc-f0fnsu-7"})(["font-size:18px;"]);export{c as DragIcon,l as DragPreview,d as DropzoneFieldInput,r as DropzoneFieldLabels,n as DropzoneFieldPlaceholder,a as DropzoneFieldRightLabel,s as DropzoneFieldRightLabelsContainer,i as DropzoneFieldStyled};
1
+ import{styled as e}from"styled-components";import{Typography as t}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const i=e.div.withConfig({displayName:"styled__DropzoneFieldStyled",componentId:"sc-f0fnsu-0"})([""," display:flex;flex-direction:column;justify-content:stretch;gap:20px;background-color:",";padding:20px;border-radius:20px;background-image:",";transition:background 0.3s ease-out;position:relative;&:active,&[data-dragged='true']{background-color:rgba(28,100,242,0.2);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%231C64F2FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");}"],({$fullWidth:e})=>e?"width: 100%;":"",({theme:e})=>o(e.colors.grayScale.gray4,.75),({theme:e})=>`url("${"light"===e.mode?"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23CDD5DA' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23222B44FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"}")`),s=e.div.withConfig({displayName:"styled__DropzoneFieldLabels",componentId:"sc-f0fnsu-1"})(["display:flex;justify-content:space-between;align-items:center;"]),r=e.div.withConfig({displayName:"styled__DropzoneFieldRightLabelsContainer",componentId:"sc-f0fnsu-2"})(["display:flex;align-items:flex-end;flex-direction:column;gap:8px;"]),a=e(t).attrs({variant:"body-xs-medium"}).withConfig({displayName:"styled__DropzoneFieldRightLabel",componentId:"sc-f0fnsu-3"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),n=e.input.withConfig({displayName:"styled__DropzoneFieldInput",componentId:"sc-f0fnsu-4"})(["cursor:pointer;position:absolute;opacity:0;inset:0;z-index:30;"]),l=e.div.withConfig({displayName:"styled__DropzoneFieldPlaceholder",componentId:"sc-f0fnsu-5"})(["display:flex;align-items:center;justify-content:center;position:relative;padding:20px;"]);e.div.withConfig({displayName:"styled__DropzoneFieldFilesStyled",componentId:"sc-f0fnsu-6"})(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px;"]),e.div.withConfig({displayName:"styled__DropzoneFieldFile",componentId:"sc-f0fnsu-7"})(["display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:40;padding:8px 6px;border-radius:10px;border:1px solid ",";background:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray3);export{n as DropzoneFieldInput,s as DropzoneFieldLabels,l as DropzoneFieldPlaceholder,a as DropzoneFieldRightLabel,r as DropzoneFieldRightLabelsContainer,i as DropzoneFieldStyled};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bothub-chat/ui",
3
- "version": "2.50.1-feat-prompt-queue-700109fa-cd18-4875-8cdd-cd61635a646e",
3
+ "version": "2.50.1-feat-prompt-queue-c4860bfa-9d72-4f81-a1a2-7203c8663f57",
4
4
  "description": "Bothub UI Components",
5
5
  "keywords": [
6
6
  "bot",