sanity-plugin-mux-input 1.1.0

package/build/clients/upChunkObservable.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUpChunkObservable = createUpChunkObservable;
+
+var UpChunk = _interopRequireWildcard(require("@mux/upchunk"));
+
+var _rxjs = require("rxjs");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function createUpChunkObservable(uuid, uploadUrl, source) {
+  return new _rxjs.Observable(subscriber => {
+    var upchunk = UpChunk.createUpload({
+      endpoint: uploadUrl,
+      file: source,
+      chunkSize: 5120 // Uploads the file in ~5mb chunks
+
+    });
+
+    var successHandler = () => {
+      subscriber.next({
+        type: 'success',
+        id: uuid
+      });
+      subscriber.complete();
+    };
+
+    var errorHandler = data => subscriber.error(new Error(data.detail.message));
+
+    var progressHandler = data => {
+      return subscriber.next({
+        type: 'progress',
+        percent: data.detail
+      });
+    };
+
+    var offlineHandler = data => {
+      upchunk.pause();
+      subscriber.next({
+        type: 'pause',
+        id: uuid
+      });
+    };
+
+    var onlineHandler = data => {
+      upchunk.resume();
+      subscriber.next({
+        type: 'resume',
+        id: uuid
+      });
+    };
+
+    upchunk.on('success', successHandler);
+    upchunk.on('error', errorHandler);
+    upchunk.on('progress', progressHandler);
+    upchunk.on('offline', offlineHandler);
+    upchunk.on('online', onlineHandler);
+    return () => upchunk.abort();
+  });
+}
+//# sourceMappingURL=upChunkObservable.js.map

package/build/clients/upChunkObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/clients/upChunkObservable.js"],"names":["createUpChunkObservable","uuid","uploadUrl","source","Observable","subscriber","upchunk","UpChunk","createUpload","endpoint","file","chunkSize","successHandler","next","type","id","complete","errorHandler","data","error","Error","detail","message","progressHandler","percent","offlineHandler","pause","onlineHandler","resume","on","abort"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEO,SAASA,uBAAT,CAAiCC,IAAjC,EAAuCC,SAAvC,EAAkDC,MAAlD,EAA0D;AAC/D,SAAO,IAAIC,gBAAJ,CAAgBC,UAAD,IAAgB;AACpC,QAAMC,OAAO,GAAGC,OAAO,CAACC,YAAR,CAAqB;AACnCC,MAAAA,QAAQ,EAAEP,SADyB;AAEnCQ,MAAAA,IAAI,EAAEP,MAF6B;AAGnCQ,MAAAA,SAAS,EAAE,IAHwB,CAGlB;;AAHkB,KAArB,CAAhB;;AAMA,QAAMC,cAAc,GAAG,MAAM;AAC3BP,MAAAA,UAAU,CAACQ,IAAX,CAAgB;AACdC,QAAAA,IAAI,EAAE,SADQ;AAEdC,QAAAA,EAAE,EAAEd;AAFU,OAAhB;AAIAI,MAAAA,UAAU,CAACW,QAAX;AACD,KAND;;AAQA,QAAMC,YAAY,GAAIC,IAAD,IAAUb,UAAU,CAACc,KAAX,CAAiB,IAAIC,KAAJ,CAAUF,IAAI,CAACG,MAAL,CAAYC,OAAtB,CAAjB,CAA/B;;AAEA,QAAMC,eAAe,GAAIL,IAAD,IAAU;AAChC,aAAOb,UAAU,CAACQ,IAAX,CAAgB;AAACC,QAAAA,IAAI,EAAE,UAAP;AAAmBU,QAAAA,OAAO,EAAEN,IAAI,CAACG;AAAjC,OAAhB,CAAP;AACD,KAFD;;AAIA,QAAMI,cAAc,GAAIP,IAAD,IAAU;AAC/BZ,MAAAA,OAAO,CAACoB,KAAR;AACArB,MAAAA,UAAU,CAACQ,IAAX,CAAgB;AACdC,QAAAA,IAAI,EAAE,OADQ;AAEdC,QAAAA,EAAE,EAAEd;AAFU,OAAhB;AAID,KAND;;AAQA,QAAM0B,aAAa,GAAIT,IAAD,IAAU;AAC9BZ,MAAAA,OAAO,CAACsB,MAAR;AACAvB,MAAAA,UAAU,CAACQ,IAAX,CAAgB;AACdC,QAAAA,IAAI,EAAE,QADQ;AAEdC,QAAAA,EAAE,EAAEd;AAFU,OAAhB;AAID,KAND;;AAQAK,IAAAA,OAAO,CAACuB,EAAR,CAAW,SAAX,EAAsBjB,cAAtB;AACAN,IAAAA,OAAO,CAACuB,EAAR,CAAW,OAAX,EAAoBZ,YAApB;AACAX,IAAAA,OAAO,CAACuB,EAAR,CAAW,UAAX,EAAuBN,eAAvB;AACAjB,IAAAA,OAAO,CAACuB,EAAR,CAAW,SAAX,EAAsBJ,cAAtB;AACAnB,IAAAA,OAAO,CAACuB,EAAR,CAAW,QAAX,EAAqBF,aAArB;AAEA,WAAO,MAAMrB,OAAO,CAACwB,KAAR,EAAb;AACD,GA5CM,CAAP;AA6CD","sourcesContent":["import * as UpChunk from '@mux/upchunk'\r\nimport {Observable} from 'rxjs'\r\n\r\nexport function createUpChunkObservable(uuid, uploadUrl, source) {\r\n  return new Observable((subscriber) => {\r\n    const upchunk = UpChunk.createUpload({\r\n      endpoint: uploadUrl,\r\n      file: source,\r\n      chunkSize: 5120, // Uploads the file in ~5mb chunks\r\n    })\r\n\r\n    const successHandler = () => {\r\n      subscriber.next({\r\n        type: 'success',\r\n        id: uuid,\r\n      })\r\n      subscriber.complete()\r\n    }\r\n\r\n    const errorHandler = (data) => subscriber.error(new Error(data.detail.message))\r\n\r\n    const progressHandler = (data) => {\r\n      return subscriber.next({type: 'progress', percent: data.detail})\r\n    }\r\n\r\n    const offlineHandler = (data) => {\r\n      upchunk.pause()\r\n      subscriber.next({\r\n        type: 'pause',\r\n        id: uuid,\r\n      })\r\n    }\r\n\r\n    const onlineHandler = (data) => {\r\n      upchunk.resume()\r\n      subscriber.next({\r\n        type: 'resume',\r\n        id: uuid,\r\n      })\r\n    }\r\n\r\n    upchunk.on('success', successHandler)\r\n    upchunk.on('error', errorHandler)\r\n    upchunk.on('progress', progressHandler)\r\n    upchunk.on('offline', offlineHandler)\r\n    upchunk.on('online', onlineHandler)\r\n\r\n    return () => upchunk.abort()\r\n  })\r\n}\r\n"],"file":"upChunkObservable.js"}

package/build/components/FileInputButton.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FileInputButton = void 0;
+
+var _ui = require("@sanity/ui");
+
+var _lodash = require("lodash");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _excluded = ["onSelect", "type"];
+
+var _templateObject, _templateObject2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var HiddenInput = _styledComponents.default.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n  width: 0.1px;\n  height: 0.1px;\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n"])));
+
+var Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+
+var handleSelect = _ref => {
+  var event = _ref.event,
+      onSelect = _ref.onSelect;
+
+  if (onSelect) {
+    onSelect(event.target.files);
+  }
+};
+
+var handleButtonClick = inputRef => {
+  if (inputRef && inputRef.current) {
+    inputRef.current.click();
+  }
+};
+
+var FileInputButton = _ref2 => {
+  var onSelect = _ref2.onSelect,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'file' : _ref2$type,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var _inputId = _react.default.useRef((0, _lodash.uniqueId)('FileSelect'));
+
+  var inputRef = _react.default.useRef(null);
+
+  return /*#__PURE__*/_react.default.createElement(Label, {
+    htmlFor: _inputId.current
+  }, /*#__PURE__*/_react.default.createElement(HiddenInput, {
+    ref: inputRef,
+    tabindex: "0",
+    type: type,
+    id: _inputId.current,
+    onChange: event => handleSelect({
+      event,
+      onSelect
+    }),
+    value: ""
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, _extends({
+    onClick: () => handleButtonClick(inputRef),
+    mode: "default",
+    tone: "primary",
+    style: {
+      width: '100%'
+    }
+  }, props)));
+};
+
+exports.FileInputButton = FileInputButton;
+var _default = FileInputButton;
+exports.default = _default;
+//# sourceMappingURL=FileInputButton.js.map

package/build/components/FileInputButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FileInputButton.js"],"names":["HiddenInput","styled","input","Label","label","handleSelect","event","onSelect","target","files","handleButtonClick","inputRef","current","click","FileInputButton","type","props","_inputId","React","useRef","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAGC,0BAAOC,KAAV,qLAAjB;;AASA,IAAMC,KAAK,GAAGF,0BAAOG,KAAV,gGAAX;;AAIA,IAAMC,YAAY,GAAG,QAAuB;AAAA,MAArBC,KAAqB,QAArBA,KAAqB;AAAA,MAAdC,QAAc,QAAdA,QAAc;;AAC1C,MAAIA,QAAJ,EAAc;AACZA,IAAAA,QAAQ,CAACD,KAAK,CAACE,MAAN,CAAaC,KAAd,CAAR;AACD;AACF,CAJD;;AAMA,IAAMC,iBAAiB,GAAIC,QAAD,IAAc;AACtC,MAAIA,QAAQ,IAAIA,QAAQ,CAACC,OAAzB,EAAkC;AAChCD,IAAAA,QAAQ,CAACC,OAAT,CAAiBC,KAAjB;AACD;AACF,CAJD;;AAMO,IAAMC,eAAe,GAAG,SAAyC;AAAA,MAAvCP,QAAuC,SAAvCA,QAAuC;AAAA,yBAA7BQ,IAA6B;AAAA,MAA7BA,IAA6B,2BAAtB,MAAsB;AAAA,MAAXC,KAAW;;AACtE,MAAMC,QAAQ,GAAGC,eAAMC,MAAN,CAAa,sBAAS,YAAT,CAAb,CAAjB;;AACA,MAAMR,QAAQ,GAAGO,eAAMC,MAAN,CAAa,IAAb,CAAjB;;AACA,sBACE,6BAAC,KAAD;AAAO,IAAA,OAAO,EAAEF,QAAQ,CAACL;AAAzB,kBACE,6BAAC,WAAD;AACE,IAAA,GAAG,EAAED,QADP;AAEE,IAAA,QAAQ,EAAC,GAFX;AAGE,IAAA,IAAI,EAAEI,IAHR;AAIE,IAAA,EAAE,EAAEE,QAAQ,CAACL,OAJf;AAKE,IAAA,QAAQ,EAAGN,KAAD,IAAWD,YAAY,CAAC;AAACC,MAAAA,KAAD;AAAQC,MAAAA;AAAR,KAAD,CALnC;AAME,IAAA,KAAK,EAAC;AANR,IADF,eASE,6BAAC,UAAD;AACE,IAAA,OAAO,EAAE,MAAMG,iBAAiB,CAACC,QAAD,CADlC;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,IAAI,EAAC,SAHP;AAIE,IAAA,KAAK,EAAE;AAACS,MAAAA,KAAK,EAAE;AAAR;AAJT,KAKMJ,KALN,EATF,CADF;AAmBD,CAtBM;;;eAwBQF,e","sourcesContent":["import {Button} from '@sanity/ui'\r\nimport {uniqueId} from 'lodash'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nconst HiddenInput = styled.input`\r\n  overflow: hidden;\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  position: absolute;\r\n  z-index: -1;\r\n`\r\n\r\nconst Label = styled.label`\r\n  position: relative;\r\n`\r\n\r\nconst handleSelect = ({event, onSelect}) => {\r\n  if (onSelect) {\r\n    onSelect(event.target.files)\r\n  }\r\n}\r\n\r\nconst handleButtonClick = (inputRef) => {\r\n  if (inputRef && inputRef.current) {\r\n    inputRef.current.click()\r\n  }\r\n}\r\n\r\nexport const FileInputButton = ({onSelect, type = 'file', ...props}) => {\r\n  const _inputId = React.useRef(uniqueId('FileSelect'))\r\n  const inputRef = React.useRef(null)\r\n  return (\r\n    <Label htmlFor={_inputId.current}>\r\n      <HiddenInput\r\n        ref={inputRef}\r\n        tabindex=\"0\"\r\n        type={type}\r\n        id={_inputId.current}\r\n        onChange={(event) => handleSelect({event, onSelect})}\r\n        value=\"\"\r\n      />\r\n      <Button\r\n        onClick={() => handleButtonClick(inputRef)}\r\n        mode=\"default\"\r\n        tone=\"primary\"\r\n        style={{width: '100%'}}\r\n        {...props}\r\n      />\r\n    </Label>\r\n  )\r\n}\r\n\r\nexport default FileInputButton\r\n"],"file":"FileInputButton.js"}

package/build/components/Input.css

@@ -0,0 +1,30 @@
+@import 'part:@sanity/base/theme/variables-style';
+
+.formField {
+  display: inline-block;
+}
+
+.setupButtonContainer {
+  position: relative;
+  display: block;
+  font-size: 0.8em;
+  transform: translate(0%, -10%);
+}
+
+.cancelRemoveVideoButton {
+  display: inline-block;
+  position: relative;
+  left: var(--small-padding);
+}
+
+.confirmDeletePopoverButtons {
+  margin-bottom: var(--medium-padding);
+}
+
+.thumbPreview {
+  border: 1px solid var(--gray);
+}
+
+.deleteCheckboxRow:not(:last-child) {
+  margin-bottom: 0.5rem;
+}