npm - @e1011/es-kit - Versions diffs - 1.1.82 → 1.1.85 - Mend

@e1011/es-kit 1.1.82 → 1.1.85

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.

Files changed (21) hide show

package/dist/hooks/index.css CHANGED Viewed

@@ -1,3 +1,33 @@
+.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;
@@ -50,35 +80,14 @@
   height: var(--height);
   margin: var(--margin);
 }
-.icon-module_icon-base-parent__nOMvW {
-  line-height: 1px !important;
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
 }
-.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_StyledIcon__IYHiU {
+  margin-right: 10px;
 }
 .field-module_field__UfKm3 {
   opacity: 1;
@@ -154,15 +163,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;
-}
 .lazyComponent-module_loader__brMEW {
   position: relative;
   width: 100px;
@@ -230,6 +230,19 @@
   min-height: 0;
   border-radius: initial;
 }
+.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;
 }
@@ -330,6 +343,100 @@
   --divider-line: #4a4b4b;
 }
+.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
+  overflow: hidden !important;
+}
+.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
+  white-space: nowrap !important;
+}
+.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
+  text-overflow: ellipsis !important;
+}
+.typography-module_headline__b0XlP {
+  font-size: 28px;
+  line-height: 32px;
+}
+.typography-module_headlineSecondary__IDnhT {
+  font-size: 24px;
+  line-height: 28px;
+}
+.typography-module_headlineTertiary__mlG-v {
+  font-size: 18px;
+  line-height: 24x;
+}
+.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 300;
+}
+.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
+  font-size: 12px;
+}
+.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
+  font-weight: 600;
+}
+.typography-module_link__DWurf {
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  text-decoration: none;
+  color: #65C5F6;
+  display: inline;
+  gap: 4px;
+  flex-grow: 0;
+  max-width: 400px;
+  position: relative;
+  vertical-align: center;
+}
+.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
+  text-decoration: underline;
+  color: #65C5F6;
+}
+.typography-module_link__DWurf.typography-module_disabled__hjK8C {
+  pointer-events: none;
+  opacity: 0.6;
+}
+.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;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
 .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
   overflow: hidden !important;
 }
@@ -440,271 +547,39 @@
 .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
   border-color: #515757 transparent transparent transparent;
 }
-.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;
-}
 :root {
   --divider-line: #4a4b4b;
 }
-.button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
+.tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
   overflow: hidden !important;
 }
-.button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
+.tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
   white-space: nowrap !important;
 }
-.button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
+.tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
   text-overflow: ellipsis !important;
 }
-.button-module_button__NDMQS {
-  border: none;
-  color: #090A0A;
-  padding: 0.5rem 1rem;
-  text-align: center;
-  text-decoration: none;
-  font-size: 1rem;
-  overflow: hidden;
-  display: flex;
+.tag-module_tag__rGA-E {
+  display: inline-flex;
+  flex-direction: row;
+  flex-shrink: 1;
+  padding: 4px 8px;
+  gap: 4px;
+  min-height: 18px;
+  border-radius: 4px;
+  border-width: 1px;
+  border-style: solid;
   align-items: center;
-  justify-content: center;
-  min-width: "auto";
-  width: "auto";
-  user-select: all;
-  pointer-events: auto;
-  cursor: pointer;
 }
-.button-module_button__NDMQS > span {
-  overflow: hidden;
-  white-space: nowrap;
-  display: inline-block;
+.tag-module_tag__rGA-E .icon-base {
+  color: #E2E369 !important;
 }
-.button-module_button__NDMQS.button-module_info__O6gEW {
-  background-color: #2D8EFF;
-}
-.button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
-  border: 1px solid #2D8EFF !important;
-}
-.button-module_button__NDMQS.button-module_success__gM25y {
-  background-color: #13CE66;
-}
-.button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
-  border: 1px solid #13CE66 !important;
-}
-.button-module_button__NDMQS.button-module_error__q9qqo {
-  background-color: #FF4949;
-}
-.button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
-  border: 1px solid #FF4949 !important;
-}
-.button-module_button__NDMQS.button-module_warning__MdmiZ {
-  background-color: #FFCC3D;
-}
-.button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
-  border: 1px solid #FFCC3D !important;
-}
-.button-module_button__NDMQS.button-module_link__e-4Fu {
-  border: none !important;
-  background-color: transparent !important;
-  background: transparent !important;
-}
-.button-module_button__NDMQS.button-module_link__e-4Fu:hover {
-  border: none !important;
-  background-color: transparent !important;
-  background: transparent !important;
-}
-.button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
-  text-decoration: underline !important;
-}
-.button-module_button__NDMQS.button-module_transparent__zbeBu {
-  border: none !important;
-  background-color: transparent !important;
-  background: transparent !important;
-}
-.button-module_button__NDMQS.button-module_tiny__pBNwo {
-  height: 1.4rem;
-  min-width: 1.5rem;
-  width: 1.5rem;
-  padding: 0.2rem;
-  font-size: 0.8rem;
-}
-.button-module_button__NDMQS.button-module_fluid__GXxID {
-  width: 100%;
-}
-.button-module_button__NDMQS.button-module_truncate__c-G9k > span {
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  text-overflow: ellipsis !important;
-}
-.button-module_button__NDMQS.button-module_animated__gLwPl {
-  transition: transform 250ms ease-out;
-}
-.button-module_button__NDMQS.button-module_hasShadow__42BQv {
-  box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
-}
-.button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
-  padding: 0.4rem;
-  border: none !important;
-  line-height: 1px;
-}
-.button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
-  padding: 0px;
-}
-.button-module_button__NDMQS:hover {
-  background-color: #c5c5c5 !important;
-}
-.button-module_button__NDMQS:hover.button-module_animated__gLwPl {
-  transform: scale(1.2);
-}
-.button-module_button__NDMQS:hover.button-module_transparent__zbeBu {
-  background-color: rgba(197, 197, 197, 0.1254901961) !important;
-}
-.button-module_button__NDMQS.button-module_disabled__hEydO {
-  user-select: none;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-.cui-theme-dark .button-module_button__NDMQS {
-  color: #F4F4F4;
-}
-.cui-theme-light .button-module_button__NDMQS {
-  color: #090A0A;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
-  overflow: hidden !important;
-}
-.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
-  white-space: nowrap !important;
-}
-.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
-  text-overflow: ellipsis !important;
-}
-.typography-module_headline__b0XlP {
-  font-size: 28px;
-  line-height: 32px;
-}
-.typography-module_headlineSecondary__IDnhT {
-  font-size: 24px;
-  line-height: 28px;
-}
-.typography-module_headlineTertiary__mlG-v {
-  font-size: 18px;
-  line-height: 24x;
-}
-.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 300;
-}
-.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
-  font-size: 12px;
-}
-.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
-  font-weight: 600;
-}
-.typography-module_link__DWurf {
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  text-overflow: ellipsis !important;
-  text-decoration: none;
-  color: #65C5F6;
-  display: inline;
-  gap: 4px;
-  flex-grow: 0;
-  max-width: 400px;
-  position: relative;
-  vertical-align: center;
-}
-.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
-  text-decoration: underline;
-  color: #65C5F6;
-}
-.typography-module_link__DWurf.typography-module_disabled__hjK8C {
-  pointer-events: none;
-  opacity: 0.6;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-.tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
-  overflow: hidden !important;
-}
-.tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
-  white-space: nowrap !important;
-}
-.tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
-  text-overflow: ellipsis !important;
-}
-.tag-module_tag__rGA-E {
-  display: inline-flex;
-  flex-direction: row;
-  flex-shrink: 1;
-  padding: 4px 8px;
-  gap: 4px;
-  min-height: 18px;
-  border-radius: 4px;
-  border-width: 1px;
-  border-style: solid;
-  align-items: center;
-}
-.tag-module_tag__rGA-E .icon-base {
-  color: #E2E369 !important;
-}
-.tag-module_tag__rGA-E .tag-module_text__WpK6w {
-  white-space: nowrap;
+.tag-module_tag__rGA-E .tag-module_text__WpK6w {
+  white-space: nowrap;
 }
 .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
   justify-content: center;
@@ -943,10 +818,135 @@
 .cui-theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
   background-color: rgb(54.7902439024, 70.0097560976, 70.0097560976);
 }
-.textAndContent-module_textAndContent__X5P1n {
-  align-items: baseline;
-  flex-shrink: 1;
-  gap: 8px;
+:root {
+  --divider-line: #4a4b4b;
+}
+.button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
+  overflow: hidden !important;
+}
+.button-module_text-nowrap__tR-VJ, .button-module_text-truncate__a89Bp {
+  white-space: nowrap !important;
+}
+.button-module_text-ellipsis__5MFA9, .button-module_text-truncate__a89Bp {
+  text-overflow: ellipsis !important;
+}
+.button-module_button__NDMQS {
+  border: none;
+  color: #090A0A;
+  padding: 0.5rem 1rem;
+  text-align: center;
+  text-decoration: none;
+  font-size: 1rem;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: "auto";
+  width: "auto";
+  user-select: all;
+  pointer-events: auto;
+  cursor: pointer;
+}
+.button-module_button__NDMQS > span {
+  overflow: hidden;
+  white-space: nowrap;
+  display: inline-block;
+}
+.button-module_button__NDMQS.button-module_info__O6gEW {
+  background-color: #2D8EFF;
+}
+.button-module_button__NDMQS.button-module_info__O6gEW.button-module_transparent__zbeBu {
+  border: 1px solid #2D8EFF !important;
+}
+.button-module_button__NDMQS.button-module_success__gM25y {
+  background-color: #13CE66;
+}
+.button-module_button__NDMQS.button-module_success__gM25y.button-module_transparent__zbeBu {
+  border: 1px solid #13CE66 !important;
+}
+.button-module_button__NDMQS.button-module_error__q9qqo {
+  background-color: #FF4949;
+}
+.button-module_button__NDMQS.button-module_error__q9qqo.button-module_transparent__zbeBu {
+  border: 1px solid #FF4949 !important;
+}
+.button-module_button__NDMQS.button-module_warning__MdmiZ {
+  background-color: #FFCC3D;
+}
+.button-module_button__NDMQS.button-module_warning__MdmiZ.button-module_transparent__zbeBu {
+  border: 1px solid #FFCC3D !important;
+}
+.button-module_button__NDMQS.button-module_link__e-4Fu {
+  border: none !important;
+  background-color: transparent !important;
+  background: transparent !important;
+}
+.button-module_button__NDMQS.button-module_link__e-4Fu:hover {
+  border: none !important;
+  background-color: transparent !important;
+  background: transparent !important;
+}
+.button-module_button__NDMQS.button-module_link__e-4Fu:hover * {
+  text-decoration: underline !important;
+}
+.button-module_button__NDMQS.button-module_transparent__zbeBu {
+  border: none !important;
+  background-color: transparent !important;
+  background: transparent !important;
+}
+.button-module_button__NDMQS.button-module_tiny__pBNwo {
+  height: 1.4rem;
+  min-width: 1.5rem;
+  width: 1.5rem;
+  padding: 0.2rem;
+  font-size: 0.8rem;
+}
+.button-module_button__NDMQS.button-module_fluid__GXxID {
+  width: 100%;
+}
+.button-module_button__NDMQS.button-module_truncate__c-G9k > span {
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+}
+.button-module_button__NDMQS.button-module_animated__gLwPl {
+  transition: transform 250ms ease-out;
+}
+.button-module_button__NDMQS.button-module_hasShadow__42BQv {
+  box-shadow: 0 5px 15px 0 rgba(28, 37, 39, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1);
+}
+.button-module_button__NDMQS.button-module_hasIcon__dXLlJ {
+  padding: 0.4rem;
+  border: none !important;
+  line-height: 1px;
+}
+.button-module_button__NDMQS.button-module_hasIcon__dXLlJ.button-module_tiny__pBNwo {
+  padding: 0px;
+}
+.button-module_button__NDMQS:hover {
+  background-color: #c5c5c5 !important;
+}
+.button-module_button__NDMQS:hover.button-module_animated__gLwPl {
+  transform: scale(1.2);
+}
+.button-module_button__NDMQS:hover.button-module_transparent__zbeBu {
+  background-color: rgba(197, 197, 197, 0.1254901961) !important;
+}
+.button-module_button__NDMQS.button-module_disabled__hEydO {
+  user-select: none;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.cui-theme-dark .button-module_button__NDMQS {
+  color: #F4F4F4;
+}
+.cui-theme-light .button-module_button__NDMQS {
+  color: #090A0A;
 }
 :root {
   --divider-line: #4a4b4b;

package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../../../hooks/useParseProps.js"),r=require("../../../../utils/helpers/ui.js"),s=require("./layoutBox.module.scss.js"),a=require("./layoutBox.types.js");const i=["id","style","children","tabIndex","className","onClick","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background"],l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=e=>e&&l[e]||e,n=t.forwardRef(((l,n)=>{let{id:u,style:c,children:x,tabIndex:y,className:p="",onClick:f,column:m,asGrid:h=!1,wFull:b=!1,hFull:g=!1,centered:j=!1,flex:w,width:v,height:B,debug:N=!1,background:P}=l,k=e.objectWithoutProperties(l,i);const{dataProps:I,restProps:L}=o.useParseProps(k),q=t.useMemo((()=>f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1}:{}),[f]),C=t.useMemo((()=>void 0!==m&&!0===m?a.LayoutDirection.COLUMN:null),[m]),F=t.useMemo((()=>{const t=e.objectSpread2({},L);return(L.direction||C)&&(t.flexDirection=L.direction||C),j?(t.alignItems="center",t.justifyContent="center"):(L.align&&(t.alignItems=d(L.align)),L.justify&&(t.justifyContent=d(L.justify))),t.display=h?"grid":"flex",b?t.width="100%":void 0!==v&&(t.width="number"==typeof v?"".concat(v,"px"):v),g?t.height="100%":void 0!==B&&(t.height="number"==typeof B?"".concat(B,"px"):B),void 0!==w&&(t.flex=!0===w?1:w),void 0!==P&&(t.background=P),N&&(t.outline="1px solid red"),e.objectSpread2(e.objectSpread2({},t),c)}),[h,P,j,N,w,g,B,C,L,c,b,v]);return React.createElement("div",e.extends({},u?{id:"".concat(u)}:{},{ref:n,tabIndex:y,className:r.classNames(s.default["layout-box"],p),style:F},I,{"data-testid":I.dataTestId||I["data-testid"]||u},q),x)}));n.displayName="LayoutBoxRefForwarded";const u=t.memo(n),c=t.memo(n);u.displayName="LayoutBox",c.displayName="BoxLayout",exports.BoxLayout=c,exports.LayoutBox=u;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../../../hooks/useParseProps.js"),r=require("../../../../utils/helpers/ui.js"),s=require("./layoutBox.module.scss.js"),a=require("./layoutBox.types.js");const i=["id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background"],l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=e=>e&&l[e]||e,u=t.forwardRef(((l,u)=>{let{id:n,style:c,children:x,tabIndex:p,className:y="",column:f,asGrid:m=!1,wFull:h=!1,hFull:b=!1,centered:g=!1,flex:j,width:v,height:w,debug:B=!1,background:N}=l,P=e.objectWithoutProperties(l,i);const{dataProps:L,restProps:q}=o.useParseProps(P),I=t.useMemo((()=>void 0!==f&&!0===f?a.LayoutDirection.COLUMN:null),[f]),F=t.useMemo((()=>{const t=e.objectSpread2({},q);return(q.direction||I)&&(t.flexDirection=q.direction||I),g?(t.alignItems="center",t.justifyContent="center"):(q.align&&(t.alignItems=d(q.align)),q.justify&&(t.justifyContent=d(q.justify))),t.display=m?"grid":"flex",h?t.width="100%":void 0!==v&&(t.width="number"==typeof v?"".concat(v,"px"):v),b?t.height="100%":void 0!==w&&(t.height="number"==typeof w?"".concat(w,"px"):w),void 0!==j&&(t.flex=!0===j?1:j),void 0!==N&&(t.background=N),B&&(t.outline="1px solid red"),e.objectSpread2(e.objectSpread2({},t),c)}),[m,N,g,B,j,b,w,I,q,c,h,v]);return React.createElement("div",e.extends({},n?{id:"".concat(n)}:{},{ref:u,tabIndex:p,className:r.classNames(s.default["layout-box"],y),style:F},L,{"data-testid":L.dataTestId||L["data-testid"]||n}),x)}));u.displayName="LayoutBoxRefForwarded";const n=t.memo(u),c=t.memo(u);n.displayName="LayoutBox",c.displayName="BoxLayout",exports.BoxLayout=c,exports.LayoutBox=n;
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/cjs/src/core/ui/components/container/layoutBox/LayoutBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/*\n Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n /\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\n/\n Resolves flex alignment and justification properties based on the provided value.\n * @param {string \| undefined} value - The value to resolve.\n * @returns {string \| undefined} - Resolved flex property value.\n /\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n/\n Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> \| undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n /\nconst LayoutBoxRefForwarded = forwardRef(({\n id,\n style,\n children,\n tabIndex,\n className = '',\n ~~onClick,\n~~ column,\n asGrid = false,\n wFull = false,\n hFull = false,\n centered = false,\n flex,\n width,\n height,\n debug = false,\n background,\n ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined \| null) => {\n const { dataProps, restProps } = useParseProps(props)\n\n /\n Memoized onClick event properties.\n * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n /\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n /\n Memoized resolved direction based on the column prop.\n * @type {LayoutDirection}\n /\n const resolvedColumn = useMemo(() => ((\n column !== undefined && column === true)\n ? LayoutDirection.COLUMN\n : null), [column])\n\n /\n Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n * @type {CSSProperties}\n /\n const styles = useMemo(() => {\n const baseStyles: CSSProperties = {\n ...(restProps as CSSProperties),\n }\n\n // Resolve direction (supports column helper)\n if (restProps.direction \|\| resolvedColumn) {\n baseStyles.flexDirection = (restProps.direction \|\| resolvedColumn) as CSSProperties['flexDirection']\n }\n\n // Resolve alignment and justification\n if (centered) {\n baseStyles.alignItems = 'center'\n baseStyles.justifyContent = 'center'\n } else {\n if (restProps.align) {\n baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n }\n if (restProps.justify) {\n baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n }\n }\n\n // Flex or grid display\n if (asGrid) {\n baseStyles.display = 'grid'\n } else {\n baseStyles.display = 'flex'\n }\n\n // Width / height helpers\n if (wFull) {\n baseStyles.width = '100%'\n } else if (width !== undefined) {\n baseStyles.width = typeof width === 'number' ? `${width}px` : width\n }\n\n if (hFull) {\n baseStyles.height = '100%'\n } else if (height !== undefined) {\n baseStyles.height = typeof height === 'number' ? `${height}px` : height\n }\n\n // Flex helper\n if (flex !== undefined) {\n if (flex === true) {\n baseStyles.flex = 1\n } else if (typeof flex === 'number') {\n baseStyles.flex = flex\n } else {\n baseStyles.flex = flex as string\n }\n }\n\n // Background helper\n if (background !== undefined) {\n baseStyles.background = background\n }\n\n // Debug outline helper\n if (debug) {\n baseStyles.outline = '1px solid red'\n }\n\n // User provided style wins last\n return {\n ...baseStyles,\n ...style,\n }\n }, [\n asGrid,\n background,\n centered,\n debug,\n flex,\n hFull,\n height,\n resolvedColumn,\n restProps,\n style,\n wFull,\n width,\n ])\n\n return (\n <div\n {...(id ? { id: `${id}` } : {})}\n ref={ref}\n tabIndex={tabIndex}\n className={classNames(\n classes['layout-box'],\n className,\n )}\n style={styles as CSSProperties}\n {...dataProps}\n data-testid={dataProps.dataTestId \|\| dataProps['data-testid'] \|\| id}\n ~~{...onClickProps}\n~~ >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/\n Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","~~onClick","~~column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","~~onClickProps~~","useMemo","~~onKeyDown","role","resolvedColumn","~~undefined","LayoutDirection","COLUMN","styles","baseStyles","_objectSpread","direction","flexDirection","alignItems","justifyContent","align","justify","display","concat","outline","objectSpread2","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"~~6aAYMA~~,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,~~EAkBtBC~~,KAAsD,~~IAlB~~/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,~~QACdA~~,~~EAAOC,OACPA,~~EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,~~GAEejB~~,~~EADZkB~~,EAAKC,EAAAA,~~wBAAAnB~~,~~EAAAoB~~,GAER,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,~~EAAeC~~,~~WAAQ,IAAOlB,EAAW,CAC7CA,UACAmB,UAAWnB,EACXoB,KAAM,SACNtB,UAAW,GACR,CAAG,GAAE,CAACE,IAMLqB,EAAiBH,~~EAAAA,SAAQ,~~SAClBI~~,~~IAAXrB~~,IAAmC,IAAXA,~~EACtBsB~~,EAAeA,gBAACC,OAChB,MAAO,~~CAACvB~~,~~IAMNwB~~,~~EAASP~~,EAAAA,SAAQ,KACrB,~~MAAMQ~~,EAAyBC,EAAAA,cAAA,CAAA,~~EACzBZ~~,GA+DN,OA3DIA,~~EAAUa~~,~~WAAaP~~,~~KACzBK~~,EAAWG,~~cAAiBd~~,~~EAAUa~~,~~WAAaP~~,~~GAIjDhB~~,~~GACFqB~~,EAAWI,WAAa,SACxBJ,EAAWK,eAAiB,~~WAExBhB~~,~~EAAUiB~~,QACZN,EAAWI,~~WAAazC~~,~~EAAiB0B~~,~~EAAUiB~~,~~QAEjDjB~~,~~EAAUkB~~,UACZP,EAAWK,~~eAAiB1C~~,~~EAAiB0B~~,~~EAAUkB~~,WAMzDP,EAAWQ,~~QADThC~~,EACmB,OAEA,OAInBC,~~EACFuB~~,~~EAAWnB~~,MAAQ,~~YACAe~~,~~IAAVf~~,~~IACTmB~~,~~EAAWnB~~,MAAyB,iBAAVA,EAAkB,~~GAAA4B~~,~~OAAM5B~~,EAAK,MAAOA,GAG5DH,~~EACFsB~~,~~EAAWlB~~,OAAS,~~YACAc~~,~~IAAXd~~,~~IACTkB~~,~~EAAWlB~~,OAA2B,iBAAXA,EAAmB,~~GAAA2B~~,~~OAAM3B~~,EAAM,MAAOA,~~QAItDc~~,~~IAAThB~~,~~IAEAoB~~,~~EAAWpB~~,MADA,IAATA,EACgB,EAEAA,~~QAOHgB~~,~~IAAfZ~~,~~IACFgB~~,~~EAAWhB~~,WAAaA,GAItBD,~~IACFiB~~,EAAWU,QAAU,iBAIvBT,EAAAU,cAAAV,EAAAU,cACKX,CAAAA,EAAAA,~~GACA9B~~,EAAK,GAET,~~CACDM~~,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,~~EACAa~~,~~EACAN~~,~~EACAnB~~,~~EACAO~~,EACAI,IAGF,~~OACE+B~~,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,~~EACO7C~~,EAAK,CAAEA,GAAE,~~GAAAwC~~,~~OAAKxC~~,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,~~UAAW0C~~,EAAAA,WACTC,EAAAA,QAAQ,~~cACR3C~~,GAEFH,~~MAAO6B~~,~~GACHX~~,EAAS,CACb,cAAaA,~~EAAU6B~~,~~YAAc7B~~,EAAU,~~gBAAkBnB~~,~~GAC7DsB~~,~~GAEHpB,~~EACG,IAIVN,~~EAAsBqD~~,YAAc,8BAMvBC,EAAgCC,EAAIA,~~KAAiBvD~~,~~GAErDwD~~,EAAgCD,EAAIA,~~KAAiBvD~~,~~GAElEsD~~,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}
1	+ {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/*\n Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n /\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\n/\n Resolves flex alignment and justification properties based on the provided value.\n * @param {string \| undefined} value - The value to resolve.\n * @returns {string \| undefined} - Resolved flex property value.\n /\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n/\n Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> \| undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n /\nconst LayoutBoxRefForwarded = forwardRef(({\n id,\n style,\n children,\n tabIndex,\n className = '',\n column,\n asGrid = false,\n wFull = false,\n hFull = false,\n centered = false,\n flex,\n width,\n height,\n debug = false,\n background,\n ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined \| null) => {\n const { dataProps, restProps } = useParseProps(props)\n\n /\n Memoized resolved direction based on the column prop.\n * @type {LayoutDirection}\n /\n const resolvedColumn = useMemo(() => ((\n column !== undefined && column === true)\n ? LayoutDirection.COLUMN\n : null), [column])\n\n /\n Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n * @type {CSSProperties}\n /\n const styles = useMemo(() => {\n const baseStyles: CSSProperties = {\n ...(restProps as CSSProperties),\n }\n\n // Resolve direction (supports column helper)\n if (restProps.direction \|\| resolvedColumn) {\n baseStyles.flexDirection = (restProps.direction \|\| resolvedColumn) as CSSProperties['flexDirection']\n }\n\n // Resolve alignment and justification\n if (centered) {\n baseStyles.alignItems = 'center'\n baseStyles.justifyContent = 'center'\n } else {\n if (restProps.align) {\n baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n }\n if (restProps.justify) {\n baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n }\n }\n\n // Flex or grid display\n if (asGrid) {\n baseStyles.display = 'grid'\n } else {\n baseStyles.display = 'flex'\n }\n\n // Width / height helpers\n if (wFull) {\n baseStyles.width = '100%'\n } else if (width !== undefined) {\n baseStyles.width = typeof width === 'number' ? `${width}px` : width\n }\n\n if (hFull) {\n baseStyles.height = '100%'\n } else if (height !== undefined) {\n baseStyles.height = typeof height === 'number' ? `${height}px` : height\n }\n\n // Flex helper\n if (flex !== undefined) {\n if (flex === true) {\n baseStyles.flex = 1\n } else if (typeof flex === 'number') {\n baseStyles.flex = flex\n } else {\n baseStyles.flex = flex as string\n }\n }\n\n // Background helper\n if (background !== undefined) {\n baseStyles.background = background\n }\n\n // Debug outline helper\n if (debug) {\n baseStyles.outline = '1px solid red'\n }\n\n // User provided style wins last\n return {\n ...baseStyles,\n ...style,\n }\n }, [\n asGrid,\n background,\n centered,\n debug,\n flex,\n hFull,\n height,\n resolvedColumn,\n restProps,\n style,\n wFull,\n width,\n ])\n\n return (\n <div\n {...(id ? { id: `${id}` } : {})}\n ref={ref}\n tabIndex={tabIndex}\n className={classNames(\n classes['layout-box'],\n className,\n )}\n style={styles as CSSProperties}\n {...dataProps}\n data-testid={dataProps.dataTestId \|\| dataProps['data-testid'] \|\| id}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/\n Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","resolvedColumn","useMemo","undefined","LayoutDirection","COLUMN","styles","baseStyles","_objectSpread","direction","flexDirection","alignItems","justifyContent","align","justify","display","concat","outline","objectSpread2","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"maAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAiBtBC,KAAsD,IAjB/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,OACdA,EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,GAEehB,EADZiB,EAAKC,EAAAA,wBAAAlB,EAAAmB,GAER,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,EAAiBC,EAAAA,SAAQ,SAClBC,IAAXlB,IAAmC,IAAXA,EACtBmB,EAAeA,gBAACC,OAChB,MAAO,CAACpB,IAMNqB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAyBC,EAAAA,cAAA,CAAA,EACzBT,GA+DN,OA3DIA,EAAUU,WAAaR,KACzBM,EAAWG,cAAiBX,EAAUU,WAAaR,GAIjDZ,GACFkB,EAAWI,WAAa,SACxBJ,EAAWK,eAAiB,WAExBb,EAAUc,QACZN,EAAWI,WAAarC,EAAiByB,EAAUc,QAEjDd,EAAUe,UACZP,EAAWK,eAAiBtC,EAAiByB,EAAUe,WAMzDP,EAAWQ,QADT7B,EACmB,OAEA,OAInBC,EACFoB,EAAWhB,MAAQ,YACAY,IAAVZ,IACTgB,EAAWhB,MAAyB,iBAAVA,EAAkB,GAAAyB,OAAMzB,EAAK,MAAOA,GAG5DH,EACFmB,EAAWf,OAAS,YACAW,IAAXX,IACTe,EAAWf,OAA2B,iBAAXA,EAAmB,GAAAwB,OAAMxB,EAAM,MAAOA,QAItDW,IAATb,IAEAiB,EAAWjB,MADA,IAATA,EACgB,EAEAA,QAOHa,IAAfT,IACFa,EAAWb,WAAaA,GAItBD,IACFc,EAAWU,QAAU,iBAIvBT,EAAAU,cAAAV,EAAAU,cACKX,CAAAA,EAAAA,GACA1B,EAAK,GAET,CACDK,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAS,EACAF,EACAlB,EACAM,EACAI,IAGF,OACE4B,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACOzC,EAAK,CAAEA,GAAE,GAAAoC,OAAKpC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWsC,EAAAA,WACTC,EAAAA,QAAQ,cACRvC,GAEFH,MAAOyB,GACHR,EAAS,CACb,cAAaA,EAAU0B,YAAc1B,EAAU,gBAAkBlB,IAEhEE,EACG,IAIVN,EAAsBiD,YAAc,8BAMvBC,EAAgCC,EAAIA,KAAiBnD,GAErDoD,EAAgCD,EAAIA,KAAiBnD,GAElEkD,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}