@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/KeyboardDateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n  'MM/DD/YYYY HH:mm',\n  'M/D/YYYY HH:mm',\n  'MM/DD/YYYY, HH:mm',\n  'M/D/YYYY, HH:mm',\n  'MMM DD, YYYY HH:mm',\n  'MMM D, YYYY HH:mm',\n  'MM/DD/YY HH:mm',\n  'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = props => {\n  const { format, onChange, label, 'data-testid': PAGE_NAME } = props;\n\n  const [dynamicFormat, setDynamicFormat] = useState(format);\n  const [inputValue, setInputValue] = useState(null);\n\n  const dateFormatter = str => {\n    return str;\n  };\n\n  const handleDateChange = (date, newInputValue) => {\n    const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n    const isValidDate = momentObj.isValid();\n\n    setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n    setInputValue(newInputValue);\n    onChange(isValidDate ? momentObj : date, newInputValue);\n  };\n\n  return (\n    <MuiKeyboardDateTimePicker\n      rifmFormatter={dateFormatter}\n      refuse={REFUSE_REGEXP}\n      inputValue={inputValue}\n      {...props}\n      data-testid={`${PAGE_NAME}_${label}`}\n      format={dynamicFormat}\n      onChange={handleDateChange}\n    />\n  );\n};\n\nKeyboardDateTimePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  format: PropTypes.string,\n  label: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nKeyboardDateTimePicker.defaultProps = {\n  format: DEFAULT_DATE_TIME_FORMAT,\n  label: 'Date',\n  'data-testid': 'KeyboardDateTimePicker',\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["DEFAULT_DATE_TIME_FORMAT","SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","props","format","onChange","label","PAGE_NAME","useState","dynamicFormat","setDynamicFormat","inputValue","setInputValue","dateFormatter","str","handleDateChange","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","_jsx","MuiKeyboardDateTimePicker","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"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"}

package/components/LabelsCounter/LabelsCounter.js

@@ -1 +1,57 @@
-import t from"@babel/runtime/helpers/toArray";import e from"prop-types";import{isEmpty as r}from"lodash";import{makeStyles as i,Chip as n,Tooltip as a}from"@material-ui/core";import l from"../TruncatedText/index.js";import{jsxs as o,Fragment as m,jsx as c}from"react/jsx-runtime";var s=i({assetsCount:{maxWidth:168,whiteSpace:"nowrap"},countChip:{marginLeft:8}}),p=function(e){var i=e.items,p=e.limit,u=s(),d=t(i),h=d[0],f=d.slice(1);return r(i)?null:o(m,{children:[c(n,{label:c("div",{className:u.assetsCount,children:c(l,{children:h})})}),i.length>1&&c(a,{title:c("div",{children:f.map((function(t,e){return o("div",{children:[t,"".concat(e<f.length-1?",":"")]},t)}))}),children:c(n,{label:i.length<=p?"+".concat(i.length-1):"".concat(p-1,"+"),className:u.countChip})})]})};p.propTypes={items:e.arrayOf(e.string).isRequired,limit:e.number},p.defaultProps={limit:100};export{p as default};
+import _toArray from '@babel/runtime/helpers/toArray';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'lodash';
+import { makeStyles, Chip, Tooltip } from '@material-ui/core';
+import TruncatedText from '../TruncatedText/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  assetsCount: {
+    maxWidth: 168,
+    whiteSpace: 'nowrap'
+  },
+  countChip: {
+    marginLeft: 8
+  }
+});
+var LabelsCounter = function LabelsCounter(_ref) {
+  var items = _ref.items,
+    limit = _ref.limit;
+  var styles = useStyles();
+  var _items = _toArray(items),
+    firstItem = _items[0],
+    restItems = _items.slice(1);
+  if (isEmpty(items)) return null;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Chip, {
+      label: /*#__PURE__*/jsx("div", {
+        className: styles.assetsCount,
+        children: /*#__PURE__*/jsx(TruncatedText, {
+          children: firstItem
+        })
+      })
+    }), items.length > 1 && /*#__PURE__*/jsx(Tooltip, {
+      title: /*#__PURE__*/jsx("div", {
+        children: restItems.map(function (item, index) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [item, "".concat(index < restItems.length - 1 ? ',' : '')]
+          }, item);
+        })
+      }),
+      children: /*#__PURE__*/jsx(Chip, {
+        label: items.length <= limit ? "+".concat(items.length - 1) : "".concat(limit - 1, "+"),
+        className: styles.countChip
+      })
+    })]
+  });
+};
+LabelsCounter.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.string).isRequired,
+  limit: PropTypes.number
+};
+LabelsCounter.defaultProps = {
+  limit: 100
+};
+
+export { LabelsCounter as default };
+//# sourceMappingURL=LabelsCounter.js.map

