@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/UserMention/utils/index.js

@@ -1 +1,141 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{getUserAutocomplete as t}from"../../../clients/jsonApi/index.js";import n from"../../UserCardPopover.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as o}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as i}from"react/jsx-runtime";import{PLACEHOLDERS as a,USER_MARKUP as s}from"../constants.js";import c from"../style.css.js";var u,p=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},l=function(e){var r=p(e),t=e[e.indexOf(a.display)+a.display.length],n=e[e.indexOf(a.display)+a.display.length];return new RegExp(r.replace(a.display,"([^".concat(p(t||""),"]+?)")).replace(a.id,"([^".concat(p(n||""),"]+?)")),"g")},m=function(e,r,t){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#039be5",c=arguments.length>4?arguments[4]:void 0;if(!e)return e;var u=l(s),p=e.split(u),m=3,f=p.reduce((function(e,s,u){var l=e;if(u%m-1==0){var f="@".concat(p[u+1]),d=r&&r.length&&r.find((function(e){return e.id===Number(s)})),h=d&&!t?i(n,{user:d,wrapperStyle:{display:"inline-block",color:a},currentUser:c,children:f},"userCard-".concat(u)):i(o,{href:"/config/users/".concat(s),children:f},"userLink-".concat(u));l.push(h)}return u%m==0&&l.push(s),l}),[]);return f},f=function(e){return e.data.map((function(e){return{id:e.id,display:"".concat(e.first_name," ").concat(e.last_name),photo:e.profile_photo,title:e.title}}))},d=(u=e(r.mark((function e(n,o,i){var a,s;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",o([]));case 2:return e.prev=2,e.next=5,t(null,n,i);case 5:a=e.sent,e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),console.error(e.t0);case 11:if(a&&0!==a.data.length){e.next=13;break}return e.abrupt("return",o([]));case 13:return s=f(a),e.abrupt("return",o(s));case 15:case"end":return e.stop()}}),e,null,[[2,8]])}))),function(e,r,t){return u.apply(this,arguments)}),h=function(){return document.getElementsByClassName(c.mention__suggestions__list).length>0};export{m as formatMentionText,d as handleFetchUsers,h as isSuggestionsListOpened};
+import '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { getUserAutocomplete } from '../../../clients/jsonApi/index.js';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import { UniversalLink } from '../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import UserCardPopover from '../../UserCardPopover.js';
+import { PLACEHOLDERS, USER_MARKUP } from '../constants.js';
+import styles from '../style.css.js';
+
+var escapeString = function escapeString(str) {
+  return str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+};
+
+var markupToRegex = function markupToRegex(markup) {
+  var escapedMarkup = escapeString(markup);
+  var charAfterDisplay = markup[markup.indexOf(PLACEHOLDERS.display) + PLACEHOLDERS.display.length];
+  var charAfterId = markup[markup.indexOf(PLACEHOLDERS.display) + PLACEHOLDERS.display.length];
+  return new RegExp(escapedMarkup.replace(PLACEHOLDERS.display, "([^".concat(escapeString(charAfterDisplay || ''), "]+?)")).replace(PLACEHOLDERS.id, "([^".concat(escapeString(charAfterId || ''), "]+?)")), 'g');
+};
+
+var formatMentionText = function formatMentionText(text, mentionedUsers, isNativeView) {
+  var color = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '#039be5';
+  var currentUser = arguments.length > 4 ? arguments[4] : undefined;
+  if (!text) return text;
+  var regexp = markupToRegex(USER_MARKUP);
+  var parts = text.split(regexp); // NOTE: Because we have 2 groups in our regexp
+  // every 2nd element will be the user id
+  // every 3rd element will be the user name
+
+  var n = 3; // NOTE: Match/User ID/User name
+
+  var componentParts = parts.reduce(function (acc, p, i) {
+    var newParts = acc;
+
+    if (i % n - 1 === 0) {
+      var userName = "@".concat(parts[i + 1]);
+      var user = mentionedUsers && mentionedUsers.length && mentionedUsers.find(function (item) {
+        return item.id === Number(p);
+      });
+      var part = user && !isNativeView ? /*#__PURE__*/jsx(UserCardPopover, {
+        user: user,
+        wrapperStyle: {
+          display: 'inline-block',
+          color: color
+        } // eslint-disable-next-line react/no-array-index-key
+        ,
+        currentUser: currentUser,
+        children: userName
+      }, "userCard-".concat(i)) :
+      /*#__PURE__*/
+      // NOTE: Disable link since user profile for mobile is not completed
+      // eslint-disable-next-line react/no-array-index-key
+      jsx(UniversalLink, {
+        href: "/config/users/".concat(p),
+        children: userName
+      }, "userLink-".concat(i));
+      newParts.push(part);
+    }
+
+    if (i % n === 0) newParts.push(p);
+    return newParts;
+  }, []);
+  return componentParts;
+};
+
+var transformUserDataFromResponse = function transformUserDataFromResponse(res) {
+  return res.data.map(function (item) {
+    return {
+      id: item.id,
+      display: "".concat(item.first_name, " ").concat(item.last_name),
+      photo: item.profile_photo,
+      title: item.title
+    };
+  });
+};
+
+var handleFetchUsers = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(search, callback, companyId) {
+    var res, usersData;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (search) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return", callback([]));
+
+          case 2:
+            _context.prev = 2;
+            _context.next = 5;
+            return getUserAutocomplete(null, search, companyId);
+
+          case 5:
+            res = _context.sent;
+            _context.next = 11;
+            break;
+
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](2);
+            console.error(_context.t0);
+
+          case 11:
+            if (!(!res || res.data.length === 0)) {
+              _context.next = 13;
+              break;
+            }
+
+            return _context.abrupt("return", callback([]));
+
+          case 13:
+            usersData = transformUserDataFromResponse(res);
+            return _context.abrupt("return", callback(usersData));
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 8]]);
+  }));
+
+  return function handleFetchUsers(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var isSuggestionsListOpened = function isSuggestionsListOpened() {
+  var elements = document.getElementsByClassName(styles.mention__suggestions__list);
+  return elements.length > 0;
+};
+
+export { formatMentionText, handleFetchUsers, isSuggestionsListOpened };
+//# sourceMappingURL=index.js.map

package/components/UserMention/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/UserMention/utils/index.js"],"sourcesContent":["import { getUserAutocomplete } from '~/clients/jsonApi';\n\nimport UserCardPopover from '~components/UserCardPopover';\nimport { UniversalLink } from '../../DevCenter/DevCenterRouterContext';\n\nimport { USER_MARKUP, PLACEHOLDERS } from '../constants';\n\nimport styles from '../style.css';\n\nconst escapeString = str => str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n\nconst markupToRegex = markup => {\n  const escapedMarkup = escapeString(markup);\n  const charAfterDisplay =\n    markup[markup.indexOf(PLACEHOLDERS.display) + PLACEHOLDERS.display.length];\n  const charAfterId = markup[markup.indexOf(PLACEHOLDERS.display) + PLACEHOLDERS.display.length];\n  return new RegExp(\n    escapedMarkup\n      .replace(PLACEHOLDERS.display, `([^${escapeString(charAfterDisplay || '')}]+?)`)\n      .replace(PLACEHOLDERS.id, `([^${escapeString(charAfterId || '')}]+?)`),\n    'g'\n  );\n};\n\nexport const formatMentionText = (\n  text,\n  mentionedUsers,\n  isNativeView,\n  color = '#039be5',\n  currentUser\n) => {\n  if (!text) return text;\n\n  const regexp = markupToRegex(USER_MARKUP);\n  const parts = text.split(regexp);\n\n  // NOTE: Because we have 2 groups in our regexp\n  // every 2nd element will be the user id\n  // every 3rd element will be the user name\n\n  const n = 3; // NOTE: Match/User ID/User name\n  const componentParts = parts.reduce((acc, p, i) => {\n    const newParts = acc;\n\n    if ((i % n) - 1 === 0) {\n      const userName = `@${parts[i + 1]}`;\n      const user =\n        mentionedUsers &&\n        mentionedUsers.length &&\n        mentionedUsers.find(item => item.id === Number(p));\n\n      const part =\n        user && !isNativeView ? (\n          <UserCardPopover\n            user={user}\n            wrapperStyle={{ display: 'inline-block', color }}\n            // eslint-disable-next-line react/no-array-index-key\n            key={`userCard-${i}`}\n            currentUser={currentUser}\n          >\n            {userName}\n          </UserCardPopover>\n        ) : (\n          // NOTE: Disable link since user profile for mobile is not completed\n          // eslint-disable-next-line react/no-array-index-key\n          <UniversalLink href={`/config/users/${p}`} key={`userLink-${i}`}>\n            {userName}\n          </UniversalLink>\n        );\n\n      newParts.push(part);\n    }\n\n    if (i % n === 0) newParts.push(p);\n\n    return newParts;\n  }, []);\n\n  return componentParts;\n};\n\nconst transformUserDataFromResponse = res =>\n  res.data.map(item => ({\n    id: item.id,\n    display: `${item.first_name} ${item.last_name}`,\n    photo: item.profile_photo,\n    title: item.title,\n  }));\n\nexport const handleFetchUsers = async (search, callback, companyId) => {\n  if (!search) return callback([]);\n\n  let res;\n  try {\n    res = await getUserAutocomplete(null, search, companyId);\n  } catch (e) {\n    console.error(e);\n  }\n\n  if (!res || res.data.length === 0) return callback([]);\n\n  const usersData = transformUserDataFromResponse(res);\n\n  return callback(usersData);\n};\n\nexport const isSuggestionsListOpened = () => {\n  const elements = document.getElementsByClassName(styles.mention__suggestions__list);\n\n  return elements.length > 0;\n};\n"],"names":["escapeString","str","replace","markupToRegex","markup","escapedMarkup","charAfterDisplay","indexOf","PLACEHOLDERS","display","length","charAfterId","RegExp","id","formatMentionText","text","mentionedUsers","isNativeView","color","currentUser","regexp","USER_MARKUP","parts","split","n","componentParts","reduce","acc","p","i","newParts","userName","user","find","item","Number","part","_jsx","push","transformUserDataFromResponse","res","data","map","first_name","last_name","photo","profile_photo","title","handleFetchUsers","search","callback","companyId","getUserAutocomplete","console","error","usersData","isSuggestionsListOpened","elements","document","getElementsByClassName","styles","mention__suggestions__list"],"mappings":"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"}

package/components/VirtualizedTable/CustomizeColumnsDialog.js

@@ -1 +1,89 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as t}from"react";import n from"prop-types";import{Dialog as i,DialogTitle as c,DialogContent as l,DialogActions as a,Button as s}from"@material-ui/core";import p from"./DraggableList.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";function m(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function d(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?m(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function h(e){var n=e.open,m=e.columns,h=e.handleCloseWithOK,b=e.handleCloseWithCancel,y=o(m),O=r(y,2),j=O[0],C=O[1];t((function(){C(m)}),[m]);return u(i,{disableBackdropClick:!0,disableEscapeKeyDown:!0,fullWidth:!0,maxWidth:"xs",open:n,children:[f(c,{children:"Customize Columns"}),f(l,{children:f(p,{items:j,onSort:function(e){C(e)},onClick:function(e){var r=j.map((function(r){return r.key===e.key?d(d({},r),{},{show:!!r.disabled||!r.show}):r}));C(r)}})}),u(a,{children:[f(s,{autoFocus:!0,onClick:function(){C(m),b()},color:"primary",children:"Cancel"}),f(s,{onClick:function(){h(j)},color:"primary",variant:"contained",children:"Ok"})]})]})}h.propTypes={open:n.bool.isRequired,handleCloseWithOK:n.func.isRequired,handleCloseWithCancel:n.func.isRequired,columns:n.array.isRequired};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import DraggableList from './DraggableList.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function CustomizeColumnsDialog(_ref) {
+  var open = _ref.open,
+      columns = _ref.columns,
+      handleCloseWithOK = _ref.handleCloseWithOK,
+      handleCloseWithCancel = _ref.handleCloseWithCancel;
+
+  var _useState = useState(columns),
+      _useState2 = _slicedToArray(_useState, 2),
+      draggableItems = _useState2[0],
+      setDraggableItems = _useState2[1];
+
+  useEffect(function () {
+    setDraggableItems(columns);
+  }, [columns]);
+
+  var handleClick = function handleClick(currentItem) {
+    var updatedItems = draggableItems.map(function (item) {
+      return item.key === currentItem.key ? _objectSpread(_objectSpread({}, item), {}, {
+        show: item.disabled ? true : !item.show
+      }) : item;
+    });
+    setDraggableItems(updatedItems);
+  };
+
+  var handleSort = function handleSort(newItems) {
+    setDraggableItems(newItems);
+  };
+
+  var handleCancel = function handleCancel() {
+    setDraggableItems(columns);
+    handleCloseWithCancel();
+  };
+
+  var handleOK = function handleOK() {
+    handleCloseWithOK(draggableItems);
+  };
+
+  return /*#__PURE__*/jsxs(Dialog, {
+    disableBackdropClick: true,
+    disableEscapeKeyDown: true,
+    fullWidth: true,
+    maxWidth: "xs",
+    open: open,
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      children: "Customize Columns"
+    }), /*#__PURE__*/jsx(DialogContent, {
+      children: /*#__PURE__*/jsx(DraggableList, {
+        items: draggableItems,
+        onSort: handleSort,
+        onClick: handleClick
+      })
+    }), /*#__PURE__*/jsxs(DialogActions, {
+      children: [/*#__PURE__*/jsx(Button, {
+        autoFocus: true,
+        onClick: handleCancel,
+        color: "primary",
+        children: "Cancel"
+      }), /*#__PURE__*/jsx(Button, {
+        onClick: handleOK,
+        color: "primary",
+        variant: "contained",
+        children: "Ok"
+      })]
+    })]
+  });
+}
+
+CustomizeColumnsDialog.propTypes = {
+  open: PropTypes.bool.isRequired,
+  handleCloseWithOK: PropTypes.func.isRequired,
+  handleCloseWithCancel: PropTypes.func.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  columns: PropTypes.array.isRequired
+};
+
+export default CustomizeColumnsDialog;
+//# sourceMappingURL=CustomizeColumnsDialog.js.map

