@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/deprecated/UTAttachment/layout.js

@@ -1 +1,130 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_DeleteForever=_interopRequireDefault(require("@material-ui/icons/DeleteForever")),_files=require("@widergy/web-utils/lib/constants/files"),_UTFileInput=_interopRequireDefault(require("../../components/UTFileInput")),_UTLabel=_interopRequireDefault(require("../../components/UTLabel")),_UTButton=_interopRequireDefault(require("../../components/UTButton")),_UTFieldLabel=_interopRequireDefault(require("../../components/UTFieldLabel")),_buttonTypes=require("../../types/buttonTypes"),_Preview=_interopRequireDefault(require("./components/Preview")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Attachment=_ref=>{var _field$configuration;let{acceptedFileTypes:acceptedFileTypes,actions:actions,classes:classes,containerClassname:containerClassname,dataTestId:dataTestId,deleteDataTestId:deleteDataTestId,disabled:disabled,error:error,errorClassname:errorClassname,errorText:errorText,field:field,fieldTypes:fieldTypes,hideLabels:hideLabels,icon:icon,loading:loading,loadingTextClassname:loadingTextClassname,name:name,onChange:onChange,onClick:onClick,preview:preview,previewClassname:previewClassname,previewDataTestId:previewDataTestId,previewProps:previewProps,removeFileClassname:removeFileClassname,RemoveIcon:RemoveIcon,titleVariant:titleVariant,uploadingText:uploadingText}=_ref;const shouldShowUpperTitle=((null==field||null===(_field$configuration=field.configuration)||void 0===_field$configuration?void 0:_field$configuration.ignore_title)||hideLabels)&&(null==field?void 0:field.title),fieldType=acceptedFileTypes||fieldTypes.map(type=>_files.inputFiles[type].inputType).join(),Icon=RemoveIcon||_DeleteForever.default;return _react.default.createElement(_react.default.Fragment,null,shouldShowUpperTitle&&_react.default.createElement(_UTFieldLabel.default,{actions:actions,className:_stylesModule.default.title,readOnly:field.read_only,size:titleVariant,required:field.required},null==field?void 0:field.title),name&&!loading?_react.default.createElement("div",{className:"".concat(_stylesModule.default.previewContainer," ").concat(previewClassname),"data-testid":previewDataTestId},_react.default.createElement(_Preview.default,{preview:preview,previewProps:previewProps}),_react.default.createElement("div",{className:_stylesModule.default.fileContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",className:_stylesModule.default.name},name),_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.removeIconContainer," ").concat(removeFileClassname)},dataTestId:deleteDataTestId,disabled:disabled,Icon:Icon,onClick:onClick,size:"small",variant:"text"}))):_react.default.createElement(_UTFileInput.default,{onChange:onChange,containerClassname:containerClassname,fileType:fieldType,loading:loading,error:error,loadingTextClassname:loadingTextClassname,classes:classes,dataTestId:dataTestId,errorClassname:errorClassname,errorText:errorText,icon:icon,disabled:disabled,uploadingText:uploadingText}))};Attachment.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassname:_propTypes.string,dataTestId:_propTypes.string,deleteDataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.bool,errorClassname:_propTypes.string,errorText:_propTypes.string,field:_propTypes.object,fieldTypes:(0,_propTypes.arrayOf)(_propTypes.string),hideLabels:_propTypes.bool,icon:_propTypes.node,loading:_propTypes.bool,loadingTextClassname:_propTypes.string,name:_propTypes.string,onChange:_propTypes.func,onClick:_propTypes.func,preview:(0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string}),previewClassname:_propTypes.string,previewDataTestId:_propTypes.string,previewProps:_constants.previewPropType,removeFileClassname:_propTypes.string,RemoveIcon:_propTypes.elementType,titleVariant:_propTypes.string,uploadingText:_propTypes.string};var _default=exports.default=Attachment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _DeleteForever = _interopRequireDefault(require("@material-ui/icons/DeleteForever"));
+var _files = require("@widergy/web-utils/lib/constants/files");
+var _UTFileInput = _interopRequireDefault(require("../../components/UTFileInput"));
+var _UTLabel = _interopRequireDefault(require("../../components/UTLabel"));
+var _UTButton = _interopRequireDefault(require("../../components/UTButton"));
+var _UTFieldLabel = _interopRequireDefault(require("../../components/UTFieldLabel"));
+var _buttonTypes = require("../../types/buttonTypes");
+var _Preview = _interopRequireDefault(require("./components/Preview"));
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Attachment = _ref => {
+  var _field$configuration;
+  let {
+    acceptedFileTypes,
+    actions,
+    classes,
+    containerClassname,
+    dataTestId,
+    deleteDataTestId,
+    disabled,
+    error,
+    errorClassname,
+    errorText,
+    field,
+    fieldTypes,
+    hideLabels,
+    icon,
+    loading,
+    loadingTextClassname,
+    name,
+    onChange,
+    onClick,
+    preview,
+    previewClassname,
+    previewDataTestId,
+    previewProps,
+    removeFileClassname,
+    RemoveIcon,
+    titleVariant,
+    uploadingText
+  } = _ref;
+  const shouldShowUpperTitle = ((field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) || hideLabels) && (field === null || field === void 0 ? void 0 : field.title);
+  const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
+  const Icon = RemoveIcon || _DeleteForever.default;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+    actions: actions,
+    className: _stylesModule.default.title,
+    readOnly: field.read_only,
+    size: titleVariant,
+    required: field.required
+  }, field === null || field === void 0 ? void 0 : field.title), name && !loading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname),
+    "data-testid": previewDataTestId
+  }, /*#__PURE__*/_react.default.createElement(_Preview.default, {
+    preview: preview,
+    previewProps: previewProps
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.fileContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small",
+    className: _stylesModule.default.name
+  }, name), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
+    },
+    dataTestId: deleteDataTestId,
+    disabled: disabled,
+    Icon: Icon,
+    onClick: onClick,
+    size: "small",
+    variant: "text"
+  }))) : /*#__PURE__*/_react.default.createElement(_UTFileInput.default, {
+    onChange: onChange,
+    containerClassname: containerClassname,
+    fileType: fieldType,
+    loading: loading,
+    error: error,
+    loadingTextClassname: loadingTextClassname,
+    classes: classes,
+    dataTestId: dataTestId,
+    errorClassname: errorClassname,
+    errorText: errorText,
+    icon: icon,
+    disabled: disabled,
+    uploadingText: uploadingText
+  }));
+};
+Attachment.propTypes = {
+  acceptedFileTypes: _propTypes.string,
+  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  containerClassname: _propTypes.string,
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  error: _propTypes.bool,
+  errorClassname: _propTypes.string,
+  errorText: _propTypes.string,
+  field: _propTypes.object,
+  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string),
+  hideLabels: _propTypes.bool,
+  icon: _propTypes.node,
+  loading: _propTypes.bool,
+  loadingTextClassname: _propTypes.string,
+  name: _propTypes.string,
+  onChange: _propTypes.func,
+  onClick: _propTypes.func,
+  preview: (0, _propTypes.shape)({
+    src: _propTypes.string,
+    type: _propTypes.string
+  }),
+  previewClassname: _propTypes.string,
+  previewDataTestId: _propTypes.string,
+  previewProps: _constants.previewPropType,
+  removeFileClassname: _propTypes.string,
+  RemoveIcon: _propTypes.elementType,
+  titleVariant: _propTypes.string,
+  uploadingText: _propTypes.string
+};
+var _default = exports.default = Attachment;