package/components/LabelsCounter/LabelsCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelsCounter.js","sources":["../../../src/components/LabelsCounter/LabelsCounter.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { makeStyles, Tooltip, Chip } from '@material-ui/core';\n\nimport TruncatedText from '../TruncatedText';\n\nconst useStyles = makeStyles({\n  assetsCount: {\n    maxWidth: 168,\n    whiteSpace: 'nowrap',\n  },\n  countChip: {\n    marginLeft: 8,\n  },\n});\n\nconst LabelsCounter = ({ items, limit }) => {\n  const styles = useStyles();\n\n  const [firstItem, ...restItems] = items;\n\n  if (isEmpty(items)) return null;\n\n  return (\n    <>\n      <Chip\n        label={\n          <div className={styles.assetsCount}>\n            <TruncatedText>{firstItem}</TruncatedText>\n          </div>\n        }\n      />\n      {items.length > 1 && (\n        <Tooltip\n          title={\n            <div>\n              {restItems.map((item, index) => (\n                <div key={item}>\n                  {item}\n                  {`${index < restItems.length - 1 ? ',' : ''}`}\n                </div>\n              ))}\n            </div>\n          }\n        >\n          <Chip\n            label={items.length <= limit ? `+${items.length - 1}` : `${limit - 1}+`}\n            className={styles.countChip}\n          />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n\nLabelsCounter.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.string).isRequired,\n  limit: PropTypes.number,\n};\n\nLabelsCounter.defaultProps = {\n  limit: 100,\n};\n\nexport default LabelsCounter;\n"],"names":["useStyles","makeStyles","assetsCount","maxWidth","whiteSpace","countChip","marginLeft","LabelsCounter","items","limit","styles","firstItem","restItems","isEmpty","_jsxs","_Fragment","_jsx","length","map","item","index","propTypes","PropTypes","arrayOf","string","isRequired","number","defaultProps"],"mappings":";;;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,GAAG;AACbC,IAAAA,UAAU,EAAE,QAAA;GACb;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,CAAA;AACd,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAyB,IAAA,EAAA;EAAA,IAAnBC,KAAK,QAALA,KAAK;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EACnC,IAAMC,MAAM,GAAGV,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAA,MAAA,GAAA,QAAA,CAAkCQ,KAAK,CAAA;IAAhCG,SAAS,GAAA,MAAA,CAAA,CAAA,CAAA;IAAKC,SAAS,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAIC,OAAO,CAACL,KAAK,CAAC,EAAE,OAAO,IAAI,CAAA;EAE/B,oBACEM,IAAA,CAAAC,QAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,IAAC,IAAI,EAAA;AACH,MAAA,KAAK,eACHA,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEN,MAAM,CAACR,WAAY;AAAA,QAAA,QAAA,eACjCc,IAAC,aAAa,EAAA;UAAA,QAAEL,EAAAA,SAAAA;AAAS,SAAA,CAAA;AAAiB,OAAA,CAAA;KAG9C,CAAA,EACDH,KAAK,CAACS,MAAM,GAAG,CAAC,iBACfD,IAAC,OAAO,EAAA;AACN,MAAA,KAAK,eACHA,GAAA,CAAA,KAAA,EAAA;AAAA,QAAA,QAAA,EACGJ,SAAS,CAACM,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;UAAA,oBACzBN,IAAA,CAAA,KAAA,EAAA;AAAA,YAAA,QAAA,EAAA,CACGK,IAAI,EAAA,EAAA,CAAA,MAAA,CACDC,KAAK,GAAGR,SAAS,CAACK,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAA,CAAA;AAAA,WAAA,EAFnCE,IAAI,CAGR,CAAA;SACP,CAAA;OAEJ,CAAA;AAAA,MAAA,QAAA,eAEDH,IAAC,IAAI,EAAA;AACH,QAAA,KAAK,EAAER,KAAK,CAACS,MAAM,IAAIR,KAAK,GAAOD,GAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAACS,MAAM,GAAG,CAAC,CAAA,GAAA,EAAA,CAAA,MAAA,CAAQR,KAAK,GAAG,CAAC,EAAI,GAAA,CAAA;QACxE,SAAS,EAAEC,MAAM,CAACL,SAAAA;AAAU,OAAA,CAAA;KAGjC,CAAA,CAAA;GACA,CAAA,CAAA;AAEP,EAAC;AAEDE,aAAa,CAACc,SAAS,GAAG;EACxBb,KAAK,EAAEc,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,MAAM,CAAC,CAACC,UAAU;EACrDhB,KAAK,EAAEa,SAAS,CAACI,MAAAA;AACnB,CAAC,CAAA;AAEDnB,aAAa,CAACoB,YAAY,GAAG;AAC3BlB,EAAAA,KAAK,EAAE,GAAA;AACT,CAAC;;;;"}

package/components/LoadingIndicator/FullScreenLoadingIndicator.js

@@ -1 +1,34 @@
-import{jsx as a}from"react/jsx-runtime";import r from"classnames";import s from"./Loader.js";import{screenLoadingIndicatorPropTypes as e}from"./types.js";import i from"./LoadingIndicator.css.js";var o=function(e){var o=e.white,m=e.size,p=e.className;return a("div",{className:r(i.appLoading,p),children:a("div",{className:i.appLoadingGrid,children:a("div",{className:i.appLoadingInner,children:a(s,{white:o,size:m})})})})};o.propTypes=e,o.defaultProps={white:!0,size:80,className:""};export{o as default};
+import classNames from 'classnames';
+import Loader from './Loader.js';
+import { screenLoadingIndicatorPropTypes } from './types.js';
+import styles from './LoadingIndicator.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var FullScreenLoadingIndicator = function FullScreenLoadingIndicator(props) {
+  var white = props.white,
+    size = props.size,
+    className = props.className;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.appLoading, className),
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.appLoadingGrid,
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.appLoadingInner,
+        children: /*#__PURE__*/jsx(Loader, {
+          white: white,
+          size: size
+        })
+      })
+    })
+  });
+};
+FullScreenLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;
+FullScreenLoadingIndicator.defaultProps = {
+  white: true,
+  size: 80,
+  // NOTE: px
+  className: ''
+};
+
+export { FullScreenLoadingIndicator as default };
+//# sourceMappingURL=FullScreenLoadingIndicator.js.map

package/components/LoadingIndicator/FullScreenLoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenLoadingIndicator.js","sources":["../../../src/components/LoadingIndicator/FullScreenLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, FullScreenLoadingIndicatorProps } from \"./types\";\nimport styles from './LoadingIndicator.css';\n\nconst FullScreenLoadingIndicator = (props: FullScreenLoadingIndicatorProps): JSX.Element => {\n  const { white, size, className } = props;\n\n  return (\n    <div className={classNames(styles.appLoading, className)}>\n      <div className={styles.appLoadingGrid}>\n        <div className={styles.appLoadingInner}>\n          <Loader white={white} size={size} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nFullScreenLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nFullScreenLoadingIndicator.defaultProps = {\n  white: true,\n  size: 80, // NOTE: px\n  className: '',\n};\n\nexport default FullScreenLoadingIndicator;\n"],"names":["FullScreenLoadingIndicator","props","white","size","className","_jsx","classNames","styles","appLoading","appLoadingGrid","appLoadingInner","propTypes","screenLoadingIndicatorPropTypes","defaultProps"],"mappings":";;;;;;AAKA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0B,CAAIC,KAAsC,EAAkB;AAC1F,EAAA,IAAQC,KAAK,GAAsBD,KAAK,CAAhCC,KAAK;IAAEC,IAAI,GAAgBF,KAAK,CAAzBE,IAAI;IAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS,CAAA;EAE9B,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,UAAU,EAAEJ,SAAS,CAAE;IAAA,QACvD,eAAAC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEE,MAAM,CAACE,cAAe;MAAA,QACpC,eAAAJ,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEE,MAAM,CAACG,eAAgB;AAAA,QAAA,QAAA,eACrCL,IAAC,MAAM,EAAA;AAAC,UAAA,KAAK,EAAEH,KAAM;AAAC,UAAA,IAAI,EAAEC,IAAAA;AAAK,SAAA,CAAA;AAAG,OAAA,CAAA;AAChC,KAAA,CAAA;GAEJ,CAAA,CAAA;AAEV,EAAC;AAEDH,0BAA0B,CAACW,SAAS,GAAGC,+BAA+B,CAAA;AAEtEZ,0BAA0B,CAACa,YAAY,GAAG;AACxCX,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,IAAI,EAAE,EAAE;AAAE;AACVC,EAAAA,SAAS,EAAE,EAAA;AACb,CAAC;;;;"}

