@widergy/energy-ui 3.173.3 → 3.173.4

package/dist/esm/components/UTDocumentWizard/components/PageWizard/utils.js

@@ -1,276 +1 @@
-import isEmpty from 'lodash/isEmpty';
-import { getColorValue } from '../../../../utils/colorUtils';
-import { resolveCssValue } from '../../../../utils/classesUtils';
-const drawRoundedStrokeRect = (ctx, x, y, width, height, radius) => {
-  ctx.save();
-  ctx.globalAlpha = 0.1;
-  ctx.fillStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.beginPath();
-  ctx.moveTo(x + radius, y);
-  ctx.lineTo(x + width - radius, y);
-  ctx.arcTo(x + width, y, x + width, y + height, radius);
-  ctx.lineTo(x + width, y + height - radius);
-  ctx.arcTo(x + width, y + height, x + width - radius, y + height, radius);
-  ctx.lineTo(x + radius, y + height);
-  ctx.arcTo(x, y + height, x, y + height - radius, radius);
-  ctx.lineTo(x, y + radius);
-  ctx.arcTo(x, y, x + radius, y, radius);
-  ctx.closePath();
-  ctx.fill();
-  ctx.restore();
-  ctx.strokeStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.lineWidth = 1;
-  ctx.stroke();
-};
-const resizeText = (ctx, text, maxWidth) => {
-  const fontFamily = resolveCssValue('var(--fontFamily)') || 'Inter';
-  let fontSize = 14;
-  ctx.font = "600 ".concat(fontSize, "px ").concat(fontFamily);
-  while (ctx.measureText(text).width > maxWidth && fontSize > 10) {
-    fontSize -= 1;
-    ctx.font = "600 ".concat(fontSize, "px ").concat(fontFamily);
-  }
-  return fontSize;
-};
-const drawBadge = (ctx, x, y, radius, sectionLabel) => {
-  ctx.beginPath();
-  ctx.arc(x, y, radius, 0, Math.PI * 2);
-  ctx.fillStyle = getColorValue('--light01', 'rgba(255, 255, 255, 1)');
-  ctx.fill();
-  ctx.lineWidth = 1;
-  ctx.strokeStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.stroke();
-  ctx.beginPath();
-  ctx.arc(x, y, 14, 0, Math.PI * 2);
-  ctx.fillStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.fill();
-  ctx.stroke();
-  ctx.fillStyle = getColorValue('--dark05', 'rgba(9, 30, 66, 1)');
-  const fontSize = resizeText(ctx, "".concat(sectionLabel), 48);
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText("".concat(sectionLabel), x, y + fontSize / 10);
-};
-const drawRoundedRect = (ctx, x, yProps, width, height, radius) => {
-  const PADDING_TITLE = 12;
-  const y = yProps + 18;
-  ctx.beginPath();
-  ctx.arc(x - radius + PADDING_TITLE, y + radius, radius, Math.PI, 3 * Math.PI / 2);
-  ctx.arc(x + width - radius + PADDING_TITLE + 2, y + radius, radius, -Math.PI / 2, 0);
-  ctx.arc(x + width - radius + PADDING_TITLE, y + height - radius, radius, 0, Math.PI / 2);
-  ctx.arc(x - radius + PADDING_TITLE, y + height - radius, radius, Math.PI / 2, Math.PI);
-  ctx.closePath();
-  ctx.fillStyle = 'rgb(255, 255, 255)';
-  ctx.fill();
-  ctx.lineWidth = 1;
-  ctx.strokeStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.beginPath();
-  ctx.moveTo(x - radius + 4, y);
-  ctx.lineTo(x + PADDING_TITLE + width, y);
-  ctx.moveTo(x - radius + 4, y + height);
-  ctx.lineTo(x + width - radius + PADDING_TITLE * 2 - 4, y + height);
-  ctx.stroke();
-};
-const drawBadgeSelected = (ctx, x, y, radius, sectionLabel, sectionTitle) => {
-  const fontSize = resizeText(ctx, "".concat(sectionLabel), 48);
-  const renderTitle = "".concat(sectionTitle);
-  const textMetrics = ctx.measureText(renderTitle);
-  const textWidth = textMetrics.width;
-  const INTERNAL_CIRCLE_SIZE = 14;
-  const PADDING_TITLE = 12;
-  const newX = x - (PADDING_TITLE + textWidth / 2);
-  ctx.beginPath();
-  ctx.arc(newX + PADDING_TITLE, y, radius, 0, Math.PI * 2);
-  ctx.fillStyle = getColorValue('--light01', 'rgba(255, 255, 255, 1)');
-  ctx.fill();
-  ctx.lineWidth = 1;
-  ctx.strokeStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.stroke();
-  ctx.beginPath();
-  ctx.arc(newX + textWidth + PADDING_TITLE * 2, y, radius, 0, Math.PI * 2);
-  ctx.fillStyle = getColorValue('--light01', 'rgba(255, 255, 255, 1)');
-  ctx.fill();
-  ctx.lineWidth = 1;
-  ctx.strokeStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.stroke();
-  drawRoundedRect(ctx, newX + PADDING_TITLE, y - 40, textWidth, radius * 2, Math.PI * 2);
-  ctx.textAlign = 'right';
-  ctx.textBaseline = 'middle';
-  ctx.fillStyle = getColorValue('--dark05', 'rgba(9, 30, 66, 1)');
-  ctx.fillText(renderTitle, newX + textWidth + INTERNAL_CIRCLE_SIZE + PADDING_TITLE * 2 - 4, y + fontSize / 10);
-  ctx.beginPath();
-  ctx.arc(newX + PADDING_TITLE, y, INTERNAL_CIRCLE_SIZE, 0, Math.PI * 2);
-  ctx.fillStyle = getColorValue('--identitySolidTone3', 'rgba(37, 224, 166, 1)');
-  ctx.fill();
-  ctx.stroke();
-  ctx.fillStyle = getColorValue('--dark05', 'rgba(9, 30, 66, 1)');
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText("".concat(sectionLabel), newX + PADDING_TITLE, y + fontSize / 10);
-};
-const animateTransition = (ctx, image, sectionSelected, start, end, duration, onUpdate, isClickedSection, onComplete, animations, sectionId, isSheetOpen, isMobileSize) => {
-  var _animations$current;
-  if (!isEmpty((_animations$current = animations.current) === null || _animations$current === void 0 ? void 0 : _animations$current[sectionId])) {
-    animations.current[sectionId].map(animationId => cancelAnimationFrame(animationId));
-    delete animations.current[sectionId];
-  }
-  let startTime;
-  const animate = timestamp => {
-    if (!startTime) startTime = timestamp;
-    const progress = Math.min((timestamp - startTime) / duration, 1);
-    const lerp = (a, b, t) => a + (b - a) * t;
-    const newPositions = {
-      x: lerp(start.x, end.x, progress),
-      y: lerp(start.y, end.y, progress),
-      radius: start.radius
-    };
-    ctx.save();
-    ctx.beginPath();
-    ctx.moveTo(newPositions.x - newPositions.radius, newPositions.y);
-    ctx.arcTo(newPositions.x + newPositions.radius, newPositions.y, newPositions.x + newPositions.radius, newPositions.y, newPositions.radius);
-    ctx.lineTo(newPositions.x + newPositions.radius + 10, newPositions.y + newPositions.radius * 2);
-    ctx.lineTo(newPositions.x - newPositions.radius - 10, newPositions.y + newPositions.radius * 2);
-    ctx.closePath();
-    ctx.clip();
-    ctx.drawImage(image, newPositions.x - newPositions.radius, newPositions.y - newPositions.radius, newPositions.radius * 2, newPositions.radius * 2 + 15, newPositions.x - newPositions.radius - 1, newPositions.y - newPositions.radius, newPositions.radius * 2 + 2, newPositions.radius * 2 + 15);
-    ctx.restore();
-    onUpdate(newPositions);
-    if (progress < 1 && !isMobileSize || progress < 1 && isSheetOpen && isMobileSize) {
-      animations.current[sectionId].push(requestAnimationFrame(animate));
-    } else {
-      if (isClickedSection) {
-        const x1Section = sectionSelected.section_coordinates[0];
-        const y1Section = sectionSelected.section_coordinates[1];
-        const x2Section = sectionSelected.section_coordinates[2];
-        const y2Section = sectionSelected.section_coordinates[3];
-        drawRoundedStrokeRect(ctx, x1Section, y1Section, x2Section - x1Section, y2Section - y1Section, 8);
-      }
-      if (onComplete) onComplete();
-    }
-  };
-  animations.current[sectionId] = [];
-  requestAnimationFrame(animate);
-};
-export const drawSection = (ctx, image, section, actualPage, clickedSection, sectionsCoord, sectionsBadgeCoord, sectionSelected, animations, isSheetOpen, isMobileSize) => {
-  if (actualPage.id === section.page_id) {
-    const [x1, y1, x2, y2] = section.section_coordinates;
-    const width = x2 - x1;
-    const height = y2 - y1;
-    const isClickedSection = clickedSection === "".concat(section.id);
-    sectionsCoord[section.id] = {
-      x1,
-      y1,
-      width,
-      height,
-      radius: 8
-    };
-    const EXTERNAL_RADIUS = 22;
-    const xCircle = (x2 + x1) / 2;
-    const yCircle = isClickedSection ? y1 : (y2 + y1) / 2;
-    sectionsBadgeCoord[section.id] = {
-      x: xCircle,
-      y: yCircle,
-      radius: EXTERNAL_RADIUS
-    };
-    const initialPositions = {
-      x: xCircle,
-      y: (y2 + y1) / 2,
-      radius: EXTERNAL_RADIUS
-    };
-    const finalPositions = isClickedSection ? {
-      x: xCircle,
-      y: y1,
-      radius: EXTERNAL_RADIUS
-    } : initialPositions;
-    const timeAnimation = height < 300 ? 300 : 600;
-    animateTransition(ctx, image, sectionSelected, initialPositions, finalPositions, timeAnimation, newPositions => {
-      if (!isMobileSize || isMobileSize && isSheetOpen) drawBadge(ctx, newPositions.x, newPositions.y, newPositions.radius, section.label);
-    }, isClickedSection, () => {
-      if (isClickedSection) {
-        drawBadgeSelected(ctx, finalPositions.x, finalPositions.y, finalPositions.radius, section.label, section.title);
-      } else {
-        drawBadge(ctx, finalPositions.x, finalPositions.y, finalPositions.radius, section.label);
-      }
-    }, animations, section.id, isSheetOpen, isMobileSize);
-  }
-};
-export const handleCanvasClick = (e, canvasRef, onSectionChange, sectionsBadgeCoord, sectionsCoord) => {
-  const canvas = canvasRef.current;
-  const ctx = canvas.getContext('2d');
-  const rect = canvas.getBoundingClientRect();
-  const px = (e.clientX - rect.left) * (canvas.width / rect.width);
-  const py = (e.clientY - rect.top) * (canvas.height / rect.height);
-  const inv = ctx.getTransform().invertSelf();
-  const point = new DOMPoint(px, py).matrixTransform(inv);
-  const xClick = point.x;
-  const yClick = point.y;
-  const onClick = key => {
-    onSectionChange(key);
-  };
-  Object.keys(sectionsBadgeCoord).forEach(key => {
-    const {
-      x,
-      y,
-      radius
-    } = sectionsBadgeCoord[key];
-    const distance = Math.sqrt((xClick - x) ** 2 + (yClick - y) ** 2);
-    if (distance <= radius) {
-      onClick(key);
-    }
-  });
-  Object.entries(sectionsCoord).forEach(_ref => {
-    let [key, {
-      x1,
-      y1,
-      width,
-      height,
-      radius
-    }] = _ref;
-    const isInsideRect = xClick >= x1 && xClick <= x1 + width && yClick >= y1 && yClick <= y1 + height;
-    const centerX = x1 + width / 2;
-    const centerY = y1 + height / 2;
-    const distance = Math.sqrt((xClick - centerX) ** 2 + (yClick - centerY) ** 2);
-    if (isInsideRect || distance <= radius) {
-      onClick(key);
-    }
-  });
-};
-export const handleMouseMove = (e, canvasRef, sectionsBadgeCoord, sectionsCoord, isPointer) => {
-  const canvas = canvasRef.current;
-  const ctx = canvas.getContext('2d');
-  const rect = canvas.getBoundingClientRect();
-  const px = (e.clientX - rect.left) * (canvas.width / rect.width);
-  const py = (e.clientY - rect.top) * (canvas.height / rect.height);
-  const inv = ctx.getTransform().invertSelf();
-  const point = new DOMPoint(px, py).matrixTransform(inv);
-  const xMove = point.x;
-  const yMove = point.y;
-  Object.keys(sectionsBadgeCoord).forEach(key => {
-    const {
-      x,
-      y,
-      radius
-    } = sectionsBadgeCoord[key];
-    const distance = Math.sqrt((xMove - x) ** 2 + (yMove - y) ** 2);
-    if (distance <= radius) {
-      isPointer = true;
-    }
-  });
-  Object.entries(sectionsCoord).forEach(_ref2 => {
-    let [, {
-      x1,
-      y1,
-      width,
-      height,
-      radius
-    }] = _ref2;
-    const isInsideRect = xMove >= x1 && xMove <= x1 + width && yMove >= y1 && yMove <= y1 + height;
-    const centerX = x1 + width / 2;
-    const centerY = y1 + height / 2;
-    const distance = Math.sqrt((xMove - centerX) ** 2 + (yMove - centerY) ** 2);
-    if (isInsideRect || distance <= radius) {
-      isPointer = true;
-    }
-  });
-  canvas.style.cursor = isPointer ? 'pointer' : 'default';
-};
+import isEmpty from"lodash/isEmpty";import{getColorValue}from"../../../../utils/colorUtils";import{resolveCssValue}from"../../../../utils/classesUtils";const drawRoundedStrokeRect=(e,t,i,a,o,r)=>{e.save(),e.globalAlpha=.1,e.fillStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.beginPath(),e.moveTo(t+r,i),e.lineTo(t+a-r,i),e.arcTo(t+a,i,t+a,i+o,r),e.lineTo(t+a,i+o-r),e.arcTo(t+a,i+o,t+a-r,i+o,r),e.lineTo(t+r,i+o),e.arcTo(t,i+o,t,i+o-r,r),e.lineTo(t,i+r),e.arcTo(t,i,t+r,i,r),e.closePath(),e.fill(),e.restore(),e.strokeStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.lineWidth=1,e.stroke()},resizeText=(e,t,i)=>{const a=resolveCssValue("var(--fontFamily)")||"Inter";let o=14;for(e.font="600 ".concat(o,"px ").concat(a);e.measureText(t).width>i&&o>10;)o-=1,e.font="600 ".concat(o,"px ").concat(a);return o},drawBadge=(e,t,i,a,o)=>{e.beginPath(),e.arc(t,i,a,0,2*Math.PI),e.fillStyle=getColorValue("--light01","rgba(255, 255, 255, 1)"),e.fill(),e.lineWidth=1,e.strokeStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.stroke(),e.beginPath(),e.arc(t,i,14,0,2*Math.PI),e.fillStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.fill(),e.stroke(),e.fillStyle=getColorValue("--dark05","rgba(9, 30, 66, 1)");const r=resizeText(e,"".concat(o),48);e.textAlign="center",e.textBaseline="middle",e.fillText("".concat(o),t,i+r/10)},drawRoundedRect=(e,t,i,a,o,r)=>{const l=12,n=i+18;e.beginPath(),e.arc(t-r+l,n+r,r,Math.PI,3*Math.PI/2),e.arc(t+a-r+l+2,n+r,r,-Math.PI/2,0),e.arc(t+a-r+l,n+o-r,r,0,Math.PI/2),e.arc(t-r+l,n+o-r,r,Math.PI/2,Math.PI),e.closePath(),e.fillStyle="rgb(255, 255, 255)",e.fill(),e.lineWidth=1,e.strokeStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.beginPath(),e.moveTo(t-r+4,n),e.lineTo(t+l+a,n),e.moveTo(t-r+4,n+o),e.lineTo(t+a-r+24-4,n+o),e.stroke()},drawBadgeSelected=(e,t,i,a,o,r)=>{const l=resizeText(e,"".concat(o),48),n="".concat(r),s=e.measureText(n).width,d=12,c=t-(d+s/2);e.beginPath(),e.arc(c+d,i,a,0,2*Math.PI),e.fillStyle=getColorValue("--light01","rgba(255, 255, 255, 1)"),e.fill(),e.lineWidth=1,e.strokeStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.stroke(),e.beginPath(),e.arc(c+s+24,i,a,0,2*Math.PI),e.fillStyle=getColorValue("--light01","rgba(255, 255, 255, 1)"),e.fill(),e.lineWidth=1,e.strokeStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.stroke(),drawRoundedRect(e,c+d,i-40,s,2*a,2*Math.PI),e.textAlign="right",e.textBaseline="middle",e.fillStyle=getColorValue("--dark05","rgba(9, 30, 66, 1)"),e.fillText(n,c+s+14+24-4,i+l/10),e.beginPath(),e.arc(c+d,i,14,0,2*Math.PI),e.fillStyle=getColorValue("--identitySolidTone3","rgba(37, 224, 166, 1)"),e.fill(),e.stroke(),e.fillStyle=getColorValue("--dark05","rgba(9, 30, 66, 1)"),e.textAlign="center",e.textBaseline="middle",e.fillText("".concat(o),c+d,i+l/10)},animateTransition=(e,t,i,a,o,r,l,n,s,d,c,u,h)=>{var g;let y;isEmpty(null===(g=d.current)||void 0===g?void 0:g[c])||(d.current[c].map(e=>cancelAnimationFrame(e)),delete d.current[c]);const x=g=>{y||(y=g);const f=Math.min((g-y)/r,1),T=(e,t,i)=>e+(t-e)*i,m={x:T(a.x,o.x,f),y:T(a.y,o.y,f),radius:a.radius};if(e.save(),e.beginPath(),e.moveTo(m.x-m.radius,m.y),e.arcTo(m.x+m.radius,m.y,m.x+m.radius,m.y,m.radius),e.lineTo(m.x+m.radius+10,m.y+2*m.radius),e.lineTo(m.x-m.radius-10,m.y+2*m.radius),e.closePath(),e.clip(),e.drawImage(t,m.x-m.radius,m.y-m.radius,2*m.radius,2*m.radius+15,m.x-m.radius-1,m.y-m.radius,2*m.radius+2,2*m.radius+15),e.restore(),l(m),f<1&&!h||f<1&&u&&h)d.current[c].push(requestAnimationFrame(x));else{if(n){const t=i.section_coordinates[0],a=i.section_coordinates[1],o=i.section_coordinates[2],r=i.section_coordinates[3];drawRoundedStrokeRect(e,t,a,o-t,r-a,8)}s&&s()}};d.current[c]=[],requestAnimationFrame(x)};export const drawSection=(e,t,i,a,o,r,l,n,s,d,c)=>{if(a.id===i.page_id){const[a,u,h,g]=i.section_coordinates,y=h-a,x=g-u,f=o==="".concat(i.id);r[i.id]={x1:a,y1:u,width:y,height:x,radius:8};const T=22,m=(h+a)/2,b=f?u:(g+u)/2;l[i.id]={x:m,y:b,radius:T};const S={x:m,y:(g+u)/2,radius:T},P=f?{x:m,y:u,radius:T}:S;animateTransition(e,t,n,S,P,x<300?300:600,t=>{(!c||c&&d)&&drawBadge(e,t.x,t.y,t.radius,i.label)},f,()=>{f?drawBadgeSelected(e,P.x,P.y,P.radius,i.label,i.title):drawBadge(e,P.x,P.y,P.radius,i.label)},s,i.id,d,c)}};export const handleCanvasClick=(e,t,i,a,o)=>{const r=t.current,l=r.getContext("2d"),n=r.getBoundingClientRect(),s=(e.clientX-n.left)*(r.width/n.width),d=(e.clientY-n.top)*(r.height/n.height),c=l.getTransform().invertSelf(),u=new DOMPoint(s,d).matrixTransform(c),h=u.x,g=u.y,y=e=>{i(e)};Object.keys(a).forEach(e=>{const{x:t,y:i,radius:o}=a[e];Math.sqrt((h-t)**2+(g-i)**2)<=o&&y(e)}),Object.entries(o).forEach(e=>{let[t,{x1:i,y1:a,width:o,height:r,radius:l}]=e;const n=h>=i&&h<=i+o&&g>=a&&g<=a+r,s=i+o/2,d=a+r/2,c=Math.sqrt((h-s)**2+(g-d)**2);(n||c<=l)&&y(t)})};export const handleMouseMove=(e,t,i,a,o)=>{const r=t.current,l=r.getContext("2d"),n=r.getBoundingClientRect(),s=(e.clientX-n.left)*(r.width/n.width),d=(e.clientY-n.top)*(r.height/n.height),c=l.getTransform().invertSelf(),u=new DOMPoint(s,d).matrixTransform(c),h=u.x,g=u.y;Object.keys(i).forEach(e=>{const{x:t,y:a,radius:r}=i[e];Math.sqrt((h-t)**2+(g-a)**2)<=r&&(o=!0)}),Object.entries(a).forEach(e=>{let[,{x1:t,y1:i,width:a,height:r,radius:l}]=e;const n=h>=t&&h<=t+a&&g>=i&&g<=i+r,s=t+a/2,d=i+r/2,c=Math.sqrt((h-s)**2+(g-d)**2);(n||c<=l)&&(o=!0)}),r.style.cursor=o?"pointer":"default"};

package/dist/esm/components/UTDocumentWizard/components/SectionDetails/index.js

@@ -1,48 +1 @@
-import React from 'react';
-import { object, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTIcon from '../../../UTIcon';
-import styles from './styles.module.scss';
-const SectionDetails = _ref => {
-  let {
-    sectionSelected,
-    titleDefault,
-    descriptionDefault
-  } = _ref;
-  if (!sectionSelected) return /*#__PURE__*/React.createElement("div", {
-    className: styles.containerDefault
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.iconContainer
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    area: true,
-    colorTheme: "accent",
-    size: 32,
-    name: "IconClick"
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.titleDefault,
-    variant: "title3"
-  }, titleDefault), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "body",
-    className: styles.details
-  }, descriptionDefault));
-  const {
-    title,
-    description
-  } = sectionSelected;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.title,
-    variant: "title3"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "body",
-    withMarkdown: true
-  }, description));
-};
-SectionDetails.propTypes = {
-  descriptionDefault: string,
-  sectionSelected: object,
-  titleDefault: string
-};
-export default SectionDetails;
+import React from"react";import{object,string}from"prop-types";import UTLabel from"../../../UTLabel";import UTIcon from"../../../UTIcon";import styles from"./styles.module.scss";const SectionDetails=e=>{let{sectionSelected:t,titleDefault:a,descriptionDefault:l}=e;if(!t)return React.createElement("div",{className:styles.containerDefault},React.createElement("div",{className:styles.iconContainer},React.createElement(UTIcon,{area:!0,colorTheme:"accent",size:32,name:"IconClick"})),React.createElement(UTLabel,{className:styles.titleDefault,variant:"title3"},a),React.createElement(UTLabel,{colorTheme:"gray",variant:"body",className:styles.details},l));const{title:c,description:s}=t;return React.createElement("div",{className:styles.container},React.createElement(UTLabel,{className:styles.title,variant:"title3"},c),React.createElement(UTLabel,{variant:"body",withMarkdown:!0},s))};SectionDetails.propTypes={descriptionDefault:string,sectionSelected:object,titleDefault:string};export default SectionDetails;

package/dist/esm/components/UTDocumentWizard/components/Sheet/index.js

@@ -1,31 +1 @@
-import { object } from 'prop-types';
-import React from 'react';
-import UTLabel from '../../../UTLabel';
-import styles from './styles.module.scss';
-const Sheet = _ref => {
-  let {
-    sectionSelected
-  } = _ref;
-  const {
-    title,
-    description
-  } = sectionSelected;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.swipeContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.swipe
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.title,
-    variant: "title3"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "body",
-    withMarkdown: true
-  }, description));
-};
-Sheet.propTypes = {
-  sectionSelected: object
-};
-export default Sheet;
+import{object}from"prop-types";import React from"react";import UTLabel from"../../../UTLabel";import styles from"./styles.module.scss";const Sheet=e=>{let{sectionSelected:t}=e;const{title:a,description:s}=t;return React.createElement("div",{className:styles.container},React.createElement("div",{className:styles.swipeContainer},React.createElement("div",{className:styles.swipe})),React.createElement(UTLabel,{className:styles.title,variant:"title3"},a),React.createElement(UTLabel,{colorTheme:"gray",variant:"body",withMarkdown:!0},s))};Sheet.propTypes={sectionSelected:object};export default Sheet;

package/dist/esm/components/UTDocumentWizard/constants.js

