@bigbinary/neeto-editor 1.38.9 → 1.38.11

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 (42) hide show
  1. package/dist/Attachments.js +3 -3
  2. package/dist/Editor.js +4 -4
  3. package/dist/EditorContent.js +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-e9803348.js → chunk-8b1f773d.js} +4 -4
  11. package/dist/{chunk-e9803348.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 +6 -6
  16. package/dist/cjs/Editor.cjs.js.map +1 -1
  17. package/dist/cjs/EditorContent.cjs.js +1 -1
  18. package/dist/cjs/FormikEditor.cjs.js +3 -3
  19. package/dist/cjs/Menu.cjs.js +2 -2
  20. package/dist/cjs/{chunk-7d9a9ed1.cjs.js → chunk-938306ec.cjs.js} +852 -4
  21. package/dist/cjs/chunk-938306ec.cjs.js.map +1 -0
  22. package/dist/cjs/chunk-b5a7673a.cjs.js +529 -0
  23. package/dist/cjs/chunk-b5a7673a.cjs.js.map +1 -0
  24. package/dist/cjs/{chunk-635042c3.cjs.js → chunk-eb6c9e4e.cjs.js} +101 -101
  25. package/dist/cjs/{chunk-635042c3.cjs.js.map → chunk-eb6c9e4e.cjs.js.map} +1 -1
  26. package/dist/cjs/{chunk-534531c3.cjs.js → chunk-fd7976a0.cjs.js} +28 -18
  27. package/dist/cjs/chunk-fd7976a0.cjs.js.map +1 -0
  28. package/dist/cjs/index.cjs.js +5 -5
  29. package/dist/editor-content.min.css +1 -1
  30. package/dist/editor-output-pdf-email.css +1 -1
  31. package/dist/editor-output.js +1 -1
  32. package/dist/editor-stats.html +1 -1
  33. package/dist/index.js +5 -5
  34. package/package.json +1 -1
  35. package/dist/chunk-5c874a66.js.map +0 -1
  36. package/dist/chunk-8199190a.js.map +0 -1
  37. package/dist/chunk-f8510c23.js +0 -1356
  38. package/dist/chunk-f8510c23.js.map +0 -1
  39. package/dist/cjs/chunk-0dfcae31.cjs.js +0 -1373
  40. package/dist/cjs/chunk-0dfcae31.cjs.js.map +0 -1
  41. package/dist/cjs/chunk-534531c3.cjs.js.map +0 -1
  42. 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-primary-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-635042c3.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-0dfcae31.cjs.js.map