package/components/LoadingIndicator/InlineLoadingIndicator.js

@@ -1 +1,28 @@
-import{jsx as r}from"react/jsx-runtime";import s from"classnames";import e from"./Loader.js";import{screenLoadingIndicatorPropTypes as a}from"./types.js";import i from"./LoadingIndicator.css.js";var o=function(a){var o=a.white,t=a.size,m=a.className;return r("div",{className:s(i.appLoadingInline,m),children:r(e,{white:o,size:t})})};o.propTypes=a,o.defaultProps={white:!0,size:80,className:""};export{o as default};
+import classNames from 'classnames';
+import Loader from './Loader.js';
+import { screenLoadingIndicatorPropTypes } from './types.js';
+import styles from './LoadingIndicator.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var InlineLoadingIndicator = function InlineLoadingIndicator(props) {
+  var white = props.white,
+    size = props.size,
+    className = props.className;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.appLoadingInline, className),
+    children: /*#__PURE__*/jsx(Loader, {
+      white: white,
+      size: size
+    })
+  });
+};
+InlineLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;
+InlineLoadingIndicator.defaultProps = {
+  white: true,
+  size: 80,
+  // NOTE: px
+  className: ''
+};
+
+export { InlineLoadingIndicator as default };
+//# sourceMappingURL=InlineLoadingIndicator.js.map

package/components/LoadingIndicator/InlineLoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoadingIndicator.js","sources":["../../../src/components/LoadingIndicator/InlineLoadingIndicator.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Loader from './Loader';\nimport { screenLoadingIndicatorPropTypes, InlineLoadingIndicatorProps } from \"./types\";\nimport styles from './LoadingIndicator.css';\n\nconst InlineLoadingIndicator = (props: InlineLoadingIndicatorProps): JSX.Element => {\n  const { white, size, className } = props;\n\n  return (\n    <div className={classNames(styles.appLoadingInline, className)}>\n      <Loader white={white} size={size} />\n    </div>\n  );\n};\n\nInlineLoadingIndicator.propTypes = screenLoadingIndicatorPropTypes;\n\nInlineLoadingIndicator.defaultProps = {\n  white: true,\n  size: 80, // NOTE: px\n  className: '',\n};\n\nexport default InlineLoadingIndicator;\n"],"names":["InlineLoadingIndicator","props","white","size","className","_jsx","classNames","styles","appLoadingInline","propTypes","screenLoadingIndicatorPropTypes","defaultProps"],"mappings":";;;;;;AAKA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,KAAkC,EAAkB;AAClF,EAAA,IAAQC,KAAK,GAAsBD,KAAK,CAAhCC,KAAK;IAAEC,IAAI,GAAgBF,KAAK,CAAzBE,IAAI;IAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS,CAAA;EAE9B,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAEJ,SAAS,CAAE;AAAA,IAAA,QAAA,eAC7DC,IAAC,MAAM,EAAA;AAAC,MAAA,KAAK,EAAEH,KAAM;AAAC,MAAA,IAAI,EAAEC,IAAAA;AAAK,KAAA,CAAA;GAC7B,CAAA,CAAA;AAEV,EAAC;AAEDH,sBAAsB,CAACS,SAAS,GAAGC,+BAA+B,CAAA;AAElEV,sBAAsB,CAACW,YAAY,GAAG;AACpCT,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,IAAI,EAAE,EAAE;AAAE;AACVC,EAAAA,SAAS,EAAE,EAAA;AACb,CAAC;;;;"}

package/components/LoadingIndicator/Loader.js

@@ -1 +1,30 @@
-import{jsx as a}from"react/jsx-runtime";import{loaderPropTypes as t}from"./types.js";import e from"./LoadingIndicator.css.js";var r="/static/media/3ecb3740e2ccf98b1f61abce5f8ffb9f.gif",c=80,o=function(t){var c=t.white,o=t.size;return a("img",{"data-testid":"".concat("loader","_image"),className:"".concat(e.cLoader," ").concat(c?"":e.cLoaderBlack),style:{width:o,height:o},src:r,alt:"Corva Loader"})};o.propTypes=t,o.defaultProps={white:!0,size:80};export{c as LOADER_DEFAULT_SIZE,r as LOADER_HREF,o as default};
+import { loaderPropTypes } from './types.js';
+import styles from './LoadingIndicator.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Image = "/static/media/3ecb3740e2ccf98b1f61abce5f8ffb9f.gif";
+var PAGE_NAME = 'loader';
+var LOADER_HREF = Image;
+var LOADER_DEFAULT_SIZE = 80;
+var Loader = function Loader(props) {
+  var white = props.white,
+    size = props.size;
+  return /*#__PURE__*/jsx("img", {
+    "data-testid": "".concat(PAGE_NAME, "_image"),
+    className: "".concat(styles.cLoader, " ").concat(white ? '' : styles.cLoaderBlack),
+    style: {
+      width: size,
+      height: size
+    },
+    src: LOADER_HREF,
+    alt: "Corva Loader"
+  });
+};
+Loader.propTypes = loaderPropTypes;
+Loader.defaultProps = {
+  white: true,
+  size: LOADER_DEFAULT_SIZE // NOTE: px
+};
+
+export { LOADER_DEFAULT_SIZE, LOADER_HREF, Loader as default };
+//# sourceMappingURL=Loader.js.map

