@widergy/energy-ui 3.188.3 → 3.188.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/components/UTAttachmentList/layout.js +1 -1
- package/dist/components/UTTable/components/TableHeader/versions/V1/index.js +1 -1
- package/dist/esm/components/UTAttachmentList/layout.js +1 -1
- package/dist/esm/components/UTTable/components/TableHeader/versions/V1/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [3.188.4](https://github.com/widergy/energy-ui/compare/v3.188.3...v3.188.4) (2026-09-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* minor changes ([#869](https://github.com/widergy/energy-ui/issues/869)) ([5b1e29a](https://github.com/widergy/energy-ui/commit/5b1e29a37d2c874abde20665742a208d54164611))
|
|
7
|
+
|
|
1
8
|
## [3.188.3](https://github.com/widergy/energy-ui/compare/v3.188.2...v3.188.3) (2026-09-21)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_files=require("@widergy/web-utils/lib/constants/files"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_downloadjs=_interopRequireDefault(require("downloadjs")),_buttonTypes=require("../../types/buttonTypes"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_UTValidation=_interopRequireDefault(require("../UTValidation")),_utils=require("../UTValidation/utils"),_constants=require("./constants"),_Preview=_interopRequireDefault(require("./components/Preview")),_utils2=require("./utils"),_PreviewModal=_interopRequireDefault(require("./components/PreviewModal")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:l,areaBorderColor:o,classes:n,dataTestId:s,deleteDataTestId:i,disabled:c,error:u,errorClassname:d,errorText:p,field:_,fieldTypes:f=[],fileInputRef:T,helpText:m,hideLabels:y,maxFiles:E,maxFileSize:v,onChange:I,preview:b,previewDataTestId:g,readOnly:U,RemoveIcon:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_files=require("@widergy/web-utils/lib/constants/files"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_downloadjs=_interopRequireDefault(require("downloadjs")),_buttonTypes=require("../../types/buttonTypes"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_UTValidation=_interopRequireDefault(require("../UTValidation")),_utils=require("../UTValidation/utils"),_constants=require("./constants"),_Preview=_interopRequireDefault(require("./components/Preview")),_utils2=require("./utils"),_PreviewModal=_interopRequireDefault(require("./components/PreviewModal")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:l,areaBorderColor:o,classes:n,dataTestId:s,deleteDataTestId:i,disabled:c,error:u,errorClassname:d,errorText:p,field:_,fieldTypes:f=[],fileInputRef:T,helpText:m,hideLabels:y,maxFiles:E,maxFileSize:v,onChange:I,preview:b,previewDataTestId:g,readOnly:U,RemoveIcon:w,titleVariant:L}=e;const M=((null==_||null===(t=_.configuration)||void 0===t?void 0:t.ignore_title)||y)&&(null==_?void 0:_.title),h=r||f.map(e=>_files.inputFiles[e].inputType).join(),O=w||"IconTrash",q=(0,_isEmpty.default)(b),R=b.length<E,[D,P]=(0,_react.useState)(!1),[C,N]=(0,_react.useState)(null),[A,F]=(0,_react.useState)(!1),B=e=>{N(e),P(!0)};return _react.default.createElement(_react.default.Fragment,null,M&&_react.default.createElement("div",{className:_stylesModule.default.upperTitleContainer},_react.default.createElement(_UTFieldLabel.default,{actions:a,readOnly:_.read_only,size:L,required:_.required},null==_?void 0:_.title)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(n.container," ").concat(u&&n.errorContainer," ").concat(U&&n.readOnlyContainer),onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1)},!q&&_react.default.createElement("div",{className:_stylesModule.default.previewsGroup},b.map(e=>_react.default.createElement("div",{className:"".concat(_stylesModule.default.previewContainer," ").concat(n.previewContainer),"data-testid":g},e.type===_constants.PREVIEW_TYPES.LOADING?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconLoader",className:_stylesModule.default.loaderIcon,size:_constants.ICON_SIZE,colorTheme:"accent"}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.loadingText,colorTheme:"gray",variant:"small"},_constants.DEFAULT_UPLOADING_TEXT),_react.default.createElement("div",null)):e.type===_constants.PREVIEW_TYPES.ERROR?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconX",colorTheme:"error",size:_constants.ICON_SIZE}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorText,colorTheme:"error",variant:"small"},_constants.FILE_NOT_FOUND_ERROR_TEXT),_react.default.createElement("div",null)):_react.default.createElement(_react.default.Fragment,null,e.src?_react.default.createElement(_Preview.default,{classes:n,openPreviewModal:B,preview:e,previewProps:b.previewProps}):_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent",size:_constants.ICON_SIZE}),_react.default.createElement("div",{className:_stylesModule.default.fileContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.name),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.size,_constants.MB_LABEL)),((0,_utils2.isAudio)(e)||(0,_utils2.isVideo)(e))&&_react.default.createElement(_UTButton.default,{disabled:c,Icon:"IconPlayerPlay",onClick:()=>{N(e),P(!0)},size:"small",variant:"text"}),((0,_utils2.isDownloadable)(e)||U&&(0,_utils2.isImage)(e))&&e.src&&_react.default.createElement(_UTButton.default,{Icon:"IconDownload",onClick:()=>(0,_downloadjs.default)(e.src,e.name,e.type),size:"small",variant:"text"}),!U&&_react.default.createElement(_UTButton.default,{dataTestId:i,disabled:c,Icon:O,onClick:e.onClick,size:"small",variant:"text"}))))),!U&&q&&_react.default.createElement(_UTIcon.default,{area:!0,areaBackground:l,areaBorderColor:o,areaRadius:_constants.UPLOAD_ICON_AREA_RADIUS,areaSize:_constants.UPLOAD_ICON_AREA_SIZE,className:"".concat(_stylesModule.default.filesIcon," ").concat(n.filesIcon),colorTheme:A?"accent":"gray",name:"IconCloudUpload",shade:A?"03":void 0,size:_constants.UPLOAD_ICON_SIZE}),!U&&(q||R)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.labelAndInputContainer," ").concat(!q&&_stylesModule.default.positionRelative)},_react.default.createElement("input",{className:_stylesModule.default.input,"data-testid":s,accept:h,ref:T,type:"file",onChange:I,disabled:c,multiple:!0}),q?_react.default.createElement(_UTLabel.default,{colorTheme:A?"accent":void 0,shade:A?"05":void 0,variant:"body"},_constants.INDICATIONS):_react.default.createElement(_UTButton.default,{classNames:{root:_stylesModule.default.uploadButtonRoot},colorTheme:"secondary",disabled:c,Icon:"IconUpload",size:"large",variant:"outlined"},_constants.UPLOAD_FILE)),!U&&_react.default.createElement(_UTLabel.default,{align:"center",colorTheme:"gray",variant:"small"},"".concat(_constants.FORMAT_FILE_LABEL).concat((0,_utils2.getAvailableFileTypesLabel)(h),".")," ",_react.default.createElement("br",null),"".concat(_constants.MAX_SIZE_FILE_LABEL).concat(v,"MB"))),m&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helpText,colorTheme:"gray",variant:"small",withMarkdown:!0},m),u&&_react.default.createElement(_UTValidation.default,{className:"".concat(_stylesModule.default.errorMessage," ").concat(d||""),validationData:(0,_utils.formatErrorToValidation)(p)}),D&&_react.default.createElement(_PreviewModal.default,{preview:C,previewProps:b.previewProps,previewModalIsOpen:D,closePreviewModal:()=>P(!1)}))};AttachmentList.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),areaBackground:_propTypes.string,areaBorderColor:_propTypes.string,classes:(0,_propTypes.objectOf)(_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),fileInputRef:(0,_propTypes.objectOf)((0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})),helpText:_propTypes.string,hideLabels:_propTypes.bool,maxFileSize:_propTypes.number,maxFiles:_propTypes.number,onChange:_propTypes.func,preview:(0,_propTypes.arrayOf)((0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})),previewDataTestId:_propTypes.string,previewProps:_constants.previewPropType,readOnly:_propTypes.bool,RemoveIcon:_propTypes.elementType,titleVariant:_propTypes.string};var _default=exports.default=AttachmentList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_useScrollBasedMenu=_interopRequireDefault(require("../../../../../../utils/hooks/use-scroll-based-menu")),_types=require("../../../../types"),_ActionsMobile=_interopRequireDefault(require("./ActionsMobile")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(s,t,o):s[t]=e[t]);return s})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const TableHeader=e=>{var t,a,r,l,o;let{actions:s,automaticRefreshDelay:n,classes:p,description:c,isDesktop:i,isMobile:u,loading:d,onRefresh:_=_utils.reloadWindow,ongoingRefreshLabel:f,refreshLabel:T,selectedLabel:y,tableHeaderDataTestId:m,title:b,withAutomaticRefresh:h,withRefresh:g}=e;const{anchor:v,closeMenu:E,openMenu:R,ref:L}=(0,_useScrollBasedMenu.default)(),[w,M]=(0,_react.useState)(new Date),q=()=>{_()};return(0,_react.useEffect)(()=>{d||M(new Date)},[d]),(0,_react.useEffect)(()=>{let e;return h&&(e=setTimeout(()=>{E(),q()},n)),()=>clearTimeout(e)},[w]),_react.default.createElement("section",{className:"".concat(_stylesModule.default.wrapperHeader," ").concat(null!==(t=p.wrapperHeader)&&void 0!==t?t:""),"data-testid":m},_react.default.createElement("article",{className:"".concat(_stylesModule.default.textElements," ").concat(null!==(a=p.textElements)&&void 0!==a?a:"")},(u||b||c||y)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.titleAndDescription," ").concat(null!==(r=p.titleAndDescription)&&void 0!==r?r:"")},b&&_react.default.createElement(_UTLabel.default,{dataTestId:m?"".concat(m,".title"):"",weight:"medium"},b),c&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".description"):"",shade:"04",variant:"small"},c),u&&y&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.selectedLabel," ").concat(null!==(l=p.selectedLabel)&&void 0!==l?l:""),colorTheme:"accent",dataTestId:m?"".concat(m,".selectedLabel"):"",variant:"small",weight:"medium"},y)),!u&&y&&_react.default.createElement(_UTLabel.default,{colorTheme:"accent",dataTestId:m?"".concat(m,".selectedLabel"):"",variant:"small",weight:"medium"},y)),_react.default.createElement("article",{className:"".concat(_stylesModule.default.refreshAndActions," ").concat(null!==(o=p.refreshAndActions)&&void 0!==o?o:"")},g&&_react.default.createElement(_react.default.Fragment,null,!u&&(d?_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},f):_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".refreshLabel"):"",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTTooltip.default,{arrow:!1,content:u&&(d?_react.default.createElement(_UTLabel.default,{colorTheme:"negative",dataTestId:m?"".concat(m,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},f):_react.default.createElement(_UTLabel.default,{colorTheme:"negative",dataTestId:m?"".concat(m,".refreshLabel"):"",variant:"small",weight:"medium"},T)),dataTestId:m?"".concat(m,".tooltip"):"",tippyProps:{placement:"top"}},_react.default.createElement("span",null,_react.default.createElement(_UTButton.default,{dataTestId:m?"".concat(m,".button"):"",Icon:"IconReload",onClick:q,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_useScrollBasedMenu=_interopRequireDefault(require("../../../../../../utils/hooks/use-scroll-based-menu")),_types=require("../../../../types"),_ActionsMobile=_interopRequireDefault(require("./ActionsMobile")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(s,t,o):s[t]=e[t]);return s})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const TableHeader=e=>{var t,a,r,l,o;let{actions:s,automaticRefreshDelay:n,classes:p,description:c,isDesktop:i,isMobile:u,loading:d,onRefresh:_=_utils.reloadWindow,ongoingRefreshLabel:f,refreshLabel:T,selectedLabel:y,tableHeaderDataTestId:m,title:b,withAutomaticRefresh:h,withRefresh:g}=e;const{anchor:v,closeMenu:E,openMenu:R,ref:L}=(0,_useScrollBasedMenu.default)(),[w,M]=(0,_react.useState)(new Date),q=()=>{_()};return(0,_react.useEffect)(()=>{d||M(new Date)},[d]),(0,_react.useEffect)(()=>{let e;return h&&(e=setTimeout(()=>{E(),q()},n)),()=>clearTimeout(e)},[w]),_react.default.createElement("section",{className:"".concat(_stylesModule.default.wrapperHeader," ").concat(null!==(t=p.wrapperHeader)&&void 0!==t?t:""),"data-testid":m},_react.default.createElement("article",{className:"".concat(_stylesModule.default.textElements," ").concat(null!==(a=p.textElements)&&void 0!==a?a:"")},(u||b||c||y)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.titleAndDescription," ").concat(null!==(r=p.titleAndDescription)&&void 0!==r?r:"")},b&&_react.default.createElement(_UTLabel.default,{dataTestId:m?"".concat(m,".title"):"",weight:"medium"},b),c&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".description"):"",shade:"04",variant:"small"},c),u&&y&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.selectedLabel," ").concat(null!==(l=p.selectedLabel)&&void 0!==l?l:""),colorTheme:"accent",dataTestId:m?"".concat(m,".selectedLabel"):"",variant:"small",weight:"medium"},y)),!u&&y&&_react.default.createElement(_UTLabel.default,{colorTheme:"accent",dataTestId:m?"".concat(m,".selectedLabel"):"",variant:"small",weight:"medium"},y)),_react.default.createElement("article",{className:"".concat(_stylesModule.default.refreshAndActions," ").concat(null!==(o=p.refreshAndActions)&&void 0!==o?o:"")},g&&_react.default.createElement(_react.default.Fragment,null,!u&&(d?_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},f):_react.default.createElement(_UTLabel.default,{colorTheme:"gray",dataTestId:m?"".concat(m,".refreshLabel"):"",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTTooltip.default,{arrow:!1,content:u&&(d?_react.default.createElement(_UTLabel.default,{colorTheme:"negative",dataTestId:m?"".concat(m,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},f):_react.default.createElement(_UTLabel.default,{colorTheme:"negative",dataTestId:m?"".concat(m,".refreshLabel"):"",variant:"small",weight:"medium"},T)),dataTestId:m?"".concat(m,".tooltip"):"",tippyProps:{placement:"top"}},_react.default.createElement("span",null,_react.default.createElement(_UTButton.default,{dataTestId:m?"".concat(m,".button"):"",Icon:"IconReload",onClick:q,variant:"text"})))),!Array.isArray(s)||(0,_isEmpty.default)(s)||i?Array.isArray(s)&&s.map((e,t)=>e.tooltip?_react.default.createElement(_UTTooltip.default,_extends({className:e.tooltipClassName,content:e.tooltip,dataTestId:m?"".concat(m,".").concat(t):"",tippyProps:{arrow:!1,placement:"top"}},e.tooltipProps),_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,e))):_react.default.createElement(_UTButton.default,_extends({dataTestId:m?"".concat(m,".").concat(t):""},e))):_react.default.createElement(_ActionsMobile.default,{actions:s,anchor:v,classes:p,closeMenu:E,menuButtonRef:L,openMenu:R,tableHeaderDataTestId:m})))};TableHeader.propTypes={actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,count:_propTypes.number,dataTestId:_propTypes.string,disabled:_propTypes.bool,hideTextOnResponsive:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconPlacement:_propTypes.string,isPrimary:_propTypes.bool,LeftIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),loading:_propTypes.bool,onClick:_propTypes.func,RightIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),size:_propTypes.string,type:_propTypes.string,variant:_propTypes.string})),automaticRefreshDelay:_propTypes.number,classes:_types.classesType,description:_propTypes.string,isDesktop:_propTypes.bool,isMobile:_propTypes.bool,loading:_propTypes.bool,onRefresh:_propTypes.func,ongoingRefreshLabel:_propTypes.string,refreshLabel:_propTypes.string,selectedLabel:_propTypes.string,tableHeaderDataTestId:_propTypes.string,title:_propTypes.string,withAutomaticRefresh:_propTypes.bool,withRefresh:_propTypes.bool};var _default=exports.default=TableHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{Fragment,useState}from"react";import{shape,string,bool,func,arrayOf,objectOf,elementType,instanceOf,number,object}from"prop-types";import{inputFiles}from"@widergy/web-utils/lib/constants/files";import isEmpty from"lodash/isEmpty";import download from"downloadjs";import{buttonTypes}from"../../types/buttonTypes";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTFieldLabel from"../UTFieldLabel";import UTValidation from"../UTValidation";import{formatErrorToValidation}from"../UTValidation/utils";import{DEFAULT_UPLOADING_TEXT,FILE_NOT_FOUND_ERROR_TEXT,FORMAT_FILE_LABEL,ICON_SIZE,INDICATIONS,MAX_SIZE_FILE_LABEL,MB_LABEL,PREVIEW_TYPES,UPLOAD_FILE,UPLOAD_ICON_AREA_RADIUS,UPLOAD_ICON_AREA_SIZE,UPLOAD_ICON_SIZE,previewPropType}from"./constants";import Preview from"./components/Preview";import{getAvailableFileTypesLabel,isAudio,isDownloadable,isImage,isVideo}from"./utils";import PreviewModal from"./components/PreviewModal";import styles from"./styles.module.scss";const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:o,areaBorderColor:l,classes:n,dataTestId:i,deleteDataTestId:c,disabled:s,error:m,errorClassname:d,errorText:p,field:T,fieldTypes:E=[],fileInputRef:I,helpText:R,hideLabels:u,maxFiles:y,maxFileSize:v,onChange:L,preview:_,previewDataTestId:b,readOnly:f,RemoveIcon:O,titleVariant:U}=e;const g=((null==T||null===(t=T.configuration)||void 0===t?void 0:t.ignore_title)||u)&&(null==T?void 0:T.title),A=r||E.map(e=>inputFiles[e].inputType).join(),
|
|
1
|
+
import React,{Fragment,useState}from"react";import{shape,string,bool,func,arrayOf,objectOf,elementType,instanceOf,number,object}from"prop-types";import{inputFiles}from"@widergy/web-utils/lib/constants/files";import isEmpty from"lodash/isEmpty";import download from"downloadjs";import{buttonTypes}from"../../types/buttonTypes";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTFieldLabel from"../UTFieldLabel";import UTValidation from"../UTValidation";import{formatErrorToValidation}from"../UTValidation/utils";import{DEFAULT_UPLOADING_TEXT,FILE_NOT_FOUND_ERROR_TEXT,FORMAT_FILE_LABEL,ICON_SIZE,INDICATIONS,MAX_SIZE_FILE_LABEL,MB_LABEL,PREVIEW_TYPES,UPLOAD_FILE,UPLOAD_ICON_AREA_RADIUS,UPLOAD_ICON_AREA_SIZE,UPLOAD_ICON_SIZE,previewPropType}from"./constants";import Preview from"./components/Preview";import{getAvailableFileTypesLabel,isAudio,isDownloadable,isImage,isVideo}from"./utils";import PreviewModal from"./components/PreviewModal";import styles from"./styles.module.scss";const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:o,areaBorderColor:l,classes:n,dataTestId:i,deleteDataTestId:c,disabled:s,error:m,errorClassname:d,errorText:p,field:T,fieldTypes:E=[],fileInputRef:I,helpText:R,hideLabels:u,maxFiles:y,maxFileSize:v,onChange:L,preview:_,previewDataTestId:b,readOnly:f,RemoveIcon:O,titleVariant:U}=e;const g=((null==T||null===(t=T.configuration)||void 0===t?void 0:t.ignore_title)||u)&&(null==T?void 0:T.title),A=r||E.map(e=>inputFiles[e].inputType).join(),w=O||"IconTrash",N=isEmpty(_),h=_.length<y,[C,P]=useState(!1),[F,D]=useState(null),[S,B]=useState(!1),M=e=>{D(e),P(!0)};return React.createElement(React.Fragment,null,g&&React.createElement("div",{className:styles.upperTitleContainer},React.createElement(UTFieldLabel,{actions:a,readOnly:T.read_only,size:U,required:T.required},null==T?void 0:T.title)),React.createElement("div",{className:"".concat(styles.container," ").concat(n.container," ").concat(m&&n.errorContainer," ").concat(f&&n.readOnlyContainer),onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)},!N&&React.createElement("div",{className:styles.previewsGroup},_.map(e=>React.createElement("div",{className:"".concat(styles.previewContainer," ").concat(n.previewContainer),"data-testid":b},e.type===PREVIEW_TYPES.LOADING?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconLoader",className:styles.loaderIcon,size:ICON_SIZE,colorTheme:"accent"}),React.createElement(UTLabel,{className:styles.loadingText,colorTheme:"gray",variant:"small"},DEFAULT_UPLOADING_TEXT),React.createElement("div",null)):e.type===PREVIEW_TYPES.ERROR?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconX",colorTheme:"error",size:ICON_SIZE}),React.createElement(UTLabel,{className:styles.errorText,colorTheme:"error",variant:"small"},FILE_NOT_FOUND_ERROR_TEXT),React.createElement("div",null)):React.createElement(React.Fragment,null,e.src?React.createElement(Preview,{classes:n,openPreviewModal:M,preview:e,previewProps:_.previewProps}):React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent",size:ICON_SIZE}),React.createElement("div",{className:styles.fileContainer},React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.name),React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.size,MB_LABEL)),(isAudio(e)||isVideo(e))&&React.createElement(UTButton,{disabled:s,Icon:"IconPlayerPlay",onClick:()=>{D(e),P(!0)},size:"small",variant:"text"}),(isDownloadable(e)||f&&isImage(e))&&e.src&&React.createElement(UTButton,{Icon:"IconDownload",onClick:()=>download(e.src,e.name,e.type),size:"small",variant:"text"}),!f&&React.createElement(UTButton,{dataTestId:c,disabled:s,Icon:w,onClick:e.onClick,size:"small",variant:"text"}))))),!f&&N&&React.createElement(UTIcon,{area:!0,areaBackground:o,areaBorderColor:l,areaRadius:UPLOAD_ICON_AREA_RADIUS,areaSize:UPLOAD_ICON_AREA_SIZE,className:"".concat(styles.filesIcon," ").concat(n.filesIcon),colorTheme:S?"accent":"gray",name:"IconCloudUpload",shade:S?"03":void 0,size:UPLOAD_ICON_SIZE}),!f&&(N||h)&&React.createElement("div",{className:"".concat(styles.labelAndInputContainer," ").concat(!N&&styles.positionRelative)},React.createElement("input",{className:styles.input,"data-testid":i,accept:A,ref:I,type:"file",onChange:L,disabled:s,multiple:!0}),N?React.createElement(UTLabel,{colorTheme:S?"accent":void 0,shade:S?"05":void 0,variant:"body"},INDICATIONS):React.createElement(UTButton,{classNames:{root:styles.uploadButtonRoot},colorTheme:"secondary",disabled:s,Icon:"IconUpload",size:"large",variant:"outlined"},UPLOAD_FILE)),!f&&React.createElement(UTLabel,{align:"center",colorTheme:"gray",variant:"small"},"".concat(FORMAT_FILE_LABEL).concat(getAvailableFileTypesLabel(A),".")," ",React.createElement("br",null),"".concat(MAX_SIZE_FILE_LABEL).concat(v,"MB"))),R&&React.createElement(UTLabel,{className:styles.helpText,colorTheme:"gray",variant:"small",withMarkdown:!0},R),m&&React.createElement(UTValidation,{className:"".concat(styles.errorMessage," ").concat(d||""),validationData:formatErrorToValidation(p)}),C&&React.createElement(PreviewModal,{preview:F,previewProps:_.previewProps,previewModalIsOpen:C,closePreviewModal:()=>P(!1)}))};AttachmentList.propTypes={acceptedFileTypes:string,actions:arrayOf(buttonTypes),areaBackground:string,areaBorderColor:string,classes:objectOf(string),dataTestId:string,deleteDataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,field:object,fieldTypes:arrayOf(string),fileInputRef:objectOf(shape({current:instanceOf(Element)})),helpText:string,hideLabels:bool,maxFileSize:number,maxFiles:number,onChange:func,preview:arrayOf(shape({src:string,type:string})),previewDataTestId:string,previewProps:previewPropType,readOnly:bool,RemoveIcon:elementType,titleVariant:string};export default AttachmentList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import isEmpty from"lodash/isEmpty";import React,{Fragment,useEffect,useState}from"react";import{arrayOf,bool,elementType,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import useScrollBasedMenu from"../../../../../../utils/hooks/use-scroll-based-menu";import{classesType}from"../../../../types";import ActionsMobile from"./ActionsMobile";import styles from"./styles.module.scss";import{reloadWindow}from"./utils";const TableHeader=e=>{var t,a,o,n,s;let{actions:l,automaticRefreshDelay:c,classes:r,description:i,isDesktop:m,isMobile:d,loading:p,onRefresh:T=reloadWindow,ongoingRefreshLabel:u,refreshLabel:b,selectedLabel:f,tableHeaderDataTestId:h,title:g,withAutomaticRefresh:y,withRefresh:R}=e;const{anchor:E,closeMenu:L,openMenu:v,ref:I}=useScrollBasedMenu(),[w,U]=useState(new Date),A=()=>{T()};return useEffect(()=>{p||U(new Date)},[p]),useEffect(()=>{let e;return y&&(e=setTimeout(()=>{L(),A()},c)),()=>clearTimeout(e)},[w]),React.createElement("section",{className:"".concat(styles.wrapperHeader," ").concat(null!==(t=r.wrapperHeader)&&void 0!==t?t:""),"data-testid":h},React.createElement("article",{className:"".concat(styles.textElements," ").concat(null!==(a=r.textElements)&&void 0!==a?a:"")},(d||g||i||f)&&React.createElement("div",{className:"".concat(styles.titleAndDescription," ").concat(null!==(o=r.titleAndDescription)&&void 0!==o?o:"")},g&&React.createElement(UTLabel,{dataTestId:h?"".concat(h,".title"):"",weight:"medium"},g),i&&React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".description"):"",shade:"04",variant:"small"},i),d&&f&&React.createElement(UTLabel,{className:"".concat(styles.selectedLabel," ").concat(null!==(n=r.selectedLabel)&&void 0!==n?n:""),colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),!d&&f&&React.createElement(UTLabel,{colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),React.createElement("article",{className:"".concat(styles.refreshAndActions," ").concat(null!==(s=r.refreshAndActions)&&void 0!==s?s:"")},R&&React.createElement(React.Fragment,null,!d&&(p?React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),React.createElement(UTTooltip,{arrow:!1,content:d&&(p?React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),dataTestId:h?"".concat(h,".tooltip"):"",tippyProps:{placement:"top"}},React.createElement("span",null,React.createElement(UTButton,{dataTestId:h?"".concat(h,".button"):"",Icon:"IconReload",onClick:A,
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import isEmpty from"lodash/isEmpty";import React,{Fragment,useEffect,useState}from"react";import{arrayOf,bool,elementType,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import useScrollBasedMenu from"../../../../../../utils/hooks/use-scroll-based-menu";import{classesType}from"../../../../types";import ActionsMobile from"./ActionsMobile";import styles from"./styles.module.scss";import{reloadWindow}from"./utils";const TableHeader=e=>{var t,a,o,n,s;let{actions:l,automaticRefreshDelay:c,classes:r,description:i,isDesktop:m,isMobile:d,loading:p,onRefresh:T=reloadWindow,ongoingRefreshLabel:u,refreshLabel:b,selectedLabel:f,tableHeaderDataTestId:h,title:g,withAutomaticRefresh:y,withRefresh:R}=e;const{anchor:E,closeMenu:L,openMenu:v,ref:I}=useScrollBasedMenu(),[w,U]=useState(new Date),A=()=>{T()};return useEffect(()=>{p||U(new Date)},[p]),useEffect(()=>{let e;return y&&(e=setTimeout(()=>{L(),A()},c)),()=>clearTimeout(e)},[w]),React.createElement("section",{className:"".concat(styles.wrapperHeader," ").concat(null!==(t=r.wrapperHeader)&&void 0!==t?t:""),"data-testid":h},React.createElement("article",{className:"".concat(styles.textElements," ").concat(null!==(a=r.textElements)&&void 0!==a?a:"")},(d||g||i||f)&&React.createElement("div",{className:"".concat(styles.titleAndDescription," ").concat(null!==(o=r.titleAndDescription)&&void 0!==o?o:"")},g&&React.createElement(UTLabel,{dataTestId:h?"".concat(h,".title"):"",weight:"medium"},g),i&&React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".description"):"",shade:"04",variant:"small"},i),d&&f&&React.createElement(UTLabel,{className:"".concat(styles.selectedLabel," ").concat(null!==(n=r.selectedLabel)&&void 0!==n?n:""),colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),!d&&f&&React.createElement(UTLabel,{colorTheme:"accent",dataTestId:h?"".concat(h,".selectedLabel"):"",variant:"small",weight:"medium"},f)),React.createElement("article",{className:"".concat(styles.refreshAndActions," ").concat(null!==(s=r.refreshAndActions)&&void 0!==s?s:"")},R&&React.createElement(React.Fragment,null,!d&&(p?React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"gray",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),React.createElement(UTTooltip,{arrow:!1,content:d&&(p?React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".ongoingRefreshLabel"):"",variant:"small",weight:"medium"},u):React.createElement(UTLabel,{colorTheme:"negative",dataTestId:h?"".concat(h,".refreshLabel"):"",variant:"small",weight:"medium"},b)),dataTestId:h?"".concat(h,".tooltip"):"",tippyProps:{placement:"top"}},React.createElement("span",null,React.createElement(UTButton,{dataTestId:h?"".concat(h,".button"):"",Icon:"IconReload",onClick:A,variant:"text"})))),!Array.isArray(l)||isEmpty(l)||m?Array.isArray(l)&&l.map((e,t)=>e.tooltip?React.createElement(UTTooltip,_extends({className:e.tooltipClassName,content:e.tooltip,dataTestId:h?"".concat(h,".").concat(t):"",tippyProps:{arrow:!1,placement:"top"}},e.tooltipProps),React.createElement("div",null,React.createElement(UTButton,e))):React.createElement(UTButton,_extends({dataTestId:h?"".concat(h,".").concat(t):""},e))):React.createElement(ActionsMobile,{actions:l,anchor:E,classes:r,closeMenu:L,menuButtonRef:I,openMenu:v,tableHeaderDataTestId:h})))};TableHeader.propTypes={actions:arrayOf(shape({classes:objectOf(string),classNames:objectOf(string),colorTheme:string,count:number,dataTestId:string,disabled:bool,hideTextOnResponsive:bool,Icon:oneOfType([elementType,string]),iconPlacement:string,isPrimary:bool,LeftIcon:oneOfType([elementType,string]),loading:bool,onClick:func,RightIcon:oneOfType([elementType,string]),size:string,type:string,variant:string})),automaticRefreshDelay:number,classes:classesType,description:string,isDesktop:bool,isMobile:bool,loading:bool,onRefresh:func,ongoingRefreshLabel:string,refreshLabel:string,selectedLabel:string,tableHeaderDataTestId:string,title:string,withAutomaticRefresh:bool,withRefresh:bool};export default TableHeader;
|