package/components/VirtualizedTable/CustomizeColumnsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeColumnsDialog.js","sources":["../../../src/components/VirtualizedTable/CustomizeColumnsDialog.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogTitle, DialogContent, DialogActions } from '@material-ui/core';\n\nimport DraggableList from './DraggableList';\n\nfunction CustomizeColumnsDialog({ open, columns, handleCloseWithOK, handleCloseWithCancel }) {\n  const [draggableItems, setDraggableItems] = useState(columns);\n\n  useEffect(() => {\n    setDraggableItems(columns);\n  }, [columns]);\n\n  const handleClick = currentItem => {\n    const updatedItems = draggableItems.map(item =>\n      item.key === currentItem.key\n        ? {\n            ...item,\n            show: item.disabled ? true : !item.show,\n          }\n        : item\n    );\n    setDraggableItems(updatedItems);\n  };\n\n  const handleSort = newItems => {\n    setDraggableItems(newItems);\n  };\n\n  const handleCancel = () => {\n    setDraggableItems(columns);\n    handleCloseWithCancel();\n  };\n\n  const handleOK = () => {\n    handleCloseWithOK(draggableItems);\n  };\n\n  return (\n    <Dialog disableBackdropClick disableEscapeKeyDown fullWidth maxWidth=\"xs\" open={open}>\n      <DialogTitle>Customize Columns</DialogTitle>\n      <DialogContent>\n        <DraggableList items={draggableItems} onSort={handleSort} onClick={handleClick} />\n      </DialogContent>\n      <DialogActions>\n        <Button autoFocus onClick={handleCancel} color=\"primary\">\n          Cancel\n        </Button>\n        <Button onClick={handleOK} color=\"primary\" variant=\"contained\">\n          Ok\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nCustomizeColumnsDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  handleCloseWithOK: PropTypes.func.isRequired,\n  handleCloseWithCancel: PropTypes.func.isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  columns: PropTypes.array.isRequired,\n};\n\nexport default CustomizeColumnsDialog;\n"],"names":["CustomizeColumnsDialog","open","columns","handleCloseWithOK","handleCloseWithCancel","useState","draggableItems","setDraggableItems","useEffect","handleClick","currentItem","updatedItems","map","item","key","show","disabled","handleSort","newItems","handleCancel","handleOK","_jsxs","_jsx","propTypes","PropTypes","bool","isRequired","func","array"],"mappings":";;;;;;;;;;;;AAMA,SAASA,sBAAT,OAA6F;AAAA,MAA3DC,IAA2D,QAA3DA,IAA2D;AAAA,MAArDC,OAAqD,QAArDA,OAAqD;AAAA,MAA5CC,iBAA4C,QAA5CA,iBAA4C;AAAA,MAAzBC,qBAAyB,QAAzBA,qBAAyB;;AAAA,kBAC/CC,QAAQ,CAACH,OAAD,CADuC;AAAA;AAAA,MACpFI,cADoF;AAAA,MACpEC,iBADoE;;AAG3FC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,iBAAiB,CAACL,OAAD,CAAjB;AACD,GAFQ,EAEN,CAACA,OAAD,CAFM,CAAT;;AAIA,MAAMO,WAAW,GAAG,SAAdA,WAAc,CAAAC,WAAW,EAAI;AACjC,QAAMC,YAAY,GAAGL,cAAc,CAACM,GAAf,CAAmB,UAAAC,IAAI;AAAA,aAC1CA,IAAI,CAACC,GAAL,KAAaJ,WAAW,CAACI,GAAzB,mCAESD,IAFT;AAGME,QAAAA,IAAI,EAAEF,IAAI,CAACG,QAAL,GAAgB,IAAhB,GAAuB,CAACH,IAAI,CAACE;AAHzC,WAKIF,IANsC;AAAA,KAAvB,CAArB;AAQAN,IAAAA,iBAAiB,CAACI,YAAD,CAAjB;AACD,GAVD;;AAYA,MAAMM,UAAU,GAAG,SAAbA,UAAa,CAAAC,QAAQ,EAAI;AAC7BX,IAAAA,iBAAiB,CAACW,QAAD,CAAjB;AACD,GAFD;;AAIA,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBZ,IAAAA,iBAAiB,CAACL,OAAD,CAAjB;AACAE,IAAAA,qBAAqB;AACtB,GAHD;;AAKA,MAAMgB,QAAQ,GAAG,SAAXA,QAAW,GAAM;AACrBjB,IAAAA,iBAAiB,CAACG,cAAD,CAAjB;AACD,GAFD;;AAIA,sBACEe,KAAC,MAAD;AAAQ,IAAA,oBAAoB,MAA5B;AAA6B,IAAA,oBAAoB,MAAjD;AAAkD,IAAA,SAAS,MAA3D;AAA4D,IAAA,QAAQ,EAAC,IAArE;AAA0E,IAAA,IAAI,EAAEpB,IAAhF;AAAA,4BACEqB,IAAC,WAAD;AAAA;AAAA,MADF,eAEEA,IAAC,aAAD;AAAA,6BACEA,IAAC,aAAD;AAAe,QAAA,KAAK,EAAEhB,cAAtB;AAAsC,QAAA,MAAM,EAAEW,UAA9C;AAA0D,QAAA,OAAO,EAAER;AAAnE;AADF,MAFF,eAKEY,KAAC,aAAD;AAAA,8BACEC,IAAC,MAAD;AAAQ,QAAA,SAAS,MAAjB;AAAkB,QAAA,OAAO,EAAEH,YAA3B;AAAyC,QAAA,KAAK,EAAC,SAA/C;AAAA;AAAA,QADF,eAIEG,IAAC,MAAD;AAAQ,QAAA,OAAO,EAAEF,QAAjB;AAA2B,QAAA,KAAK,EAAC,SAAjC;AAA2C,QAAA,OAAO,EAAC,WAAnD;AAAA;AAAA,QAJF;AAAA,MALF;AAAA,IADF;AAgBD;;AAEDpB,sBAAsB,CAACuB,SAAvB,GAAmC;AACjCtB,EAAAA,IAAI,EAAEuB,SAAS,CAACC,IAAV,CAAeC,UADY;AAEjCvB,EAAAA,iBAAiB,EAAEqB,SAAS,CAACG,IAAV,CAAeD,UAFD;AAGjCtB,EAAAA,qBAAqB,EAAEoB,SAAS,CAACG,IAAV,CAAeD,UAHL;AAIjC;AACAxB,EAAAA,OAAO,EAAEsB,SAAS,CAACI,KAAV,CAAgBF;AALQ,CAAnC;;;;"}