package/components/LoadingIndicator/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/components/LoadingIndicator/Loader.tsx"],"sourcesContent":["import { LoaderProps, loaderPropTypes } from './types';\nimport styles from './LoadingIndicator.css';\nimport Image from '~/assets/corva-loading-icon.gif';\n\nconst PAGE_NAME = 'loader';\nexport const LOADER_HREF = Image;\nexport const LOADER_DEFAULT_SIZE = 80;\n\nconst Loader = (props: LoaderProps): JSX.Element => {\n  const { white, size } = props;\n\n  return (\n    <img\n      data-testid={`${PAGE_NAME}_image`}\n      className={`${styles.cLoader} ${white ? '' : styles.cLoaderBlack}`}\n      style={{ width: size, height: size }}\n      src={LOADER_HREF}\n      alt=\"Corva Loader\"\n    />\n  );\n};\n\nLoader.propTypes = loaderPropTypes;\n\nLoader.defaultProps = {\n  white: true,\n  size: LOADER_DEFAULT_SIZE, // NOTE: px\n};\n\nexport default Loader;\n"],"names":["PAGE_NAME","LOADER_HREF","Image","LOADER_DEFAULT_SIZE","Loader","props","white","size","_jsx","styles","cLoader","cLoaderBlack","width","height","propTypes","loaderPropTypes","defaultProps"],"mappings":";;;;AAC4C,IAAA,KAAA,GAAA,oDAAA,CAAA;AAG5C,IAAMA,SAAS,GAAG,QAAQ,CAAA;AACnB,IAAMC,WAAW,GAAGC,MAAK;AACzB,IAAMC,mBAAmB,GAAG,GAAE;AAErC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAkB,EAAkB;AAClD,EAAA,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI,CAAA;EAEnB,oBACEC,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBR,SAAS,EAAS,QAAA,CAAA;AAClC,IAAA,SAAS,EAAKS,EAAAA,CAAAA,MAAAA,CAAAA,MAAM,CAACC,OAAO,EAAIJ,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,GAAG,EAAE,GAAGG,MAAM,CAACE,YAAY,CAAG;AACnE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAEL,IAAI;AAAEM,MAAAA,MAAM,EAAEN,IAAAA;KAAO;AACrC,IAAA,GAAG,EAAEN,WAAY;AACjB,IAAA,GAAG,EAAC,cAAA;GACJ,CAAA,CAAA;AAEN,EAAC;AAEDG,MAAM,CAACU,SAAS,GAAGC,eAAe,CAAA;AAElCX,MAAM,CAACY,YAAY,GAAG;AACpBV,EAAAA,KAAK,EAAE,IAAI;EACXC,IAAI,EAAEJ,mBAAmB;AAC3B,CAAC;;;;"}

package/components/LoadingIndicator/LoadingIndicator.js

@@ -1 +1,28 @@
-import{jsx as r}from"react/jsx-runtime";import i from"./FullScreenLoadingIndicator.js";import o from"./InlineLoadingIndicator.js";import{LOADER_HREF as e,LOADER_DEFAULT_SIZE as a}from"./Loader.js";var t=function(e){var t=e.fullscreen,n=void 0===t||t,s=e.className,m=e.size,d=void 0===m?a:m,c=e.white,l=void 0===c||c;return r(n?i:o,{size:d,white:l,className:s})};t.LOADER_HREF=e,t.LOADER_DEFAULT_SIZE=a;export{t as default};
+import FullScreenLoadingIndicator from './FullScreenLoadingIndicator.js';
+import InlineLoadingIndicator from './InlineLoadingIndicator.js';
+import { LOADER_HREF, LOADER_DEFAULT_SIZE } from './Loader.js';
+import { jsx } from 'react/jsx-runtime';
+
+var LoadingIndicator = function LoadingIndicator(_ref) {
+  var _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? true : _ref$fullscreen,
+    className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? LOADER_DEFAULT_SIZE : _ref$size,
+    _ref$white = _ref.white,
+    white = _ref$white === void 0 ? true : _ref$white;
+  return fullscreen ? /*#__PURE__*/jsx(FullScreenLoadingIndicator, {
+    size: size,
+    white: white,
+    className: className
+  }) : /*#__PURE__*/jsx(InlineLoadingIndicator, {
+    size: size,
+    white: white,
+    className: className
+  });
+};
+LoadingIndicator.LOADER_HREF = LOADER_HREF;
+LoadingIndicator.LOADER_DEFAULT_SIZE = LOADER_DEFAULT_SIZE;
+
+export { LoadingIndicator as default };
+//# sourceMappingURL=LoadingIndicator.js.map

package/components/LoadingIndicator/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import FullScreenLoadingIndicator from './FullScreenLoadingIndicator';\nimport InlineLoadingIndicator from './InlineLoadingIndicator';\n\nimport { LOADER_DEFAULT_SIZE, LOADER_HREF } from './Loader';\n\ntype LoadingIndicatorProps = {\n  white?: boolean;\n  size?: number;\n  className?: string;\n  fullscreen?: boolean;\n};\n\nconst LoadingIndicator = ({\n  fullscreen = true,\n  className,\n  size = LOADER_DEFAULT_SIZE,\n  white = true,\n}: LoadingIndicatorProps): JSX.Element =>\n  fullscreen ? (\n    <FullScreenLoadingIndicator size={size} white={white} className={className} />\n  ) : (\n    <InlineLoadingIndicator size={size} white={white} className={className} />\n  );\n\nLoadingIndicator.LOADER_HREF = LOADER_HREF;\nLoadingIndicator.LOADER_DEFAULT_SIZE = LOADER_DEFAULT_SIZE;\n\nexport default LoadingIndicator;\n"],"names":["LoadingIndicator","fullscreen","className","size","LOADER_DEFAULT_SIZE","white","_jsx","LOADER_HREF"],"mappings":";;;;;AAYMA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,IAAA,CACpBC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,IAAI,GAAA,eAAA;AACjBC,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,SAAA,GAAA,IAAA,CACTC,IAAI;AAAJA,IAAAA,IAAI,0BAAGC,mBAAmB,GAAA,SAAA;AAAA,IAAA,UAAA,GAAA,IAAA,CAC1BC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA,CAAA;EAAA,OAEZJ,UAAU,gBACRK,GAAA,CAAC,0BAA0B,EAAA;AAAC,IAAA,IAAI,EAAEH,IAAK;AAAC,IAAA,KAAK,EAAEE,KAAM;AAAC,IAAA,SAAS,EAAEH,SAAAA;GAAa,CAAA,gBAE9EI,IAAC,sBAAsB,EAAA;AAAC,IAAA,IAAI,EAAEH,IAAK;AAAC,IAAA,KAAK,EAAEE,KAAM;AAAC,IAAA,SAAS,EAAEH,SAAAA;GAC9D,CAAA,CAAA;AAAA,EAAA;AAEHF,gBAAgB,CAACO,WAAW,GAAGA,WAAW,CAAA;AAC1CP,gBAAgB,CAACI,mBAAmB,GAAGA,mBAAmB;;;;"}

