sanity-plugin-mux-input 1.1.4 → 1.1.7

package/build/components/FileInputButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInputButton.js","names":["HiddenInput","styled","input","Label","label","handleSelect","event","onSelect","target","files","handleButtonClick","inputRef","current","click","FileInputButton","type","props","_inputId","React","useRef","uniqueId","width"],"sources":["../../src/components/FileInputButton.js"],"sourcesContent":["import {Button} from '@sanity/ui'\nimport {uniqueId} from 'lodash'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst HiddenInput = styled.input`\n  overflow: hidden;\n  width: 0.1px;\n  height: 0.1px;\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n`\n\nconst Label = styled.label`\n  position: relative;\n`\n\nconst handleSelect = ({event, onSelect}) => {\n  if (onSelect) {\n    onSelect(event.target.files)\n  }\n}\n\nconst handleButtonClick = (inputRef) => {\n  if (inputRef && inputRef.current) {\n    inputRef.current.click()\n  }\n}\n\nexport const FileInputButton = ({onSelect, type = 'file', ...props}) => {\n  const _inputId = React.useRef(uniqueId('FileSelect'))\n  const inputRef = React.useRef(null)\n  return (\n    <Label htmlFor={_inputId.current}>\n      <HiddenInput\n        ref={inputRef}\n        tabindex=\"0\"\n        type={type}\n        id={_inputId.current}\n        onChange={(event) => handleSelect({event, onSelect})}\n        value=\"\"\n      />\n      <Button\n        onClick={() => handleButtonClick(inputRef)}\n        mode=\"default\"\n        tone=\"primary\"\n        style={{width: '100%'}}\n        {...props}\n      />\n    </Label>\n  )\n}\n\nexport default FileInputButton\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAGC,yBAAA,CAAOC,KAAV,qLAAjB;;AASA,IAAMC,KAAK,GAAGF,yBAAA,CAAOG,KAAV,gGAAX;;AAIA,IAAMC,YAAY,GAAG,QAAuB;EAAA,IAArBC,KAAqB,QAArBA,KAAqB;EAAA,IAAdC,QAAc,QAAdA,QAAc;;EAC1C,IAAIA,QAAJ,EAAc;IACZA,QAAQ,CAACD,KAAK,CAACE,MAAN,CAAaC,KAAd,CAAR;EACD;AACF,CAJD;;AAMA,IAAMC,iBAAiB,GAAIC,QAAD,IAAc;EACtC,IAAIA,QAAQ,IAAIA,QAAQ,CAACC,OAAzB,EAAkC;IAChCD,QAAQ,CAACC,OAAT,CAAiBC,KAAjB;EACD;AACF,CAJD;;AAMO,IAAMC,eAAe,GAAG,SAAyC;EAAA,IAAvCP,QAAuC,SAAvCA,QAAuC;EAAA,uBAA7BQ,IAA6B;EAAA,IAA7BA,IAA6B,2BAAtB,MAAsB;EAAA,IAAXC,KAAW;;EACtE,IAAMC,QAAQ,GAAGC,cAAA,CAAMC,MAAN,CAAa,IAAAC,gBAAA,EAAS,YAAT,CAAb,CAAjB;;EACA,IAAMT,QAAQ,GAAGO,cAAA,CAAMC,MAAN,CAAa,IAAb,CAAjB;;EACA,oBACE,6BAAC,KAAD;IAAO,OAAO,EAAEF,QAAQ,CAACL;EAAzB,gBACE,6BAAC,WAAD;IACE,GAAG,EAAED,QADP;IAEE,QAAQ,EAAC,GAFX;IAGE,IAAI,EAAEI,IAHR;IAIE,EAAE,EAAEE,QAAQ,CAACL,OAJf;IAKE,QAAQ,EAAGN,KAAD,IAAWD,YAAY,CAAC;MAACC,KAAD;MAAQC;IAAR,CAAD,CALnC;IAME,KAAK,EAAC;EANR,EADF,eASE,6BAAC,UAAD;IACE,OAAO,EAAE,MAAMG,iBAAiB,CAACC,QAAD,CADlC;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,SAHP;IAIE,KAAK,EAAE;MAACU,KAAK,EAAE;IAAR;EAJT,GAKML,KALN,EATF,CADF;AAmBD,CAtBM;;;eAwBQF,e"}
+{"version":3,"file":"FileInputButton.js","names":["HiddenInput","styled","input","Label","label","FileInputButton","onSelect","props","inputId","useId","inputRef","useRef","handleSelect","useCallback","event","target","files","handleButtonClick","current","click","width"],"sources":["../../src/components/FileInputButton.tsx"],"sourcesContent":["import {useId} from '@reach/auto-id'\nimport {type ButtonProps, Button} from '@sanity/ui'\nimport React, {useCallback, useRef} from 'react'\nimport styled from 'styled-components'\n\nconst HiddenInput = styled.input`\n  overflow: hidden;\n  width: 0.1px;\n  height: 0.1px;\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n`\n\nconst Label = styled.label`\n  position: relative;\n`\n\nexport interface FileInputButtonProps extends ButtonProps {\n  onSelect: (files: FileList) => void\n}\nexport const FileInputButton = ({onSelect, ...props}: FileInputButtonProps) => {\n  const inputId = `FileSelect${useId()}`\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleSelect = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    (event) => {\n      if (onSelect) {\n        onSelect(event.target.files!)\n      }\n    },\n    [onSelect]\n  )\n  const handleButtonClick = useCallback(() => inputRef.current?.click(), [])\n  return (\n    <Label htmlFor={inputId}>\n      <HiddenInput\n        accept=\"video/*\"\n        ref={inputRef}\n        tabIndex={0}\n        type=\"file\"\n        id={inputId}\n        onChange={handleSelect}\n        value=\"\"\n      />\n      <Button\n        onClick={handleButtonClick}\n        mode=\"default\"\n        tone=\"primary\"\n        style={{width: '100%'}}\n        {...props}\n      />\n    </Label>\n  )\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAGC,yBAAA,CAAOC,KAAV,qLAAjB;;AASA,IAAMC,KAAK,GAAGF,yBAAA,CAAOG,KAAV,gGAAX;;AAOO,IAAMC,eAAe,GAAG,QAAgD;EAAA,IAA9CC,QAA8C,QAA9CA,QAA8C;EAAA,IAAjCC,KAAiC;;EAC7E,IAAMC,OAAO,uBAAgB,IAAAC,aAAA,GAAhB,CAAb;EACA,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAyB,IAAzB,CAAjB;EACA,IAAMC,YAAY,GAAG,IAAAC,kBAAA,EAClBC,KAAD,IAAW;IACT,IAAIR,QAAJ,EAAc;MACZA,QAAQ,CAACQ,KAAK,CAACC,MAAN,CAAaC,KAAd,CAAR;IACD;EACF,CALkB,EAMnB,CAACV,QAAD,CANmB,CAArB;EAQA,IAAMW,iBAAiB,GAAG,IAAAJ,kBAAA,EAAY;IAAA;;IAAA,4BAAMH,QAAQ,CAACQ,OAAf,sDAAM,kBAAkBC,KAAlB,EAAN;EAAA,CAAZ,EAA6C,EAA7C,CAA1B;EACA,oBACE,6BAAC,KAAD;IAAO,OAAO,EAAEX;EAAhB,gBACE,6BAAC,WAAD;IACE,MAAM,EAAC,SADT;IAEE,GAAG,EAAEE,QAFP;IAGE,QAAQ,EAAE,CAHZ;IAIE,IAAI,EAAC,MAJP;IAKE,EAAE,EAAEF,OALN;IAME,QAAQ,EAAEI,YANZ;IAOE,KAAK,EAAC;EAPR,EADF,eAUE,6BAAC,UAAD;IACE,OAAO,EAAEK,iBADX;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,SAHP;IAIE,KAAK,EAAE;MAACG,KAAK,EAAE;IAAR;EAJT,GAKMb,KALN,EAVF,CADF;AAoBD,CAhCM"}