package/dist/deprecated/UTAttachment/theme.js

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable");const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{container:{border:(0,_seamlessImmutable.getIn)(theme,["UTAttachment","container","border"])},fileInputLabel:{color:(0,_seamlessImmutable.getIn)(theme,["UTAttachment","label","color"])},icon:{"& g":{fill:(0,_seamlessImmutable.getIn)(theme,["UTAttachment","icon","fill"])}}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    container: {
+      border: (0, _seamlessImmutable.getIn)(theme, ['UTAttachment', 'container', 'border'])
+    },
+    fileInputLabel: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTAttachment', 'label', 'color'])
+    },
+    icon: {
+      '& g': {
+        fill: (0, _seamlessImmutable.getIn)(theme, ['UTAttachment', 'icon', 'fill'])
+      }
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/deprecated/UTAttachment/utils.js

@@ -1 +1,65 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pdfAspectRatioValidation=exports.isVideo=exports.isValidFile=exports.isPDF=exports.isNewFile=exports.isImage=exports.isHTML=exports.isAudio=exports.hasPreview=exports.getBlobFromUrl=void 0;var _files=require("@widergy/web-utils/lib/constants/files");window["pdfjs-dist/build/pdf"]&&(window["pdfjs-dist/build/pdf"].GlobalWorkerOptions.workerSrc="//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window["pdfjs-dist/build/pdf"].version,"/pdf.worker.js"));const getImage=async imageUrl=>fetch(imageUrl,{method:"GET"}).catch(error=>console.error(error)),getBlobFromUrl=async(imageUrl,callback)=>{if(!imageUrl||!callback)return!1;const response=await getImage(imageUrl);null!=response&&response.ok?response.blob().then(blob=>callback(blob)):callback(null)};exports.getBlobFromUrl=getBlobFromUrl;const lengthMatches=(length1,length2,toleranceInPercentage)=>{const delta=length1*(toleranceInPercentage/100);return Math.abs(length1-length2)<delta},pageMatches=(page,allowedPDFUploadSizes)=>{const viewport=page.getViewport({scale:1});return allowedPDFUploadSizes.some(size=>lengthMatches(size.heightInPt,viewport.height,size.toleranceInPercentage)&&lengthMatches(size.widthInPt,viewport.width,size.toleranceInPercentage)||lengthMatches(size.heightInPt,viewport.width,size.toleranceInPercentage)&&lengthMatches(size.widthInPt,viewport.height,size.toleranceInPercentage))},pdfAspectRatioValidation=async(file,allowedPDFUploadSizes)=>{const documentLoadingTask=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(file)),document=await documentLoadingTask.promise,totalPages=document.numPages,getPagePromises=[];for(let pageNumber=1;pageNumber<=totalPages;pageNumber+=1)getPagePromises.push(document.getPage(pageNumber));return(await Promise.all(getPagePromises)).every(page=>pageMatches(page,allowedPDFUploadSizes))};exports.pdfAspectRatioValidation=pdfAspectRatioValidation;const isImage=file=>_files.inputFiles.image.validType.includes(null==file?void 0:file.type);exports.isImage=isImage;const isPDF=file=>_files.inputFiles.pdf.validType.includes(null==file?void 0:file.type);exports.isPDF=isPDF;const isAudio=file=>_files.inputFiles.audio.validType.includes(null==file?void 0:file.type);exports.isAudio=isAudio;const isVideo=file=>_files.inputFiles.video.validType.includes(null==file?void 0:file.type);exports.isVideo=isVideo;const isHTML=file=>_files.inputFiles.html.validType.includes(null==file?void 0:file.type);exports.isHTML=isHTML;const hasPreview=file=>isImage(file)||isAudio(file)||isVideo(file);exports.hasPreview=hasPreview;const isValidFile=file=>hasPreview(file)||isPDF(file)||isHTML(file);exports.isValidFile=isValidFile;const isNewFile=(newFile,oldFile)=>{var _newFile$file,_oldFile$file;if(!newFile&&!oldFile)return!1;if(!newFile||!oldFile)return!0;const newFileType=typeof newFile;return newFileType!==typeof oldFile||("string"===newFileType?newFile!==oldFile:(null===(_newFile$file=newFile.file)||void 0===_newFile$file?void 0:_newFile$file.lastModified)!==(null===(_oldFile$file=oldFile.file)||void 0===_oldFile$file?void 0:_oldFile$file.lastModified))};exports.isNewFile=isNewFile;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pdfAspectRatioValidation = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isAudio = exports.hasPreview = exports.getBlobFromUrl = void 0;
+var _files = require("@widergy/web-utils/lib/constants/files");
+if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window['pdfjs-dist/build/pdf'].version, "/pdf.worker.js");
+const getImage = async imageUrl => fetch(imageUrl, {
+  method: 'GET'
+}).catch(error => console.error(error)); // eslint-disable-line no-console
+
+const getBlobFromUrl = async (imageUrl, callback) => {
+  if (!imageUrl || !callback) return false;
+  const response = await getImage(imageUrl);
+  if (response !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
+};
+exports.getBlobFromUrl = getBlobFromUrl;
+const lengthMatches = (length1, length2, toleranceInPercentage) => {
+  const delta = length1 * (toleranceInPercentage / 100);
+  return Math.abs(length1 - length2) < delta;
+};
+const pageMatches = (page, allowedPDFUploadSizes) => {
+  const viewport = page.getViewport({
+    scale: 1
+  });
+  return allowedPDFUploadSizes.some(size => lengthMatches(size.heightInPt, viewport.height, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.width, size.toleranceInPercentage) || lengthMatches(size.heightInPt, viewport.width, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.height, size.toleranceInPercentage));
+};
+const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
+  const documentLoadingTask = window['pdfjs-dist/build/pdf'].getDocument(URL.createObjectURL(file));
+  const document = await documentLoadingTask.promise;
+  const totalPages = document.numPages;
+  const getPagePromises = [];
+  for (let pageNumber = 1; pageNumber <= totalPages; pageNumber += 1) {
+    getPagePromises.push(document.getPage(pageNumber));
+  }
+  const pages = await Promise.all(getPagePromises);
+  return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
+};
+exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
+const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isImage = isImage;
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isPDF = isPDF;
+const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isAudio = isAudio;
+const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isVideo = isVideo;
+const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isHTML = isHTML;
+const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file);
+exports.hasPreview = hasPreview;
+const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
+exports.isValidFile = isValidFile;
+const isNewFile = (newFile, oldFile) => {
+  var _newFile$file, _oldFile$file;
+  if (!newFile && !oldFile) return false;
+  if (!newFile || !oldFile) return true;
+  const newFileType = typeof newFile;
+  const oldFileType = typeof oldFile;
+  if (newFileType !== oldFileType) return true;
+  if (newFileType === 'string') return newFile !== oldFile;
+  return ((_newFile$file = newFile.file) === null || _newFile$file === void 0 ? void 0 : _newFile$file.lastModified) !== ((_oldFile$file = oldFile.file) === null || _oldFile$file === void 0 ? void 0 : _oldFile$file.lastModified);
+};
+exports.isNewFile = isNewFile;

