@oliasoft-open-source/react-ui-library 3.1.8 → 3.1.10
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/global.css +12 -15
- package/dist/index.js +20 -13
- package/package.json +1 -1
package/dist/global.css
CHANGED
|
@@ -16885,22 +16885,22 @@ html[data-theme='dark'] {
|
|
|
16885
16885
|
/*
|
|
16886
16886
|
Z-INDEX
|
|
16887
16887
|
*/
|
|
16888
|
-
.rc-slider .rc-slider-rail {
|
|
16888
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-rail {
|
|
16889
16889
|
background-color: var(--color-border);
|
|
16890
16890
|
}
|
|
16891
|
-
.rc-slider .rc-slider-track {
|
|
16891
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-track {
|
|
16892
16892
|
background-color: var(--color-background-primary);
|
|
16893
16893
|
}
|
|
16894
|
-
.rc-slider .rc-slider-dot {
|
|
16894
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-dot {
|
|
16895
16895
|
border-color: var(--color-border);
|
|
16896
16896
|
}
|
|
16897
|
-
.rc-slider .rc-slider-dot-active {
|
|
16897
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active {
|
|
16898
16898
|
border-color: var(--color-background-primary);
|
|
16899
16899
|
}
|
|
16900
|
-
.rc-slider .rc-slider-handle {
|
|
16900
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
|
|
16901
16901
|
border-color: var(--color-background-primary);
|
|
16902
16902
|
}
|
|
16903
|
-
.rc-slider .rc-slider-handle:focus {
|
|
16903
|
+
.rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
|
|
16904
16904
|
border-color: var(--color-background-primary);
|
|
16905
16905
|
box-shadow: 0 0 0 3px var(--color-background-primary);
|
|
16906
16906
|
}
|
|
@@ -17243,26 +17243,26 @@ html[data-theme='dark'] {
|
|
|
17243
17243
|
/*
|
|
17244
17244
|
Z-INDEX
|
|
17245
17245
|
*/
|
|
17246
|
-
.
|
|
17246
|
+
._container_fdrss_326 {
|
|
17247
17247
|
display: flex;
|
|
17248
17248
|
align-items: center;
|
|
17249
17249
|
min-height: 38px;
|
|
17250
17250
|
}
|
|
17251
|
-
.
|
|
17251
|
+
._container_fdrss_326._hasMarks_fdrss_331 {
|
|
17252
17252
|
padding-bottom: 20px;
|
|
17253
17253
|
}
|
|
17254
|
-
.
|
|
17254
|
+
._container_fdrss_326._vertical_fdrss_334 {
|
|
17255
17255
|
flex-direction: column;
|
|
17256
17256
|
padding-bottom: 0;
|
|
17257
17257
|
}
|
|
17258
|
-
.
|
|
17258
|
+
._container_fdrss_326._vertical_fdrss_334 ._hasArrows_fdrss_338 {
|
|
17259
17259
|
margin-top: 5px;
|
|
17260
17260
|
margin-bottom: 5px;
|
|
17261
17261
|
}
|
|
17262
|
-
.
|
|
17262
|
+
._container_fdrss_326._vertical_fdrss_334 ._button_fdrss_342 svg {
|
|
17263
17263
|
transform: rotate(-90deg);
|
|
17264
17264
|
}
|
|
17265
|
-
.
|
|
17265
|
+
._label_fdrss_345 {
|
|
17266
17266
|
white-space: nowrap;
|
|
17267
17267
|
margin-left: 10px;
|
|
17268
17268
|
line-height: 1;
|
|
@@ -17270,9 +17270,6 @@ html[data-theme='dark'] {
|
|
|
17270
17270
|
text-overflow: ellipsis;
|
|
17271
17271
|
flex-shrink: 0;
|
|
17272
17272
|
}
|
|
17273
|
-
._rcSliderDisabled_wbpz2_353 {
|
|
17274
|
-
background-color: transparent;
|
|
17275
|
-
}
|
|
17276
17273
|
/*
|
|
17277
17274
|
This file has shared variables that are re-used:
|
|
17278
17275
|
- in other LESS files/modules
|
package/dist/index.js
CHANGED
|
@@ -12689,7 +12689,8 @@ const Dialog = ({
|
|
|
12689
12689
|
scroll: scroll3,
|
|
12690
12690
|
width,
|
|
12691
12691
|
height,
|
|
12692
|
-
onClose
|
|
12692
|
+
onClose,
|
|
12693
|
+
testId
|
|
12693
12694
|
} = dialog2;
|
|
12694
12695
|
return /* @__PURE__ */ jsxs("div", {
|
|
12695
12696
|
className: cx(styles$A.dialog, width ? styles$A.inline : null, scroll3 ? styles$A.scroll : null),
|
|
@@ -12697,9 +12698,11 @@ const Dialog = ({
|
|
|
12697
12698
|
width,
|
|
12698
12699
|
height
|
|
12699
12700
|
},
|
|
12701
|
+
"data-testid": testId != null ? testId : null,
|
|
12700
12702
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
12701
12703
|
className: styles$A.header,
|
|
12702
12704
|
children: [/* @__PURE__ */ jsx(Heading$2, {
|
|
12705
|
+
testId: testId && `${testId}-heading`,
|
|
12703
12706
|
top: true,
|
|
12704
12707
|
marginBottom: 0,
|
|
12705
12708
|
children: heading2
|
|
@@ -12710,12 +12713,14 @@ const Dialog = ({
|
|
|
12710
12713
|
})
|
|
12711
12714
|
}) : null]
|
|
12712
12715
|
}), /* @__PURE__ */ jsx("div", {
|
|
12716
|
+
"data-testid": testId && `${testId}-content`,
|
|
12713
12717
|
className: styles$A.content,
|
|
12714
12718
|
style: {
|
|
12715
12719
|
padding: contentPadding2
|
|
12716
12720
|
},
|
|
12717
12721
|
children: convertStringToJsx(content2)
|
|
12718
12722
|
}), footer2 && /* @__PURE__ */ jsx("div", {
|
|
12723
|
+
"data-testid": testId && `${testId}-footer`,
|
|
12719
12724
|
className: styles$A.footer,
|
|
12720
12725
|
children: footer2
|
|
12721
12726
|
})]
|
|
@@ -12730,7 +12735,8 @@ const dialogShape = propTypes$1.exports.shape({
|
|
|
12730
12735
|
height: propTypes$1.exports.string,
|
|
12731
12736
|
bordered: propTypes$1.exports.bool,
|
|
12732
12737
|
onClose: propTypes$1.exports.func,
|
|
12733
|
-
scroll: propTypes$1.exports.bool
|
|
12738
|
+
scroll: propTypes$1.exports.bool,
|
|
12739
|
+
testId: propTypes$1.exports.string
|
|
12734
12740
|
});
|
|
12735
12741
|
Dialog.propTypes = {
|
|
12736
12742
|
dialog: dialogShape.isRequired
|
|
@@ -24888,10 +24894,12 @@ const ListSubheading = forwardRef(({
|
|
|
24888
24894
|
onClick,
|
|
24889
24895
|
title: title2,
|
|
24890
24896
|
name: name2,
|
|
24891
|
-
icon: icon2
|
|
24897
|
+
icon: icon2,
|
|
24898
|
+
testId
|
|
24892
24899
|
} = item2;
|
|
24893
24900
|
return /* @__PURE__ */ jsx("div", {
|
|
24894
24901
|
ref: (el) => listRowRefs ? listRowRefs.current[index2] = el : void 0,
|
|
24902
|
+
"data-testid": testId != null ? testId : null,
|
|
24895
24903
|
className: cx(listStyles.item, listStyles.heading, disabled2 || disabledContext ? listStyles.disabled : "", onClick ? listStyles.action : ""),
|
|
24896
24904
|
onClick: (evt) => {
|
|
24897
24905
|
if (onClick) {
|
|
@@ -24937,7 +24945,8 @@ ListSubheading.propTypes = {
|
|
|
24937
24945
|
expanded: propTypes$1.exports.bool,
|
|
24938
24946
|
name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
|
|
24939
24947
|
onClick: propTypes$1.exports.func,
|
|
24940
|
-
title: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
|
|
24948
|
+
title: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
|
|
24949
|
+
testId: propTypes$1.exports.string
|
|
24941
24950
|
}).isRequired,
|
|
24942
24951
|
index: propTypes$1.exports.number
|
|
24943
24952
|
};
|
|
@@ -34562,21 +34571,19 @@ const SliderTooltip = ({
|
|
|
34562
34571
|
});
|
|
34563
34572
|
};
|
|
34564
34573
|
const rcSlider = "";
|
|
34565
|
-
const container = "
|
|
34566
|
-
const hasMarks = "
|
|
34567
|
-
const vertical = "
|
|
34568
|
-
const hasArrows = "
|
|
34569
|
-
const button$1 = "
|
|
34570
|
-
const label$1 = "
|
|
34571
|
-
const rcSliderDisabled = "_rcSliderDisabled_wbpz2_353";
|
|
34574
|
+
const container = "_container_fdrss_326";
|
|
34575
|
+
const hasMarks = "_hasMarks_fdrss_331";
|
|
34576
|
+
const vertical = "_vertical_fdrss_334";
|
|
34577
|
+
const hasArrows = "_hasArrows_fdrss_338";
|
|
34578
|
+
const button$1 = "_button_fdrss_342";
|
|
34579
|
+
const label$1 = "_label_fdrss_345";
|
|
34572
34580
|
const styles$b = {
|
|
34573
34581
|
container,
|
|
34574
34582
|
hasMarks,
|
|
34575
34583
|
vertical,
|
|
34576
34584
|
hasArrows,
|
|
34577
34585
|
button: button$1,
|
|
34578
|
-
label: label$1
|
|
34579
|
-
rcSliderDisabled
|
|
34586
|
+
label: label$1
|
|
34580
34587
|
};
|
|
34581
34588
|
const formatMarkers = (marks) => {
|
|
34582
34589
|
const formatted = marks.reduce((acc, {
|