@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/UserMention/constants.js

@@ -1 +1,8 @@
-var _="@[user:__id__|__display__]",d={id:"__id__",display:"__display__"};export{d as PLACEHOLDERS,_ as USER_MARKUP};
+var USER_MARKUP = '@[user:__id__|__display__]';
+var PLACEHOLDERS = {
+  id: '__id__',
+  display: '__display__'
+};
+
+export { PLACEHOLDERS, USER_MARKUP };
+//# sourceMappingURL=constants.js.map

package/components/UserMention/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/UserMention/constants.js"],"sourcesContent":["export const USER_MARKUP = '@[user:__id__|__display__]';\n\nexport const PLACEHOLDERS = {\n  id: '__id__',\n  display: '__display__',\n};\n"],"names":["USER_MARKUP","PLACEHOLDERS","id","display"],"mappings":"AAAO,IAAMA,WAAW,GAAG,6BAA4B;AAEhD,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,OAAO,EAAE,aAAA;AACX;;;;"}

package/components/UserMention/index.js

@@ -1 +1,230 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as o,useCallback as n}from"react";import{debounce as r}from"lodash";import t from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import{MentionsInput as i,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as u}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as c}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import p from"../Avatar/index.js";import{handleFetchUsers as m}from"./utils/index.js";import{USER_MARKUP as f}from"./constants.js";import g from"./style.css.js";import{jsx as d,jsxs as b}from"react/jsx-runtime";function y(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function h(o){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){e(o,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var v={backgroundColor:l[100]},j={color:"#00bcd4"},_={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},w=h(h({},_),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),O=h(h({},_),{},{input:{color:"#000"}}),P=function(e){var t=e.onChange,s=e.singleLine,l=e.suggestionsPortalHost,u=e.value,c=e.inputRef,y=e.classes,_=e.style,P=e.withLightTheme,C=e.placeholder,S=e.onMount,x=e.onKeyDown,R=e.onKeyUp,A=e.onFocus,D=e.onBlur,F=e.autoFocus,K=e.disabled,L=e.companyId,N=e.currentUser,T=e.isCompanySelectVisible,k=e.mentionProps,U=e.allowSuggestionsAboveCursor;o(S,[]);var q=n(r((function(e,o){var n=T&&N&&N.company_id!==L?[N.company_id,L]:null;m(e,o,n)}),400),[L]),H=Object.assign(P?O:w,_);return d(i,{value:u,onChange:function(e,o){t(o)},singleLine:s,allowSpaceInQuery:!0,classNames:g,placeholder:C,suggestionsPortalHost:l,inputRef:c,style:H,onKeyDown:x,onKeyUp:R,autoFocus:F,onFocus:A,onBlur:D,disabled:K,allowSuggestionsAboveCursor:U,children:d(a,h({markup:f,renderSuggestion:function(e){return function(e,o){return b("div",{className:g.mention__suggestion,children:[d(p,{alt:e.display,displayName:e.display,className:o.avatar,imgSrc:e.photo}),b("div",{className:g.mention__suggestion__info,children:[d("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:g.mention__suggestion__info__name,children:e.display}),e.title&&d("span",{className:g.mention__suggestion__info__group,children:e.title})]})]})}(e,y)},trigger:"@",data:q,displayTransform:function(e,o){return"@".concat(o)},style:P?v:j,appendSpaceOnAdd:!0},k))})};P.propTypes={onChange:t.func,singleLine:t.bool,suggestionsPortalHost:t.shape({current:t.instanceOf(Element)}),value:t.string,inputRef:t.shape({}),classes:t.shape({avatar:t.string.isRequired}).isRequired,withLightTheme:t.bool,placeholder:t.string,style:t.shape({}),mentionProps:t.shape({}),onMount:t.func,onKeyDown:t.func,onKeyUp:t.func,onFocus:t.func,onBlur:t.func,autoFocus:t.bool,disabled:t.bool,currentUser:t.shape({company_id:t.number.isRequired}).isRequired,companyId:t.number,isCompanySelectVisible:t.bool.isRequired,allowSuggestionsAboveCursor:t.bool},P.defaultProps={onChange:function(){},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null};var C=c({isCompanySelectVisible:u.companySelectorView})(s({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(P));export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect, useCallback } from 'react';
+import { debounce } from 'lodash';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { MentionsInput, Mention } from 'react-mentions';
+import blue from '@material-ui/core/colors/blue';
+import '../../permissions/PermissionsContext.js';
+import { PERMISSIONS } from '../../permissions/constants/index.js';
+import '@babel/runtime/helpers/slicedToArray';
+import { withPermissionsHOC } from '../../permissions/withPermissionsHOC.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../permissions/ProvidePermissions.js';
+import Avatar from '../Avatar/index.js';
+import { handleFetchUsers } from './utils/index.js';
+import { USER_MARKUP } from './constants.js';
+import styles from './style.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'userMention';
+var muiStyles = {
+  avatar: {
+    height: 45,
+    width: 45,
+    border: '1.5px solid #fff'
+  }
+};
+var mentionLightStyle = {
+  backgroundColor: blue[100]
+};
+var mentionDarkStyle = {
+  color: '#00bcd4'
+};
+
+// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values
+var inputStyles = {
+  suggestions: {
+    item: {
+      '&focused': {
+        backgroundColor: 'rgba(0, 0, 0, 0.08)'
+      }
+    }
+  }
+};
+var darkThemeInputStyles = _objectSpread(_objectSpread({}, inputStyles), {}, {
+  input: {
+    color: '#fff',
+    caretColor: '#fff',
+    zIndex: 1
+  },
+  highlighter: {
+    color: '#fff'
+  }
+});
+var lightThemeInputStyles = _objectSpread(_objectSpread({}, inputStyles), {}, {
+  input: {
+    color: '#000'
+  }
+});
+var _renderSuggestion = function renderSuggestion(entry, classes) {
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.mention__suggestion,
+    children: [/*#__PURE__*/jsx(Avatar, {
+      alt: entry.display,
+      displayName: entry.display,
+      className: classes.avatar,
+      imgSrc: entry.photo
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.mention__suggestion__info,
+      children: [/*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_name_").concat(entry.display),
+        className: styles.mention__suggestion__info__name,
+        children: entry.display
+      }), entry.title && /*#__PURE__*/jsx("span", {
+        className: styles.mention__suggestion__info__group,
+        children: entry.title
+      })]
+    })]
+  });
+};
+var UserMention = function UserMention(_ref) {
+  var onChange = _ref.onChange,
+    singleLine = _ref.singleLine,
+    suggestionsPortalHost = _ref.suggestionsPortalHost,
+    value = _ref.value,
+    inputRef = _ref.inputRef,
+    classes = _ref.classes,
+    style = _ref.style,
+    withLightTheme = _ref.withLightTheme,
+    placeholder = _ref.placeholder,
+    onMount = _ref.onMount,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    autoFocus = _ref.autoFocus,
+    disabled = _ref.disabled,
+    companyId = _ref.companyId,
+    currentUser = _ref.currentUser,
+    isCompanySelectVisible = _ref.isCompanySelectVisible,
+    mentionProps = _ref.mentionProps,
+    allowSuggestionsAboveCursor = _ref.allowSuggestionsAboveCursor;
+  useEffect(onMount, []);
+  var fetchUsers = function fetchUsers(search, callback) {
+    var companyIds = isCompanySelectVisible && currentUser && currentUser.company_id !== companyId ? [currentUser.company_id, companyId] : null;
+    handleFetchUsers(search, callback, companyIds);
+  };
+  var debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);
+  var onInputChange = function onInputChange(event, newValue) {
+    onChange(newValue);
+  };
+  var themedStyle = Object.assign(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles, style);
+  return /*#__PURE__*/jsx(MentionsInput, {
+    value: value,
+    onChange: onInputChange,
+    singleLine: singleLine,
+    allowSpaceInQuery: true,
+    classNames: styles,
+    placeholder: placeholder,
+    suggestionsPortalHost: suggestionsPortalHost,
+    inputRef: inputRef,
+    style: themedStyle,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    autoFocus: autoFocus,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    disabled: disabled,
+    allowSuggestionsAboveCursor: allowSuggestionsAboveCursor,
+    children: /*#__PURE__*/jsx(Mention, _objectSpread({
+      markup: USER_MARKUP,
+      renderSuggestion: function renderSuggestion(entry) {
+        return _renderSuggestion(entry, classes);
+      },
+      trigger: "@",
+      data: debouncedUsersFetch,
+      displayTransform: function displayTransform(id, display) {
+        return "@".concat(display);
+      },
+      style: withLightTheme ? mentionLightStyle : mentionDarkStyle,
+      appendSpaceOnAdd: true
+    }, mentionProps))
+  });
+};
+UserMention.propTypes = {
+  onChange: PropTypes.func,
+  singleLine: PropTypes.bool,
+  suggestionsPortalHost: PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
+  }),
+  value: PropTypes.string,
+  inputRef: PropTypes.shape({}),
+  classes: PropTypes.shape({
+    avatar: PropTypes.string.isRequired
+  }).isRequired,
+  withLightTheme: PropTypes.bool,
+  placeholder: PropTypes.string,
+  style: PropTypes.shape({}),
+  mentionProps: PropTypes.shape({}),
+  onMount: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  autoFocus: PropTypes.bool,
+  disabled: PropTypes.bool,
+  currentUser: PropTypes.shape({
+    company_id: PropTypes.number.isRequired
+  }).isRequired,
+  companyId: PropTypes.number,
+  isCompanySelectVisible: PropTypes.bool.isRequired,
+  allowSuggestionsAboveCursor: PropTypes.bool
+};
+UserMention.defaultProps = {
+  onChange: function onChange() {
+    return undefined;
+  },
+  singleLine: false,
+  suggestionsPortalHost: null,
+  value: '',
+  inputRef: null,
+  withLightTheme: false,
+  placeholder: "Mention people using '@'",
+  style: {
+    suggestions: {
+      list: {
+        background: '#414141'
+      },
+      item: {
+        color: 'white',
+        height: 30,
+        '&focused': {
+          backgroundColor: 'rgba(255, 255, 255, 0.08)'
+        }
+      }
+    }
+  },
+  mentionProps: {},
+  onMount: function onMount() {
+    return undefined;
+  },
+  onKeyDown: function onKeyDown() {
+    return undefined;
+  },
+  onKeyUp: function onKeyUp() {
+    return undefined;
+  },
+  onFocus: function onFocus() {
+    return undefined;
+  },
+  onBlur: function onBlur() {
+    return undefined;
+  },
+  autoFocus: true,
+  disabled: false,
+  allowSuggestionsAboveCursor: false,
+  companyId: null
+};
+var UserMention$1 = withPermissionsHOC({
+  isCompanySelectVisible: PERMISSIONS.companySelectorView
+})(withStyles(muiStyles)(UserMention));
+
+export { UserMention$1 as default };
+//# sourceMappingURL=index.js.map

package/components/UserMention/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport Avatar from '~components/Avatar';\n\nimport { handleFetchUsers } from './utils';\nimport { USER_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange,\n  singleLine,\n  suggestionsPortalHost,\n  value,\n  inputRef,\n  classes,\n  style,\n  withLightTheme,\n  placeholder,\n  onMount,\n  onKeyDown,\n  onKeyUp,\n  onFocus,\n  onBlur,\n  autoFocus,\n  disabled,\n  companyId,\n  currentUser,\n  isCompanySelectVisible,\n  mentionProps,\n  allowSuggestionsAboveCursor,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = Object.assign(\n    withLightTheme ? lightThemeInputStyles : darkThemeInputStyles,\n    style\n  );\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }).isRequired,\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n};\n\nUserMention.defaultProps = {\n  onChange: () => undefined,\n  singleLine: false,\n  suggestionsPortalHost: null,\n  value: '',\n  inputRef: null,\n  withLightTheme: false,\n  placeholder: \"Mention people using '@'\",\n  style: {\n    suggestions: {\n      list: {\n        background: '#414141',\n      },\n      item: {\n        color: 'white',\n        height: 30,\n        '&focused': {\n          backgroundColor: 'rgba(255, 255, 255, 0.08)',\n        },\n      },\n    },\n  },\n  mentionProps: {},\n  onMount: () => undefined,\n  onKeyDown: () => undefined,\n  onKeyUp: () => undefined,\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  autoFocus: true,\n  disabled: false,\n  allowSuggestionsAboveCursor: false,\n  companyId: null,\n};\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["PAGE_NAME","muiStyles","avatar","height","width","border","mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","renderSuggestion","entry","classes","_jsxs","styles","mention__suggestion","_jsx","display","photo","mention__suggestion__info","mention__suggestion__info__name","title","mention__suggestion__info__group","UserMention","onChange","singleLine","suggestionsPortalHost","value","inputRef","style","withLightTheme","placeholder","onMount","onKeyDown","onKeyUp","onFocus","onBlur","autoFocus","disabled","companyId","currentUser","isCompanySelectVisible","mentionProps","allowSuggestionsAboveCursor","useEffect","fetchUsers","search","callback","companyIds","company_id","handleFetchUsers","debouncedUsersFetch","useCallback","debounce","onInputChange","event","newValue","themedStyle","Object","assign","USER_MARKUP","id","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","defaultProps","undefined","list","background","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles"],"mappings":"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"}

package/components/UserMention/style.css.js

@@ -1 +1,8 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={mention:"style_mention__ItOCH",mention__control:"style_mention__control__n07-d","mention--multiLine":"style_mention--multiLine__AUiad",mention__suggestions:"style_mention__suggestions__SA5o5",mention__suggestions__list:"style_mention__suggestions__list__rwfgI",mention__suggestions__item:"style_mention__suggestions__item__gqwq0",mention__highlighter:"style_mention__highlighter__pNPhl",mention__input:"style_mention__input__5-hJw",mention__suggestion:"style_mention__suggestion__xzP4Y",mention__suggestion__info:"style_mention__suggestion__info__2yJKq",mention__suggestion__info__name:"style_mention__suggestion__info__name__yq1t4",mention__suggestion__info__group:"style_mention__suggestion__info__group__MkVWS"};t('.style_mention__ItOCH{margin:0;min-width:0;width:100%}.style_mention__control__n07-d{width:100%}.style_mention--multiLine__AUiad .style_mention__control__n07-d{height:70px;max-height:70px;overflow-y:auto}.style_mention__suggestions__SA5o5{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);max-height:260px;max-width:calc(100% - 32px);min-width:250px!important;overflow-x:hidden}.style_mention__suggestions__list__rwfgI{font-size:14px;max-height:260px;overflow-y:auto;position:relative}.style_mention__suggestions__item__gqwq0{align-items:center;box-sizing:content-box;color:rgba(0,0,0,.87);display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;justify-content:flex-start;line-height:1.5em;min-width:250px;overflow:hidden;padding:11px 16px;position:relative;text-align:left;text-decoration:none;white-space:nowrap;width:auto}.style_mention__suggestions__item__gqwq0:hover{background-color:rgba(0,0,0,.08)!important}.style_mention__highlighter__pNPhl{letter-spacing:0;line-height:normal}.style_mention__highlighter__pNPhl span,.style_mention__highlighter__pNPhl strong{letter-spacing:normal;line-height:normal!important;margin:0!important;padding:0!important;visibility:visible!important}.style_mention__input__5-hJw{border:none;letter-spacing:normal!important;line-height:normal!important;outline:none;padding:0}.style_mention__suggestion__xzP4Y{align-items:center;display:flex;position:relative;width:100%}.style_mention__suggestion__xzP4Y:after{background-color:rgba(0,0,0,.08);bottom:-11px;content:"";height:1px;position:absolute;right:-16px;width:calc(100% - 35px)}.style_mention__suggestion__info__2yJKq{display:flex;flex:1;flex-direction:column;overflow:hidden;padding-left:1rem}.style_mention__suggestion__info__name__yq1t4{display:inline-block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.style_mention__suggestion__info__group__MkVWS{color:#b1b1b1;font-size:.9rem}');export{n as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_mention__ItOCH {\n  width: 100%;\n  margin: 0;\n  min-width: 0;\n}\n\n.style_mention__control__n07-d {\n  width: 100%;\n}\n\n.style_mention--multiLine__AUiad .style_mention__control__n07-d {\n  max-height: 70px;\n  height: 70px;\n  overflow-y: auto;\n}\n\n.style_mention__suggestions__SA5o5 {\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  background-color: #fff;\n  max-width: calc(100% - 32px);\n  min-width: 250px !important;\n  overflow-x: hidden;\n  max-height: 260px;\n}\n\n.style_mention__suggestions__list__rwfgI {\n  font-size: 14px;\n  position: relative;\n  max-height: 260px;\n  overflow-y: auto;\n}\n\n.style_mention__suggestions__item__gqwq0 {\n  color: rgba(0, 0, 0, 0.87);\n  width: auto;\n  min-width: 250px;\n  overflow: hidden;\n  font-size: 1rem;\n  box-sizing: content-box;\n  font-weight: 400;\n  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\n  line-height: 1.5em;\n  white-space: nowrap;\n  padding: 11px 16px;\n\n  display: flex;\n  position: relative;\n  box-sizing: content-box;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-start;\n  text-decoration: none;\n}\n\n.style_mention__suggestions__item__gqwq0:hover {\n  background-color: rgba(0, 0, 0, 0.08) !important;\n}\n\n/* START\n** NOTE: do not touch - will affect all user mention places\n**/\n\n.style_mention__highlighter__pNPhl {\n  letter-spacing: 0;\n  line-height: normal;\n}\n\n.style_mention__highlighter__pNPhl strong,\n.style_mention__highlighter__pNPhl span {\n  visibility: visible !important;\n  line-height: normal !important;\n  letter-spacing: normal;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.style_mention__input__5-hJw {\n  outline: none;\n  border: none;\n  padding: 0;\n  line-height: normal !important;\n  letter-spacing: normal !important;\n}\n\n/* END */\n\n.style_mention__suggestion__xzP4Y {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  position: relative;\n}\n\n.style_mention__suggestion__xzP4Y:after {\n  content: '';\n  position: absolute;\n  bottom: -11px;\n  right: -16px;\n  width: calc(100% - 35px);\n  height: 1px;\n  background-color: rgba(0, 0, 0, 0.08);\n}\n\n.style_mention__suggestion__info__2yJKq {\n  display: flex;\n  flex-direction: column;\n  padding-left: 1rem;\n  flex: 1;\n  overflow: hidden;\n}\n\n.style_mention__suggestion__info__name__yq1t4 {\n  font-size: 1rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: inline-block;\n  width: 100%;\n}\n\n.style_mention__suggestion__info__group__MkVWS {\n  font-size: 0.9rem;\n  color: #b1b1b1;\n}\n";
+var styles = {"mention":"style_mention__ItOCH","mention__control":"style_mention__control__n07-d","mention--multiLine":"style_mention--multiLine__AUiad","mention__suggestions":"style_mention__suggestions__SA5o5","mention__suggestions__list":"style_mention__suggestions__list__rwfgI","mention__suggestions__item":"style_mention__suggestions__item__gqwq0","mention__highlighter":"style_mention__highlighter__pNPhl","mention__input":"style_mention__input__5-hJw","mention__suggestion":"style_mention__suggestion__xzP4Y","mention__suggestion__info":"style_mention__suggestion__info__2yJKq","mention__suggestion__info__name":"style_mention__suggestion__info__name__yq1t4","mention__suggestion__info__group":"style_mention__suggestion__info__group__MkVWS"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/UserMention/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/UserMention/utils/index.js

@@ -1 +1,129 @@
-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 _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { getUserAutocomplete } from '../../../clients/jsonApi/index.js';
+import UserCardPopover from '../../UserCardPopover.js';
+import '../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import { UniversalLink } from '../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-router';
+import { jsx } from 'react/jsx-runtime';
+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,79 @@
-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 { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@material-ui/core';
+import DraggableList from './DraggableList.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 { CustomizeColumnsDialog as default };
+//# 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":"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"}