@e1011/es-kit 1.1.26 → 1.1.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hooks/esm/index.css +376 -206
- package/dist/hooks/index.css +376 -206
- package/dist/lib/cjs/index.css +170 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/index.css +170 -0
- package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/icons.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/icons.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/index.d.ts +2 -0
- package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts +10 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/index.d.ts +3 -0
- package/dist/types/src/core/ui/components/atoms/tag/index.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts +6 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +31 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Link.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Link.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Text.d.ts +2 -15
- package/dist/types/src/core/ui/components/atoms/text/Text.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +16 -0
- package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts +17 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts +3 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts +8 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +24 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts +3 -3
- package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/error/propsValidationError.d.ts +4 -0
- package/dist/types/src/core/ui/components/error/propsValidationError.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts +2 -2
- package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/store/store.stories.d.ts +1 -1
- package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -1
- package/dist/ui/esm/index.css +170 -0
- package/dist/ui/esm/src/core/hooks/useClassNames.js +2 -0
- package/dist/ui/esm/src/core/hooks/useClassNames.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/ui/esm/src/core/ui/index.js +1 -1
- package/dist/ui/index.css +170 -0
- package/dist/ui/src/core/hooks/useClassNames.js +2 -0
- package/dist/ui/src/core/hooks/useClassNames.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/tag/Tag.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/ui/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/ui/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/ui/src/core/ui/index.js +1 -1
- package/dist/utils/esm/index.css +376 -206
- package/dist/utils/index.css +376 -206
- package/package.json +19 -11
package/dist/lib/cjs/index.css
CHANGED
|
@@ -444,6 +444,11 @@
|
|
|
444
444
|
.cui-theme-light .button-module_button__NDMQS {
|
|
445
445
|
color: #090A0A;
|
|
446
446
|
}
|
|
447
|
+
.textAndContent-module_textAndContent__X5P1n {
|
|
448
|
+
align-items: baseline;
|
|
449
|
+
flex-shrink: 1;
|
|
450
|
+
gap: 8px;
|
|
451
|
+
}
|
|
447
452
|
.flowLayout-module_flowLayout__VHpnY {
|
|
448
453
|
overflow: auto;
|
|
449
454
|
}
|
|
@@ -689,4 +694,169 @@
|
|
|
689
694
|
.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
|
|
690
695
|
opacity: 0;
|
|
691
696
|
visibility: hidden;
|
|
697
|
+
}
|
|
698
|
+
:root {
|
|
699
|
+
--divider-line: #4a4b4b;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
.tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
|
|
703
|
+
overflow: hidden !important;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
|
|
707
|
+
white-space: nowrap !important;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
.tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
|
|
711
|
+
text-overflow: ellipsis !important;
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.tag-module_tag__rGA-E {
|
|
715
|
+
display: inline-flex;
|
|
716
|
+
flex-direction: row;
|
|
717
|
+
padding: 4px 8px;
|
|
718
|
+
gap: 4px;
|
|
719
|
+
min-height: 18px;
|
|
720
|
+
border-radius: 4px;
|
|
721
|
+
border-width: 1px;
|
|
722
|
+
border-style: solid;
|
|
723
|
+
align-items: center;
|
|
724
|
+
min-width: "auto";
|
|
725
|
+
width: "auto";
|
|
726
|
+
}
|
|
727
|
+
.tag-module_tag__rGA-E .icon-base {
|
|
728
|
+
color: #E2E369 !important;
|
|
729
|
+
}
|
|
730
|
+
.tag-module_tag__rGA-E .tag-module_text__WpK6w {
|
|
731
|
+
white-space: nowrap;
|
|
732
|
+
}
|
|
733
|
+
.tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
|
|
734
|
+
justify-content: center;
|
|
735
|
+
align-items: center;
|
|
736
|
+
overflow: hidden !important;
|
|
737
|
+
white-space: nowrap !important;
|
|
738
|
+
text-overflow: ellipsis !important;
|
|
739
|
+
}
|
|
740
|
+
.tag-module_tag__rGA-E.tag-module_default__6cv6k {
|
|
741
|
+
background-color: #434747;
|
|
742
|
+
border-color: #515757;
|
|
743
|
+
color: #F4F4F4;
|
|
744
|
+
}
|
|
745
|
+
.tag-module_tag__rGA-E.tag-module_clickable__W6arw {
|
|
746
|
+
cursor: pointer;
|
|
747
|
+
transition: background-color 0.25s ease;
|
|
748
|
+
}
|
|
749
|
+
.tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
|
|
750
|
+
background-color: #515757;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
|
|
754
|
+
background-color: #203439;
|
|
755
|
+
border-color: #80D9F3;
|
|
756
|
+
color: #80D9F3;
|
|
757
|
+
}
|
|
758
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
|
|
759
|
+
background-color: #212A04;
|
|
760
|
+
border-color: #B1E02C;
|
|
761
|
+
color: #B1E02C;
|
|
762
|
+
}
|
|
763
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
|
|
764
|
+
background-color: #353505;
|
|
765
|
+
border-color: #E2E369;
|
|
766
|
+
color: #E2E369;
|
|
767
|
+
}
|
|
768
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
|
|
769
|
+
background-color: #632E03;
|
|
770
|
+
border-color: #FD8F3E;
|
|
771
|
+
color: #FD8F3E;
|
|
772
|
+
}
|
|
773
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
|
|
774
|
+
background-color: #371A1A;
|
|
775
|
+
border-color: #FD553E;
|
|
776
|
+
color: #FD553E;
|
|
777
|
+
}
|
|
778
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
|
|
779
|
+
background-color: #311616;
|
|
780
|
+
border-color: #EC515B;
|
|
781
|
+
color: #EC515B;
|
|
782
|
+
}
|
|
783
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
|
|
784
|
+
background-color: #203439;
|
|
785
|
+
border-color: #02B3E6;
|
|
786
|
+
color: #02B3E6;
|
|
787
|
+
}
|
|
788
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
|
|
789
|
+
background-color: #212A04;
|
|
790
|
+
border-color: #30D136;
|
|
791
|
+
color: #30D136;
|
|
792
|
+
}
|
|
793
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
|
|
794
|
+
background-color: #311616;
|
|
795
|
+
border-color: #FD553E;
|
|
796
|
+
color: #FD553E;
|
|
797
|
+
}
|
|
798
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
|
|
799
|
+
background-color: #311616;
|
|
800
|
+
border-color: #FD553E;
|
|
801
|
+
color: #FD553E;
|
|
802
|
+
}
|
|
803
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
|
|
804
|
+
background-color: #632E03;
|
|
805
|
+
border-color: #FD8F3E;
|
|
806
|
+
color: #FD8F3E;
|
|
807
|
+
}
|
|
808
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
|
|
809
|
+
background-color: #80D9F3;
|
|
810
|
+
border-color: #80D9F3;
|
|
811
|
+
color: #203439;
|
|
812
|
+
}
|
|
813
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
|
|
814
|
+
background-color: #B1E02C;
|
|
815
|
+
border-color: #B1E02C;
|
|
816
|
+
color: #212A04;
|
|
817
|
+
}
|
|
818
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
|
|
819
|
+
background-color: #E2E369;
|
|
820
|
+
border-color: #E2E369;
|
|
821
|
+
color: #353505;
|
|
822
|
+
}
|
|
823
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
|
|
824
|
+
background-color: #FD8F3E;
|
|
825
|
+
border-color: #FD8F3E;
|
|
826
|
+
color: #632E03;
|
|
827
|
+
}
|
|
828
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
|
|
829
|
+
background-color: #FD553E;
|
|
830
|
+
border-color: #FD553E;
|
|
831
|
+
color: #371A1A;
|
|
832
|
+
}
|
|
833
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
|
|
834
|
+
background-color: #EC515B;
|
|
835
|
+
border-color: #EC515B;
|
|
836
|
+
color: #311616;
|
|
837
|
+
}
|
|
838
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
|
|
839
|
+
background-color: #02B3E6;
|
|
840
|
+
border-color: #02B3E6;
|
|
841
|
+
color: #203439;
|
|
842
|
+
}
|
|
843
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
|
|
844
|
+
background-color: #30D136;
|
|
845
|
+
border-color: #30D136;
|
|
846
|
+
color: #212A04;
|
|
847
|
+
}
|
|
848
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
|
|
849
|
+
background-color: #FD553E;
|
|
850
|
+
border-color: #FD553E;
|
|
851
|
+
color: #311616;
|
|
852
|
+
}
|
|
853
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
|
|
854
|
+
background-color: #FD553E;
|
|
855
|
+
border-color: #FD553E;
|
|
856
|
+
color: #311616;
|
|
857
|
+
}
|
|
858
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
|
|
859
|
+
background-color: #FD8F3E;
|
|
860
|
+
border-color: #FD8F3E;
|
|
861
|
+
color: #632E03;
|
|
692
862
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../textAndContent/TextAndContent.js"),s=require("../../container/layoutBox/LayoutBox.js"),r=require("./tag.module.scss.js"),l=require("./tag.types.js"),n=require("../text/Text.js"),i=require("../../../../hooks/useClassNames.js"),o=require("../../../../hooks/useResize.js"),c=require("../../molecules/popover/Tooltip.js"),u=require("../../../../hooks/useParseProps.js"),d=require("../../../../utils/helpers/text.js");const m={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},h=t.memo((h=>{let{variant:p=l.TagVariant.default,text:x,hashtag:g,components:R,onClick:f,children:q,inTable:T,className:j="",...E}=h;const k=R?.TextComponent||n.Text,v=i.useClassNames([r.default.tag,p&&r.default[p],f&&r.default.clickable,T&&r.default["in-table"],j],[r.default]),{dataProps:C,restProps:N}=u.useParseProps(E),[P,b]=t.useState(!1),y=t.useRef(null),L=t.useRef(null),[w]=o.useResize(50,(e=>{let{width:t,height:a}=e;const s=w.current;s&&b(s.offsetWidth<s.scrollWidth),y.current={width:t,height:a}})),I=t.useMemo((()=>!!(q||x||N?.iconLeftUrl||N?.iconLeft||N?.iconRightUrl||N?.iconRight)),[q,x,N?.iconLeftUrl,N?.iconLeft,N?.iconRightUrl,N?.iconRight]),z=t.useMemo((()=>P?{...m,width:`${y?.current?.width}px`,height:`${y?.current?.height}px`}:null),[P,y?.current]);return React.createElement(React.Fragment,null,React.createElement(s.LayoutBox,e.extends({id:`${void 0!==E.id&&E.id||x&&d.composeId(x)}`,className:v},C,N,{"data-testid":`${C.dataTestId||C["data-testid"]||E.id||x&&d.composeId(x)}`,onClick:f}),g&&React.createElement(k,null,"#"),I&&React.createElement(a.TextAndIcons,e.extends({className:r.default.text,iconSize:"0.8em"},N,{width:"auto"}),React.createElement("div",{ref:w,className:"text-truncate"},P&&React.createElement(React.Fragment,null,React.createElement("div",{ref:L,style:z}),React.createElement("span",null,q||x)),!P&&(q||x)))),P&&React.createElement(c.Tooltip,{text:x,targetRef:L}))}));h.displayName="Tag",exports.Tag=h;
|
|
2
|
+
//# sourceMappingURL=Tag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/**\n * Tag component.\n * *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent || BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize | null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n || text\n || restProps?.iconLeftUrl\n || restProps?.iconLeft\n || restProps?.iconRightUrl\n || restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children || text}</span>\n </>\n )}\n {!isTruncated && (children || text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"ohBAaA,MAAMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAIA,MAAWC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAUA,WAACC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,MACTC,GACMX,EACT,MAAMY,EAAgBN,GAAYM,eAAiBC,OAE7CC,EAAkBC,EAAaA,cAAC,CACpCC,EAAOb,QAACc,IACRhB,GAAWe,EAAAA,QAAQf,GACnBM,GAAWS,EAAAA,QAAQE,UACnBT,GAAWO,UAAQ,YACnBN,GACC,CAACM,EAAOb,WAELgB,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,IACxCW,EAAaC,GAAkBC,EAAQA,UAAC,GAEzCC,EAAiBC,SAA2B,MAC5CC,EAAmBD,SAA8B,OAEhDE,GAAWC,YAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,EAAAA,SAAQ,OAAS9B,GAC/BJ,GACAgB,GAAWmB,aACXnB,GAAWoB,UACXpB,GAAWqB,cACXrB,GAAWsB,YACb,CAAClC,EAAUJ,EAAMgB,GAAWmB,YAAanB,GAAWoB,SAAUpB,GAAWqB,aAAcrB,GAAWsB,YAE/FC,EAAuBL,WAAQ,IAAOhB,EAAe,IACtD9B,EACHuC,MAAO,GAAGN,GAAgBS,SAASH,UACnCC,OAAQ,GAAGP,GAAgBS,SAASF,YAEjC,MAAO,CAACV,EAAaG,GAAgBS,UAE1C,OACEU,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASA,UAAAC,UAAA,CACRC,GAAI,QAAwB,IAAbtC,EAAMsC,IAAsBtC,EAAMsC,IAAQ7C,GAAQ8C,YAAU9C,KAC3EM,UAAWI,GACPK,EACAC,EAAS,CACb,cAAa,GAAGD,EAAUgC,YAAchC,EAAU,gBAAkBR,EAAMsC,IAAO7C,GAAQ8C,YAAU9C,KACnGG,QAASA,IAERF,GAAWuC,MAAAC,cAACjC,EAAc,KAAA,KAC1ByB,GAEGO,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACXtC,UAAWM,EAAOb,QAACC,KACnBiD,SAAS,SACLjC,EAAS,CACbW,MAAM,SAENa,MAAAC,cAAA,MAAA,CAAKS,IAAK1B,EAAsClB,UAAU,iBACvDY,GACCsB,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK3B,EAAkB4B,MAAOZ,IACnCC,MAAAC,cAAA,OAAA,KAAOrC,GAAYJ,KAGrBkB,IAAgBd,GAAYJ,MAKvCkB,GAAesB,MAAAC,cAACW,UAAO,CAACpD,KAAMA,EAAMqD,UAAW9B,IAC/C,IAIP7B,EAAI4D,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"tag-module_overflow-hidden__wlxDI","text-truncate":"tag-module_text-truncate__xqW1-","text-nowrap":"tag-module_text-nowrap__CHhhg","text-ellipsis":"tag-module_text-ellipsis__UX32n",tag:"tag-module_tag__rGA-E",text:"tag-module_text__WpK6w","in-table":"tag-module_in-table__cWTuJ",default:"tag-module_default__6cv6k",clickable:"tag-module_clickable__W6arw",info:"tag-module_info__PMCQH","very-low":"tag-module_very-low__a6WSr",low:"tag-module_low__57msG",medium:"tag-module_medium__PtVKT",high:"tag-module_high__8ayT0",critical:"tag-module_critical__fT5Pe",information:"tag-module_information__gjuZe",success:"tag-module_success__M-mEI",alert:"tag-module_alert__1NDIs",error:"tag-module_error__fo8QB",warning:"tag-module_warning__29pni"};
|
|
2
|
+
//# sourceMappingURL=tag.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";let r=function(r){return r.info="info",r.veryLow="very-low",r.low="low",r.medium="medium",r.high="high",r.critical="critical",r.information="information",r.success="success",r.alert="alert",r.error="error",r.warning="warning",r.default="default",r}({});exports.TagVariant=r;
|
|
2
|
+
//# sourceMappingURL=tag.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"yKAOaA,MAAAA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,YAAYR,IAAaS,QAAQ,OACrEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASe,YAAc,WAGVC,MAAAA,EAAoBf,EAAIA,MACnCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,qBAAqBb,IAAaS,QAAQ,OAC9EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBlB,EAAIA,MAClCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,oBAAoBhB,IAAaS,QAAQ,OAC7EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAiBJ,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","link","element","displayName"],"mappings":"yKAOaA,MAAAA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,QAAQR,IAAaS,QAAQ,MACjEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKe,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"yKAOaA,MAAAA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,aAAaR,IAAaS,QAAQ,MACtEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUe,YAAc,YAGXC,MAAAA,EAAiBf,EAAIA,MAChCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,kBAAkBb,IAAaS,QAAQ,MAC3EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBlB,EAAIA,MAC/BmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,iBAAiBhB,IAAaS,QAAQ,MAC1EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBrB,EAAIA,MACpCsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBiB,EAAA,OACvDhB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACY,sBAAsBnB,IAAaS,QAAQ,MAC/EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAmBP,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo,
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","default","createElement","composeId","style","dataTestId","displayName"],"mappings":"uMAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,OAASC,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,WAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAKC,QAACC,cACXrB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBU,EAASA,UAACV,KAC5CV,YACAK,EACAJ,SACAC,eACGU,EACHS,MAAOb,KACJD,EACH,cACA,GAAGA,EAAUe,YAAcf,EAAU,gBAAkBJ,GAAOO,GAAoBU,YAAUV,MAE9FX,EACD,IAGHJ,EAAK4B,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../error/propsValidationError.js"),o=require("../text/Text.js"),r=require("./textAndContent.module.scss.js"),c=require("../../container/layoutBox/LayoutBox.js"),i=require("../../icon/IconBase.js");const s=t.memo((t=>{let{text:i,children:s,components:a,leftContent:l,rightContent:x,textProps:d={},className:u="",...m}=t;if(null==i&&!s)throw new n.PropsValidationError("Missing `text or children` property!");const p=a?.TextComponent||o.Text;return React.createElement(c.LayoutBox,e.extends({className:`${r.default.textAndContent} ${u}`},m),l&&l,React.createElement(p,e.extends({className:"text-truncate"},d,{"data-testid":"text-content-text-component"}),i||s),x&&x)}));s.displayName="TextAndContent";const a=t.memo((n=>{let{iconSize:o,iconColor:r,iconLeft:c,iconRight:a,iconLeftUrl:l,iconRightUrl:x,onLeftIconClick:d,onRightIconClick:u,...m}=n;const[p,C]=t.useMemo((()=>{let t,n;if(c||l){const n=d?{onClick:d,onKeyDown:d,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(i.IconBase,e.extends({iconUrl:l,size:o,color:r},n),c&&c)}if(a||x){const t=u?{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};n=React.createElement(i.IconBase,e.extends({iconUrl:x,size:o,color:r},t),a&&a)}return[t,n]}),[r,c,l,a,x,o,d,u]);return React.createElement(s,e.extends({leftContent:p,rightContent:C},m))}));a.displayName="TextAndIcons",exports.TextAndContent=s,exports.TextAndIcons=a;
|
|
2
|
+
//# sourceMappingURL=TextAndContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n text,\n children,\n components,\n leftContent,\n rightContent,\n textProps = {},\n className = '',\n ...props\n}: TextAndContentProps) => {\n if ((text === undefined || text === null) && !children) {\n throw new PropsValidationError('Missing `text or children` property!')\n }\n\n const TextComponent = components?.TextComponent || BodyText\n\n return (\n <LayoutBox\n className={`${classes.textAndContent} ${className}`}\n {...props}\n >\n {leftContent && leftContent}\n <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n {rightContent && rightContent}\n </LayoutBox>\n )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n iconSize,\n iconColor,\n iconLeft,\n iconRight,\n iconLeftUrl,\n iconRightUrl,\n onLeftIconClick,\n onRightIconClick,\n ...props\n}: TextAndIconsProps) => {\n const [leftContent, rightContent] = useMemo(() => {\n let leftContent\n let rightContent\n\n if (iconLeft || iconLeftUrl) {\n const onLeftIconClickProps = onLeftIconClick ? ({\n onClick: onLeftIconClick,\n onKeyDown: onLeftIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-left',\n }) : {}\n\n leftContent = (\n <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n {iconLeft && iconLeft}\n </IconBase>)\n }\n if (iconRight || iconRightUrl) {\n const onRightIconClickProps = onRightIconClick ? ({\n onClick: onRightIconClick,\n onKeyDown: onRightIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-right',\n }) : {}\n\n rightContent = (\n <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n {iconRight && iconRight}\n </IconBase>)\n }\n return [leftContent, rightContent]\n }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n return (\n <TextAndContent\n leftContent={leftContent}\n rightContent={rightContent}\n {...props}\n />\n )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","classes","default","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"kUAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,MACTC,GACiBR,EACpB,GAAI,MAACC,IAAyCC,EAC5C,MAAM,IAAIO,EAAAA,qBAAqB,wCAGjC,MAAMC,EAAgBP,GAAYO,eAAiBC,OAEnD,OACEC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRR,UAAW,GAAGS,EAAOC,QAACC,kBAAkBX,KACpCC,GAEHJ,GAAeA,EAChBQ,MAAAC,cAACH,EAAaK,UAAA,CAACR,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeqB,YAAc,uBAShBC,EAAsCrB,EAAIA,MAAoBsB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,KACGrB,GACea,EAClB,MAAOjB,EAAaC,GAAgByB,EAAOA,SAAC,KAC1C,IAAI1B,EACAC,EAEJ,GAAImB,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9CI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,GAEL/B,EACEQ,MAAAC,cAACuB,EAAAA,SAAQrB,EAAAA,QAAA,CAACsB,QAASX,EAAaY,KAAMhB,EAAUiB,MAAOhB,GAAeQ,GACnEP,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMa,EAAwBX,EAAoB,CAChDG,QAASH,EACTI,UAAWJ,EACXK,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,GAEL9B,EACEO,MAAAC,cAACuB,EAAAA,SAAQrB,EAAAA,QAAA,CAACsB,QAASV,EAAcW,KAAMhB,EAAUiB,MAAOhB,GAAeiB,GACpEf,GAAaA,EAEpB,CACA,MAAO,CAACrB,EAAaC,EAAa,GACjC,CAACkB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACf,EAAciB,UAAA,CACbX,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINY,EAAaD,YAAc"}
|
package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textAndContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n constructor(message:string) {\n super(message)\n this.name = 'PropsValidationError'\n }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"aAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),
|
|
1
|
+
"use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),a=require("./core/hooks/useParseProps.js"),i=require("./core/hooks/useThemePreference.js"),n=require("./core/hooks/useAnimation.js"),p=require("./core/hooks/useIntersectionObserver.js"),l=require("./core/utils/helpers/birthnumber.validator.js"),c=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),u=require("./core/utils/helpers/fileValidator.js"),x=require("./core/utils/helpers/date.js"),m=require("./core/utils/helpers/deviceInfo.js"),d=require("./core/utils/helpers/emailMatcher.js"),h=require("./core/utils/helpers/file.js"),T=require("./core/utils/helpers/objectOperations.js"),y=require("./core/utils/helpers/other.js"),S=require("./core/utils/helpers/textValueOperations.js"),g=require("./core/utils/helpers/valueOperations.js"),C=require("./core/utils/helpers/cancelableDelayedFunction.js"),j=require("./core/utils/helpers/ui.js"),v=require("./core/utils/helpers/text.js"),q=require("./core/utils/keyExtractor.js"),P=require("./core/utils/date.js"),b=require("./core/utils/webComponents/webComponent.utils.js"),I=require("./core/utils/appState/store/store.vanillajs.js"),f=require("./core/utils/appState/store/store.vanillajs.templates.js"),A=require("./core/utils/appState/store/useStore.react.js"),F=require("./core/utils/appState/peregrineMQ/peregrineMQ.js"),z=require("./core/utils/appState/peregrineMQ/index.js"),L=require("./core/utils/appState/stateMachine/tiny-state-machine.base.js"),M=require("./core/constants/ui.constants.js"),k=require("./core/ui/utils/style.js"),D=require("./core/ui/components/container/layoutBox/LayoutBox.js"),B=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),E=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),V=require("./core/ui/components/container/CollapsibleContainer.js"),O=require("./core/ui/components/container/ResizableContainer.js"),N=require("./core/ui/components/error/ErrorBoundary.js"),R=require("./core/ui/components/field/Field.js"),H=require("./core/ui/components/dividers/DividerLine.js"),w=require("./core/ui/components/icon/IconBase.js"),Q=require("./core/ui/components/icon/Icon.js"),W=require("./core/ui/components/icon/IconWC.js"),J=require("./core/ui/components/atoms/button/Button.js"),K=require("./core/ui/components/atoms/text/Text.js"),G=require("./core/ui/components/atoms/text/Headline.js"),U=require("./core/ui/components/atoms/text/Paragraph.js"),_=require("./core/ui/components/atoms/text/Link.js"),Z=require("./core/ui/components/atoms/text/anchor-link/AnchorLink.js"),X=require("./core/ui/components/atoms/textAndContent/TextAndContent.js"),Y=require("./core/ui/components/atoms/tag/Tag.js"),$=require("./core/ui/components/atoms/tag/tag.types.js"),ee=require("./core/ui/components/molecules/layouts/FlowLayout.js"),re=require("./core/ui/components/molecules/popover/PopoverLite.js"),te=require("./core/ui/components/molecules/popover/Tooltip.js"),oe=require("./core/ui/components/molecules/popover/popover.types.js"),se=require("./core/ui/components/molecules/popup/Popup.js"),ae=require("./core/ui/components/molecules/popup/popup.types.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.outsideClickHandler=t.outsideClickHandler,exports.useOutsideClick=t.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=s.useClassNames,exports.useParseProps=a.useParseProps,exports.getBaseThemes=i.getBaseThemes,exports.observeThemePreference=i.observeThemePreference,exports.setThemeClassNames=i.setThemeClassNames,exports.switchColorTheme=i.switchColorTheme,exports.updateColorTheme=i.updateColorTheme,exports.useThemePreference=i.useThemePreference,exports.useAnimation=n.useAnimation,exports.useIntersectionObserver=p.useIntersectionObserver,exports.isBirthNumberValid=l.isBirthNumberValid,exports.getMatch=c.getMatch,exports.isValidFormat=c.isValidFormat,exports.isValidModulo11=c.isValidModulo11,exports.parse=c.parse,exports.regex=c.regex,exports.parseCSVdata=u.parseCSVdata,exports.validateCSVFile=u.validateCSVFile,exports.validateCSVlines=u.validateCSVlines,exports.validateJSONFile=u.validateJSONFile,exports.validateLineCellTrimmed=u.validateLineCellTrimmed,exports.validateLineNumColumns=u.validateLineNumColumns,exports.validateSDFFile=u.validateSDFFile,exports.DATE_FORMAT=x.DATE_FORMAT,exports.formatDateToTimestamp=x.formatDateToTimestamp,exports.getDate=x.getDate,exports.getDeviceId=m.getDeviceId,exports.emailMatch=d.emailMatch,exports.emailMatcher=d.emailMatcher,exports.regexBuilder=d.regexBuilder,exports.cleanCsvLines=h.cleanCsvLines,exports.formatFilePath=h.formatFilePath,exports.arrayToObjectTree=T.arrayToObjectTree,exports.chunkArray=T.chunkArray,exports.duplicatesInArray=T.duplicatesInArray,exports.formatJsonString=T.formatJsonString,exports.formatObj=T.formatObj,exports.formatObj2=T.formatObj2,exports.AsyncFunctionTemplate=y.AsyncFunctionTemplate,exports.debounce=y.debounce,exports.delay=y.delay,exports.isFunctionAsync=y.isFunctionAsync,exports.memoize=y.memoize,exports.memoizeComplex=y.memoizeComplex,exports.memoizer=y.memoizer,exports.nestedTernary=y.nestedTernary,exports.escapeRegExp=S.escapeRegExp,exports.fileNameExt=S.fileNameExt,exports.findStringInText=S.findStringInText,exports.normalizeString=S.normalizeString,exports.removeWhitespaces=S.removeWhitespaces,exports.sanitizeId=S.sanitizeId,exports.sanitizePathId=S.sanitizePathId,exports.toLowerCase=S.toLowerCase,exports.toUpperCase=S.toUpperCase,exports.truncateText=S.truncateText,exports.Operation=g.Operation,exports.decrementValue=g.decrementValue,exports.incerementValue=g.incerementValue,exports.numberDefined=g.numberDefined,exports.numberOperation=g.numberOperation,exports.restrictNumberInLimits=g.restrictNumberInLimits,exports.setValue=g.setValue,exports.cancelableSetInterval=C.cancelableSetInterval,exports.cancelableSetTimeout=C.cancelableSetTimeout,exports.anchorClick=j.anchorClick,exports.classNames=j.classNames,exports.generateId=j.generateId,exports.mapSerReplacer=j.mapSerReplacer,exports.noop=j.noop,exports.parseProps=j.parseProps,exports.composeId=v.composeId,exports.defaultSanitizeConfig=v.defaultSanitizeConfig,exports.sanitizeHtml=v.sanitizeHtml,exports.keyExtractor=q.keyExtractor,exports.keyExtractorFunction=q.keyExtractorFunction,exports.dateRangeFormat=P.dateRangeFormat,exports.getDateTime=P.getDateTime,exports.getTimeFromNow=P.getTimeFromNow,exports.getTimeFromNowOriginal=P.getTimeFromNowOriginal,exports.getTimeTo=P.getTimeTo,exports.ced=b.ced,exports.createResolveAttribute=b.createResolveAttribute,exports.customElementDefine=b.customElementDefine,exports.resolveAttributes=b.resolveAttributes,exports.createStore=I.createStore,exports.createDataStore=f.createDataStore,exports.useStore=A.useStore,exports.useStoreApi=A.useStoreApi,exports.PeregrineMQ=F.PeregrineMQ,exports.PeregrineMQClearError=F.PeregrineMQClearError,exports.peregrineMQInstance=z.peregrineMQInstance,exports.TinyStateMachine=L.TinyStateMachine,exports.TinyStateMachineEvent=L.TinyStateMachineEvent,exports.TinyStateMachineEventType=L.TinyStateMachineEventType,exports.TinyStateMachineState=L.TinyStateMachineState,exports.createStates=L.createStates,exports.stateIterator=L.stateIterator,exports.Alerts=M.Alerts,exports.EventName=M.EventName,exports.KeyCode=M.KeyCode,exports.calculateColors=k.calculateColors,exports.calculatePercColor=k.calculatePercColor,exports.convertHex=k.convertHex,exports.convertRGB=k.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return k.defaultFontSize}}),exports.pxToRem=k.pxToRem,exports.resolveStyleValue=k.resolveStyleValue,exports.setDefaultFontSize=k.setDefaultFontSize,exports.toHex=k.toHex,exports.LayoutBox=D.LayoutBox,exports.LayoutDirection=B.LayoutDirection,exports.LazyComponent=E.LazyComponent,exports.PendingBoundary=E.PendingBoundary,exports.createLazyModule=E.createLazyModule,exports.createLazyModuleWithStore=E.createLazyModuleWithStore,exports.wrapPromise=E.wrapPromise,exports.CollapsibleContainer=V.CollapsibleContainer,exports.ResizableContainer=O.ResizableContainer,exports.DefaultErrorComponent=N.DefaultErrorComponent,exports.ErrorBoundary=N.ErrorBoundary,exports.Field=R.Field,exports.Select=R.Select,exports.setIconColor=R.setIconColor,exports.setIconComponent=R.setIconComponent,exports.DividerHorizontal=H.DividerHorizontal,exports.DividerLine=H.DividerLine,exports.DividerVertical=H.DividerVertical,exports.IconBase=w.IconBase,exports.Icon=Q.Icon,exports.ESIcon=W.ESIcon,exports.ESIconBase=W.ESIconBase,exports.Button=J.Button,exports.keys=J.keys,exports.Text=K.Text,exports.Headline=G.Headline,exports.HeadlineSecondary=G.HeadlineSecondary,exports.HeadlineTertiary=G.HeadlineTertiary,exports.Paragraph=U.Paragraph,exports.ParagraphBold=U.ParagraphBold,exports.ParagraphBoldSmall=U.ParagraphBoldSmall,exports.ParagraphSmall=U.ParagraphSmall,exports.Link=_.Link,exports.AnchorLink=Z.AnchorLink,exports.TextAndContent=X.TextAndContent,exports.TextAndIcons=X.TextAndIcons,exports.Tag=Y.Tag,exports.TagVariant=$.TagVariant,exports.FlowLayout=ee.FlowLayout,exports.Popover=re.Popover,exports.Tooltip=te.Tooltip,exports.PopoverPlacement=oe.PopoverPlacement,exports.Popup=se.Popup,exports.PopupAnimateVariant=ae.PopupAnimateVariant;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/lib/esm/index.css
CHANGED
|
@@ -444,6 +444,11 @@
|
|
|
444
444
|
.cui-theme-light .button-module_button__NDMQS {
|
|
445
445
|
color: #090A0A;
|
|
446
446
|
}
|
|
447
|
+
.textAndContent-module_textAndContent__X5P1n {
|
|
448
|
+
align-items: baseline;
|
|
449
|
+
flex-shrink: 1;
|
|
450
|
+
gap: 8px;
|
|
451
|
+
}
|
|
447
452
|
.flowLayout-module_flowLayout__VHpnY {
|
|
448
453
|
overflow: auto;
|
|
449
454
|
}
|
|
@@ -689,4 +694,169 @@
|
|
|
689
694
|
.popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
|
|
690
695
|
opacity: 0;
|
|
691
696
|
visibility: hidden;
|
|
697
|
+
}
|
|
698
|
+
:root {
|
|
699
|
+
--divider-line: #4a4b4b;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
.tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
|
|
703
|
+
overflow: hidden !important;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
|
|
707
|
+
white-space: nowrap !important;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
.tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
|
|
711
|
+
text-overflow: ellipsis !important;
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.tag-module_tag__rGA-E {
|
|
715
|
+
display: inline-flex;
|
|
716
|
+
flex-direction: row;
|
|
717
|
+
padding: 4px 8px;
|
|
718
|
+
gap: 4px;
|
|
719
|
+
min-height: 18px;
|
|
720
|
+
border-radius: 4px;
|
|
721
|
+
border-width: 1px;
|
|
722
|
+
border-style: solid;
|
|
723
|
+
align-items: center;
|
|
724
|
+
min-width: "auto";
|
|
725
|
+
width: "auto";
|
|
726
|
+
}
|
|
727
|
+
.tag-module_tag__rGA-E .icon-base {
|
|
728
|
+
color: #E2E369 !important;
|
|
729
|
+
}
|
|
730
|
+
.tag-module_tag__rGA-E .tag-module_text__WpK6w {
|
|
731
|
+
white-space: nowrap;
|
|
732
|
+
}
|
|
733
|
+
.tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
|
|
734
|
+
justify-content: center;
|
|
735
|
+
align-items: center;
|
|
736
|
+
overflow: hidden !important;
|
|
737
|
+
white-space: nowrap !important;
|
|
738
|
+
text-overflow: ellipsis !important;
|
|
739
|
+
}
|
|
740
|
+
.tag-module_tag__rGA-E.tag-module_default__6cv6k {
|
|
741
|
+
background-color: #434747;
|
|
742
|
+
border-color: #515757;
|
|
743
|
+
color: #F4F4F4;
|
|
744
|
+
}
|
|
745
|
+
.tag-module_tag__rGA-E.tag-module_clickable__W6arw {
|
|
746
|
+
cursor: pointer;
|
|
747
|
+
transition: background-color 0.25s ease;
|
|
748
|
+
}
|
|
749
|
+
.tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
|
|
750
|
+
background-color: #515757;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
|
|
754
|
+
background-color: #203439;
|
|
755
|
+
border-color: #80D9F3;
|
|
756
|
+
color: #80D9F3;
|
|
757
|
+
}
|
|
758
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
|
|
759
|
+
background-color: #212A04;
|
|
760
|
+
border-color: #B1E02C;
|
|
761
|
+
color: #B1E02C;
|
|
762
|
+
}
|
|
763
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
|
|
764
|
+
background-color: #353505;
|
|
765
|
+
border-color: #E2E369;
|
|
766
|
+
color: #E2E369;
|
|
767
|
+
}
|
|
768
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
|
|
769
|
+
background-color: #632E03;
|
|
770
|
+
border-color: #FD8F3E;
|
|
771
|
+
color: #FD8F3E;
|
|
772
|
+
}
|
|
773
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
|
|
774
|
+
background-color: #371A1A;
|
|
775
|
+
border-color: #FD553E;
|
|
776
|
+
color: #FD553E;
|
|
777
|
+
}
|
|
778
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
|
|
779
|
+
background-color: #311616;
|
|
780
|
+
border-color: #EC515B;
|
|
781
|
+
color: #EC515B;
|
|
782
|
+
}
|
|
783
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
|
|
784
|
+
background-color: #203439;
|
|
785
|
+
border-color: #02B3E6;
|
|
786
|
+
color: #02B3E6;
|
|
787
|
+
}
|
|
788
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
|
|
789
|
+
background-color: #212A04;
|
|
790
|
+
border-color: #30D136;
|
|
791
|
+
color: #30D136;
|
|
792
|
+
}
|
|
793
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
|
|
794
|
+
background-color: #311616;
|
|
795
|
+
border-color: #FD553E;
|
|
796
|
+
color: #FD553E;
|
|
797
|
+
}
|
|
798
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
|
|
799
|
+
background-color: #311616;
|
|
800
|
+
border-color: #FD553E;
|
|
801
|
+
color: #FD553E;
|
|
802
|
+
}
|
|
803
|
+
.cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
|
|
804
|
+
background-color: #632E03;
|
|
805
|
+
border-color: #FD8F3E;
|
|
806
|
+
color: #FD8F3E;
|
|
807
|
+
}
|
|
808
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
|
|
809
|
+
background-color: #80D9F3;
|
|
810
|
+
border-color: #80D9F3;
|
|
811
|
+
color: #203439;
|
|
812
|
+
}
|
|
813
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
|
|
814
|
+
background-color: #B1E02C;
|
|
815
|
+
border-color: #B1E02C;
|
|
816
|
+
color: #212A04;
|
|
817
|
+
}
|
|
818
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
|
|
819
|
+
background-color: #E2E369;
|
|
820
|
+
border-color: #E2E369;
|
|
821
|
+
color: #353505;
|
|
822
|
+
}
|
|
823
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
|
|
824
|
+
background-color: #FD8F3E;
|
|
825
|
+
border-color: #FD8F3E;
|
|
826
|
+
color: #632E03;
|
|
827
|
+
}
|
|
828
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
|
|
829
|
+
background-color: #FD553E;
|
|
830
|
+
border-color: #FD553E;
|
|
831
|
+
color: #371A1A;
|
|
832
|
+
}
|
|
833
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
|
|
834
|
+
background-color: #EC515B;
|
|
835
|
+
border-color: #EC515B;
|
|
836
|
+
color: #311616;
|
|
837
|
+
}
|
|
838
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
|
|
839
|
+
background-color: #02B3E6;
|
|
840
|
+
border-color: #02B3E6;
|
|
841
|
+
color: #203439;
|
|
842
|
+
}
|
|
843
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
|
|
844
|
+
background-color: #30D136;
|
|
845
|
+
border-color: #30D136;
|
|
846
|
+
color: #212A04;
|
|
847
|
+
}
|
|
848
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
|
|
849
|
+
background-color: #FD553E;
|
|
850
|
+
border-color: #FD553E;
|
|
851
|
+
color: #311616;
|
|
852
|
+
}
|
|
853
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
|
|
854
|
+
background-color: #FD553E;
|
|
855
|
+
border-color: #FD553E;
|
|
856
|
+
color: #311616;
|
|
857
|
+
}
|
|
858
|
+
.cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
|
|
859
|
+
background-color: #FD8F3E;
|
|
860
|
+
border-color: #FD8F3E;
|
|
861
|
+
color: #632E03;
|
|
692
862
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useState as o,useRef as r,useMemo as a}from"react";import{TextAndIcons as n}from"../textAndContent/TextAndContent.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import l from"./tag.module.scss.js";import{TagVariant as s}from"./tag.types.js";import{Text as c}from"../text/Text.js";import{useClassNames as m}from"../../../../hooks/useClassNames.js";import{useResize as p}from"../../../../hooks/useResize.js";import{Tooltip as d}from"../../molecules/popover/Tooltip.js";import{useParseProps as u}from"../../../../hooks/useParseProps.js";import{composeId as h}from"../../../../utils/helpers/text.js";const f={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},g=e((e=>{let{variant:g=s.default,text:x,hashtag:R,components:j,onClick:E,children:k,inTable:T,className:b="",...v}=e;const C=j?.TextComponent||c,N=m([l.tag,g&&l[g],E&&l.clickable,T&&l["in-table"],b],[l]),{dataProps:w,restProps:y}=u(v),[L,P]=o(!1),U=r(null),$=r(null),[z]=p(50,(t=>{let{width:e,height:o}=t;const r=z.current;r&&P(r.offsetWidth<r.scrollWidth),U.current={width:e,height:o}})),B=a((()=>!!(k||x||y?.iconLeftUrl||y?.iconLeft||y?.iconRightUrl||y?.iconRight)),[k,x,y?.iconLeftUrl,y?.iconLeft,y?.iconRightUrl,y?.iconRight]),A=a((()=>L?{...f,width:`${U?.current?.width}px`,height:`${U?.current?.height}px`}:null),[L,U?.current]);return React.createElement(React.Fragment,null,React.createElement(i,t({id:`${void 0!==v.id&&v.id||x&&h(x)}`,className:N},w,y,{"data-testid":`${w.dataTestId||w["data-testid"]||v.id||x&&h(x)}`,onClick:E}),R&&React.createElement(C,null,"#"),B&&React.createElement(n,t({className:l.text,iconSize:"0.8em"},y,{width:"auto"}),React.createElement("div",{ref:z,className:"text-truncate"},L&&React.createElement(React.Fragment,null,React.createElement("div",{ref:$,style:A}),React.createElement("span",null,k||x)),!L&&(k||x)))),L&&React.createElement(d,{text:x,targetRef:$}))}));g.displayName="Tag";export{g as Tag};
|
|
2
|
+
//# sourceMappingURL=Tag.js.map
|