package/components/MenuItem/index.js

@@ -1 +1,60 @@
-import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{makeStyles as l,MenuItem as s,Tooltip as d}from"@material-ui/core";import n from"classnames";var m=l((function(t){return{disabled:{color:t.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),p=a((function(a,l){var p=a.DisabledTooltipProps,c=void 0===p?void 0:p,u=a.disabled,b=void 0!==u&&u,f=t(a,["DisabledTooltipProps","disabled"]),g=m();return i(s,b?o({},f,{ref:l,className:n(g.disabled,f.className),tabIndex:-1,button:!1,children:e(r,{children:[f.children,i(d,o({title:"Disabled",placement:"right"},c,{children:i("div",{onClick:function(t){t.stopPropagation()},className:g.tooltipTrigger})}))]})}):o({},f))}));export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { makeStyles, MenuItem as MenuItem$1, Tooltip } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded = ["DisabledTooltipProps", "disabled"];
+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 useStyles = makeStyles(function (theme) {
+  return {
+    disabled: {
+      color: theme.palette.primary.text9,
+      opacity: 1,
+      cursor: 'default'
+    },
+    tooltipTrigger: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  };
+});
+var MenuItem = forwardRef(function (_ref, ref) {
+  var _ref$DisabledTooltipP = _ref.DisabledTooltipProps,
+    DisabledTooltipProps = _ref$DisabledTooltipP === void 0 ? undefined : _ref$DisabledTooltipP,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    MenuItemProps = _objectWithoutProperties(_ref, _excluded);
+  var styles = useStyles();
+  var handleDisabledItemClick = function handleDisabledItemClick(e) {
+    e.stopPropagation();
+  };
+  if (disabled) {
+    return /*#__PURE__*/jsx(MenuItem$1, _objectSpread(_objectSpread({}, MenuItemProps), {}, {
+      ref: ref,
+      className: classNames(styles.disabled, MenuItemProps.className),
+      tabIndex: -1,
+      button: false,
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [MenuItemProps.children, /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+          title: "Disabled",
+          placement: "right"
+        }, DisabledTooltipProps), {}, {
+          children: /*#__PURE__*/jsx("div", {
+            onClick: handleDisabledItemClick,
+            className: styles.tooltipTrigger
+          })
+        }))]
+      })
+    }));
+  }
+  return /*#__PURE__*/jsx(MenuItem$1, _objectSpread({}, MenuItemProps));
+});
+
+export { MenuItem as default };
+//# sourceMappingURL=index.js.map