package/dist/deprecated/UTAutocomplete/components/ListBox/index.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactWindow=require("react-window"),_propTypes=require("prop-types"),_constants=require("../../constants"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const Listbox=(0,_react.forwardRef)((_ref,ref)=>{let{children:children,fixedSizeListProps:fixedSizeListProps={},...other}=_ref;const itemCount=Array.isArray(children)?children.length:0,outerElementType=(0,_react.useMemo)(()=>(0,_react.forwardRef)((props2,ref2)=>_react.default.createElement("div",_extends({ref:ref2},props2,other))),[]);return _react.default.createElement("div",{ref:ref},_react.default.createElement(_reactWindow.FixedSizeList,_extends({style:{padding:0,height:Math.min(_constants.MIN_ROW_HEIGHT_FACTOR,itemCount)*_constants.ROW_HEIGHT,maxHeight:_constants.MAX_HEIGHT},itemCount:itemCount,itemData:children,itemSize:_constants.ROW_HEIGHT,outerElementType:outerElementType},_constants.LIST_BOX_DEFAULT_PROPS,fixedSizeListProps),_utils.renderRow))});Listbox.propTypes={fixedSizeListProps:_propTypes.object};var _default=exports.default=(0,_react.memo)(Listbox);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactWindow = require("react-window");
+var _propTypes = require("prop-types");
+var _constants = require("../../constants");
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Listbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    fixedSizeListProps = {},
+    ...other
+  } = _ref;
+  const itemCount = Array.isArray(children) ? children.length : 0;
+  const outerElementType = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.forwardRef)((props2, ref2) => /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref2
+  }, props2, other))), []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, _extends({
+    style: {
+      padding: 0,
+      height: Math.min(_constants.MIN_ROW_HEIGHT_FACTOR, itemCount) * _constants.ROW_HEIGHT,
+      maxHeight: _constants.MAX_HEIGHT
+    },
+    itemCount: itemCount,
+    itemData: children,
+    itemSize: _constants.ROW_HEIGHT,
+    outerElementType: outerElementType
+  }, _constants.LIST_BOX_DEFAULT_PROPS, fixedSizeListProps), _utils.renderRow));
+});
+Listbox.propTypes = {
+  fixedSizeListProps: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Listbox);

