@widergy/energy-ui 3.195.0 → 3.195.2
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 +17 -0
- package/dist/components/UTAttachmentList/components/Preview/index.js +1 -1
- package/dist/components/UTAttachmentList/utils.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -1
- package/dist/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/esm/components/UTAttachmentList/components/Preview/index.js +1 -1
- package/dist/esm/components/UTAttachmentList/utils.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/components/TitleRow/index.js +1 -1
- package/dist/esm/components/UTCheckbox/versions/V1/constants.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/constants.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
## [3.195.2](https://github.com/widergy/energy-ui/compare/v3.195.1...v3.195.2) (2026-10-30)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [AXCH-2633] download .dwg attachments in UTAttachmentList ([#897](https://github.com/widergy/energy-ui/issues/897)) ([030cb8e](https://github.com/widergy/energy-ui/commit/030cb8e11caaa2e3b8af4d69019872851b9392dc))
|
|
7
|
+
|
|
8
|
+
## [3.195.1](https://github.com/widergy/energy-ui/compare/v3.195.0...v3.195.1) (2026-10-26)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
11
|
+
|
|
12
|
+
* Mejoras internas de la plataforma [#895](https://github.com/widergy/Energy-UI/pull/895) [DEV-9999](https://widergy.atlassian.net/browse/DEV-9999)
|
|
13
|
+
|
|
14
|
+
### Correcciones
|
|
15
|
+
|
|
16
|
+
* Se corrigió un problema por el que los tooltips de las opciones de selección se veían cortados cuando el componente estaba dentro de un panel colapsable. [#896](https://github.com/widergy/Energy-UI/pull/896) [CHC-44](https://widergy.atlassian.net/browse/CHC-44)
|
|
17
|
+
|
|
1
18
|
# [3.195.0](https://github.com/widergy/energy-ui/compare/v3.194.0...v3.195.0) (2026-10-14)
|
|
2
19
|
|
|
3
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_utils=require("../../utils"),_constants=require("../../constants"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_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 r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const Preview=e=>{let{openPreviewModal:t,preview:r,previewProps:n={}}=e;return(0,_utils.isPDF)(r)?_react.default.createElement(_UTIcon.default,{name:"IconFiles",colorTheme:"accent",size:_constants.ICON_SIZE}):_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:()=>t(r)},(0,_utils.isImage)(r)&&_react.default.createElement("img",_extends({src:r.src,className:_stylesModule.default.previewImage,alt:""},null==n?void 0:n.image)),(0,_utils.isAudio)(r)&&_react.default.createElement(_UTIcon.default,{name:"IconVolume",colorTheme:"accent",size:_constants.ICON_SIZE}),(0,_utils.isVideo)(r)&&_react.default.createElement(_UTIcon.default,{name:"IconVideo",colorTheme:"accent",size:_constants.ICON_SIZE}))};Preview.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),openPreviewModal:_propTypes.func,previewProps:_constants.previewPropType,preview:(0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})};var _default=exports.default=(0,_react.memo)(Preview);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_utils=require("../../utils"),_constants=require("../../constants"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_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 r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const Preview=e=>{let{openPreviewModal:t,preview:r,previewProps:n={}}=e;return(0,_utils.isPDF)(r)||(0,_utils.isDWG)(r)?_react.default.createElement(_UTIcon.default,{name:"IconFiles",colorTheme:"accent",size:_constants.ICON_SIZE}):_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:()=>t(r)},(0,_utils.isImage)(r)&&_react.default.createElement("img",_extends({src:r.src,className:_stylesModule.default.previewImage,alt:""},null==n?void 0:n.image)),(0,_utils.isAudio)(r)&&_react.default.createElement(_UTIcon.default,{name:"IconVolume",colorTheme:"accent",size:_constants.ICON_SIZE}),(0,_utils.isVideo)(r)&&_react.default.createElement(_UTIcon.default,{name:"IconVideo",colorTheme:"accent",size:_constants.ICON_SIZE}))};Preview.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),openPreviewModal:_propTypes.func,previewProps:_constants.previewPropType,preview:(0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})};var _default=exports.default=(0,_react.memo)(Preview);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pdfAspectRatioValidation=exports.isXLSX=exports.isXLS=exports.isVideo=exports.isValidFile=exports.isPDF=exports.isNewFile=exports.isImage=exports.isHTML=exports.isDownloadable=exports.isCSV=exports.isAudio=exports.hasPreview=exports.getUploadIconAreaColors=exports.getSizeInMB=exports.getNotRepeatedFiles=exports.getDefaultAttachment=exports.getBlobFromUrl=exports.getAvailableFileTypesLabel=void 0;var _files=require("@widergy/web-utils/lib/constants/files"),_constants=require("./constants");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 e=>fetch(e,{method:"GET"}).catch(e=>console.error(e)),getBlobFromUrl=async(e,t)=>{if(!e||!t)return!1;const i=await getImage(e);if(null!=i&&i.ok)try{t(await i.blob())}catch{t(null)}else t(null)};exports.getBlobFromUrl=getBlobFromUrl;const lengthMatches=(e,t,i)=>{const s=e*(i/100);return Math.abs(e-t)<s},pageMatches=(e,t)=>{const i=e.getViewport({scale:1});return t.some(e=>lengthMatches(e.heightInPt,i.height,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.width,e.toleranceInPercentage)||lengthMatches(e.heightInPt,i.width,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.height,e.toleranceInPercentage))},pdfAspectRatioValidation=async(e,t)=>{const i=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(e)),s=await i.promise,o=s.numPages,l=[];for(let e=1;e<=o;e+=1)l.push(s.getPage(e));return(await Promise.all(l)).every(e=>pageMatches(e,t))};exports.pdfAspectRatioValidation=pdfAspectRatioValidation;const isImage=e=>_files.inputFiles.image.validType.includes(null==e?void 0:e.type);exports.isImage=isImage;const isPDF=e=>_files.inputFiles.pdf.validType.includes(null==e?void 0:e.type);exports.isPDF=isPDF;const isAudio=e=>_files.inputFiles.audio.validType.includes(null==e?void 0:e.type);exports.isAudio=isAudio;const isVideo=e=>_files.inputFiles.video.validType.includes(null==e?void 0:e.type);exports.isVideo=isVideo;const isHTML=e=>_files.inputFiles.html.validType.includes(null==e?void 0:e.type);exports.isHTML=isHTML;const isCSV=e=>_files.inputFiles.csv.validType.includes(null==e?void 0:e.type);exports.isCSV=isCSV;const isXLS=e=>_files.inputFiles.xls.validType.includes(null==e?void 0:e.type);exports.isXLS=isXLS;const isXLSX=e=>_files.inputFiles.xlsx.validType.includes(null==e?void 0:e.type);exports.isXLSX=isXLSX;const isDownloadable=e=>isPDF(e)||isCSV(e)||isXLS(e)||isXLSX(e);exports.isDownloadable=isDownloadable;const hasPreview=e=>isImage(e)||isAudio(e)||isVideo(e)||isPDF(e);exports.hasPreview=hasPreview;const isValidFile=e=>hasPreview(e)||isPDF(e)||isHTML(e);exports.isValidFile=isValidFile;const isNewFile=(e,t)=>{var i,s;if(!e&&!t)return!1;if(!e||!t)return!0;const o=typeof e;return o!==typeof t||("string"===o?e!==t:(null===(i=e.file)||void 0===i?void 0:i.lastModified)!==(null===(s=t.file)||void 0===s?void 0:s.lastModified))};exports.isNewFile=isNewFile;const getAvailableFileTypesLabel=e=>Array.isArray(e)?e.join(", ").replace(/,\s([^,]+)$/," o $1"):e.split(",").filter(e=>e.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");exports.getAvailableFileTypesLabel=getAvailableFileTypesLabel;const getSizeInMB=e=>(e/1048576).toFixed(2);exports.getSizeInMB=getSizeInMB;const getNotRepeatedFiles=e=>e.filter((e,t,i)=>t===i.findIndex(t=>t.name===e.name));exports.getNotRepeatedFiles=getNotRepeatedFiles;const getDefaultAttachment=(e,t)=>"".concat(_constants.DEFAULT_ATTACHMENT_NAME,"-").concat(t).concat(e&&".".concat(e));exports.getDefaultAttachment=getDefaultAttachment;const getUploadIconAreaColors=e=>({areaBackground:e.Palette.light["01"],areaBorderColor:e.Palette.light["03"]});exports.getUploadIconAreaColors=getUploadIconAreaColors;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pdfAspectRatioValidation=exports.isXLSX=exports.isXLS=exports.isVideo=exports.isValidFile=exports.isPDF=exports.isNewFile=exports.isImage=exports.isHTML=exports.isDownloadable=exports.isDWG=exports.isCSV=exports.isAudio=exports.hasPreview=exports.getUploadIconAreaColors=exports.getSizeInMB=exports.getNotRepeatedFiles=exports.getDefaultAttachment=exports.getBlobFromUrl=exports.getAvailableFileTypesLabel=void 0;var _files=require("@widergy/web-utils/lib/constants/files"),_constants=require("./constants");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 e=>fetch(e,{method:"GET"}).catch(e=>console.error(e)),getBlobFromUrl=async(e,t)=>{if(!e||!t)return!1;const i=await getImage(e);if(null!=i&&i.ok)try{t(await i.blob())}catch{t(null)}else t(null)};exports.getBlobFromUrl=getBlobFromUrl;const lengthMatches=(e,t,i)=>{const s=e*(i/100);return Math.abs(e-t)<s},pageMatches=(e,t)=>{const i=e.getViewport({scale:1});return t.some(e=>lengthMatches(e.heightInPt,i.height,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.width,e.toleranceInPercentage)||lengthMatches(e.heightInPt,i.width,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.height,e.toleranceInPercentage))},pdfAspectRatioValidation=async(e,t)=>{const i=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(e)),s=await i.promise,o=s.numPages,l=[];for(let e=1;e<=o;e+=1)l.push(s.getPage(e));return(await Promise.all(l)).every(e=>pageMatches(e,t))};exports.pdfAspectRatioValidation=pdfAspectRatioValidation;const isImage=e=>_files.inputFiles.image.validType.includes(null==e?void 0:e.type);exports.isImage=isImage;const isPDF=e=>_files.inputFiles.pdf.validType.includes(null==e?void 0:e.type);exports.isPDF=isPDF;const isAudio=e=>_files.inputFiles.audio.validType.includes(null==e?void 0:e.type);exports.isAudio=isAudio;const isVideo=e=>_files.inputFiles.video.validType.includes(null==e?void 0:e.type);exports.isVideo=isVideo;const isHTML=e=>_files.inputFiles.html.validType.includes(null==e?void 0:e.type);exports.isHTML=isHTML;const isCSV=e=>_files.inputFiles.csv.validType.includes(null==e?void 0:e.type);exports.isCSV=isCSV;const isXLS=e=>_files.inputFiles.xls.validType.includes(null==e?void 0:e.type);exports.isXLS=isXLS;const isXLSX=e=>_files.inputFiles.xlsx.validType.includes(null==e?void 0:e.type);exports.isXLSX=isXLSX;const isDWG=e=>/\.dwg$/i.test((null==e?void 0:e.name)||"");exports.isDWG=isDWG;const isDownloadable=e=>isPDF(e)||isCSV(e)||isXLS(e)||isXLSX(e)||isDWG(e);exports.isDownloadable=isDownloadable;const hasPreview=e=>isImage(e)||isAudio(e)||isVideo(e)||isPDF(e);exports.hasPreview=hasPreview;const isValidFile=e=>hasPreview(e)||isPDF(e)||isHTML(e);exports.isValidFile=isValidFile;const isNewFile=(e,t)=>{var i,s;if(!e&&!t)return!1;if(!e||!t)return!0;const o=typeof e;return o!==typeof t||("string"===o?e!==t:(null===(i=e.file)||void 0===i?void 0:i.lastModified)!==(null===(s=t.file)||void 0===s?void 0:s.lastModified))};exports.isNewFile=isNewFile;const getAvailableFileTypesLabel=e=>Array.isArray(e)?e.join(", ").replace(/,\s([^,]+)$/," o $1"):e.split(",").filter(e=>e.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");exports.getAvailableFileTypesLabel=getAvailableFileTypesLabel;const getSizeInMB=e=>(e/1048576).toFixed(2);exports.getSizeInMB=getSizeInMB;const getNotRepeatedFiles=e=>e.filter((e,t,i)=>t===i.findIndex(t=>t.name===e.name));exports.getNotRepeatedFiles=getNotRepeatedFiles;const getDefaultAttachment=(e,t)=>"".concat(_constants.DEFAULT_ATTACHMENT_NAME,"-").concat(t).concat(e&&".".concat(e));exports.getDefaultAttachment=getDefaultAttachment;const getUploadIconAreaColors=e=>({areaBackground:e.Palette.light["01"],areaBorderColor:e.Palette.light["03"]});exports.getUploadIconAreaColors=getUploadIconAreaColors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleRow=e=>{let{children:t,classes:r,prefix:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TitleRow=e=>{let{children:t,classes:r,prefix:o,suffix:a,tooltip:l}=e;return o||a||l?_react.default.createElement("div",{className:r.titleRow},o&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},o),t,l&&_react.default.createElement(_UTTooltip.default,{content:l,tippyProps:_constants.TOOLTIP_PROPS},_react.default.createElement("span",{className:r.tooltip},_react.default.createElement(_UTIcon.default,{className:r.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE}))),a&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},a)):t};TitleRow.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),prefix:_propTypes.string,suffix:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TitleRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=exports.BUTTON_VARIANT=void 0;const CHECKED_ICON=exports.CHECKED_ICON="IconCheck",INDETERMINATE_ICON=exports.INDETERMINATE_ICON="IconMinus",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},BUTTON_VARIANT=exports.BUTTON_VARIANT="button",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_PROPS=exports.TOOLTIP_ICON_SIZE=exports.SPACING=exports.INDETERMINATE_ICON=exports.ICON_CONTENT_TYPES=exports.CHECKED_ICON=exports.CARD_VARIANT=exports.CARD_ICON_SIZE=exports.CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_RADIUS=exports.BUTTON_VARIANT=void 0;const CHECKED_ICON=exports.CHECKED_ICON="IconCheck",INDETERMINATE_ICON=exports.INDETERMINATE_ICON="IconMinus",SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},BUTTON_VARIANT=exports.BUTTON_VARIANT="button",CARD_VARIANT=exports.CARD_VARIANT="card",CARD_ICON_SIZE=exports.CARD_ICON_SIZE=16,CARD_ICON_AREA_SIZE=exports.CARD_ICON_AREA_SIZE=32,CARD_ICON_AREA_RADIUS=exports.CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,TOOLTIP_PROPS=exports.TOOLTIP_PROPS={appendTo:()=>document.body},ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_ICON_SIZE=exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_PROPS=exports.TOOLTIP_ICON_SIZE=exports.RADIO_VARIANTS=exports.ICON_SIZES=exports.ICON_CONTENT_TYPES=exports.ICON_AREA_SIZE=exports.ICON_AREA_RADIUS=void 0;const RADIO_VARIANTS=exports.RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"},ICON_SIZES=exports.ICON_SIZES={[RADIO_VARIANTS.CARD]:16},ICON_AREA_SIZE=exports.ICON_AREA_SIZE=32,ICON_AREA_RADIUS=exports.ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)",TOOLTIP_ICON_SIZE=exports.TOOLTIP_ICON_SIZE=16,TOOLTIP_PROPS=exports.TOOLTIP_PROPS={appendTo:()=>document.body},ICON_CONTENT_TYPES=exports.ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");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 Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");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 Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:p,nameProps:i={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:I=_constants.RADIO_VARIANTS.DEFAULT}=e;const N=I===_constants.RADIO_VARIANTS.CARD,E=T&&I===_constants.RADIO_VARIANTS.BUTTON,{areaBackground:h,areaBorderColor:b}=(0,_utils.getIconAreaColors)(f),O=p&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:E?"accent":"dark"},i,T?_:{}),p);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,dataTestId:a,disabled:n,onClick:()=>!n&&d()},I===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},T&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!s)return null;const e=(0,_utils.getIconContentType)(s);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:s.alt||"",className:t.iconImage,src:s.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=s;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:s,size:_constants.ICON_SIZES[I]},N&&{area:!0,areaBackground:h,areaBorderColor:b,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,T?l:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},u),y?_react.default.createElement("div",{className:t.titleAndTooltip},O,_react.default.createElement(_UTTooltip.default,{content:y,tippyProps:_constants.TOOLTIP_PROPS},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:_constants.TOOLTIP_ICON_SIZE})))):O,m&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},m)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),r))),N&&_react.default.createElement("div",{className:t.cardRadio},T&&_react.default.createElement("div",{className:t.radioDot})),T&&I===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,theme:_propTypes.object,tooltip:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{string,shape,func,objectOf}from"prop-types";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{isAudio,isImage,isPDF,isVideo}from"../../utils";import{ICON_SIZE,previewPropType}from"../../constants";import UTIcon from"../../../UTIcon";import styles from"./styles.module.scss";const Preview=e=>{let{openPreviewModal:o,preview:t,previewProps:r={}}=e;return isPDF(t)?React.createElement(UTIcon,{name:"IconFiles",colorTheme:"accent",size:ICON_SIZE}):React.createElement(UTTouchableWithoutFeedback,{onClick:()=>o(t)},isImage(t)&&React.createElement("img",_extends({src:t.src,className:styles.previewImage,alt:""},null==r?void 0:r.image)),isAudio(t)&&React.createElement(UTIcon,{name:"IconVolume",colorTheme:"accent",size:ICON_SIZE}),isVideo(t)&&React.createElement(UTIcon,{name:"IconVideo",colorTheme:"accent",size:ICON_SIZE}))};Preview.propTypes={classes:objectOf(string),openPreviewModal:func,previewProps:previewPropType,preview:shape({src:string,type:string})};export default memo(Preview);
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{string,shape,func,objectOf}from"prop-types";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{isAudio,isDWG,isImage,isPDF,isVideo}from"../../utils";import{ICON_SIZE,previewPropType}from"../../constants";import UTIcon from"../../../UTIcon";import styles from"./styles.module.scss";const Preview=e=>{let{openPreviewModal:o,preview:t,previewProps:r={}}=e;return isPDF(t)||isDWG(t)?React.createElement(UTIcon,{name:"IconFiles",colorTheme:"accent",size:ICON_SIZE}):React.createElement(UTTouchableWithoutFeedback,{onClick:()=>o(t)},isImage(t)&&React.createElement("img",_extends({src:t.src,className:styles.previewImage,alt:""},null==r?void 0:r.image)),isAudio(t)&&React.createElement(UTIcon,{name:"IconVolume",colorTheme:"accent",size:ICON_SIZE}),isVideo(t)&&React.createElement(UTIcon,{name:"IconVideo",colorTheme:"accent",size:ICON_SIZE}))};Preview.propTypes={classes:objectOf(string),openPreviewModal:func,previewProps:previewPropType,preview:shape({src:string,type:string})};export default memo(Preview);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{inputFiles}from"@widergy/web-utils/lib/constants/files";import{DEFAULT_ATTACHMENT_NAME}from"./constants";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 e=>fetch(e,{method:"GET"}).catch(e=>console.error(e));export const getBlobFromUrl=async(e,t)=>{if(!e||!t)return!1;const i=await getImage(e);if(null!=i&&i.ok)try{t(await i.blob())}catch{t(null)}else t(null)};const lengthMatches=(e,t,i)=>{const o=e*(i/100);return Math.abs(e-t)<o},pageMatches=(e,t)=>{const i=e.getViewport({scale:1});return t.some(e=>lengthMatches(e.heightInPt,i.height,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.width,e.toleranceInPercentage)||lengthMatches(e.heightInPt,i.width,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.height,e.toleranceInPercentage))};export const pdfAspectRatioValidation=async(e,t)=>{const i=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(e)),o=await i.promise,s=o.numPages,n=[];for(let e=1;e<=s;e+=1)n.push(o.getPage(e));return(await Promise.all(n)).every(e=>pageMatches(e,t))};export const isImage=e=>inputFiles.image.validType.includes(null==e?void 0:e.type);export const isPDF=e=>inputFiles.pdf.validType.includes(null==e?void 0:e.type);export const isAudio=e=>inputFiles.audio.validType.includes(null==e?void 0:e.type);export const isVideo=e=>inputFiles.video.validType.includes(null==e?void 0:e.type);export const isHTML=e=>inputFiles.html.validType.includes(null==e?void 0:e.type);export const isCSV=e=>inputFiles.csv.validType.includes(null==e?void 0:e.type);export const isXLS=e=>inputFiles.xls.validType.includes(null==e?void 0:e.type);export const isXLSX=e=>inputFiles.xlsx.validType.includes(null==e?void 0:e.type);export const isDownloadable=e=>isPDF(e)||isCSV(e)||isXLS(e)||isXLSX(e);export const hasPreview=e=>isImage(e)||isAudio(e)||isVideo(e)||isPDF(e);export const isValidFile=e=>hasPreview(e)||isPDF(e)||isHTML(e);export const isNewFile=(e,t)=>{var i,o;if(!e&&!t)return!1;if(!e||!t)return!0;const s=typeof e;return s!==typeof t||("string"===s?e!==t:(null===(i=e.file)||void 0===i?void 0:i.lastModified)!==(null===(o=t.file)||void 0===o?void 0:o.lastModified))};export const getAvailableFileTypesLabel=e=>Array.isArray(e)?e.join(", ").replace(/,\s([^,]+)$/," o $1"):e.split(",").filter(e=>e.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");export const getSizeInMB=e=>(e/1048576).toFixed(2);export const getNotRepeatedFiles=e=>e.filter((e,t,i)=>t===i.findIndex(t=>t.name===e.name));export const getDefaultAttachment=(e,t)=>"".concat(DEFAULT_ATTACHMENT_NAME,"-").concat(t).concat(e&&".".concat(e));export const getUploadIconAreaColors=e=>({areaBackground:e.Palette.light["01"],areaBorderColor:e.Palette.light["03"]});
|
|
1
|
+
import{inputFiles}from"@widergy/web-utils/lib/constants/files";import{DEFAULT_ATTACHMENT_NAME}from"./constants";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 e=>fetch(e,{method:"GET"}).catch(e=>console.error(e));export const getBlobFromUrl=async(e,t)=>{if(!e||!t)return!1;const i=await getImage(e);if(null!=i&&i.ok)try{t(await i.blob())}catch{t(null)}else t(null)};const lengthMatches=(e,t,i)=>{const o=e*(i/100);return Math.abs(e-t)<o},pageMatches=(e,t)=>{const i=e.getViewport({scale:1});return t.some(e=>lengthMatches(e.heightInPt,i.height,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.width,e.toleranceInPercentage)||lengthMatches(e.heightInPt,i.width,e.toleranceInPercentage)&&lengthMatches(e.widthInPt,i.height,e.toleranceInPercentage))};export const pdfAspectRatioValidation=async(e,t)=>{const i=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(e)),o=await i.promise,s=o.numPages,n=[];for(let e=1;e<=s;e+=1)n.push(o.getPage(e));return(await Promise.all(n)).every(e=>pageMatches(e,t))};export const isImage=e=>inputFiles.image.validType.includes(null==e?void 0:e.type);export const isPDF=e=>inputFiles.pdf.validType.includes(null==e?void 0:e.type);export const isAudio=e=>inputFiles.audio.validType.includes(null==e?void 0:e.type);export const isVideo=e=>inputFiles.video.validType.includes(null==e?void 0:e.type);export const isHTML=e=>inputFiles.html.validType.includes(null==e?void 0:e.type);export const isCSV=e=>inputFiles.csv.validType.includes(null==e?void 0:e.type);export const isXLS=e=>inputFiles.xls.validType.includes(null==e?void 0:e.type);export const isXLSX=e=>inputFiles.xlsx.validType.includes(null==e?void 0:e.type);export const isDWG=e=>/\.dwg$/i.test((null==e?void 0:e.name)||"");export const isDownloadable=e=>isPDF(e)||isCSV(e)||isXLS(e)||isXLSX(e)||isDWG(e);export const hasPreview=e=>isImage(e)||isAudio(e)||isVideo(e)||isPDF(e);export const isValidFile=e=>hasPreview(e)||isPDF(e)||isHTML(e);export const isNewFile=(e,t)=>{var i,o;if(!e&&!t)return!1;if(!e||!t)return!0;const s=typeof e;return s!==typeof t||("string"===s?e!==t:(null===(i=e.file)||void 0===i?void 0:i.lastModified)!==(null===(o=t.file)||void 0===o?void 0:o.lastModified))};export const getAvailableFileTypesLabel=e=>Array.isArray(e)?e.join(", ").replace(/,\s([^,]+)$/," o $1"):e.split(",").filter(e=>e.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");export const getSizeInMB=e=>(e/1048576).toFixed(2);export const getNotRepeatedFiles=e=>e.filter((e,t,i)=>t===i.findIndex(t=>t.name===e.name));export const getDefaultAttachment=(e,t)=>"".concat(DEFAULT_ATTACHMENT_NAME,"-").concat(t).concat(e&&".".concat(e));export const getUploadIconAreaColors=e=>({areaBackground:e.Palette.light["01"],areaBorderColor:e.Palette.light["03"]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{node,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import{TOOLTIP_ICON_SIZE}from"../../constants";const TitleRow=e=>{let{children:t,classes:o,prefix:r,suffix:a,tooltip:c}=e;return r||a||c?React.createElement("div",{className:o.titleRow},r&&React.createElement(UTLabel,{colorTheme:"gray"},r),t,c&&React.createElement(UTTooltip,{content:c},React.createElement("span",{className:o.tooltip},React.createElement(UTIcon,{className:o.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE}))),a&&React.createElement(UTLabel,{colorTheme:"gray"},a)):t};TitleRow.propTypes={children:node,classes:objectOf(string),prefix:string,suffix:string,tooltip:string};export default TitleRow;
|
|
1
|
+
import React from"react";import{node,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import{TOOLTIP_ICON_SIZE,TOOLTIP_PROPS}from"../../constants";const TitleRow=e=>{let{children:t,classes:o,prefix:r,suffix:a,tooltip:c}=e;return r||a||c?React.createElement("div",{className:o.titleRow},r&&React.createElement(UTLabel,{colorTheme:"gray"},r),t,c&&React.createElement(UTTooltip,{content:c,tippyProps:TOOLTIP_PROPS},React.createElement("span",{className:o.tooltip},React.createElement(UTIcon,{className:o.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE}))),a&&React.createElement(UTLabel,{colorTheme:"gray"},a)):t};TitleRow.propTypes={children:node,classes:objectOf(string),prefix:string,suffix:string,tooltip:string};export default TitleRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const TOOLTIP_PROPS={appendTo:()=>document.body};export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
1
|
+
export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const TOOLTIP_PROPS={appendTo:()=>document.body};export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
|
|
@@ -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 React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES,TOOLTIP_ICON_SIZE}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:s={},iconSelectedProps:i={},name:l,nameProps:m={},nameSelectedProps:T={},onChange:d,prefix:p,selected:I,suffix:R,theme:N,tooltip:E,variant:
|
|
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 React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES,TOOLTIP_ICON_SIZE,TOOLTIP_PROPS}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:s={},iconSelectedProps:i={},name:l,nameProps:m={},nameSelectedProps:T={},onChange:d,prefix:p,selected:I,suffix:R,theme:N,tooltip:E,variant:O=RADIO_VARIANTS.DEFAULT}=e;const A=O===RADIO_VARIANTS.CARD,_=I&&O===RADIO_VARIANTS.BUTTON,{areaBackground:b,areaBorderColor:h}=getIconAreaColors(N),C=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:_?"accent":"dark"},m,I?T:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,dataTestId:a,disabled:c,onClick:()=>!c&&d()},O===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},I&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=getIconContentType(n);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=n;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:n,size:ICON_SIZES[O]},A&&{area:!0,areaBackground:b,areaBorderColor:h,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},s,I?i:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},p&&React.createElement(UTLabel,{colorTheme:"gray"},p),E?React.createElement("div",{className:t.titleAndTooltip},C,React.createElement(UTTooltip,{content:E,tippyProps:TOOLTIP_PROPS},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE})))):C,R&&React.createElement(UTLabel,{colorTheme:"gray"},R)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),o))),A&&React.createElement("div",{className:t.cardRadio},I&&React.createElement("div",{className:t.radioDot})),I&&O===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,dataTestId:string,description:string,descriptionProps:object,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,theme:object,tooltip:string,variant:string};export default WithTheme(retrieveStyle)(Radio);
|