@bigbinary/neeto-editor 1.38.10 → 1.38.12

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 (38) hide show
  1. package/dist/Attachments.js +3 -3
  2. package/dist/Editor.js +6 -4
  3. package/dist/Editor.js.map +1 -1
  4. package/dist/FormikEditor.js +3 -3
  5. package/dist/Menu.js +2 -2
  6. package/dist/{chunk-5c874a66.js → chunk-17c1b4e1.js} +23 -13
  7. package/dist/chunk-17c1b4e1.js.map +1 -0
  8. package/dist/{chunk-8199190a.js → chunk-32e353fe.js} +859 -15
  9. package/dist/chunk-32e353fe.js.map +1 -0
  10. package/dist/{chunk-785530ec.js → chunk-8b1f773d.js} +4 -4
  11. package/dist/{chunk-785530ec.js.map → chunk-8b1f773d.js.map} +1 -1
  12. package/dist/chunk-b66ef3a3.js +513 -0
  13. package/dist/chunk-b66ef3a3.js.map +1 -0
  14. package/dist/cjs/Attachments.cjs.js +3 -3
  15. package/dist/cjs/Editor.cjs.js +8 -6
  16. package/dist/cjs/Editor.cjs.js.map +1 -1
  17. package/dist/cjs/FormikEditor.cjs.js +3 -3
  18. package/dist/cjs/Menu.cjs.js +2 -2
  19. package/dist/cjs/{chunk-7d9a9ed1.cjs.js → chunk-938306ec.cjs.js} +852 -4
  20. package/dist/cjs/chunk-938306ec.cjs.js.map +1 -0
  21. package/dist/cjs/chunk-b5a7673a.cjs.js +529 -0
  22. package/dist/cjs/chunk-b5a7673a.cjs.js.map +1 -0
  23. package/dist/cjs/{chunk-969635f1.cjs.js → chunk-eb6c9e4e.cjs.js} +101 -101
  24. package/dist/cjs/{chunk-969635f1.cjs.js.map → chunk-eb6c9e4e.cjs.js.map} +1 -1
  25. package/dist/cjs/{chunk-534531c3.cjs.js → chunk-fd7976a0.cjs.js} +28 -18
  26. package/dist/cjs/chunk-fd7976a0.cjs.js.map +1 -0
  27. package/dist/cjs/index.cjs.js +5 -5
  28. package/dist/editor-stats.html +1 -1
  29. package/dist/index.js +5 -5
  30. package/package.json +1 -1
  31. package/dist/chunk-5c874a66.js.map +0 -1
  32. package/dist/chunk-8199190a.js.map +0 -1
  33. package/dist/chunk-b6d4a09a.js +0 -1356
  34. package/dist/chunk-b6d4a09a.js.map +0 -1
  35. package/dist/cjs/chunk-534531c3.cjs.js.map +0 -1
  36. package/dist/cjs/chunk-5b0bae44.cjs.js +0 -1373
  37. package/dist/cjs/chunk-5b0bae44.cjs.js.map +0 -1
  38. package/dist/cjs/chunk-7d9a9ed1.cjs.js.map +0 -1