package/dist/deprecated/UTAutocomplete/components/ListBox/utils.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderRow=void 0;var _react=require("react"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderRow=_ref=>{let{data:data,index:index,style:style}=_ref;return(0,_react.cloneElement)(data[index],{style:{...style},className:"".concat(data[index].props.className," ").concat(_stylesModule.default.rowRender)})};exports.renderRow=renderRow;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderRow = void 0;
+var _react = require("react");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const renderRow = _ref => {
+  let {
+    data,
+    index,
+    style
+  } = _ref;
+  return /*#__PURE__*/(0, _react.cloneElement)(data[index], {
+    style: {
+      ...style
+    },
+    className: "".concat(data[index].props.className, " ").concat(_stylesModule.default.rowRender)
+  });
+};
+exports.renderRow = renderRow;

package/dist/deprecated/UTAutocomplete/constants.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ROW_HEIGHT=exports.OPEN_TEXT=exports.MIN_ROW_HEIGHT_FACTOR=exports.MAX_HEIGHT=exports.LIST_BOX_DEFAULT_PROPS=exports.INVALID_OPTION=exports.ERROR_EMPTY_OPTIONS=exports.DEFAULT_VALUE_KEY=exports.DEFAULT_LABEL_KEY=exports.CLOSE_TEXT=exports.CLEAR_TEXT=void 0;const INVALID_OPTION=exports.INVALID_OPTION="El texto ingresado no corresponde a una opción valida",ERROR_EMPTY_OPTIONS=exports.ERROR_EMPTY_OPTIONS="No se cargaron opciones",CLEAR_TEXT=exports.CLEAR_TEXT="Borrar selección",OPEN_TEXT=exports.OPEN_TEXT="Ver opciones",CLOSE_TEXT=exports.CLOSE_TEXT="Cerrar menu",DEFAULT_VALUE_KEY=exports.DEFAULT_VALUE_KEY="value",DEFAULT_LABEL_KEY=exports.DEFAULT_LABEL_KEY="name",ROW_HEIGHT=exports.ROW_HEIGHT=40,MAX_HEIGHT=exports.MAX_HEIGHT=300,MIN_ROW_HEIGHT_FACTOR=exports.MIN_ROW_HEIGHT_FACTOR=8,LIST_BOX_DEFAULT_PROPS=exports.LIST_BOX_DEFAULT_PROPS={height:250,innerElementType:"ul",overscanCount:5};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ROW_HEIGHT = exports.OPEN_TEXT = exports.MIN_ROW_HEIGHT_FACTOR = exports.MAX_HEIGHT = exports.LIST_BOX_DEFAULT_PROPS = exports.INVALID_OPTION = exports.ERROR_EMPTY_OPTIONS = exports.DEFAULT_VALUE_KEY = exports.DEFAULT_LABEL_KEY = exports.CLOSE_TEXT = exports.CLEAR_TEXT = void 0;
+const INVALID_OPTION = exports.INVALID_OPTION = 'El texto ingresado no corresponde a una opción valida';
+const ERROR_EMPTY_OPTIONS = exports.ERROR_EMPTY_OPTIONS = 'No se cargaron opciones';
+const CLEAR_TEXT = exports.CLEAR_TEXT = 'Borrar selección';
+const OPEN_TEXT = exports.OPEN_TEXT = 'Ver opciones';
+const CLOSE_TEXT = exports.CLOSE_TEXT = 'Cerrar menu';
+const DEFAULT_VALUE_KEY = exports.DEFAULT_VALUE_KEY = 'value';
+const DEFAULT_LABEL_KEY = exports.DEFAULT_LABEL_KEY = 'name';
+const ROW_HEIGHT = exports.ROW_HEIGHT = 40;
+const MAX_HEIGHT = exports.MAX_HEIGHT = 300;
+const MIN_ROW_HEIGHT_FACTOR = exports.MIN_ROW_HEIGHT_FACTOR = 8;
+const LIST_BOX_DEFAULT_PROPS = exports.LIST_BOX_DEFAULT_PROPS = {
+  height: 250,
+  innerElementType: 'ul',
+  overscanCount: 5
+};

package/dist/deprecated/UTAutocomplete/index.js

@@ -1 +1,136 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_Autocomplete=_interopRequireDefault(require("@material-ui/lab/Autocomplete")),_KeyboardArrowDown=_interopRequireDefault(require("@material-ui/icons/KeyboardArrowDown")),_CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_form=require("@widergy/web-utils/lib/form"),_formTypes=require("../../types/formTypes"),_UTLabel=_interopRequireDefault(require("../../components/UTLabel")),_WithTheme=_interopRequireDefault(require("../../components/WithTheme")),_theme=require("./theme"),_ListBox=_interopRequireDefault(require("./components/ListBox")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const UTAutocomplete=_ref=>{let{ArrowIcon:ArrowIcon,autocompleteProps:autocompleteProps,classes:classes={},dataTestId:dataTestId,disabled:disabled,field:field,fixedSizeListProps:fixedSizeListProps,input:input,label:label,loading:loading,meta:meta,options:options,placeholder:placeholder,textFieldProps:textFieldProps,variant:variant}=_ref;const{field_options_value_key:valueKey=_constants.DEFAULT_VALUE_KEY,field_options_label_key:labelKey=_constants.DEFAULT_LABEL_KEY,field_options_no_results_message:noOptionsMessage=_constants.INVALID_OPTION,field_options_empty_message:emptyOptionsLabel=_constants.ERROR_EMPTY_OPTIONS,multiple:multiple=!1}=field.configuration||{},initialValue=(0,_react.useMemo)(()=>multiple?[]:"",[multiple]),[componentValue,setComponentValue]=(0,_react.useState)(initialValue),textInputLabel=(0,_array.isEmpty)(options)?emptyOptionsLabel:label,fieldDisabled=disabled||loading||(0,_array.isEmpty)(options);(0,_react.useEffect)(()=>{setComponentValue(input.value&&!(0,_array.isEmpty)(options)?multiple?options.filter(option=>input.value.some(inputValue=>inputValue===option[valueKey])):options.find(option=>option[valueKey]===input.value):multiple?[]:"")},[input.value]),(0,_react.useEffect)(()=>{if((0,_array.isEmpty)(options)||(multiple?(0,_array.isEmpty)(input.value):!input.value))(multiple&&!(0,_array.isEmpty)(componentValue)||componentValue)&&(input.onChange(initialValue),setComponentValue(initialValue));else{const newInputValue=multiple?input.value.filter(inputValue=>options.some(option=>inputValue===option[valueKey])):options.some(option=>option[valueKey]===input.value)?input.value:"";input.onChange(newInputValue);const updatedValue=multiple?options.filter(option=>newInputValue.some(inputValue=>inputValue===option[valueKey])):options.find(option=>option[valueKey]===newInputValue);setComponentValue(updatedValue)}},[options]);const textInputEndAdornment=loading?_react.default.createElement(_CircularProgress.default,{className:classes.loadingIcon}):ArrowIcon||_react.default.createElement(_KeyboardArrowDown.default,{className:"".concat(disabled?classes.arrowIconDisabled:classes.arrowIcon)}),errorMessage=(0,_form.shouldShowErrors)(meta)&&meta.error||"";return _react.default.createElement(_Autocomplete.default,_extends({clearText:_constants.CLEAR_TEXT,closeText:_constants.CLOSE_TEXT,disabled:fieldDisabled,getOptionLabel:option=>option[labelKey]||"",id:field.key,ListboxComponent:_ListBox.default,ListboxProps:{fixedSizeListProps:fixedSizeListProps},multiple:multiple,noOptionsText:noOptionsMessage,onChange:(_,values)=>{input.onChange(multiple?null==values?void 0:values.map(val=>val[valueKey]):null==values?void 0:values[valueKey]),values||setComponentValue(initialValue),field.onChange&&field.onChange(values)},openText:_constants.OPEN_TEXT,options:options,popupIcon:textInputEndAdornment,value:componentValue,renderInput:params=>_react.default.createElement(_TextField.default,_extends({},params,{label:textInputLabel,fullWidth:!0,error:(0,_form.shouldShowErrors)(meta),InputProps:{...params.InputProps,inputProps:{...params.inputProps,"data-keyboard":null!=input&&input.name?"autocomplete-".concat(input.name):null,"data-testid":dataTestId}},helperText:errorMessage?_react.default.createElement(_UTLabel.default,{className:classes.errorLabel,colorTheme:"error",variant:"small"},errorMessage):void 0,placeholder:placeholder,variant:variant},textFieldProps))},autocompleteProps))};UTAutocomplete.propTypes={ArrowIcon:_propTypes.elementType,autocompleteProps:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,input:_formTypes.inputPropTypes.isRequired,field:_formTypes.fieldType,fixedSizeListProps:_propTypes.object,label:_propTypes.string,loading:_propTypes.bool,meta:_formTypes.metaPropTypes.isRequired,options:(0,_propTypes.arrayOf)(_propTypes.object),placeholder:_propTypes.string,textFieldProps:_propTypes.object,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTAutocomplete);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _array = require("@widergy/web-utils/lib/array");
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _Autocomplete = _interopRequireDefault(require("@material-ui/lab/Autocomplete"));
+var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDown"));
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _form = require("@widergy/web-utils/lib/form");
+var _formTypes = require("../../types/formTypes");
+var _UTLabel = _interopRequireDefault(require("../../components/UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
+var _theme = require("./theme");
+var _ListBox = _interopRequireDefault(require("./components/ListBox"));
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const UTAutocomplete = _ref => {
+  let {
+    ArrowIcon,
+    autocompleteProps,
+    classes = {},
+    dataTestId,
+    disabled,
+    field,
+    fixedSizeListProps,
+    input,
+    label,
+    loading,
+    meta,
+    options,
+    placeholder,
+    textFieldProps,
+    variant
+  } = _ref;
+  const {
+    field_options_value_key: valueKey = _constants.DEFAULT_VALUE_KEY,
+    field_options_label_key: labelKey = _constants.DEFAULT_LABEL_KEY,
+    field_options_no_results_message: noOptionsMessage = _constants.INVALID_OPTION,
+    field_options_empty_message: emptyOptionsLabel = _constants.ERROR_EMPTY_OPTIONS,
+    multiple = false
+  } = field.configuration || {};
+  const initialValue = (0, _react.useMemo)(() => multiple ? [] : '', [multiple]);
+  const [componentValue, setComponentValue] = (0, _react.useState)(initialValue);
+  const textInputLabel = (0, _array.isEmpty)(options) ? emptyOptionsLabel : label;
+  const fieldDisabled = disabled || loading || (0, _array.isEmpty)(options);
+  const onChange = (_, values) => {
+    input.onChange(multiple ? values === null || values === void 0 ? void 0 : values.map(val => val[valueKey]) : values === null || values === void 0 ? void 0 : values[valueKey]);
+    if (!values) setComponentValue(initialValue);
+    if (field.onChange) field.onChange(values);
+  };
+  (0, _react.useEffect)(() => {
+    setComponentValue(input.value && !(0, _array.isEmpty)(options) ? multiple ? options.filter(option => input.value.some(inputValue => inputValue === option[valueKey])) : options.find(option => option[valueKey] === input.value) : multiple ? [] : '');
+  }, [input.value]);
+  (0, _react.useEffect)(() => {
+    if ((0, _array.isEmpty)(options) || (multiple ? (0, _array.isEmpty)(input.value) : !input.value)) {
+      if (multiple && !(0, _array.isEmpty)(componentValue) || componentValue) {
+        input.onChange(initialValue);
+        setComponentValue(initialValue);
+      }
+    } else {
+      const newInputValue = multiple ? input.value.filter(inputValue => options.some(option => inputValue === option[valueKey])) : options.some(option => option[valueKey] === input.value) ? input.value : '';
+      input.onChange(newInputValue);
+      const updatedValue = multiple ? options.filter(option => newInputValue.some(inputValue => inputValue === option[valueKey])) : options.find(option => option[valueKey] === newInputValue);
+      setComponentValue(updatedValue);
+    }
+  }, [options]);
+  const textInputEndAdornment = loading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+    className: classes.loadingIcon
+  }) : ArrowIcon || /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, {
+    className: "".concat(disabled ? classes.arrowIconDisabled : classes.arrowIcon)
+  });
+  const errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || '';
+  return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({
+    clearText: _constants.CLEAR_TEXT,
+    closeText: _constants.CLOSE_TEXT,
+    disabled: fieldDisabled,
+    getOptionLabel: option => option[labelKey] || '',
+    id: field.key,
+    ListboxComponent: _ListBox.default,
+    ListboxProps: {
+      fixedSizeListProps
+    },
+    multiple: multiple,
+    noOptionsText: noOptionsMessage,
+    onChange: onChange,
+    openText: _constants.OPEN_TEXT,
+    options: options,
+    popupIcon: textInputEndAdornment,
+    value: componentValue,
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, {
+      label: textInputLabel,
+      fullWidth: true,
+      error: (0, _form.shouldShowErrors)(meta),
+      InputProps: {
+        ...params.InputProps,
+        inputProps: {
+          ...params.inputProps,
+          'data-keyboard': input !== null && input !== void 0 && input.name ? "autocomplete-".concat(input.name) : null,
+          'data-testid': dataTestId
+        }
+      },
+      helperText: errorMessage ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+        className: classes.errorLabel,
+        colorTheme: "error",
+        variant: "small"
+      }, errorMessage) : undefined,
+      placeholder: placeholder,
+      variant: variant
+    }, textFieldProps))
+  }, autocompleteProps));
+};
+UTAutocomplete.propTypes = {
+  ArrowIcon: _propTypes.elementType,
+  autocompleteProps: _propTypes.object,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  input: _formTypes.inputPropTypes.isRequired,
+  field: _formTypes.fieldType,
+  fixedSizeListProps: _propTypes.object,
+  label: _propTypes.string,
+  loading: _propTypes.bool,
+  meta: _formTypes.metaPropTypes.isRequired,
+  options: (0, _propTypes.arrayOf)(_propTypes.object),
+  placeholder: _propTypes.string,
+  textFieldProps: _propTypes.object,
+  variant: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAutocomplete);