@e1011/es-kit 1.1.36 → 1.1.38

package/dist/hooks/index.css

@@ -1,33 +1,3 @@
-.icon-module_icon-base-parent__nOMvW {
-  line-height: 1px !important;
-}
-
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  width: var(--width) !important;
-  height: var(--height) !important;
-  line-height: 1px !important;
-  background-color: var(--icon-color);
-  color: var(--icon-content-color);
-  background-repeat: no-repeat;
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
-}
-.icon-module_icon-base__S0tHf svg {
-  fill: var(--icon-content-color);
-  width: var(--height);
-  height: var(--width);
-}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -61,6 +31,45 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  width: var(--width) !important;
+  height: var(--height) !important;
+  line-height: 1px !important;
+  background-color: var(--icon-color);
+  color: var(--icon-content-color);
+  background-repeat: no-repeat;
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
+.icon-module_icon-base__S0tHf svg {
+  fill: var(--icon-content-color);
+  width: var(--height);
+  height: var(--width);
+}
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
 .field-module_field__UfKm3 {
   opacity: 1;
   pointer-events: auto;
@@ -135,15 +144,6 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;
@@ -224,262 +224,11 @@
   50% {
     stroke-dasharray: 90, 150;
     stroke-dashoffset: -35;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -124;
-  }
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-
-.tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
-  overflow: hidden !important;
-}
-
-.tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
-  white-space: nowrap !important;
-}
-
-.tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
-  text-overflow: ellipsis !important;
-}
-
-.tooltip-module_popover-tooltip__sAhKa {
-  position: fixed;
-  z-index: 999;
-  will-change: opacity;
-  transition: opacity 450ms ease;
-  opacity: 0;
-  visibility: hidden;
-  border-radius: 4px;
-  background-color: #1B1D1D;
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
-}
-.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
-  margin: 0;
-  padding: 0;
-}
-.tooltip-module_popover-tooltip__sAhKa p {
-  display: -webkit-box;
-  -webkit-line-clamp: 4; /* number of lines to show */
-  line-clamp: 4;
-  -webkit-box-orient: vertical;
-  margin: 0;
-  width: 100%;
-  white-space: normal;
-  overflow: auto;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
-  bottom: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(0deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
-  top: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(180deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
-  right: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(-90deg);
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
-  left: -16px;
-}
-.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  transform: rotate(90deg);
-}
-.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
-  position: absolute;
-}
-.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
-  content: "";
-  border-width: 8px;
-  border-style: solid;
-  border-color: #1B1D1D transparent transparent transparent;
-}
-
-.tooltip-module_close-button__o8OBN {
-  cursor: pointer;
-  line-height: 1px;
-  background-color: rgba(255, 255, 255, 0);
-}
-.tooltip-module_close-button__o8OBN .icon-base {
-  background-color: #FDDA0D;
-  width: 9px !important;
-  height: 9px !important;
-  line-height: 1px !important;
-}
-.tooltip-module_close-button__o8OBN:hover .icon-base {
-  background-color: #FFEA00;
-}
-
-.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
-  background-color: #1B1D1D;
-  color: #F4F4F4;
-}
-.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
-  border-color: #1B1D1D transparent transparent transparent;
-}
-.cui-theme-light {
-  color: #1B1D1D;
-}
-.cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
-  background-color: #515757;
-}
-.cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
-  border-color: #515757 transparent transparent transparent;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-
-.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
-  overflow: hidden !important;
-}
-
-.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
-  white-space: nowrap !important;
-}
-
-.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
-  text-overflow: ellipsis !important;
-}
-
-.popup-module_popup-container__PJ0oQ {
-  --popup-width: 60vw;
-  --popup-height: 50vh;
-  position: fixed;
-  width: var(--popup-width);
-  height: var(--popup-height);
-  --slideXFrom: 0;
-  --slideYFrom: 0;
-  will-change: opacity;
-  transition: opacity 300ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
-  position: relative;
-  flex-direction: column;
-  align-items: start;
-  width: 100%;
-  height: 100%;
-  overflow-x: clip;
-  background-color: #090A0A;
-  border-radius: 4px;
-  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
-  transition: transform 350ms ease-out;
-  will-change: transform;
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
-  margin-bottom: 0;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
-  cursor: pointer;
-  line-height: 1px;
-  background-color: rgba(255, 255, 255, 0);
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
-  background-color: #FDDA0D;
-  width: 9px !important;
-  height: 9px !important;
-  line-height: 1px !important;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
-  background-color: #FFEA00;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
-  width: 100%;
-  height: 100%;
-  padding: 24px;
-  overflow-y: auto;
-  display: flex;
-}
-.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
-  overflow-y: auto;
-}
-.popup-module_popup-container__PJ0oQ[data-show] {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: all;
-}
-.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(0) translateY(0);
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-}
-.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
-  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
-}
-
-.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-.cui-theme-light .popup-module_popup-container-inner__n83Cz {
-  background-color: #090A0A;
-  color: #F4F4F4;
-}
-.flowLayout-module_flowLayout__VHpnY {
-  overflow: auto;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM {
-  z-index: 1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(40, 80, 120, 0.8) !important;
-  pointer-events: all;
-  user-select: none;
-  will-change: opacity;
-  transition: opacity 450ms ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
-  opacity: 1;
-  visibility: visible;
-}
-.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
-  opacity: 0;
-  visibility: hidden;
-}
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -124;
+  }
 }
 :root {
   --divider-line: #4a4b4b;
@@ -595,6 +344,11 @@
 .cui-theme-light .button-module_button__NDMQS {
   color: #090A0A;
 }
+.textAndContent-module_textAndContent__X5P1n {
+  align-items: baseline;
+  flex-shrink: 1;
+  gap: 8px;
+}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -661,6 +415,19 @@
   pointer-events: none;
   opacity: 0.6;
 }
+.flowLayout-module_flowLayout__VHpnY {
+  overflow: auto;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
 :root {
   --divider-line: #4a4b4b;
 }
@@ -825,6 +592,239 @@
   border-color: #FD8F3E;
   color: #632E03;
 }
+.popup-overlay-module_popup-modal-overlay__dlJqM {
+  z-index: 1;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(40, 80, 120, 0.8) !important;
+  pointer-events: all;
+  user-select: none;
+  will-change: opacity;
+  transition: opacity 450ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
+  opacity: 1;
+  visibility: visible;
+}
+.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
+.popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
+  overflow: hidden !important;
+}
+
+.popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
+  white-space: nowrap !important;
+}
+
+.popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
+  text-overflow: ellipsis !important;
+}
+
+.popup-module_popup-container__PJ0oQ {
+  --popup-width: 60vw;
+  --popup-height: 50vh;
+  position: fixed;
+  width: var(--popup-width);
+  height: var(--popup-height);
+  --slideXFrom: 0;
+  --slideYFrom: 0;
+  will-change: opacity;
+  transition: opacity 300ms ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
+  position: relative;
+  flex-direction: column;
+  align-items: start;
+  width: 100%;
+  height: 100%;
+  overflow-x: clip;
+  background-color: #090A0A;
+  border-radius: 4px;
+  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
+  transition: transform 350ms ease-out;
+  will-change: transform;
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
+  margin-bottom: 0;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
+  cursor: pointer;
+  line-height: 1px;
+  background-color: rgba(255, 255, 255, 0);
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
+  background-color: #FDDA0D;
+  width: 9px !important;
+  height: 9px !important;
+  line-height: 1px !important;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
+  background-color: #FFEA00;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
+  width: 100%;
+  height: 100%;
+  padding: 24px;
+  overflow-y: auto;
+  display: flex;
+}
+.popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
+  overflow-y: auto;
+}
+.popup-module_popup-container__PJ0oQ[data-show] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: all;
+}
+.popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(0) translateY(0);
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
+  transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
+}
+
+.cui-theme-dark .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+.cui-theme-light .popup-module_popup-container-inner__n83Cz {
+  background-color: #090A0A;
+  color: #F4F4F4;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
+.tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
+  overflow: hidden !important;
+}
+
+.tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
+  white-space: nowrap !important;
+}
+
+.tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
+  text-overflow: ellipsis !important;
+}
+
+.tooltip-module_popover-tooltip__sAhKa {
+  position: fixed;
+  z-index: 999;
+  will-change: opacity;
+  transition: opacity 450ms ease;
+  opacity: 0;
+  visibility: hidden;
+  border-radius: 4px;
+  background-color: #1B1D1D;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
+}
+.tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
+  margin: 0;
+  padding: 0;
+}
+.tooltip-module_popover-tooltip__sAhKa p {
+  display: -webkit-box;
+  -webkit-line-clamp: 4; /* number of lines to show */
+  line-clamp: 4;
+  -webkit-box-orient: vertical;
+  margin: 0;
+  width: 100%;
+  white-space: normal;
+  overflow: auto;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-show] {
+  opacity: 1;
+  visibility: visible;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-show=false] {
+  opacity: 0;
+  visibility: hidden;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
+  bottom: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(0deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
+  top: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(180deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
+  right: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(-90deg);
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
+  left: -16px;
+}
+.tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  transform: rotate(90deg);
+}
+.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
+  position: absolute;
+}
+.tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
+  content: "";
+  border-width: 8px;
+  border-style: solid;
+  border-color: #1B1D1D transparent transparent transparent;
+}
+
+.tooltip-module_close-button__o8OBN {
+  cursor: pointer;
+  line-height: 1px;
+  background-color: rgba(255, 255, 255, 0);
+}
+.tooltip-module_close-button__o8OBN .icon-base {
+  background-color: #FDDA0D;
+  width: 9px !important;
+  height: 9px !important;
+  line-height: 1px !important;
+}
+.tooltip-module_close-button__o8OBN:hover .icon-base {
+  background-color: #FFEA00;
+}
+
+.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
+  background-color: #1B1D1D;
+  color: #F4F4F4;
+}
+.cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
+  border-color: #1B1D1D transparent transparent transparent;
+}
+.cui-theme-light {
+  color: #1B1D1D;
+}
+.cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
+  background-color: #515757;
+}
+.cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
+  border-color: #515757 transparent transparent transparent;
+}
 :root {
   --divider-line: #4a4b4b;
 }

package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../text/anchor-link/AnchorLink.js"),n=require("./button.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),l=require("../../../../utils/helpers/text.js");const s={ENTER:{key:"Enter",keyCode:13}},o=t.memo((e=>{let{variant:n,href:l,target:s,children:o,...i}=e;return"link"===n?t.createElement(a.AnchorLink,{href:l,target:s,...i,onClick:r.noop},o):t.createElement("span",{},o)}));o.displayName="InnerElement";const i=t.memo((a=>{let{label:i,children:u,variant:d,tiny:c,truncate:p,fluid:m,preventDefualt:f,stopPropagation:h,onClick:k,type:v="button",transparent:y,hasShadow:E,hasIcon:b,disabled:g,animated:I=!1,className:N="",id:q,href:x,target:C,...P}=a;const j=`${i||u?.toString()}`,D=t.useCallback((e=>{f&&e.preventDefault(),h&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),k?.(e)}),[k,f,h]),R=t.useCallback((e=>{e.key===s.ENTER.key&&(f&&e.preventDefault(),h&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),k?.(e))}),[k,f,h]);return React.createElement("button",e.extends({type:v,tabIndex:-1,onClick:D,onKeyDown:R,className:r.classNames(n.default.button,c&&n.default.tiny,d&&n.default[d],p&&n.default.truncate,m&&n.default.fluid,I&&n.default.animated,y&&n.default.transparent,E&&n.default.hasShadow,b&&n.default.hasIcon,g&&n.default.disabled,N),id:`${q||j&&l.composeId(j)}`,"data-testid":`${P.dataTestId||P["data-testid"]||q||j&&l.composeId(j)}`},P),React.createElement(o,{variant:d,href:x,target:C},i&&i,u||u))}));i.displayName="Button",exports.Button=i,exports.keys=s;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../text/anchor-link/AnchorLink.js"),n=require("./button.module.scss.js"),r=require("../../../../utils/helpers/ui.js"),o=require("../../../../utils/helpers/text.js"),i=require("../../icon/IconBase.js");const s={ENTER:{key:"Enter",keyCode:13}},l=t.memo((e=>{let{variant:n,href:o,target:i,children:s,...l}=e;return"link"===n?t.createElement(a.AnchorLink,{href:o,target:i,...l,onClick:r.noop},s):t.createElement("span",{},s)}));l.displayName="InnerElement";const c=t.memo((a=>{let{label:i,children:c,variant:d,tiny:u,truncate:p,fluid:m,preventDefualt:h,stopPropagation:f,onClick:E,type:k="button",transparent:I,hasShadow:g,hasIcon:y,disabled:b,animated:v=!1,className:C="",id:x,href:N,target:j,...q}=a;const B=`${i||c?.toString()}`,P=t.useCallback((e=>{h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e)}),[E,h,f]),R=t.useCallback((e=>{e.key===s.ENTER.key&&(h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e))}),[E,h,f]);return React.createElement("button",e.extends({type:k,tabIndex:-1,onClick:P,onKeyDown:R,className:r.classNames(n.default.button,u&&n.default.tiny,d&&n.default[d],p&&n.default.truncate,m&&n.default.fluid,v&&n.default.animated,I&&n.default.transparent,g&&n.default.hasShadow,y&&n.default.hasIcon,b&&n.default.disabled,C),id:`${x||B&&o.composeId(B)}`,"data-testid":`${q.dataTestId||q["data-testid"]||x||B&&o.composeId(B)}`},q),React.createElement(l,{variant:d,href:N,target:j},i&&i,c||c))}));c.displayName="Button";const d=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],u=t.memo((t=>{const a={},n={};return Object.entries(t).forEach((e=>{let[t,r]=e;d.includes(t)?n[t]=r:a[t]=r})),n.children=t.children,React.createElement(c,e.extends({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(i.IconBase,n))}));u.displayName="IconButton",exports.Button=c,exports.IconButton=u,exports.keys=s;
 //# sourceMappingURL=Button.js.map

package/dist/lib/cjs/src/core/ui/components/atoms/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\n\nimport type { ButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","default","button","composeId","dataTestId"],"mappings":"yRASO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,EAAIA,MAACC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAAA,cAAcC,EAAAA,WAAY,CAAEL,OAAMC,YAAWE,EAAOG,QAASC,EAAAA,MAAQL,GAEvEE,gBAAc,OAAQ,CAAE,EAAEF,EAAS,IAG5CN,EAAaY,YAAc,qBAoBdC,EAASZ,EAAIA,MAACa,IAcR,IAdSC,MAC1BA,EAAKT,SAAEA,EAAQH,QACfA,EAAOa,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAExB,KACpCA,EAAIC,OACJA,KACGE,GACSO,EACZ,MAAMe,EAAuC,GAAGd,GAAST,GAAUwB,aAE7DC,EAAeC,EAAWA,aAAEC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,EAAWA,aAAEC,IAC9BA,EAAMnC,MAAQF,EAAKC,MAAMC,MACvBqB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA9B,cAAA,SAAA+B,UAAA,CAEElB,KAAMA,EACNmB,UAAW,EACX9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EAAUA,WACnBC,EAAOC,QAACC,OACR7B,GAAQ2B,EAAOC,QAAC5B,KAChBb,GAAWwC,EAAAA,QAAQxC,GACnBc,GAAY0B,EAAOC,QAAC3B,SACpBC,GAASyB,UAAQzB,MACjBQ,GAAYiB,EAAAA,QAAQjB,SACpBJ,GAAeqB,EAAAA,QAAQrB,YACvBC,GAAaoB,EAAOC,QAACrB,UACrBC,GAAWmB,EAAOC,QAACpB,QACnBC,GAAYkB,EAAOC,QAACnB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBiB,EAASA,UAACjB,KAC5C,cAAa,GAAItB,EAAiCwC,YAAexC,EAAiC,gBAAkBqB,GAAOC,GAAoBiB,YAAUjB,MACrJtB,GAEJ+B,MAAA9B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDU,GAASA,EACTT,GAAYA,GAER,IAObO,EAAOD,YAAc"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { AnchorLink } from '../text/anchor-link/AnchorLink'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(AnchorLink, { href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n  'iconUrl',\n  'minWidth',\n  'minHeight',\n  'width',\n  'height',\n  'size',\n  'fontSize',\n  'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n  const buttonProps: Record<string, unknown> = {}\n  const iconProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n    if (iconBaseProps.includes(name)) {\n      // eslint-disable-next-line no-param-reassign\n      iconProps[name] = value\n    } else {\n      buttonProps[name] = value\n    }\n  })\n\n  iconProps.children = props.children\n\n  return (\n    <Button {...(buttonProps as ButtonProps)} hasIcon>\n      {props.iconContent && props.iconContent}\n      {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n    </Button>\n  )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","AnchorLink","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","default","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"6TAUO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,EAAIA,MAACC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAAA,cAAcC,EAAAA,WAAY,CAAEL,OAAMC,YAAWE,EAAOG,QAASC,EAAAA,MAAQL,GAEvEE,gBAAc,OAAQ,CAAE,EAAEF,EAAS,IAG5CN,EAAaY,YAAc,qBAoBdC,EAASZ,EAAIA,MAACa,IAcR,IAdSC,MAC1BA,EAAKT,SAAEA,EAAQH,QACfA,EAAOa,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAExB,KACpCA,EAAIC,OACJA,KACGE,GACSO,EACZ,MAAMe,EAAuC,GAAGd,GAAST,GAAUwB,aAE7DC,EAAeC,EAAWA,aAAEC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,EAAWA,aAAEC,IAC9BA,EAAMnC,MAAQF,EAAKC,MAAMC,MACvBqB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA9B,cAAA,SAAA+B,UAAA,CAEElB,KAAMA,EACNmB,UAAW,EACX9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EAAUA,WACnBC,EAAOC,QAACC,OACR7B,GAAQ2B,EAAOC,QAAC5B,KAChBb,GAAWwC,EAAAA,QAAQxC,GACnBc,GAAY0B,EAAOC,QAAC3B,SACpBC,GAASyB,UAAQzB,MACjBQ,GAAYiB,EAAAA,QAAQjB,SACpBJ,GAAeqB,EAAAA,QAAQrB,YACvBC,GAAaoB,EAAOC,QAACrB,UACrBC,GAAWmB,EAAOC,QAACpB,QACnBC,GAAYkB,EAAOC,QAACnB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBiB,EAASA,UAACjB,KAC5C,cAAa,GAAItB,EAAiCwC,YAAexC,EAAiC,gBAAkBqB,GAAOC,GAAoBiB,YAAUjB,MACrJtB,GAEJ+B,MAAA9B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDU,GAASA,EACTT,GAAYA,GAER,IAObO,EAAOD,YAAc,SAErB,MAAMoC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkChD,EAAIA,MAAmBM,IACpE,MAAM2C,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAa3C,OAXAC,OAAOC,QAAQ9C,GAAO+C,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAU7C,SAAWC,EAAMD,SAGzBgC,MAAA9B,cAACK,EAAM0B,EAAAA,WAAMW,EAAW,CAAkB1B,SAAO,IAC9CjB,EAAMoD,aAAepD,EAAMoD,aAC1BpD,EAAMoD,aAAgBrB,MAAA9B,cAACoD,WAAcT,GAChC,IAIbF,EAAWrC,YAAc"}