@@ -1,1373 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
5
- var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
6
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
- var _regeneratorRuntime = require('@babel/runtime/regenerator');
8
- var React = require('react');
9
- var classnames = require('classnames');
10
- var neetoCist = require('@bigbinary/neeto-cist');
11
- var neetoui = require('@bigbinary/neetoui');
12
- var ramda = require('ramda');
13
- var reactI18next = require('react-i18next');
14
- var index = require('./chunk-7d9a9ed1.cjs.js');
15
- var injectCss = require('./chunk-da9ee471.cjs.js');
16
- var utils = require('@bigbinary/neeto-commons-frontend/utils');
17
- var neetoIcons = require('@bigbinary/neeto-icons');
18
- var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
19
- var constants = require('./chunk-d5fbc51f.cjs.js');
20
- var _extends = require('@babel/runtime/helpers/extends');
21
- var _commonjsHelpers = require('./chunk-1b36f0ca.cjs.js');
22
- var axios = require('axios');
23
-
24
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
-
26
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
27
- var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
28
- var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
29
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
30
- var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
31
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
33
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
34
- var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
35
-
36
- var css = ".ne-attachments{display:flex;flex-direction:column;gap:8px}.ne-attachments__items{display:flex;flex-wrap:wrap;gap:8px}.ne-attachments__preview{align-items:center;background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-200));border-radius:var(--neeto-ui-rounded-sm);display:flex;justify-content:space-between;padding:4px 2px 4px 8px;width:256px}.ne-attachments__preview-wrapper{display:flex;gap:8px;width:88%}.ne-attachments__preview-wrapper__icon{height:auto;width:15px}.ne-attachments__preview-wrapper p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:92%}.ne-attachments__preview-wrapper:hover{cursor:pointer}.ne-attachments__preview__progress{display:flex;gap:4px;justify-content:space-between;opacity:.5;width:76%}.ne-attachments__preview__progress p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.ne-attachments__preview__progress p:nth-child(2){flex-shrink:0;width:-moz-fit-content;width:fit-content}.ne-attachments__preview__progress-icon{height:auto;width:15px}.ne-attachments__preview:hover{box-shadow:0 0 0 1px rgb(var(--neeto-ui-gray-400))}.ne-attachments input[type=file]{display:none}.ne-attachments-preview{display:flex;flex-direction:column;gap:8px}.ne-attachments-preview__header{border-bottom:1px solid rgb(var(--neeto-ui-gray-200));display:flex;flex-direction:row;gap:8px;margin-bottom:8px}.ne-attachments-preview__header__fileinfo{align-items:flex-end;border-right:1px solid rgb(var(--neeto-ui-gray-200));display:flex;gap:4px;padding-right:6px}.ne-attachments-preview__header__fileinfo h3{font-weight:500}.ne-attachments-preview__body{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:10px;padding-bottom:8px!important;position:relative;width:100vw}.ne-attachments-preview__body-download{color:rgb(var(--neeto-ui-accent-800));cursor:pointer}.ne-attachments-preview__body-docviewer{height:100%;width:100%}.ne-attachments-preview__body img{max-height:100%;max-width:100%}.ne-attachments-preview__body video{height:100%;width:100%}.ne-attachments-preview__body iframe{height:100%;padding:0 8px;width:100%}.ne-attachments-preview__body-left,.ne-attachments-preview__body-right{position:absolute!important;top:50%;transform:translateY(-50%);z-index:1}.ne-attachments-preview__body-left:hover,.ne-attachments-preview__body-right:hover{background-color:rgba(var(--neeto-ui-gray-100),.4)!important;cursor:pointer}.ne-attachments-preview__body-left{left:24px}.ne-attachments-preview__body-right{right:24px}.ne-attachments .attachment-button-loader{scale:.5;width:26px!important}.ne-attachments--integrated{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:0 0 var(--neeto-ui-rounded) var(--neeto-ui-rounded);border-top:none;padding:0 6px}.ne-attachments__wrapper{position:relative}.ne-attachments__wrapper.is-dragging-over-files:after{align-items:center;background-color:rgba(var(--neeto-ui-gray-300),.5);border:3px dashed rgb(var(--neeto-ui-gray-500));border-radius:5px;color:rgb(var(--neeto-ui-gray-600));content:\"Drop the file here\";display:flex;font-size:1.2rem;font-weight:700;inset:7px;justify-content:center;position:absolute}";
37
- injectCss.n(css,{});
38
-
39
- var DEFAULT_FILE_UPLOAD_CONFIG = {
40
- directUploadEndpoint: constants.DIRECT_UPLOAD_ENDPOINT,
41
- restrictions: {
42
- maxFileSize: initializers.globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024
43
- }
44
- };
45
- var ATTACHMENT_OPTIONS = {
46
- DOWNLOAD: "Download",
47
- RENAME: "Rename",
48
- DELETE: "Delete"
49
- };
50
- var ATTACHMENTS_PREVIEW_DATA_CY = "ne-attachments-preview-content";
51
-
52
- var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return (r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return {r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return {r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return {h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return {r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return {h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return {h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e;},c=function(r){return {h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u;},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return {h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return [e,t[n][1]]}return [null,void 0]},x=function(r){return "string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},M=function(r,t){var n=c(r);return {h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return (299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return {h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1};}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i;},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u;},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u;},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r;},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r;},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return "number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t;},r.prototype.hue=function(r){var t=c(this.rgba);return "number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r));});};
53
-
54
- function namesPlugin(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return "transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g);}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"]);}
55
-
56
- /**
57
- * lodash (Custom Build) <https://lodash.com/>
58
- * Build: `lodash modularize exports="npm" -o ./`
59
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
60
- * Released under MIT license <https://lodash.com/license>
61
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
62
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
63
- */
64
-
65
- /** Used as references for various `Number` constants. */
66
- var INFINITY = 1 / 0;
67
-
68
- /** `Object#toString` result references. */
69
- var symbolTag = '[object Symbol]';
70
-
71
- /** Detect free variable `global` from Node.js. */
72
- var freeGlobal = typeof _commonjsHelpers.commonjsGlobal == 'object' && _commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.Object === Object && _commonjsHelpers.commonjsGlobal;
73
-
74
- /** Detect free variable `self`. */
75
- var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
76
-
77
- /** Used as a reference to the global object. */
78
- var root = freeGlobal || freeSelf || Function('return this')();
79
-
80
- /** Used for built-in method references. */
81
- var objectProto = Object.prototype;
82
-
83
- /** Used to generate unique IDs. */
84
- var idCounter = 0;
85
-
86
- /**
87
- * Used to resolve the
88
- * [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
89
- * of values.
90
- */
91
- var objectToString = objectProto.toString;
92
-
93
- /** Built-in value references. */
94
- var Symbol = root.Symbol;
95
-
96
- /** Used to convert symbols to primitives and strings. */
97
- var symbolProto = Symbol ? Symbol.prototype : undefined,
98
- symbolToString = symbolProto ? symbolProto.toString : undefined;
99
-
100
- /**
101
- * The base implementation of `_.toString` which doesn't convert nullish
102
- * values to empty strings.
103
- *
104
- * @private
105
- * @param {*} value The value to process.
106
- * @returns {string} Returns the string.
107
- */
108
- function baseToString(value) {
109
- // Exit early for strings to avoid a performance hit in some environments.
110
- if (typeof value == 'string') {
111
- return value;
112
- }
113
- if (isSymbol(value)) {
114
- return symbolToString ? symbolToString.call(value) : '';
115
- }
116
- var result = (value + '');
117
- return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
118
- }
119
-
120
- /**
121
- * Checks if `value` is object-like. A value is object-like if it's not `null`
122
- * and has a `typeof` result of "object".
123
- *
124
- * @static
125
- * @memberOf _
126
- * @since 4.0.0
127
- * @category Lang
128
- * @param {*} value The value to check.
129
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
130
- * @example
131
- *
132
- * _.isObjectLike({});
133
- * // => true
134
- *
135
- * _.isObjectLike([1, 2, 3]);
136
- * // => true
137
- *
138
- * _.isObjectLike(_.noop);
139
- * // => false
140
- *
141
- * _.isObjectLike(null);
142
- * // => false
143
- */
144
- function isObjectLike(value) {
145
- return !!value && typeof value == 'object';
146
- }
147
-
148
- /**
149
- * Checks if `value` is classified as a `Symbol` primitive or object.
150
- *
151
- * @static
152
- * @memberOf _
153
- * @since 4.0.0
154
- * @category Lang
155
- * @param {*} value The value to check.
156
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
157
- * @example
158
- *
159
- * _.isSymbol(Symbol.iterator);
160
- * // => true
161
- *
162
- * _.isSymbol('abc');
163
- * // => false
164
- */
165
- function isSymbol(value) {
166
- return typeof value == 'symbol' ||
167
- (isObjectLike(value) && objectToString.call(value) == symbolTag);
168
- }
169
-
170
- /**
171
- * Converts `value` to a string. An empty string is returned for `null`
172
- * and `undefined` values. The sign of `-0` is preserved.
173
- *
174
- * @static
175
- * @memberOf _
176
- * @since 4.0.0
177
- * @category Lang
178
- * @param {*} value The value to process.
179
- * @returns {string} Returns the string.
180
- * @example
181
- *
182
- * _.toString(null);
183
- * // => ''
184
- *
185
- * _.toString(-0);
186
- * // => '-0'
187
- *
188
- * _.toString([1, 2, 3]);
189
- * // => '1,2,3'
190
- */
191
- function toString(value) {
192
- return value == null ? '' : baseToString(value);
193
- }
194
-
195
- /**
196
- * Generates a unique ID. If `prefix` is given, the ID is appended to it.
197
- *
198
- * @static
199
- * @since 0.1.0
200
- * @memberOf _
201
- * @category Util
202
- * @param {string} [prefix=''] The value to prefix the ID with.
203
- * @returns {string} Returns the unique ID.
204
- * @example
205
- *
206
- * _.uniqueId('contact_');
207
- * // => 'contact_104'
208
- *
209
- * _.uniqueId();
210
- * // => '105'
211
- */
212
- function uniqueId(prefix) {
213
- var id = ++idCounter;
214
- return toString(prefix) + id;
215
- }
216
-
217
- var lodash_uniqueid = uniqueId;
218
-
219
- var uniqueId$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_uniqueid);
220
-
221
- var glyphs = {
222
- '3d': /*#__PURE__*/React__default["default"].createElement("path", {
223
- d: "M18 14.625V3.375L9 0 0 3.375v11.25L9 18l9-3.375zM9 2.136l5.918 2.22-5.98 2.242-5.919-2.22L9 2.137zM2 13.239V5.065l6.438 2.414v8.174L2 13.24zM9.438 15.7L16 13.239V5.018l-6.563 2.46V15.7z",
224
- transform: "translate(15 10)",
225
- fillRule: "evenodd"
226
- }),
227
- acrobat: /*#__PURE__*/React__default["default"].createElement("path", {
228
- d: "M10.15 1.095C9.938.33 9.42-.051 8.984.005c-.528.068-1.09.382-1.314.876-.63 1.416.685 5.582.887 6.279-1.28 3.863-5.66 11.5-7.806 12.017-.045-.505.225-1.965 3.055-3.785.146-.157.315-.348.393-.472-2.392 1.168-5.492 3.044-3.628 4.448.102.079.259.146.439.213 1.426.528 3.425-1.201 5.435-5.121 2.213-.73 3.999-1.28 6.526-1.662 2.762 1.875 4.616 2.257 5.874 1.774.348-.135.898-.573 1.055-1.145-1.022 1.258-3.414.382-5.323-.82 1.763-.191 3.582-.303 4.369-.056 1 .314.965.808.954.876.079-.27.191-.708-.022-1.056-.842-1.37-4.706-.573-6.11-.427-2.212-1.336-3.74-3.717-4.358-5.436.573-2.212 1.19-3.818.742-5.413zm-.954 4.638C8.826 4.42 8.309 1.5 9.14.556c1.628.932.618 3.144.056 5.177zm3.044 6.514c-2.134.393-3.583.944-5.66 1.764.617-1.202 1.785-4.268 2.346-6.29.787 1.573 1.741 3.111 3.314 4.526z",
229
- transform: "translate(14 9)",
230
- fillRule: "evenodd"
231
- }),
232
- android: /*#__PURE__*/React__default["default"].createElement("path", {
233
- d: "M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z",
234
- transform: "translate(12 8)"
235
- }),
236
- audio: /*#__PURE__*/React__default["default"].createElement("path", {
237
- d: "M.25 4.75v4.5h3L7 13V1L3.25 4.75h-3zM10.375 7A3.375 3.375 0 0 0 8.5 3.977v6.037A3.355 3.355 0 0 0 10.375 7zM8.5.421v1.545A5.254 5.254 0 0 1 12.25 7a5.254 5.254 0 0 1-3.75 5.032v1.545A6.747 6.747 0 0 0 13.75 7 6.747 6.747 0 0 0 8.5.421z",
238
- transform: "translate(17 12)",
239
- fillRule: "evenodd"
240
- }),
241
- binary: /*#__PURE__*/React__default["default"].createElement("path", {
242
- d: "M2.338 6.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504C1.274.928.538 2 .538 3.608c0 1.56.576 2.504 1.8 2.504zM1.61 3.408c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zM2.418 5.2c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568zm7.03.8l.088-.944H8.36V.896L7.272.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zm5.199 0l.088-.944h-1.176V.896L12.47.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zM4.25 14l.088-.944H3.162v-4.16l-1.088.088v.592L.89 9.688l.024.824h1.16v2.544H.754V14zm5.198 0l.088-.944H8.36v-4.16l-1.088.088v.592l-1.184.112.024.824h1.16v2.544h-1.32V14zm3.287.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504-1.192 0-1.928 1.072-1.928 2.68 0 1.56.576 2.504 1.8 2.504zm-.728-2.704c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zm.808 1.792c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568z",
243
- transform: "translate(16 11)",
244
- fillRule: "evenodd"
245
- }),
246
- code: /*#__PURE__*/React__default["default"].createElement("path", {
247
- d: "M4.078 13.67c-1.875-.527-2.812-1.738-2.812-3.634V9.49C1.266 8.437.844 7.911 0 7.911V6.138c.844 0 1.266-.529 1.266-1.586v-.64c.015-.938.257-1.696.726-2.274C2.466 1.06 3.162.64 4.078.38l.492 1.375c-.656.25-.997.95-1.023 2.102v.695c0 1.167-.482 1.99-1.445 2.469.963.479 1.445 1.304 1.445 2.476v.688c.026 1.15.367 1.851 1.023 2.101l-.492 1.383zm7.844 0c1.875-.527 2.812-1.738 2.812-3.634V9.49c0-1.052.422-1.578 1.266-1.578V6.138c-.844 0-1.266-.529-1.266-1.586v-.64c-.015-.938-.257-1.696-.726-2.274-.474-.578-1.17-.998-2.086-1.258l-.492 1.375c.656.25.997.95 1.023 2.102v.695c0 1.167.482 1.99 1.445 2.469-.963.479-1.445 1.304-1.445 2.476v.688c-.026 1.15-.367 1.851-1.023 2.101l.492 1.383z",
248
- transform: "translate(16 13)",
249
- fillRule: "evenodd"
250
- }),
251
- code2: /*#__PURE__*/React__default["default"].createElement("path", {
252
- d: "M7.4 10.6L2.8 6l4.6-4.6L6 0 0 6l6 6 1.4-1.4zm5.2 0L17.2 6l-4.6-4.6L14 0l6 6-6 6-1.4-1.4z",
253
- transform: "translate(14 14)",
254
- fillRule: "evenodd"
255
- }),
256
- compressed: /*#__PURE__*/React__default["default"].createElement("path", {
257
- d: "M.25 0A.25.25 0 0 0 0 .25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 1.75V.25A.25.25 0 0 0 1.75 0H.25zM1 17a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1zm0 4v3h2v-3H1zM2 2.25A.25.25 0 0 1 2.25 2h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 3.75v-1.5zM.25 4a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 5.75v-1.5A.25.25 0 0 0 1.75 4H.25zM2 6.25A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 7.75v-1.5zM.25 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 9.75v-1.5A.25.25 0 0 0 1.75 8H.25zM2 10.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM.25 12a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25H.25zM2 14.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5z",
258
- transform: "translate(15 1)",
259
- fillRule: "evenodd"
260
- }),
261
- document: /*#__PURE__*/React__default["default"].createElement("path", {
262
- d: "M12 4H0v2h12V4zM0 10h18V8H0v2zM0 0v2h18V0H0z",
263
- transform: "translate(15 15)",
264
- fillRule: "evenodd"
265
- }),
266
- drive: /*#__PURE__*/React__default["default"].createElement("path", {
267
- d: "M2.199.289A.5.5 0 0 1 2.652 0h8.696a.5.5 0 0 1 .453.289l1.867 4a.5.5 0 0 1-.453.711H.785a.5.5 0 0 1-.453-.711l1.867-4zM13 6H1a.752.752 0 0 0-.75.75v4.5c0 .412.338.75.75.75h12c.412 0 .75-.338.75-.75v-4.5A.752.752 0 0 0 13 6zm-9.75 4.5c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5z",
268
- transform: "translate(17 13)",
269
- fillRule: "evenodd"
270
- }),
271
- font: /*#__PURE__*/React__default["default"].createElement("path", {
272
- d: "M3.722 8.702l-.686 1.89c-.053.14-.094.28-.123.421-.03.135-.044.252-.044.352 0 .304.097.527.29.668.2.14.501.21.905.21h.414V13H.083v-.756h.343c.176 0 .325-.018.448-.053a.81.81 0 0 0 .334-.22c.1-.105.193-.249.281-.43.094-.182.197-.416.308-.704L5.787.15h1.406l4.07 11.136c.07.187.14.343.21.466.077.123.165.222.264.298.1.07.214.12.343.15.129.03.281.044.457.044h.237V13H7.826v-.756h.413c.72 0 1.081-.287 1.081-.862 0-.1-.014-.202-.044-.307a3.274 3.274 0 0 0-.105-.36l-.72-2.013H3.72zM7.009 4.65c-.188-.533-.36-1.031-.519-1.494a15.92 15.92 0 0 1-.378-1.354 7.12 7.12 0 0 1-.15.633 16.95 16.95 0 0 1-.395 1.283c-.082.229-.175.484-.28.765L4.063 7.796h4.061L7.009 4.65zm8.411 5.74c0 .562.117.984.351 1.265.24.275.61.413 1.108.413.363 0 .691-.059.984-.176.3-.117.551-.284.756-.5.211-.218.372-.481.483-.792.112-.31.168-.656.168-1.037V8.104l-1.152.053c-.51.023-.937.088-1.283.193-.34.1-.615.243-.826.43a1.546 1.546 0 0 0-.457.678c-.088.27-.132.58-.132.931zm2.18-6.32c-.346 0-.627.05-.844.15a1.182 1.182 0 0 0-.501.404 1.594 1.594 0 0 0-.237.624c-.041.24-.062.5-.062.782-.498 0-.879-.085-1.143-.255-.257-.17-.386-.463-.386-.879 0-.31.085-.574.255-.79.17-.218.401-.393.694-.528.299-.14.644-.243 1.037-.308a7.76 7.76 0 0 1 1.257-.097c.55 0 1.031.056 1.441.167.41.106.753.282 1.029.528.275.246.48.568.615.967.14.392.21.876.21 1.45v4.667c0 .252.021.46.062.624a.928.928 0 0 0 .194.395c.088.1.202.17.343.211.146.041.319.062.518.062h.053V13H19.7l-.281-1.547h-.15c-.187.252-.369.483-.544.694-.176.211-.37.393-.58.545-.211.152-.452.27-.721.352a3.053 3.053 0 0 1-.958.131c-.399 0-.77-.058-1.116-.175a2.369 2.369 0 0 1-.888-.519 2.516 2.516 0 0 1-.58-.896c-.14-.364-.211-.791-.211-1.284 0-.955.34-1.664 1.02-2.127.68-.462 1.707-.714 3.084-.755l1.495-.053V6.285a6.93 6.93 0 0 0-.053-.888 1.778 1.778 0 0 0-.229-.703 1.14 1.14 0 0 0-.51-.457c-.216-.111-.51-.167-.878-.167z",
273
- transform: "translate(13 12)",
274
- fillRule: "evenodd"
275
- }),
276
- image: /*#__PURE__*/React__default["default"].createElement("path", {
277
- d: "M13 0L9.25 5l2.85 3.8-1.6 1.2C8.81 7.75 6 4 6 4l-6 8h22L13 0z",
278
- transform: "translate(13 14)",
279
- fillRule: "evenodd"
280
- }),
281
- presentation: /*#__PURE__*/React__default["default"].createElement("path", {
282
- d: "M2 4H0v10c0 1.1.9 2 2 2h14v-2H2V4zm16-4H6C4.9 0 4 .9 4 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 10H6V2h12v8z",
283
- transform: "matrix(-1 0 0 1 34 12)",
284
- fillRule: "evenodd"
285
- }),
286
- settings: /*#__PURE__*/React__default["default"].createElement("path", {
287
- d: "M13.572 8.735c.03-.24.053-.48.053-.735s-.023-.495-.053-.735l1.583-1.237a.378.378 0 0 0 .09-.48l-1.5-2.595a.377.377 0 0 0-.457-.165l-1.868.75a5.48 5.48 0 0 0-1.268-.735L9.868.815A.366.366 0 0 0 9.5.5h-3a.366.366 0 0 0-.367.315l-.285 1.988a5.762 5.762 0 0 0-1.268.735l-1.868-.75a.366.366 0 0 0-.457.165l-1.5 2.595a.37.37 0 0 0 .09.48l1.583 1.237c-.03.24-.053.488-.053.735 0 .248.022.495.053.735L.845 9.973a.378.378 0 0 0-.09.48l1.5 2.595c.09.165.292.225.458.165l1.867-.75c.39.3.81.547 1.268.735l.285 1.987c.022.18.18.315.367.315h3a.366.366 0 0 0 .367-.315l.285-1.988a5.762 5.762 0 0 0 1.268-.734l1.867.75c.173.067.368 0 .458-.165l1.5-2.595a.378.378 0 0 0-.09-.48l-1.582-1.238zM8 10.625A2.628 2.628 0 0 1 5.375 8 2.628 2.628 0 0 1 8 5.375 2.628 2.628 0 0 1 10.625 8 2.628 2.628 0 0 1 8 10.625z",
288
- transform: "translate(16 11)",
289
- fillRule: "evenodd"
290
- }),
291
- spreadsheet: /*#__PURE__*/React__default["default"].createElement("path", {
292
- d: "M0 8h6V5H0v3zm0 5h6v-3H0v3zM0 3h6V0H0v3zm8 5h12V5H8v3zm0 5h12v-3H8v3zM8 0v3h12V0H8z",
293
- transform: "translate(14 14)",
294
- fillRule: "evenodd"
295
- }),
296
- vector: /*#__PURE__*/React__default["default"].createElement("path", {
297
- d: "M14.5 2V1a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1H3.937a2 2 0 1 0 0 1h3.936A9 9 0 0 0 3 11v1h2v-1a7.003 7.003 0 0 1 4.594-6.576A1 1 0 0 0 10.5 5h3a1 1 0 0 0 .906-.576A7.003 7.003 0 0 1 19 11v1h2v-1a9 9 0 0 0-4.873-8h3.936a2 2 0 1 0 0-1H14.5zm-1-1h-3v3h3V1zM2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm19 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0z",
298
- transform: "translate(12 14)",
299
- fillRule: "evenodd"
300
- }),
301
- video: /*#__PURE__*/React__default["default"].createElement("path", {
302
- d: "M10.75 3.875V1.25A.752.752 0 0 0 10 .5H1a.752.752 0 0 0-.75.75v7.5c0 .412.338.75.75.75h9c.412 0 .75-.338.75-.75V6.125l3 3V.875l-3 3z",
303
- transform: "translate(17 14)"
304
- })
305
- };
306
-
307
- k([namesPlugin]);
308
- var propTypes = {
309
- /** Color of icon background */
310
- color: index.PropTypes.string,
311
-
312
- /** Text to display in label */
313
- extension: index.PropTypes.string,
314
-
315
- /** Displays the corner fold */
316
- fold: index.PropTypes.bool,
317
-
318
- /** Color of the corner fold */
319
- foldColor: index.PropTypes.string,
320
-
321
- /** Color of file type icon */
322
- glyphColor: index.PropTypes.string,
323
-
324
- /** Color of page gradient */
325
- gradientColor: index.PropTypes.string,
326
-
327
- /** Opacity of page gradient */
328
- gradientOpacity: index.PropTypes.number,
329
-
330
- /** Color of label */
331
- labelColor: index.PropTypes.string,
332
-
333
- /** Color of label text */
334
- labelTextColor: index.PropTypes.string,
335
-
336
- /** Displays the label in all caps */
337
- labelUppercase: index.PropTypes.bool,
338
-
339
- /** Corner radius of the file icon */
340
- radius: index.PropTypes.number,
341
-
342
- /** Type of glyph icon to display */
343
- type: index.PropTypes.oneOf(['3d', 'acrobat', 'android', 'audio', 'binary', 'code', 'code2', 'compressed', 'document', 'drive', 'font', 'image', 'presentation', 'settings', 'spreadsheet', 'vector', 'video'])
344
- };
345
- var VIEWBOX = {
346
- WIDTH: 40,
347
- HEIGHT: 48
348
- };
349
- var ICON = {
350
- WIDTH: VIEWBOX.WIDTH,
351
- HEIGHT: VIEWBOX.HEIGHT,
352
- X_OFFSET: 0
353
- };
354
- var FOLD = {
355
- HEIGHT: 12
356
- };
357
- var LABEL_HEIGHT = 14;
358
- var FileIcon = function FileIcon(_ref) {
359
- var _ref$color = _ref.color,
360
- color = _ref$color === void 0 ? 'whitesmoke' : _ref$color,
361
- extension = _ref.extension,
362
- _ref$fold = _ref.fold,
363
- fold = _ref$fold === void 0 ? true : _ref$fold,
364
- foldColor = _ref.foldColor,
365
- glyphColor = _ref.glyphColor,
366
- _ref$gradientColor = _ref.gradientColor,
367
- gradientColor = _ref$gradientColor === void 0 ? 'white' : _ref$gradientColor,
368
- _ref$gradientOpacity = _ref.gradientOpacity,
369
- gradientOpacity = _ref$gradientOpacity === void 0 ? 0.25 : _ref$gradientOpacity,
370
- labelColor = _ref.labelColor,
371
- _ref$labelTextColor = _ref.labelTextColor,
372
- labelTextColor = _ref$labelTextColor === void 0 ? 'white' : _ref$labelTextColor,
373
- _ref$labelUppercase = _ref.labelUppercase,
374
- labelUppercase = _ref$labelUppercase === void 0 ? false : _ref$labelUppercase,
375
- _ref$radius = _ref.radius,
376
- radius = _ref$radius === void 0 ? 4 : _ref$radius,
377
- type = _ref.type;
378
- var UNIQUE_ID = uniqueId$1();
379
- return /*#__PURE__*/React__default["default"].createElement("svg", {
380
- xmlns: "http://www.w3.org/2000/svg",
381
- viewBox: "0 0 " + VIEWBOX.WIDTH + " " + VIEWBOX.HEIGHT,
382
- width: "100%",
383
- style: {
384
- maxWidth: '100%'
385
- }
386
- }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("clipPath", {
387
- id: "pageRadius" + UNIQUE_ID
388
- }, /*#__PURE__*/React__default["default"].createElement("rect", {
389
- x: ICON.X_OFFSET,
390
- y: "0",
391
- rx: radius,
392
- ry: radius,
393
- width: ICON.WIDTH,
394
- height: ICON.HEIGHT
395
- })), /*#__PURE__*/React__default["default"].createElement("clipPath", {
396
- id: "foldCrop" + UNIQUE_ID
397
- }, /*#__PURE__*/React__default["default"].createElement("rect", {
398
- width: ICON.WIDTH,
399
- height: FOLD.HEIGHT,
400
- transform: "rotate(-45 0 " + FOLD.HEIGHT + ")"
401
- })), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
402
- x1: "100%",
403
- y1: "0%",
404
- y2: "100%",
405
- id: "pageGradient" + UNIQUE_ID
406
- }, /*#__PURE__*/React__default["default"].createElement("stop", {
407
- stopColor: gradientColor,
408
- stopOpacity: gradientOpacity,
409
- offset: "0%"
410
- }), /*#__PURE__*/React__default["default"].createElement("stop", {
411
- stopColor: gradientColor,
412
- stopOpacity: "0",
413
- offset: "66.67%"
414
- }))), /*#__PURE__*/React__default["default"].createElement("g", {
415
- id: "file",
416
- clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
417
- }, fold ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("path", {
418
- d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
419
- fill: color
420
- }), /*#__PURE__*/React__default["default"].createElement("path", {
421
- d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
422
- fill: "url(#pageGradient" + UNIQUE_ID + ")"
423
- })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("rect", {
424
- x: ICON.X_OFFSET,
425
- y: "0",
426
- width: ICON.WIDTH,
427
- height: ICON.HEIGHT,
428
- fill: color
429
- }), /*#__PURE__*/React__default["default"].createElement("rect", {
430
- x: ICON.X_OFFSET,
431
- y: "0",
432
- width: ICON.WIDTH,
433
- height: ICON.HEIGHT,
434
- fill: "url(#pageGradient" + UNIQUE_ID + ")"
435
- }))), fold && /*#__PURE__*/React__default["default"].createElement("g", {
436
- transform: "translate(28 " + FOLD.HEIGHT + ") rotate(-90)"
437
- }, /*#__PURE__*/React__default["default"].createElement("rect", {
438
- width: ICON.WIDTH,
439
- height: ICON.HEIGHT,
440
- fill: foldColor || w(color).darken(0.1).toHex(),
441
- rx: radius,
442
- ry: radius,
443
- clipPath: "url(#foldCrop" + UNIQUE_ID + ")"
444
- })), extension && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("g", {
445
- id: "label" + UNIQUE_ID
446
- }, /*#__PURE__*/React__default["default"].createElement("rect", {
447
- fill: labelColor || w(color).darken(0.3).toHex(),
448
- x: ICON.X_OFFSET,
449
- y: ICON.HEIGHT - LABEL_HEIGHT,
450
- width: ICON.WIDTH,
451
- height: LABEL_HEIGHT,
452
- clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
453
- })), /*#__PURE__*/React__default["default"].createElement("g", {
454
- id: "labelText" + UNIQUE_ID,
455
- transform: "translate(" + ICON.X_OFFSET + " 34)"
456
- }, /*#__PURE__*/React__default["default"].createElement("text", {
457
- x: ICON.WIDTH / 2,
458
- y: "10",
459
- fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
460
- fontSize: "9",
461
- fill: labelTextColor,
462
- textAnchor: "middle",
463
- style: {
464
- fontWeight: 'bold',
465
- textAlign: 'center',
466
- pointerEvents: 'none',
467
- textTransform: labelUppercase ? 'uppercase' : 'none',
468
- userSelect: 'none'
469
- }
470
- }, extension))), type && /*#__PURE__*/React__default["default"].createElement("g", {
471
- transform: "translate(-4 " + (!extension ? 6 : 0) + ")",
472
- fill: glyphColor || w(color).darken(0.15).toHex()
473
- }, glyphs[type]));
474
- };
475
- FileIcon.propTypes = propTypes;
476
-
477
- var defaultStyles = {
478
- '3dm': {
479
- labelColor: '#8D1A11',
480
- type: '3d'
481
- },
482
- '3ds': {
483
- labelColor: '#5FB9AD',
484
- type: '3d'
485
- },
486
- '3g2': {
487
- type: 'video'
488
- },
489
- '3gp': {
490
- type: 'video'
491
- },
492
- '7zip': {
493
- type: 'compressed'
494
- },
495
- aab: {
496
- type: 'android',
497
- labelColor: '#3DDC84'
498
- },
499
- aac: {
500
- type: 'audio'
501
- },
502
- aep: {
503
- type: 'video'
504
- },
505
- ai: {
506
- color: '#423325',
507
- gradientOpacity: 0,
508
- labelColor: '#423325',
509
- labelTextColor: '#FF7F18',
510
- labelUppercase: true,
511
- foldColor: '#FF7F18',
512
- radius: 2
513
- },
514
- aif: {
515
- type: 'audio'
516
- },
517
- aiff: {
518
- type: 'audio'
519
- },
520
- apk: {
521
- type: 'android',
522
- labelColor: '#3DDC84'
523
- },
524
- apkm: {
525
- type: 'android',
526
- labelColor: '#3DDC84'
527
- },
528
- apks: {
529
- type: 'android',
530
- labelColor: '#3DDC84'
531
- },
532
- asf: {
533
- type: 'video'
534
- },
535
- asp: {
536
- type: 'code'
537
- },
538
- aspx: {
539
- type: 'code'
540
- },
541
- avi: {
542
- type: 'video'
543
- },
544
- bin: {
545
- type: 'binary'
546
- },
547
- bmp: {
548
- type: 'image'
549
- },
550
- c: {
551
- type: 'code'
552
- },
553
- cpp: {
554
- type: 'code'
555
- },
556
- cs: {
557
- type: 'code'
558
- },
559
- css: {
560
- type: 'code'
561
- },
562
- csv: {
563
- type: 'spreadsheet'
564
- },
565
- cue: {
566
- type: 'document'
567
- },
568
- dll: {
569
- type: 'settings'
570
- },
571
- dmg: {
572
- type: 'drive'
573
- },
574
- doc: {
575
- color: '#2C5898',
576
- foldColor: '#254A80',
577
- glyphColor: 'rgba(255,255,255,0.4)',
578
- labelColor: '#2C5898',
579
- labelUppercase: true,
580
- type: 'document'
581
- },
582
- docx: {
583
- color: '#2C5898',
584
- foldColor: '#254A80',
585
- glyphColor: 'rgba(255,255,255,0.4)',
586
- labelColor: '#2C5898',
587
- labelUppercase: true,
588
- type: 'document'
589
- },
590
- dwg: {
591
- type: 'vector'
592
- },
593
- dxf: {
594
- type: 'vector'
595
- },
596
- eot: {
597
- type: 'font'
598
- },
599
- eps: {
600
- type: 'vector'
601
- },
602
- exe: {
603
- type: 'settings'
604
- },
605
- flac: {
606
- type: 'audio'
607
- },
608
- flv: {
609
- type: 'video'
610
- },
611
- fnt: {
612
- type: 'font'
613
- },
614
- fodp: {
615
- type: 'presentation'
616
- },
617
- fods: {
618
- type: 'spreadsheet'
619
- },
620
- fodt: {
621
- type: 'document'
622
- },
623
- fon: {
624
- type: 'font'
625
- },
626
- gif: {
627
- type: 'image'
628
- },
629
- gz: {
630
- type: 'compressed'
631
- },
632
- htm: {
633
- type: 'code'
634
- },
635
- html: {
636
- type: 'code'
637
- },
638
- indd: {
639
- color: '#4B2B36',
640
- gradientOpacity: 0,
641
- labelColor: '#4B2B36',
642
- labelTextColor: '#FF408C',
643
- labelUppercase: true,
644
- foldColor: '#FF408C',
645
- radius: 2
646
- },
647
- ini: {
648
- type: 'settings'
649
- },
650
- java: {
651
- type: 'code'
652
- },
653
- jpeg: {
654
- type: 'image'
655
- },
656
- jpg: {
657
- type: 'image'
658
- },
659
- js: {
660
- labelColor: '#F7DF1E',
661
- type: 'code'
662
- },
663
- json: {
664
- type: 'code'
665
- },
666
- jsx: {
667
- labelColor: '#00D8FF',
668
- type: 'code'
669
- },
670
- m4a: {
671
- type: 'audio'
672
- },
673
- m4v: {
674
- type: 'video'
675
- },
676
- max: {
677
- labelColor: '#5FB9AD',
678
- type: '3d'
679
- },
680
- md: {
681
- type: 'document'
682
- },
683
- mid: {
684
- type: 'audio'
685
- },
686
- mkv: {
687
- type: 'video'
688
- },
689
- mov: {
690
- type: 'video'
691
- },
692
- mp3: {
693
- type: 'audio'
694
- },
695
- mp4: {
696
- type: 'video'
697
- },
698
- mpeg: {
699
- type: 'video'
700
- },
701
- mpg: {
702
- type: 'video'
703
- },
704
- obj: {
705
- type: '3d'
706
- },
707
- odp: {
708
- type: 'presentation'
709
- },
710
- ods: {
711
- type: 'spreadsheet'
712
- },
713
- odt: {
714
- type: 'document'
715
- },
716
- ogg: {
717
- type: 'audio'
718
- },
719
- ogv: {
720
- type: 'video'
721
- },
722
- otf: {
723
- type: 'font'
724
- },
725
- pdf: {
726
- labelColor: '#D93831',
727
- type: 'acrobat'
728
- },
729
- php: {
730
- labelColor: '#8892BE',
731
- type: 'code'
732
- },
733
- pkg: {
734
- type: '3d'
735
- },
736
- plist: {
737
- type: 'settings'
738
- },
739
- png: {
740
- type: 'image'
741
- },
742
- ppt: {
743
- color: '#D14423',
744
- foldColor: '#AB381D',
745
- glyphColor: 'rgba(255,255,255,0.4)',
746
- labelColor: '#D14423',
747
- labelUppercase: true,
748
- type: 'presentation'
749
- },
750
- pptx: {
751
- color: '#D14423',
752
- foldColor: '#AB381D',
753
- glyphColor: 'rgba(255,255,255,0.4)',
754
- labelColor: '#D14423',
755
- labelUppercase: true,
756
- type: 'presentation'
757
- },
758
- pr: {
759
- type: 'video'
760
- },
761
- ps: {
762
- type: 'vector'
763
- },
764
- psd: {
765
- color: '#34364E',
766
- gradientOpacity: 0,
767
- labelColor: '#34364E',
768
- labelTextColor: '#31C5F0',
769
- labelUppercase: true,
770
- foldColor: '#31C5F0',
771
- radius: 2
772
- },
773
- py: {
774
- labelColor: '#FFDE57',
775
- type: 'code'
776
- },
777
- rar: {
778
- type: 'compressed'
779
- },
780
- rb: {
781
- labelColor: '#BB271A',
782
- type: 'code'
783
- },
784
- rm: {
785
- type: 'video'
786
- },
787
- rtf: {
788
- type: 'document'
789
- },
790
- scss: {
791
- labelColor: '#C16A98',
792
- type: 'code'
793
- },
794
- sitx: {
795
- type: 'compressed'
796
- },
797
- skp: {
798
- type: '3d'
799
- },
800
- svg: {
801
- type: 'vector'
802
- },
803
- swf: {
804
- type: 'video'
805
- },
806
- sys: {
807
- type: 'settings'
808
- },
809
- tar: {
810
- type: 'compressed'
811
- },
812
- tex: {
813
- type: 'document'
814
- },
815
- tif: {
816
- type: 'image'
817
- },
818
- tiff: {
819
- type: 'image'
820
- },
821
- ts: {
822
- labelColor: '#3478C7',
823
- type: 'code'
824
- },
825
- ttf: {
826
- type: 'font'
827
- },
828
- txt: {
829
- type: 'document'
830
- },
831
- wav: {
832
- type: 'audio'
833
- },
834
- webm: {
835
- type: 'video'
836
- },
837
- wmv: {
838
- type: 'video'
839
- },
840
- woff: {
841
- type: 'font'
842
- },
843
- wpd: {
844
- type: 'document'
845
- },
846
- wps: {
847
- type: 'document'
848
- },
849
- xapk: {
850
- type: 'android',
851
- labelColor: '#3DDC84'
852
- },
853
- xlr: {
854
- type: 'spreadsheet'
855
- },
856
- xls: {
857
- color: '#1A754C',
858
- foldColor: '#16613F',
859
- glyphColor: 'rgba(255,255,255,0.4)',
860
- labelColor: '#1A754C',
861
- labelUppercase: true,
862
- type: 'spreadsheet'
863
- },
864
- xlsx: {
865
- color: '#1A754C',
866
- foldColor: '#16613F',
867
- glyphColor: 'rgba(255,255,255,0.4)',
868
- labelColor: '#1A754C',
869
- labelUppercase: true,
870
- type: 'spreadsheet'
871
- },
872
- yml: {
873
- type: 'code'
874
- },
875
- zip: {
876
- type: 'compressed'
877
- },
878
- zipx: {
879
- type: 'compressed'
880
- }
881
- };
882
-
883
- var File = function File(_ref) {
884
- var fileName = _ref.fileName;
885
- var extension = fileName.match(/([^.]+)$/)[1];
886
- return /*#__PURE__*/React__default["default"].createElement("div", {
887
- className: "ne-attachments__preview-wrapper__icon"
888
- }, /*#__PURE__*/React__default["default"].createElement(FileIcon, _extends__default["default"]({
889
- extension: extension,
890
- labelColor: "#4558f9"
891
- }, defaultStyles[extension])));
892
- };
893
-
894
- var newAxiosInstance = axios__default["default"].create();
895
- var getFile = function getFile(url) {
896
- return newAxiosInstance.get(url, {
897
- responseType: "blob"
898
- });
899
- };
900
- var fileDownloadApi = {
901
- getFile: getFile
902
- };
903
-
904
- var buildFileUploadConfig = function buildFileUploadConfig(config) {
905
- return ramda.mergeRight(DEFAULT_FILE_UPLOAD_CONFIG, config);
906
- };
907
- var downloadFile = /*#__PURE__*/function () {
908
- var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(fileUrl, filename) {
909
- var response, blob, url, a;
910
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
911
- while (1) switch (_context.prev = _context.next) {
912
- case 0:
913
- _context.prev = 0;
914
- _context.next = 3;
915
- return fileDownloadApi.getFile(fileUrl);
916
- case 3:
917
- response = _context.sent;
918
- blob = new Blob([response.data]);
919
- url = URL.createObjectURL(blob);
920
- a = document.createElement("a");
921
- a.href = url;
922
- a.setAttribute("download", filename);
923
- a.style.display = "none";
924
- document.body.appendChild(a);
925
- a.click();
926
- URL.revokeObjectURL(url);
927
- document.body.removeChild(a);
928
- _context.next = 19;
929
- break;
930
- case 16:
931
- _context.prev = 16;
932
- _context.t0 = _context["catch"](0);
933
- neetoui.Toastr.error(_context.t0);
934
- case 19:
935
- case "end":
936
- return _context.stop();
937
- }
938
- }, _callee, null, [[0, 16]]);
939
- }));
940
- return function downloadFile(_x, _x2) {
941
- return _ref.apply(this, arguments);
942
- };
943
- }();
944
- var checkPreviewAvailability = function checkPreviewAvailability(contentType) {
945
- return contentType && (contentType.startsWith("video/") || contentType === "application/pdf" || contentType === "image/jpeg" || contentType === "image/gif" || contentType === "image/png" || contentType === "image/webp" || contentType === "text/plain" || contentType === "image/bmp" || contentType === "application/msword" || contentType === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || contentType === "text/htm" || contentType === "text/html" || contentType === "image/jpg" || contentType === "application/vnd.ms-powerpoint" || contentType === "application/vnd.openxmlformats-officedocument.presentationml.presentation" || contentType === "image/tiff" || contentType === "application/vnd.ms-excel" || contentType === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
946
- };
947
-
948
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
949
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
950
- var Menu = neetoui.Dropdown.Menu,
951
- MenuItem = neetoui.Dropdown.MenuItem;
952
- var Attachment = function Attachment(_ref) {
953
- var attachment = _ref.attachment,
954
- attachments = _ref.attachments,
955
- disabled = _ref.disabled,
956
- onChange = _ref.onChange,
957
- setSelectedAttachment = _ref.setSelectedAttachment,
958
- isLoading = _ref.isLoading,
959
- allowDelete = _ref.allowDelete;
960
- var _useTranslation = reactI18next.useTranslation(),
961
- t = _useTranslation.t;
962
- var _useState = React.useState(false),
963
- _useState2 = _slicedToArray__default["default"](_useState, 2),
964
- isRenaming = _useState2[0],
965
- setIsRenaming = _useState2[1];
966
- var _useState3 = React.useState(false),
967
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
968
- isUpdating = _useState4[0],
969
- setIsUpdating = _useState4[1];
970
- var _useState5 = React.useState(false),
971
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
972
- isDeleteAlertOpen = _useState6[0],
973
- setIsDeleteAlertOpen = _useState6[1];
974
- var _useState7 = React.useState(false),
975
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
976
- isDeleting = _useState8[0],
977
- setIsDeleting = _useState8[1];
978
- var _useState9 = React.useState(""),
979
- _useState10 = _slicedToArray__default["default"](_useState9, 2),
980
- newFilename = _useState10[0],
981
- setNewFilename = _useState10[1];
982
- var handleDownload = function handleDownload() {
983
- return downloadFile(attachment.url, attachment.filename);
984
- };
985
- var handleRename = /*#__PURE__*/function () {
986
- var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
987
- var _response$data, signedId, payload, response, filename;
988
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
989
- while (1) switch (_context.prev = _context.next) {
990
- case 0:
991
- _context.prev = 0;
992
- setIsUpdating(true);
993
- signedId = attachment.signedId;
994
- payload = {
995
- blob: {
996
- filename: newFilename
997
- }
998
- };
999
- _context.next = 6;
1000
- return index.directUploadsApi.update({
1001
- signedId: signedId,
1002
- payload: payload
1003
- });
1004
- case 6:
1005
- response = _context.sent;
1006
- filename = ((_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.blob) === null || _response$data === void 0 ? void 0 : _response$data.filename) || response.blob.filename;
1007
- onChange(attachments.map(function (attachment) {
1008
- return attachment.signedId === signedId ? ramda.assoc("filename", filename, attachment) : attachment;
1009
- }));
1010
- _context.next = 14;
1011
- break;
1012
- case 11:
1013
- _context.prev = 11;
1014
- _context.t0 = _context["catch"](0);
1015
- neetoui.Toastr.error(_context.t0);
1016
- case 14:
1017
- _context.prev = 14;
1018
- setIsRenaming(false);
1019
- setIsUpdating(false);
1020
- setNewFilename("");
1021
- return _context.finish(14);
1022
- case 19:
1023
- case "end":
1024
- return _context.stop();
1025
- }
1026
- }, _callee, null, [[0, 11, 14, 19]]);
1027
- }));
1028
- return function handleRename() {
1029
- return _ref2.apply(this, arguments);
1030
- };
1031
- }();
1032
- var handleDelete = /*#__PURE__*/function () {
1033
- var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
1034
- var signedId;
1035
- return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
1036
- while (1) switch (_context2.prev = _context2.next) {
1037
- case 0:
1038
- if (allowDelete) {
1039
- _context2.next = 2;
1040
- break;
1041
- }
1042
- return _context2.abrupt("return");
1043
- case 2:
1044
- setIsDeleting(true);
1045
- _context2.prev = 3;
1046
- signedId = attachment.signedId;
1047
- _context2.next = 7;
1048
- return index.directUploadsApi.destroy(signedId);
1049
- case 7:
1050
- onChange(neetoCist.removeBy({
1051
- signedId: signedId
1052
- }, attachments));
1053
- _context2.next = 13;
1054
- break;
1055
- case 10:
1056
- _context2.prev = 10;
1057
- _context2.t0 = _context2["catch"](3);
1058
- neetoui.Toastr.error(_context2.t0);
1059
- case 13:
1060
- case "end":
1061
- return _context2.stop();
1062
- }
1063
- }, _callee2, null, [[3, 10]]);
1064
- }));
1065
- return function handleDelete() {
1066
- return _ref3.apply(this, arguments);
1067
- };
1068
- }();
1069
- var handlers = _objectSpread(_defineProperty__default["default"](_defineProperty__default["default"]({}, ATTACHMENT_OPTIONS.DOWNLOAD, handleDownload), ATTACHMENT_OPTIONS.RENAME, handleRename), allowDelete && _defineProperty__default["default"]({}, ATTACHMENT_OPTIONS.DELETE, handleDelete));
1070
- var onMenuItemClick = function onMenuItemClick(_ref5) {
1071
- var key = _ref5.key,
1072
- handler = _ref5.handler;
1073
- if (key === ATTACHMENT_OPTIONS.RENAME) {
1074
- setIsRenaming(true);
1075
- setNewFilename(attachment.filename);
1076
- } else if (key === ATTACHMENT_OPTIONS.DELETE) {
1077
- setNewFilename(attachment.filename);
1078
- setIsDeleteAlertOpen(true);
1079
- } else {
1080
- handler();
1081
- }
1082
- };
1083
- var handleKeyDown = function handleKeyDown(_ref6) {
1084
- var event = _ref6.event,
1085
- key = _ref6.key;
1086
- var handler = handlers[key];
1087
- if (event.key === "Enter" && handler && !ramda.isEmpty(newFilename)) {
1088
- event.stopPropagation();
1089
- event.preventDefault();
1090
- handler();
1091
- }
1092
- if (event.key === "Escape") {
1093
- setIsRenaming(false);
1094
- setNewFilename("");
1095
- }
1096
- };
1097
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
1098
- className: "ne-attachments__preview",
1099
- "data-cy": "ne-attachments-wrapper"
1100
- }, isRenaming ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1101
- content: newFilename,
1102
- position: "top"
1103
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
1104
- autoFocus: true,
1105
- "data-cy": "neeto-editor-preview-rename-input",
1106
- size: "small",
1107
- value: newFilename,
1108
- error: ramda.isEmpty(newFilename) ? t("neetoEditor.attachments.nameEmpty") : "",
1109
- onChange: utils.withEventTargetValue(setNewFilename),
1110
- onKeyDown: function onKeyDown(event) {
1111
- return handleKeyDown({
1112
- event: event,
1113
- key: ATTACHMENT_OPTIONS.RENAME
1114
- });
1115
- }
1116
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1117
- "data-cy": "neeto-editor-preview-rename-cancel-button",
1118
- icon: neetoIcons.Close,
1119
- loading: isUpdating,
1120
- size: "small",
1121
- style: "text",
1122
- onClick: function onClick() {
1123
- return setIsRenaming(false);
1124
- }
1125
- })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
1126
- className: "ne-attachments__preview-wrapper",
1127
- onClick: function onClick() {
1128
- return setSelectedAttachment(attachment);
1129
- }
1130
- }, /*#__PURE__*/React__default["default"].createElement(File, {
1131
- fileName: attachment.filename
1132
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1133
- content: attachment.filename,
1134
- position: "top"
1135
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1136
- style: "body2"
1137
- }, attachment.filename)), isLoading && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, {
1138
- className: "attachment-button-loader"
1139
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1140
- content: t("neetoEditor.attachments.actionsBlocked"),
1141
- disabled: !disabled,
1142
- position: "top"
1143
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
1144
- disabled: disabled,
1145
- buttonSize: "small",
1146
- buttonStyle: "text",
1147
- icon: neetoIcons.MenuVertical
1148
- }, /*#__PURE__*/React__default["default"].createElement(Menu, null, Object.entries(handlers).map(function (_ref7) {
1149
- var _ref8 = _slicedToArray__default["default"](_ref7, 2),
1150
- label = _ref8[0],
1151
- handler = _ref8[1];
1152
- return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
1153
- "data-cy": "neeto-editor-preview-".concat(label.toLowerCase(), "-button"),
1154
- key: label,
1155
- onClick: function onClick() {
1156
- return onMenuItemClick({
1157
- key: label,
1158
- handler: handler
1159
- });
1160
- }
1161
- }, label);
1162
- })))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
1163
- isOpen: isDeleteAlertOpen,
1164
- isSubmitting: isDeleting,
1165
- submitButtonLabel: t("neetoEditor.menu.delete"),
1166
- title: t("neetoEditor.attachments.deleteTitle"),
1167
- message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1168
- i18nKey: "neetoEditor.attachments.deleteConfirmation",
1169
- values: {
1170
- entity: newFilename
1171
- }
1172
- }),
1173
- onClose: function onClose() {
1174
- return setIsDeleteAlertOpen(false);
1175
- },
1176
- onSubmit: handleDelete
1177
- }));
1178
- };
1179
-
1180
- var AttachmentProgress = function AttachmentProgress(_ref) {
1181
- var _attachment$progress;
1182
- var attachment = _ref.attachment,
1183
- cancelUpload = _ref.cancelUpload;
1184
- var progressPercentage = "".concat((_attachment$progress = attachment.progress) !== null && _attachment$progress !== void 0 ? _attachment$progress : 0, "%");
1185
- var handleCancel = function handleCancel() {
1186
- cancelUpload(attachment.id);
1187
- };
1188
- return /*#__PURE__*/React__default["default"].createElement("div", {
1189
- className: "ne-attachments__preview"
1190
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1191
- className: "ne-attachments__preview__progress-icon"
1192
- }, /*#__PURE__*/React__default["default"].createElement(FileIcon, null)), /*#__PURE__*/React__default["default"].createElement("div", {
1193
- className: "ne-attachments__preview__progress"
1194
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1195
- style: "body2"
1196
- }, attachment.filename), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1197
- style: "body2"
1198
- }, progressPercentage)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1199
- "data-cy": "neeto-editor-preview-upload-cancel-button",
1200
- icon: neetoIcons.Close,
1201
- size: "small",
1202
- style: "text",
1203
- onClick: handleCancel
1204
- }));
1205
- };
1206
-
1207
- var Preview = /*#__PURE__*/React.lazy(function () {
1208
- return Promise.resolve().then(function () { return require('./chunk-969635f1.cjs.js'); });
1209
- });
1210
- var Attachments = function Attachments(_ref, ref) {
1211
- var _fileUploadConfig$all;
1212
- var _ref$attachments = _ref.attachments,
1213
- attachments = _ref$attachments === void 0 ? [] : _ref$attachments,
1214
- _ref$className = _ref.className,
1215
- className = _ref$className === void 0 ? "" : _ref$className,
1216
- _ref$onChange = _ref.onChange,
1217
- onChange = _ref$onChange === void 0 ? neetoCist.noop : _ref$onChange,
1218
- _ref$isIndependent = _ref.isIndependent,
1219
- isIndependent = _ref$isIndependent === void 0 ? true : _ref$isIndependent,
1220
- _ref$disabled = _ref.disabled,
1221
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
1222
- _ref$dragDropRef = _ref.dragDropRef,
1223
- dragDropRef = _ref$dragDropRef === void 0 ? null : _ref$dragDropRef,
1224
- _ref$config = _ref.config,
1225
- config = _ref$config === void 0 ? {} : _ref$config,
1226
- _ref$setIsUploading = _ref.setIsUploading,
1227
- setIsUploading = _ref$setIsUploading === void 0 ? neetoCist.noop : _ref$setIsUploading,
1228
- _ref$allowDelete = _ref.allowDelete,
1229
- allowDelete = _ref$allowDelete === void 0 ? true : _ref$allowDelete;
1230
- var _useTranslation = reactI18next.useTranslation(),
1231
- t = _useTranslation.t;
1232
- var _useState = React.useState({}),
1233
- _useState2 = _slicedToArray__default["default"](_useState, 2),
1234
- selectedAttachment = _useState2[0],
1235
- setSelectedAttachment = _useState2[1];
1236
- var _useState3 = React.useState(false),
1237
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
1238
- didFetchPreviewBundle = _useState4[0],
1239
- setDidFetchPreviewBundle = _useState4[1];
1240
- var attachmentInputRef = React.useRef(null);
1241
- var fileUploadConfig = React.useMemo(function () {
1242
- return buildFileUploadConfig(config);
1243
- }, [config]);
1244
- var _useFileUploader = index.useFileUploader({
1245
- config: fileUploadConfig,
1246
- setIsUploadingOnHost: setIsUploading,
1247
- attachments: attachments
1248
- }),
1249
- addFiles = _useFileUploader.addFiles,
1250
- uploadFiles = _useFileUploader.uploadFiles,
1251
- queuedFiles = _useFileUploader.queuedFiles,
1252
- cancelUpload = _useFileUploader.cancelUpload,
1253
- isUploading = _useFileUploader.isUploading;
1254
- var handleAddFile = /*#__PURE__*/function () {
1255
- var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(event) {
1256
- var uploadedFiles;
1257
- return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
1258
- while (1) switch (_context.prev = _context.next) {
1259
- case 0:
1260
- addFiles(event.target.files);
1261
- _context.next = 3;
1262
- return uploadFiles();
1263
- case 3:
1264
- uploadedFiles = _context.sent;
1265
- neetoCist.isNotEmpty(uploadedFiles) && onChange([].concat(_toConsumableArray__default["default"](attachments), _toConsumableArray__default["default"](uploadedFiles)));
1266
- attachmentInputRef.current.value = null;
1267
- case 6:
1268
- case "end":
1269
- return _context.stop();
1270
- }
1271
- }, _callee);
1272
- }));
1273
- return function handleAddFile(_x) {
1274
- return _ref2.apply(this, arguments);
1275
- };
1276
- }();
1277
- var handleUploadAttachments = function handleUploadAttachments() {
1278
- return attachmentInputRef.current.click();
1279
- };
1280
- var handleFileInputClick = function handleFileInputClick(event) {
1281
- if (!(!ramda.isEmpty(attachments) && fileUploadConfig.maxNumberOfFiles === 1)) {
1282
- return;
1283
- }
1284
- event.preventDefault();
1285
- neetoui.Toastr.warning(t("neetoEditor.attachments.oneAttachmentAllowed"));
1286
- };
1287
- React.useImperativeHandle(ref, function () {
1288
- return {
1289
- handleUploadAttachments: handleUploadAttachments
1290
- };
1291
- }, []);
1292
- var handleFilesDrop = /*#__PURE__*/function () {
1293
- var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(files) {
1294
- var uploadedFiles;
1295
- return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
1296
- while (1) switch (_context2.prev = _context2.next) {
1297
- case 0:
1298
- addFiles(files);
1299
- _context2.next = 3;
1300
- return uploadFiles();
1301
- case 3:
1302
- uploadedFiles = _context2.sent;
1303
- neetoCist.isNotEmpty(uploadedFiles) && onChange([].concat(_toConsumableArray__default["default"](attachments), _toConsumableArray__default["default"](uploadedFiles)));
1304
- case 5:
1305
- case "end":
1306
- return _context2.stop();
1307
- }
1308
- }, _callee2);
1309
- }));
1310
- return function handleFilesDrop(_x2) {
1311
- return _ref3.apply(this, arguments);
1312
- };
1313
- }();
1314
- index.useDropFiles({
1315
- dropTargetRef: dragDropRef,
1316
- attachments: attachments,
1317
- onDrop: handleFilesDrop
1318
- });
1319
- return /*#__PURE__*/React__default["default"].createElement("div", {
1320
- className: classnames__default["default"]("ne-attachments", _defineProperty__default["default"]({}, className, className))
1321
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1322
- className: "ne-attachments__items"
1323
- }, attachments.map(function (attachment) {
1324
- return /*#__PURE__*/React__default["default"].createElement(Attachment, {
1325
- allowDelete: allowDelete,
1326
- attachment: attachment,
1327
- attachments: attachments,
1328
- disabled: disabled,
1329
- onChange: onChange,
1330
- setSelectedAttachment: setSelectedAttachment,
1331
- key: attachment.signedId,
1332
- isLoading: !didFetchPreviewBundle && selectedAttachment.url === attachment.url
1333
- });
1334
- }), queuedFiles.map(function (attachment) {
1335
- return /*#__PURE__*/React__default["default"].createElement(AttachmentProgress, {
1336
- attachment: attachment,
1337
- cancelUpload: cancelUpload,
1338
- key: attachment.id
1339
- });
1340
- })), /*#__PURE__*/React__default["default"].createElement("div", null, isIndependent && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1341
- "data-cy": "neeto-editor-attachments-upload-button",
1342
- disabled: isUploading,
1343
- label: t("neetoEditor.attachments.add"),
1344
- loading: isUploading,
1345
- size: "medium",
1346
- style: "link",
1347
- onClick: handleUploadAttachments
1348
- }), /*#__PURE__*/React__default["default"].createElement("input", {
1349
- accept: (_fileUploadConfig$all = fileUploadConfig.allowedFileTypes) === null || _fileUploadConfig$all === void 0 ? void 0 : _fileUploadConfig$all.join(","),
1350
- multiple: fileUploadConfig.maxNumberOfFiles !== 1,
1351
- ref: attachmentInputRef,
1352
- type: "file",
1353
- onChange: handleAddFile,
1354
- onClick: handleFileInputClick
1355
- }), /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
1356
- fallback: /*#__PURE__*/React__default["default"].createElement("span", null)
1357
- }, neetoCist.isPresent(selectedAttachment) && /*#__PURE__*/React__default["default"].createElement(Preview, {
1358
- attachments: attachments,
1359
- selectedAttachment: selectedAttachment,
1360
- setDidFetchPreviewBundle: setDidFetchPreviewBundle,
1361
- setSelectedAttachment: setSelectedAttachment,
1362
- onClose: function onClose() {
1363
- return setSelectedAttachment({});
1364
- }
1365
- }))));
1366
- };
1367
- var Attachments$1 = /*#__PURE__*/React__default["default"].forwardRef(Attachments);
1368
-
1369
- exports.ATTACHMENTS_PREVIEW_DATA_CY = ATTACHMENTS_PREVIEW_DATA_CY;
1370
- exports.Attachments = Attachments$1;
1371
- exports.checkPreviewAvailability = checkPreviewAvailability;
1372
- exports.downloadFile = downloadFile;
1373
- //# sourceMappingURL=chunk-5b0bae44.cjs.js.map