@@ -1,13 +1 @@
-export const SLIDE_PROPS = {
-  style: {
-    borderTopLeftRadius: '16px',
-    borderTopRightRadius: '16px'
-  }
-};
-export const LAST_OPTION_PROPS = {
-  style: {
-    marginRight: '4px'
-  }
-};
-export const NEXT = 'next';
-export const PREV = 'prev';
+export const SLIDE_PROPS={style:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}};export const LAST_OPTION_PROPS={style:{marginRight:"4px"}};export const NEXT="next";export const PREV="prev";

package/dist/esm/components/UTDocumentWizard/index.js

@@ -1,175 +1 @@
-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); }
-import React, { Fragment, useEffect, useRef, useState } from 'react';
-import { arrayOf, object } from 'prop-types';
-import UTTabs from '../UTTabs';
-import UTLabel from '../UTLabel';
-import UTLoading from '../UTLoading';
-import UTSheet from '../UTSheet';
-import { useScreenSize } from '../../utils/useScreenSize';
-import { getTabsOptions } from './utils';
-import styles from './styles.module.scss';
-import ChevronsManager from './components/ChevronsManager';
-import PageWizard from './components/PageWizard';
-import SectionDetails from './components/SectionDetails';
-import Sheet from './components/Sheet';
-import { LAST_OPTION_PROPS, NEXT, PREV, SLIDE_PROPS } from './constants';
-const UTDocumentWizard = _ref => {
-  var _tabsOptions$;
-  let {
-    classNames,
-    handlers = {},
-    labels,
-    pages = [],
-    scaleConfig,
-    sections = []
-  } = _ref;
-  const canvasRef = useRef(null);
-  const tabsOptions = getTabsOptions(pages);
-  const [selectedTab, setSelectedTab] = useState((_tabsOptions$ = tabsOptions[0]) === null || _tabsOptions$ === void 0 ? void 0 : _tabsOptions$.value);
-  const currentIndex = tabsOptions.findIndex(tab => tab.value === selectedTab);
-  const prevDisabled = currentIndex <= 0;
-  const nextDisabled = currentIndex >= tabsOptions.length - 1;
-  const changeTimeoutRef = useRef(null);
-  const [isChangingTab, setIsChangingTab] = useState(false);
-  const [clickedSection, setClickedSection] = useState(null);
-  const sectionSelected = sections.find(section => "".concat(section.id) === clickedSection);
-  const {
-    trackClickGlossarySection = () => {}
-  } = handlers;
-  const onChangeTab = newTab => {
-    if (isChangingTab) return;
-    if (changeTimeoutRef.current) {
-      clearTimeout(changeTimeoutRef.current);
-      changeTimeoutRef.current = null;
-    }
-    setIsChangingTab(true);
-    changeTimeoutRef.current = setTimeout(() => {
-      const isSameTab = newTab === selectedTab;
-      if (isSameTab) {
-        setIsChangingTab(false);
-        changeTimeoutRef.current = null;
-        return;
-      }
-      setSelectedTab(newTab);
-      setIsChangingTab(false);
-      changeTimeoutRef.current = null;
-    }, 600);
-  };
-  const onTabChange = newTab => {
-    onChangeTab(newTab);
-  };
-  const onClick = direction => {
-    let newTab = null;
-    if (direction === PREV && !prevDisabled) {
-      newTab = tabsOptions[currentIndex - 1].value;
-    } else if (direction === NEXT && !nextDisabled) {
-      newTab = tabsOptions[currentIndex + 1].value;
-    }
-    if (newTab === selectedTab) return;
-    onChangeTab(newTab);
-  };
-  const containerRef = useRef(null);
-  const actualPage = pages === null || pages === void 0 ? void 0 : pages.find(page => "".concat(page.id) === "".concat(selectedTab));
-  useEffect(() => () => {
-    if (changeTimeoutRef.current) {
-      clearTimeout(changeTimeoutRef.current);
-    }
-  }, []);
-  const [sheetOpen, setSheetOpen] = useState(false);
-  const {
-    isMobileSize
-  } = useScreenSize();
-  const onSectionChange = newSectionSelected => {
-    setClickedSection(newSectionSelected);
-    if (isMobileSize) setSheetOpen(!!newSectionSelected);
-  };
-  const toggleDrawer = option => {
-    if (isMobileSize) {
-      if (!option) {
-        var _canvasRef$current;
-        const ctx = (_canvasRef$current = canvasRef.current) === null || _canvasRef$current === void 0 ? void 0 : _canvasRef$current.getContext('2d');
-        if (ctx) {
-          var _canvasRef$current2;
-          ctx.restore();
-          (_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 || _canvasRef$current2.focus();
-        }
-      }
-      setSheetOpen(option);
-    }
-  };
-  const SheetChildren = /*#__PURE__*/React.createElement(Sheet, {
-    sectionSelected: sectionSelected
-  });
-  const {
-    chevronsManagerTitle,
-    sectionDetails
-  } = labels;
-  useEffect(() => {
-    if (sectionSelected) trackClickGlossarySection(sectionSelected === null || sectionSelected === void 0 ? void 0 : sectionSelected.title);
-  }, [sectionSelected]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classNames === null || classNames === void 0 ? void 0 : classNames.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.pageWizardContainer,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.pageManagerSection, " ").concat(classNames === null || classNames === void 0 ? void 0 : classNames.pageManagerSection)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.slidePageManagerContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "title2"
-  }, chevronsManagerTitle), /*#__PURE__*/React.createElement(ChevronsManager, {
-    prevDisabled: prevDisabled,
-    nextDisabled: nextDisabled,
-    onClick: onClick
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.pageManagerContainer
-  }, /*#__PURE__*/React.createElement(UTTabs, {
-    options: tabsOptions,
-    value: selectedTab,
-    onChange: onTabChange,
-    classes: {
-      tabsRoot: styles.tabs,
-      tabRoot: styles.tabRoot,
-      label: styles.tab,
-      selected: styles.selected,
-      indicator: styles.indicator
-    },
-    lastOptionProps: LAST_OPTION_PROPS
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: styles.scrollContainer
-  }, isChangingTab && /*#__PURE__*/React.createElement("div", {
-    className: styles.loadingContainer
-  }, /*#__PURE__*/React.createElement(UTLoading, {
-    loading: true
-  })), !isChangingTab && actualPage && /*#__PURE__*/React.createElement(PageWizard, {
-    canvasRef: canvasRef,
-    classNames: classNames,
-    clickedSection: clickedSection,
-    containerRef: containerRef,
-    isChangingTab: isChangingTab,
-    isMobileSize: isMobileSize,
-    isSheetOpen: sheetOpen,
-    onSectionChange: onSectionChange,
-    page: actualPage,
-    scaleConfig: scaleConfig,
-    sections: sections,
-    sectionSelected: sectionSelected
-  }))), /*#__PURE__*/React.createElement(SectionDetails, _extends({
-    sectionSelected: sectionSelected
-  }, sectionDetails))), /*#__PURE__*/React.createElement(UTSheet, {
-    SlideProps: SLIDE_PROPS,
-    anchor: "bottom",
-    open: sheetOpen,
-    toggleDrawer: toggleDrawer
-  }, SheetChildren));
-};
-UTDocumentWizard.propTypes = {
-  classNames: object,
-  handlers: object,
-  labels: object,
-  pages: arrayOf({}),
-  scaleConfig: object,
-  sections: arrayOf({})
-};
-export default UTDocumentWizard;
+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 n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import React,{Fragment,useEffect,useRef,useState}from"react";import{arrayOf,object}from"prop-types";import UTTabs from"../UTTabs";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import UTSheet from"../UTSheet";import{useScreenSize}from"../../utils/useScreenSize";import{getTabsOptions}from"./utils";import styles from"./styles.module.scss";import ChevronsManager from"./components/ChevronsManager";import PageWizard from"./components/PageWizard";import SectionDetails from"./components/SectionDetails";import Sheet from"./components/Sheet";import{LAST_OPTION_PROPS,NEXT,PREV,SLIDE_PROPS}from"./constants";const UTDocumentWizard=e=>{var t;let{classNames:a,handlers:n={},labels:s,pages:o=[],scaleConfig:r,sections:c=[]}=e;const l=useRef(null),i=getTabsOptions(o),[m,u]=useState(null===(t=i[0])||void 0===t?void 0:t.value),d=i.findIndex(e=>e.value===m),f=d<=0,p=d>=i.length-1,g=useRef(null),[S,v]=useState(!1),[R,T]=useState(null),b=c.find(e=>"".concat(e.id)===R),{trackClickGlossarySection:E=()=>{}}=n,y=e=>{S||(g.current&&(clearTimeout(g.current),g.current=null),v(!0),g.current=setTimeout(()=>{if(e===m)return v(!1),void(g.current=null);u(e),v(!1),g.current=null},600))},h=useRef(null),P=null==o?void 0:o.find(e=>"".concat(e.id)==="".concat(m));useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]);const[O,C]=useState(!1),{isMobileSize:U}=useScreenSize(),N=React.createElement(Sheet,{sectionSelected:b}),{chevronsManagerTitle:z,sectionDetails:D}=s;return useEffect(()=>{b&&E(null==b?void 0:b.title)},[b]),React.createElement(Fragment,null,React.createElement("div",{className:"".concat(styles.container," ").concat(null==a?void 0:a.container)},React.createElement("div",{className:styles.pageWizardContainer,ref:h},React.createElement("div",{className:"".concat(styles.pageManagerSection," ").concat(null==a?void 0:a.pageManagerSection)},React.createElement("div",{className:styles.slidePageManagerContainer},React.createElement(UTLabel,{variant:"title2"},z),React.createElement(ChevronsManager,{prevDisabled:f,nextDisabled:p,onClick:e=>{let t=null;e!==PREV||f?e!==NEXT||p||(t=i[d+1].value):t=i[d-1].value,t!==m&&y(t)}})),React.createElement("div",{className:styles.pageManagerContainer},React.createElement(UTTabs,{options:i,value:m,onChange:e=>{y(e)},classes:{tabsRoot:styles.tabs,tabRoot:styles.tabRoot,label:styles.tab,selected:styles.selected,indicator:styles.indicator},lastOptionProps:LAST_OPTION_PROPS}))),React.createElement("div",{className:styles.scrollContainer},S&&React.createElement("div",{className:styles.loadingContainer},React.createElement(UTLoading,{loading:!0})),!S&&P&&React.createElement(PageWizard,{canvasRef:l,classNames:a,clickedSection:R,containerRef:h,isChangingTab:S,isMobileSize:U,isSheetOpen:O,onSectionChange:e=>{T(e),U&&C(!!e)},page:P,scaleConfig:r,sections:c,sectionSelected:b}))),React.createElement(SectionDetails,_extends({sectionSelected:b},D))),React.createElement(UTSheet,{SlideProps:SLIDE_PROPS,anchor:"bottom",open:O,toggleDrawer:e=>{if(U){if(!e){var t;const e=null===(t=l.current)||void 0===t?void 0:t.getContext("2d");var a;if(e)e.restore(),null===(a=l.current)||void 0===a||a.focus()}C(e)}}},N))};UTDocumentWizard.propTypes={classNames:object,handlers:object,labels:object,pages:arrayOf({}),scaleConfig:object,sections:arrayOf({})};export default UTDocumentWizard;

package/dist/esm/components/UTDocumentWizard/utils.js

@@ -1,7 +1 @@
-export const getTabsOptions = pages => {
-  var _pages$map;
-  return (_pages$map = pages === null || pages === void 0 ? void 0 : pages.map(page => ({
-    label: page.name,
-    value: "".concat(page.id)
-  }))) !== null && _pages$map !== void 0 ? _pages$map : [];
-};
+export const getTabsOptions=a=>{var l;return null!==(l=null==a?void 0:a.map(a=>({label:a.name,value:"".concat(a.id)})))&&void 0!==l?l:[]};

package/dist/esm/components/UTDotMenu/constants.js

@@ -1,5 +1 @@
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-export const DEFAULT_PROPS = {
-  classNames: {},
-  Icon: MoreVertIcon
-};
+import MoreVertIcon from"@material-ui/icons/MoreVert";export const DEFAULT_PROPS={classNames:{},Icon:MoreVertIcon};