package/components/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/MenuItem/index.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport {\n  makeStyles,\n  MenuItem as MuiMenuItem,\n  MenuItemProps as MuiMenuItemProps,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  disabled: {\n    color: theme.palette.primary.text9,\n    opacity: 1,\n    cursor: 'default',\n  },\n  tooltipTrigger: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n}));\n\nexport type MenuItemProps = Omit<\n  MuiMenuItemProps,\n  'children' | 'disabled' | 'className' | 'classes' | 'onClick' | 'selected'\n> & {\n  /**\n   * Menu item content\n   */\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  DisabledTooltipProps?: Omit<TooltipProps, 'children'>;\n  classes?: Record<string, string>;\n  onClick?: () => void;\n  selected?: boolean;\n};\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ DisabledTooltipProps = undefined, disabled = false, ...MenuItemProps }, ref) => {\n    const styles = useStyles();\n\n    const handleDisabledItemClick: MouseEventHandler = e => {\n      e.stopPropagation();\n    };\n\n    if (disabled) {\n      return (\n        <MuiMenuItem\n          {...MenuItemProps}\n          ref={ref}\n          className={classNames(styles.disabled, MenuItemProps.className)}\n          tabIndex={-1}\n          button={false}\n        >\n          <>\n            {MenuItemProps.children}\n            <Tooltip title=\"Disabled\" placement=\"right\" {...DisabledTooltipProps}>\n              <div onClick={handleDisabledItemClick} className={styles.tooltipTrigger} />\n            </Tooltip>\n          </>\n        </MuiMenuItem>\n      );\n    }\n\n    return <MuiMenuItem {...(MenuItemProps as any)} />;\n  }\n);\n\nexport default MenuItem;\n"],"names":["useStyles","makeStyles","theme","disabled","color","palette","primary","text9","opacity","cursor","tooltipTrigger","position","top","bottom","left","right","MenuItem","forwardRef","ref","DisabledTooltipProps","undefined","MenuItemProps","styles","handleDisabledItemClick","e","stopPropagation","_jsx","MuiMenuItem","classNames","className","_jsxs","_Fragment","children"],"mappings":";;;;;;;;;;AAUA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,OAAO,EAAE,CAAC;AACVC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAkBH,IAAMC,QAAQ,GAAGC,UAAU,CACzB,UAAA,IAAA,EAA2EC,GAAG,EAAK;AAAA,EAAA,IAAA,qBAAA,GAAA,IAAA,CAAhFC,oBAAoB;AAApBA,IAAAA,oBAAoB,sCAAGC,SAAS,GAAA,qBAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CAAEjB,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,KAAK,GAAA,aAAA;IAAKkB,aAAa,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACrE,IAAMC,MAAM,GAAGtB,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMuB,uBAA0C,GAAG,SAA7CA,uBAA0C,CAAGC,CAAC,EAAI;IACtDA,CAAC,CAACC,eAAe,EAAE,CAAA;GACpB,CAAA;AAED,EAAA,IAAItB,QAAQ,EAAE;IACZ,oBACEuB,GAAA,CAACC,UAAW,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACNN,aAAa,CAAA,EAAA,EAAA,EAAA;AACjB,MAAA,GAAG,EAAEH,GAAI;MACT,SAAS,EAAEU,UAAU,CAACN,MAAM,CAACnB,QAAQ,EAAEkB,aAAa,CAACQ,SAAS,CAAE;MAChE,QAAQ,EAAE,CAAC,CAAE;AACb,MAAA,MAAM,EAAE,KAAM;MAAA,QAEd,eAAAC,IAAA,CAAAC,QAAA,EAAA;AAAA,QAAA,QAAA,EAAA,CACGV,aAAa,CAACW,QAAQ,eACvBN,IAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA;AAAC,UAAA,KAAK,EAAC,UAAU;AAAC,UAAA,SAAS,EAAC,OAAA;AAAO,SAAA,EAAKP,oBAAoB,CAAA,EAAA,EAAA,EAAA;UAAA,QAClE,eAAAO,GAAA,CAAA,KAAA,EAAA;AAAK,YAAA,OAAO,EAAEH,uBAAwB;YAAC,SAAS,EAAED,MAAM,CAACZ,cAAAA;AAAe,WAAA,CAAA;SAChE,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA;KAEA,CAAA,CAAA,CAAA;AAElB,GAAA;AAEA,EAAA,oBAAOgB,GAAC,CAAAC,UAAW,EAAMN,aAAAA,CAAAA,EAAAA,EAAAA,aAAa,CAAY,CAAA,CAAA;AACpD,CAAC;;;;"}

package/components/MiddleTruncate/MiddleTruncate.js

@@ -1 +1,49 @@
-import{useRef as t,useEffect as r}from"react";import e from"prop-types";import{getTruncatedText as n}from"./utils.js";import{jsx as a}from"react/jsx-runtime";function i(e){var i=e.children,o=e.truncatedText,u=e.separator,l=e.maxWidth,d=e.onTruncate,c=t();return r((function(){var t=c.current,r=t.scrollWidth,e=t.innerText;d(r>l?n({maxWidth:l,separator:u,text:i,currentWidth:r,textLength:null==e?void 0:e.length}):null)}),[i]),a("div",{ref:c,children:o||i})}i.propTypes={children:e.oneOfType([e.node,e.string]).isRequired,truncatedText:e.string,onTruncate:e.func,separator:e.string,maxWidth:e.number},i.defaultProps={onTruncate:null,truncatedText:null,separator:" ... ",maxWidth:null};export{i as default};
+import { useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { getTruncatedText } from './utils.js';
+import { jsx } from 'react/jsx-runtime';
+
+function MiddleTruncate(_ref) {
+  var children = _ref.children,
+    truncatedText = _ref.truncatedText,
+    separator = _ref.separator,
+    maxWidth = _ref.maxWidth,
+    onTruncate = _ref.onTruncate;
+  var contentRef = useRef();
+  useEffect(function () {
+    var _contentRef$current = contentRef.current,
+      scrollWidth = _contentRef$current.scrollWidth,
+      innerText = _contentRef$current.innerText;
+    if (scrollWidth > maxWidth) {
+      onTruncate(getTruncatedText({
+        maxWidth: maxWidth,
+        separator: separator,
+        text: children,
+        currentWidth: scrollWidth,
+        textLength: innerText === null || innerText === void 0 ? void 0 : innerText.length
+      }));
+    } else {
+      onTruncate(null);
+    }
+  }, [children]);
+  return /*#__PURE__*/jsx("div", {
+    ref: contentRef,
+    children: truncatedText || children
+  });
+}
+MiddleTruncate.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+  truncatedText: PropTypes.string,
+  onTruncate: PropTypes.func,
+  separator: PropTypes.string,
+  maxWidth: PropTypes.number
+};
+MiddleTruncate.defaultProps = {
+  onTruncate: null,
+  truncatedText: null,
+  separator: ' ... ',
+  maxWidth: null
+};
+
+export { MiddleTruncate as default };
+//# sourceMappingURL=MiddleTruncate.js.map

package/components/MiddleTruncate/MiddleTruncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddleTruncate.js","sources":["../../../src/components/MiddleTruncate/MiddleTruncate.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getTruncatedText } from './utils';\n\nfunction MiddleTruncate({ children, truncatedText, separator, maxWidth, onTruncate }) {\n  const contentRef = useRef();\n\n  useEffect(() => {\n    const { scrollWidth, innerText } = contentRef.current;\n\n    if (scrollWidth > maxWidth) {\n      onTruncate(\n        getTruncatedText({\n          maxWidth,\n          separator,\n          text: children,\n          currentWidth: scrollWidth,\n          textLength: innerText?.length,\n        })\n      );\n    } else {\n      onTruncate(null);\n    }\n  }, [children]);\n\n  return <div ref={contentRef}>{truncatedText || children}</div>;\n}\n\nMiddleTruncate.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n  truncatedText: PropTypes.string,\n  onTruncate: PropTypes.func,\n  separator: PropTypes.string,\n  maxWidth: PropTypes.number,\n};\n\nMiddleTruncate.defaultProps = {\n  onTruncate: null,\n  truncatedText: null,\n  separator: ' ... ',\n  maxWidth: null,\n};\n\nexport default MiddleTruncate;\n"],"names":["MiddleTruncate","children","truncatedText","separator","maxWidth","onTruncate","contentRef","useRef","useEffect","current","scrollWidth","innerText","getTruncatedText","text","currentWidth","textLength","length","_jsx","propTypes","PropTypes","oneOfType","node","string","isRequired","func","number","defaultProps"],"mappings":";;;;;AAKA,SAASA,cAAc,CAA+D,IAAA,EAAA;EAAA,IAA5DC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,aAAa,QAAbA,aAAa;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,UAAU,QAAVA,UAAU,CAAA;EAChF,IAAMC,UAAU,GAAGC,MAAM,EAAE,CAAA;AAE3BC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAmCF,mBAAAA,GAAAA,UAAU,CAACG,OAAO;AAA7CC,MAAAA,WAAW,uBAAXA,WAAW;AAAEC,MAAAA,SAAS,uBAATA,SAAS,CAAA;IAE9B,IAAID,WAAW,GAAGN,QAAQ,EAAE;MAC1BC,UAAU,CACRO,gBAAgB,CAAC;AACfR,QAAAA,QAAQ,EAARA,QAAQ;AACRD,QAAAA,SAAS,EAATA,SAAS;AACTU,QAAAA,IAAI,EAAEZ,QAAQ;AACda,QAAAA,YAAY,EAAEJ,WAAW;AACzBK,QAAAA,UAAU,EAAEJ,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEK,MAAAA;AACzB,OAAC,CAAC,CACH,CAAA;AACH,KAAC,MAAM;MACLX,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,KAAA;AACF,GAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC,CAAA;EAEd,oBAAOgB,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEX,UAAW;AAAA,IAAA,QAAA,EAAEJ,aAAa,IAAID,QAAAA;GAAe,CAAA,CAAA;AAChE,CAAA;AAEAD,cAAc,CAACkB,SAAS,GAAG;AACzBjB,EAAAA,QAAQ,EAAEkB,SAAS,CAACC,SAAS,CAAC,CAACD,SAAS,CAACE,IAAI,EAAEF,SAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EAC5ErB,aAAa,EAAEiB,SAAS,CAACG,MAAM;EAC/BjB,UAAU,EAAEc,SAAS,CAACK,IAAI;EAC1BrB,SAAS,EAAEgB,SAAS,CAACG,MAAM;EAC3BlB,QAAQ,EAAEe,SAAS,CAACM,MAAAA;AACtB,CAAC,CAAA;AAEDzB,cAAc,CAAC0B,YAAY,GAAG;AAC5BrB,EAAAA,UAAU,EAAE,IAAI;AAChBH,EAAAA,aAAa,EAAE,IAAI;AACnBC,EAAAA,SAAS,EAAE,OAAO;AAClBC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC;;;;"}

package/components/MiddleTruncate/utils.js

@@ -1 +1,15 @@
-var t=function(t){var r=t.text,e=t.currentWidth,n=t.textLength,g=t.separator,h=(e-t.maxWidth)/(e/n)+g.length,a=(r.length-h)/2,i=(r.length+h)/2;return r.substring(0,a)+g+r.substring(i)};export{t as getTruncatedText};
+var getTruncatedText = function getTruncatedText(_ref) {
+  var text = _ref.text,
+    currentWidth = _ref.currentWidth,
+    textLength = _ref.textLength,
+    separator = _ref.separator,
+    maxWidth = _ref.maxWidth;
+  var pxPerSymbol = currentWidth / textLength;
+  var symbolsToCut = (currentWidth - maxWidth) / pxPerSymbol + separator.length;
+  var startPosition = (text.length - symbolsToCut) / 2;
+  var endPosition = (text.length + symbolsToCut) / 2;
+  return text.substring(0, startPosition) + separator + text.substring(endPosition);
+};
+
+export { getTruncatedText };
+//# sourceMappingURL=utils.js.map

package/components/MiddleTruncatedText/MiddleTruncatedText.js

@@ -1 +1,103 @@
-import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as n,useRef as o,useLayoutEffect as l,useEffect as c}from"react";import{makeStyles as s,Tooltip as u}from"@material-ui/core";import d from"classnames";import{truncateInTheMiddle as m}from"../../utils/formatting.js";var a=s({root:{position:"relative",overflow:"hidden",whiteSpace:"nowrap"},hiddenText:{position:"absolute",visibility:"hidden"}}),h=function(s){var h=s.children,f=s.className,p=s.showTooltip,v=void 0===p||p,W=s.customTooltipTitle,T=void 0===W?"":W,b=t(s,["children","className","showTooltip","customTooltipTitle"]),x=a(),w=n({elementWidth:0,textWidth:0}),g=w[0],N=w[1],j=o(null),y=o(null),S=o(!0);l((function(){var t="string"==typeof h||"number"==typeof h;if(j.current&&y.current&&t){var e=j.current.clientWidth,r=y.current.scrollWidth;return N({elementWidth:e,textWidth:r}),function(){S.current=!0}}}),[h]),c((function(){var t=new ResizeObserver((function(t){if(S.current)S.current=!1;else{var r=t[0].target.clientWidth;N((function(t){return e(e({},t),{elementWidth:r})}))}}));return j.current&&t.observe(j.current),function(){t.disconnect(),S.current=!0}}),[]);var z=g.textWidth,O=g.elementWidth,R=z>O,_=h.toString(),k=R?m(_,O,z):_;return r(u,{ref:j,title:v&&R?T||h:"",children:i("div",e({className:d(x.root,f)},b,{children:[k,r("div",{ref:y,className:d(x.hiddenText),children:h})]}))})};export{h as MiddleTruncatedText};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useRef, useLayoutEffect, useEffect } from 'react';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import classNames from 'classnames';
+import { truncateInTheMiddle } from '../../utils/formatting.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["children", "className", "showTooltip", "customTooltipTitle"];
+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 useStyles = makeStyles({
+  root: {
+    position: 'relative',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap'
+  },
+  hiddenText: {
+    position: 'absolute',
+    visibility: 'hidden'
+  }
+});
+var MiddleTruncatedText = function MiddleTruncatedText(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$showTooltip = _ref.showTooltip,
+    showTooltip = _ref$showTooltip === void 0 ? true : _ref$showTooltip,
+    _ref$customTooltipTit = _ref.customTooltipTitle,
+    customTooltipTitle = _ref$customTooltipTit === void 0 ? '' : _ref$customTooltipTit,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var styles = useStyles();
+  var _useState = useState({
+      elementWidth: 0,
+      textWidth: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    measurements = _useState2[0],
+    setMeasurements = _useState2[1];
+  var elementRef = useRef(null);
+  var hiddenTextRef = useRef(null);
+  var firstObservationRef = useRef(true);
+  useLayoutEffect(function () {
+    var isValidChildren = typeof children === 'string' || typeof children === 'number';
+    if (!elementRef.current || !hiddenTextRef.current || !isValidChildren) return;
+    var clientWidth = elementRef.current.clientWidth;
+    var scrollWidth = hiddenTextRef.current.scrollWidth;
+    setMeasurements({
+      elementWidth: clientWidth,
+      textWidth: scrollWidth
+    });
+    return function () {
+      firstObservationRef.current = true;
+    };
+  }, [children]);
+  useEffect(function () {
+    var updateElementWidth = function updateElementWidth(entries) {
+      // Skip initial call, we want track only future resize
+      // The first observation may fire when watched Element is inserted/removed from DOM
+      // https://drafts.csswg.org/resize-observer/#intro
+      if (firstObservationRef.current) {
+        firstObservationRef.current = false;
+        return;
+      }
+      var clientWidth = entries[0].target.clientWidth;
+      setMeasurements(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          elementWidth: clientWidth
+        });
+      });
+    };
+    var resizeObserver = new ResizeObserver(updateElementWidth);
+    if (elementRef.current) {
+      resizeObserver.observe(elementRef.current);
+    }
+    return function () {
+      resizeObserver.disconnect();
+      firstObservationRef.current = true;
+    };
+  }, []);
+  var textWidth = measurements.textWidth,
+    elementWidth = measurements.elementWidth;
+  var isOverflow = textWidth > elementWidth;
+  var originalString = children.toString();
+  var truncatedString = isOverflow ? truncateInTheMiddle(originalString, elementWidth, textWidth) : originalString;
+  var tooltipTitle = !showTooltip || !isOverflow ? '' : customTooltipTitle || children;
+  return /*#__PURE__*/jsx(Tooltip, {
+    ref: elementRef,
+    title: tooltipTitle,
+    children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+      className: classNames(styles.root, className)
+    }, otherProps), {}, {
+      children: [truncatedString, /*#__PURE__*/jsx("div", {
+        ref: hiddenTextRef,
+        className: classNames(styles.hiddenText),
+        children: children
+      })]
+    }))
+  });
+};
+
+export { MiddleTruncatedText };
+//# sourceMappingURL=MiddleTruncatedText.js.map