package/components/VirtualizedTable/DraggableList.js

@@ -1 +1,101 @@
-import e from"prop-types";import{SortableHandle as r,SortableElement as i,SortableContainer as a,arrayMove as t}from"react-sortable-hoc";import{makeStyles as o,Checkbox as n,Typography as l}from"@material-ui/core";import d from"@material-ui/icons/DragIndicator";import{jsx as s,jsxs as c}from"react/jsx-runtime";var m=o({draggableList:{borderNottom:"1px solid #e0e0e0",listStyle:"none",padding:"0"},draggableListItem:{cursor:"pointer",borderTop:"1px solid #e0e0e0",lineHeight:"1rem",zIndex:1500,display:"flex",alignItems:"center","&:hover $draggableListItemDraghandle":{opacity:1}},draggableListItemCheckBox:{padding:"8px"},draggableListItemDraghandle:{color:"#777",opacity:0}}),g=r((function(){return s(d,{className:"c-draggable-list__item_draghandle",fontSize:"small"})})),u=i((function(e){var r=e.item,i=e.onClick,a=m();return c("li",{className:a.draggableListItem,children:[s(g,{}),s(n,{className:a.draggableListItemCheckBox,color:"primary",checked:r.show,onClick:function(){return i(r)}}),s(l,{variant:"body2",children:r.customLabel||r.label||r})]})})),p=a((function(e){var r=e.items,i=e.onClick,a=m();return s("ul",{className:a.draggableList,children:r.map((function(e,r){return s(u,{index:r,item:e,onClick:i,disabled:e.disabled},e.label)}))})}));function b(e){var r=e.items,i=e.onSort,a=e.onClick;return s(p,{useDragHandle:!0,items:r,onSortEnd:function(e){var a=e.oldIndex,o=e.newIndex,n=t(r,a,o);i(n)},onClick:a})}b.propTypes={items:e.arrayOf(e.shape({})).isRequired,onSort:e.func.isRequired,onClick:e.func.isRequired};export{b as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Checkbox, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import { SortableHandle, SortableElement, SortableContainer, arrayMove } from 'react-sortable-hoc';
+
+var useStyles = makeStyles({
+  draggableList: {
+    borderNottom: '1px solid #e0e0e0',
+    listStyle: 'none',
+    padding: '0'
+  },
+  draggableListItem: {
+    cursor: 'pointer',
+    borderTop: '1px solid #e0e0e0',
+    lineHeight: '1rem',
+    zIndex: 1500,
+    display: 'flex',
+    alignItems: 'center',
+    '&:hover $draggableListItemDraghandle': {
+      opacity: 1
+    }
+  },
+  draggableListItemCheckBox: {
+    padding: '8px'
+  },
+  draggableListItemDraghandle: {
+    color: '#777',
+    opacity: 0
+  }
+});
+var DragHandle = SortableHandle(function () {
+  return /*#__PURE__*/jsx(DragIndicatorIcon, {
+    className: "c-draggable-list__item_draghandle",
+    fontSize: "small"
+  });
+});
+var SortableItem = SortableElement(function (_ref) {
+  var item = _ref.item,
+      _onClick = _ref.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("li", {
+    className: classes.draggableListItem,
+    children: [/*#__PURE__*/jsx(DragHandle, {}), /*#__PURE__*/jsx(Checkbox, {
+      className: classes.draggableListItemCheckBox,
+      color: "primary",
+      checked: item.show,
+      onClick: function onClick() {
+        return _onClick(item);
+      }
+    }), /*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      children: item.customLabel || item.label || item
+    })]
+  });
+});
+var SortableList = SortableContainer(function (_ref2) {
+  var items = _ref2.items,
+      onClick = _ref2.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx("ul", {
+    className: classes.draggableList,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/jsx(SortableItem, {
+        index: index,
+        item: item,
+        onClick: onClick,
+        disabled: item.disabled
+      }, item.label);
+    })
+  });
+});
+
+function DraggableList(_ref3) {
+  var items = _ref3.items,
+      onSort = _ref3.onSort,
+      onClick = _ref3.onClick;
+
+  var onSortEnd = function onSortEnd(_ref4) {
+    var oldIndex = _ref4.oldIndex,
+        newIndex = _ref4.newIndex;
+    var newItems = arrayMove(items, oldIndex, newIndex);
+    onSort(newItems);
+  };
+
+  return /*#__PURE__*/jsx(SortableList, {
+    useDragHandle: true,
+    items: items,
+    onSortEnd: onSortEnd,
+    onClick: onClick
+  });
+}
+
+DraggableList.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onSort: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+
+export default DraggableList;
+//# sourceMappingURL=DraggableList.js.map

package/components/VirtualizedTable/DraggableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableList.js","sources":["../../../src/components/VirtualizedTable/DraggableList.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SortableContainer, SortableElement, SortableHandle, arrayMove } from 'react-sortable-hoc';\nimport { Checkbox, Typography, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst useStyles = makeStyles({\n  draggableList: {\n    borderNottom: '1px solid #e0e0e0',\n    listStyle: 'none',\n    padding: '0',\n  },\n  draggableListItem: {\n    cursor: 'pointer',\n    borderTop: '1px solid #e0e0e0',\n    lineHeight: '1rem',\n    zIndex: 1500,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover $draggableListItemDraghandle': {\n      opacity: 1,\n    },\n  },\n  draggableListItemCheckBox: {\n    padding: '8px',\n  },\n  draggableListItemDraghandle: {\n    color: '#777',\n    opacity: 0,\n  },\n});\n\nconst DragHandle = SortableHandle(() => (\n  <DragIndicatorIcon className=\"c-draggable-list__item_draghandle\" fontSize=\"small\" />\n));\n\nconst SortableItem = SortableElement(({ item, onClick }) => {\n  const classes = useStyles();\n  return (\n    <li className={classes.draggableListItem}>\n      <DragHandle />\n      <Checkbox\n        className={classes.draggableListItemCheckBox}\n        color=\"primary\"\n        checked={item.show}\n        onClick={() => onClick(item)}\n      />\n      <Typography variant=\"body2\">{item.customLabel || item.label || item}</Typography>\n    </li>\n  );\n});\n\nconst SortableList = SortableContainer(({ items, onClick }) => {\n  const classes = useStyles();\n  return (\n    <ul className={classes.draggableList}>\n      {items.map((item, index) => (\n        <SortableItem\n          key={item.label}\n          index={index}\n          item={item}\n          onClick={onClick}\n          disabled={item.disabled}\n        />\n      ))}\n    </ul>\n  );\n});\n\nfunction DraggableList({ items, onSort, onClick }) {\n  const onSortEnd = ({ oldIndex, newIndex }) => {\n    const newItems = arrayMove(items, oldIndex, newIndex);\n    onSort(newItems);\n  };\n\n  return <SortableList useDragHandle items={items} onSortEnd={onSortEnd} onClick={onClick} />;\n}\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onSort: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default DraggableList;\n"],"names":["useStyles","makeStyles","draggableList","borderNottom","listStyle","padding","draggableListItem","cursor","borderTop","lineHeight","zIndex","display","alignItems","opacity","draggableListItemCheckBox","draggableListItemDraghandle","color","DragHandle","SortableHandle","_jsx","SortableItem","SortableElement","item","onClick","classes","_jsxs","show","customLabel","label","SortableList","SortableContainer","items","map","index","disabled","DraggableList","onSort","onSortEnd","oldIndex","newIndex","newItems","arrayMove","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"mappings":"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"}