package/components/MiddleTruncatedText/MiddleTruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddleTruncatedText.js","sources":["../../../src/components/MiddleTruncatedText/MiddleTruncatedText.tsx"],"sourcesContent":["import {\n  DetailedHTMLProps,\n  FC,\n  HTMLAttributes,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { truncateInTheMiddle } from '~/utils/formatting';\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n  hiddenText: {\n    position: 'absolute',\n    visibility: 'hidden',\n  },\n});\n\ntype Props = {\n  /**\n   * Text to truncate\n   */\n  children: string | number;\n  className?: string;\n  showTooltip?: boolean;\n  customTooltipTitle?: string;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nexport const MiddleTruncatedText: FC<Props> = ({\n  children,\n  className,\n  showTooltip = true,\n  customTooltipTitle = '',\n  ...otherProps\n}) => {\n  const styles = useStyles();\n\n  const [measurements, setMeasurements] = useState({ elementWidth: 0, textWidth: 0 });\n\n  const elementRef = useRef<HTMLDivElement | null>(null);\n  const hiddenTextRef = useRef<HTMLDivElement | null>(null);\n  const firstObservationRef = useRef(true);\n\n  useLayoutEffect(() => {\n    const isValidChildren = typeof children === 'string' || typeof children === 'number';\n    if (!elementRef.current || !hiddenTextRef.current || !isValidChildren) return;\n\n    const { clientWidth } = elementRef.current;\n    const { scrollWidth } = hiddenTextRef.current;\n\n    setMeasurements({ elementWidth: clientWidth, textWidth: scrollWidth });\n\n    return () => {\n      firstObservationRef.current = true;\n    };\n  }, [children]);\n\n  useEffect(() => {\n    const updateElementWidth: ResizeObserverCallback = entries => {\n      // Skip initial call, we want track only future resize\n      // The first observation may fire when watched Element is inserted/removed from DOM\n      // https://drafts.csswg.org/resize-observer/#intro\n      if (firstObservationRef.current) {\n        firstObservationRef.current = false;\n        return;\n      }\n      const { clientWidth } = entries[0].target;\n      setMeasurements(prev => ({ ...prev, elementWidth: clientWidth }));\n    };\n\n    const resizeObserver = new ResizeObserver(updateElementWidth);\n\n    if (elementRef.current) {\n      resizeObserver.observe(elementRef.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      firstObservationRef.current = true;\n    };\n  }, []);\n\n  const { textWidth, elementWidth } = measurements;\n  const isOverflow = textWidth > elementWidth;\n  const originalString = children.toString();\n  const truncatedString = isOverflow\n    ? truncateInTheMiddle(originalString, elementWidth, textWidth)\n    : originalString;\n\n  const tooltipTitle = !showTooltip || !isOverflow ? '' : customTooltipTitle || children;\n\n  return (\n    <Tooltip ref={elementRef} title={tooltipTitle}>\n      <div className={classNames(styles.root, className)} {...otherProps}>\n        {truncatedString}\n        {/**\n         * There are two reasons of using this wrapper:\n         * - measure text width properly\n         * - when we change text of original wrapper we trigger self-resize, this may cause infinite loop of ResizeObserver callback, we want avoid it\n         *\n         */}\n        <div ref={hiddenTextRef} className={classNames(styles.hiddenText)}>\n          {children}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["useStyles","makeStyles","root","position","overflow","whiteSpace","hiddenText","visibility","MiddleTruncatedText","children","className","showTooltip","customTooltipTitle","otherProps","styles","useState","elementWidth","textWidth","measurements","setMeasurements","elementRef","useRef","hiddenTextRef","firstObservationRef","useLayoutEffect","isValidChildren","current","clientWidth","scrollWidth","useEffect","updateElementWidth","entries","target","prev","resizeObserver","ResizeObserver","observe","disconnect","isOverflow","originalString","toString","truncatedString","truncateInTheMiddle","tooltipTitle","_jsx","_jsxs","classNames"],"mappings":"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"}