@hitachivantara/uikit-react-core 5.27.10 → 5.28.1
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/cjs/components/DatePicker/DatePicker.cjs +6 -2
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/cjs/components/Slider/Slider.cjs +3 -3
- package/dist/cjs/components/Slider/Slider.cjs.map +1 -1
- package/dist/cjs/components/Slider/Slider.styles.cjs.map +1 -1
- package/dist/cjs/components/Slider/base.cjs +4 -7
- package/dist/cjs/components/Slider/base.cjs.map +1 -1
- package/dist/cjs/components/Slider/utils.cjs +14 -13
- package/dist/cjs/components/Slider/utils.cjs.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +7 -3
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/Slider/Slider.js +3 -3
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/Slider/Slider.styles.js.map +1 -1
- package/dist/esm/components/Slider/base.js +4 -7
- package/dist/esm/components/Slider/base.js.map +1 -1
- package/dist/esm/components/Slider/utils.js +14 -13
- package/dist/esm/components/Slider/utils.js.map +1 -1
- package/dist/types/index.d.ts +2 -53
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.cjs","sources":["../../../../src/components/Slider/base.ts"],"sourcesContent":["export default {\n \"& .rc-slider\": {\n position: \"relative\",\n width: \"100%\",\n height: \"14px\",\n padding: \" 5px 0\",\n borderRadius: \"6px\",\n touchAction: \"none\",\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider *\": {\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-rail\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n backgroundColor: \"#e9e9e9\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-track\": {\n position: \"absolute\",\n height: \"4px\",\n backgroundColor: \"#abe2fb\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-handle\": {\n position: \"absolute\",\n width: \"14px\",\n height: \"14px\",\n marginTop: \"-5px\",\n backgroundColor: \"#fff\",\n border: \"solid 2px #96dbfa\",\n borderRadius: \"50%\",\n // cursor: \"pointer\",\n // cursor: \"-webkit-grab\",\n cursor: \"grab\",\n opacity: 0.8,\n touchAction: \"pan-x\",\n },\n \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\":\n {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 0 5px #96dbfa\",\n },\n \"& .rc-slider-handle:focus\": {\n outline: \"none\",\n boxShadow: \"none\",\n },\n \"& .rc-slider-handle:focus-visible\": {\n borderColor: \"#2db7f5\",\n boxShadow: \"0 0 0 3px #96dbfa\",\n },\n \"& .rc-slider-handle-click-focused:focus\": {\n borderColor: \"#96dbfa\",\n boxShadow: \"unset\",\n },\n \"& .rc-slider-handle:hover\": {\n borderColor: \"#57c5f7\",\n },\n \"& .rc-slider-handle:active\": {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 5px #57c5f7\",\n // cursor: \"-webkit-grabbing\",\n cursor: \"grabbing\",\n },\n \"& .rc-slider-mark\": {\n position: \"absolute\",\n top: \"18px\",\n left: 0,\n width: \"100%\",\n fontSize: \"12px\",\n },\n \"& .rc-slider-mark-text\": {\n position: \"absolute\",\n display: \"inline-block\",\n color: \"#999\",\n textAlign: \"center\",\n verticalAlign: \"middle\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-mark-text-active\": {\n color: \"#666\",\n },\n \"& .rc-slider-step\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n background: \"transparent\",\n pointerEvents: \"none\",\n },\n \"& .rc-slider-dot\": {\n position: \"absolute\",\n bottom: \"-2px\",\n width: \"8px\",\n height: \"8px\",\n verticalAlign: \"middle\",\n backgroundColor: \"#fff\",\n border: \"2px solid #e9e9e9\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-dot-active\": {\n borderColor: \"#96dbfa\",\n },\n \"& .rc-slider-dot-reverse\": {\n marginRight: \"-4px\",\n },\n \"& .rc-slider-disabled\": {\n backgroundColor: \"#e9e9e9\",\n },\n \"& .rc-slider-disabled .rc-slider-track\": {\n backgroundColor: \"#ccc\",\n },\n \"& .rc-slider-disabled .rc-slider-handle\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"&.rc-slider-disabled .rc-slider-dot\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"& .rc-slider-disabled .rc-slider-mark-text\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-disabled .rc-slider-dot\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-vertical\": {\n width: \"14px\",\n height: \"100%\",\n padding: \"0 5px\",\n },\n \"& .rc-slider-vertical .rc-slider-rail\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-track\": {\n bottom: 0,\n left: \"5px\",\n width: \"4px\",\n },\n \"& .rc-slider-vertical .rc-slider-handle\": {\n marginTop: 0,\n marginLeft: \"-5px\",\n touchAction: \"pan-y\",\n },\n \"& .rc-slider-vertical .rc-slider-mark\": {\n top: 0,\n left: \"18px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-step\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-dot\": {\n marginLeft: \"-2px\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\":\n {\n animationName: \"rcSliderTooltipZoomDownOut\",\n animationPlayState: \"running\",\n },\n \"&. .rc-slider-tooltip-zoom-down-appear\": {\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip\": {\n position: \"absolute\",\n top: \"-9999px\",\n left: \"-9999px\",\n visibility: \"visible\",\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip *\": {\n boxSizing: \"border-box\",\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip-hidden\": {\n display: \"none\",\n },\n \"& .rc-slider-tooltip-placement-top\": {\n padding: \"4px 0 8px 0\",\n },\n \"& .rc-slider-tooltip-inner\": {\n minWidth: \"24px\",\n height: \"24px\",\n padding: \"6px 2px\",\n color: \"#fff\",\n fontSize: \"12px\",\n lineHeight: 1,\n textAlign: \"center\",\n textDecoration: \"none\",\n backgroundColor: \"#6c6c6c\",\n borderRadius: \"6px\",\n boxShadow: \"0 0 4px #d9d9d9\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n position: \"absolute\",\n width: 0,\n height: 0,\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n },\n \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n bottom: \"4px\",\n left: \"50%\",\n marginLeft: \"-4px\",\n borderWidth: \"4px 4px 0\",\n borderTopColor: \"#6c6c6c\",\n },\n};\n"],"names":["position","width","height","padding","borderRadius","touchAction","boxSizing","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"base.cjs","sources":["../../../../src/components/Slider/base.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/serialize\";\n\nexport default {\n \"& .rc-slider\": {\n position: \"relative\",\n width: \"100%\",\n height: \"14px\",\n padding: \" 5px 0\",\n borderRadius: \"6px\",\n touchAction: \"none\",\n boxSizing: \"border-box\",\n WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider *\": {\n boxSizing: \"border-box\",\n WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-rail\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n backgroundColor: \"#e9e9e9\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-track\": {\n position: \"absolute\",\n height: \"4px\",\n backgroundColor: \"#abe2fb\",\n borderRadius: \"6px\",\n },\n \"& .rc-slider-handle\": {\n position: \"absolute\",\n width: \"14px\",\n height: \"14px\",\n marginTop: \"-5px\",\n backgroundColor: \"#fff\",\n border: \"solid 2px #96dbfa\",\n borderRadius: \"50%\",\n cursor: \"grab\",\n opacity: 0.8,\n touchAction: \"pan-x\",\n },\n \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\":\n {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 0 5px #96dbfa\",\n },\n \"& .rc-slider-handle:focus\": {\n outline: \"none\",\n boxShadow: \"none\",\n },\n \"& .rc-slider-handle:focus-visible\": {\n borderColor: \"#2db7f5\",\n boxShadow: \"0 0 0 3px #96dbfa\",\n },\n \"& .rc-slider-handle-click-focused:focus\": {\n borderColor: \"#96dbfa\",\n boxShadow: \"unset\",\n },\n \"& .rc-slider-handle:hover\": {\n borderColor: \"#57c5f7\",\n },\n \"& .rc-slider-handle:active\": {\n borderColor: \"#57c5f7\",\n boxShadow: \"0 0 5px #57c5f7\",\n cursor: \"grabbing\",\n },\n \"& .rc-slider-mark\": {\n position: \"absolute\",\n top: \"18px\",\n left: 0,\n width: \"100%\",\n fontSize: \"12px\",\n },\n \"& .rc-slider-mark-text\": {\n position: \"absolute\",\n display: \"inline-block\",\n color: \"#999\",\n textAlign: \"center\",\n verticalAlign: \"middle\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-mark-text-active\": {\n color: \"#666\",\n },\n \"& .rc-slider-step\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"4px\",\n background: \"transparent\",\n pointerEvents: \"none\",\n },\n \"& .rc-slider-dot\": {\n position: \"absolute\",\n bottom: \"-2px\",\n width: \"8px\",\n height: \"8px\",\n verticalAlign: \"middle\",\n backgroundColor: \"#fff\",\n border: \"2px solid #e9e9e9\",\n borderRadius: \"50%\",\n cursor: \"pointer\",\n },\n \"& .rc-slider-dot-active\": {\n borderColor: \"#96dbfa\",\n },\n \"& .rc-slider-dot-reverse\": {\n marginRight: \"-4px\",\n },\n \"& .rc-slider-disabled\": {\n backgroundColor: \"#e9e9e9\",\n },\n \"& .rc-slider-disabled .rc-slider-track\": {\n backgroundColor: \"#ccc\",\n },\n \"& .rc-slider-disabled .rc-slider-handle\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"&.rc-slider-disabled .rc-slider-dot\": {\n backgroundColor: \"#fff\",\n borderColor: \"#ccc\",\n boxShadow: \"none\",\n cursor: \"not-allowed\",\n },\n \"& .rc-slider-disabled .rc-slider-mark-text\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-disabled .rc-slider-dot\": {\n cursor: \"not-allowed !important\",\n },\n \"& .rc-slider-vertical\": {\n width: \"14px\",\n height: \"100%\",\n padding: \"0 5px\",\n },\n \"& .rc-slider-vertical .rc-slider-rail\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-track\": {\n bottom: 0,\n left: \"5px\",\n width: \"4px\",\n },\n \"& .rc-slider-vertical .rc-slider-handle\": {\n marginTop: 0,\n marginLeft: \"-5px\",\n touchAction: \"pan-y\",\n },\n \"& .rc-slider-vertical .rc-slider-mark\": {\n top: 0,\n left: \"18px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-step\": {\n width: \"4px\",\n height: \"100%\",\n },\n \"& .rc-slider-vertical .rc-slider-dot\": {\n marginLeft: \"-2px\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave\": {\n display: \"block !important\",\n animationDuration: \"0.3s\",\n animationFillMode: \"both\",\n animationPlayState: \"paused\",\n animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n },\n \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\":\n {\n animationName: \"rcSliderTooltipZoomDownIn\",\n animationPlayState: \"running\",\n },\n \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\":\n {\n animationName: \"rcSliderTooltipZoomDownOut\",\n animationPlayState: \"running\",\n },\n \"&. .rc-slider-tooltip-zoom-down-appear\": {\n transform: \"scale(0, 0)\",\n animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n },\n \"& .rc-slider-tooltip\": {\n position: \"absolute\",\n top: \"-9999px\",\n left: \"-9999px\",\n visibility: \"visible\",\n boxSizing: \"border-box\",\n WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip *\": {\n boxSizing: \"border-box\",\n WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n },\n \"& .rc-slider-tooltip-hidden\": {\n display: \"none\",\n },\n \"& .rc-slider-tooltip-placement-top\": {\n padding: \"4px 0 8px 0\",\n },\n \"& .rc-slider-tooltip-inner\": {\n minWidth: \"24px\",\n height: \"24px\",\n padding: \"6px 2px\",\n color: \"#fff\",\n fontSize: \"12px\",\n lineHeight: 1,\n textAlign: \"center\",\n textDecoration: \"none\",\n backgroundColor: \"#6c6c6c\",\n borderRadius: \"6px\",\n boxShadow: \"0 0 4px #d9d9d9\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n position: \"absolute\",\n width: 0,\n height: 0,\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n },\n \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n bottom: \"4px\",\n left: \"50%\",\n marginLeft: \"-4px\",\n borderWidth: \"4px 4px 0\",\n borderTopColor: \"#6c6c6c\",\n },\n} satisfies CSSInterpolation;\n"],"names":["position","width","height","padding","borderRadius","touchAction","boxSizing","WebkitTapHighlightColor","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
4
4
|
const validationStates = require("../Forms/FormElement/validationStates.cjs");
|
|
5
|
+
const Slider_styles = require("./Slider.styles.cjs");
|
|
5
6
|
const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
|
|
6
7
|
const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
|
|
7
8
|
const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
|
|
@@ -19,7 +20,7 @@ const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) =>
|
|
|
19
20
|
return knobsValues;
|
|
20
21
|
};
|
|
21
22
|
const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
|
|
22
|
-
const createMark = (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, disabled,
|
|
23
|
+
const createMark = (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, disabled, formatMark = (mark) => mark) => {
|
|
23
24
|
const marks = {};
|
|
24
25
|
if (markProperties.length > 0) {
|
|
25
26
|
markProperties.forEach((markProperty) => {
|
|
@@ -27,12 +28,12 @@ const createMark = (markProperties, markstep, divisionQuantity, minPointValue, s
|
|
|
27
28
|
marks[markProperty.position] = disabled ? {
|
|
28
29
|
label: `${markProperty.label}`,
|
|
29
30
|
style: {
|
|
30
|
-
...
|
|
31
|
+
...Slider_styles.sliderStyles.disabledMark
|
|
31
32
|
}
|
|
32
33
|
} : {
|
|
33
34
|
label: `${markProperty.label}`,
|
|
34
35
|
style: {
|
|
35
|
-
...
|
|
36
|
+
...Slider_styles.sliderStyles.mark
|
|
36
37
|
}
|
|
37
38
|
};
|
|
38
39
|
}
|
|
@@ -45,24 +46,24 @@ const createMark = (markProperties, markstep, divisionQuantity, minPointValue, s
|
|
|
45
46
|
marks[index] = disabled ? {
|
|
46
47
|
label: `${labelValue}`,
|
|
47
48
|
style: {
|
|
48
|
-
...
|
|
49
|
+
...Slider_styles.sliderStyles.disabledMark
|
|
49
50
|
}
|
|
50
51
|
} : {
|
|
51
52
|
label: `${labelValue}`,
|
|
52
53
|
style: {
|
|
53
|
-
...
|
|
54
|
+
...Slider_styles.sliderStyles.mark
|
|
54
55
|
}
|
|
55
56
|
};
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
return marks;
|
|
59
60
|
};
|
|
60
|
-
const createTrackStyles = (knobProperties
|
|
61
|
+
const createTrackStyles = (knobProperties) => {
|
|
61
62
|
const trackStyles = [];
|
|
62
63
|
if (knobProperties.length > 0) {
|
|
63
64
|
knobProperties.forEach((knobProperty, index) => {
|
|
64
65
|
trackStyles[index] = {
|
|
65
|
-
...
|
|
66
|
+
...Slider_styles.sliderStyles.track
|
|
66
67
|
};
|
|
67
68
|
if (knobProperty.color) {
|
|
68
69
|
trackStyles[index].backgroundColor = knobProperty.trackColor;
|
|
@@ -71,31 +72,31 @@ const createTrackStyles = (knobProperties, styles) => {
|
|
|
71
72
|
}
|
|
72
73
|
return trackStyles;
|
|
73
74
|
};
|
|
74
|
-
const createKnobStyles = (knobProperties
|
|
75
|
+
const createKnobStyles = (knobProperties) => {
|
|
75
76
|
const knobInner = [];
|
|
76
77
|
const knobOuterStyle = [];
|
|
77
78
|
const lastItem = knobProperties.length - 1;
|
|
78
79
|
if (knobProperties.length > 0) {
|
|
79
80
|
knobProperties.forEach((knobProperty, index) => {
|
|
80
81
|
knobInner[index] = {
|
|
81
|
-
...
|
|
82
|
+
...Slider_styles.sliderStyles.knobInner
|
|
82
83
|
};
|
|
83
84
|
knobOuterStyle[index] = {
|
|
84
|
-
...
|
|
85
|
+
...Slider_styles.sliderStyles.knobOuter
|
|
85
86
|
};
|
|
86
87
|
if (knobProperty.color) {
|
|
87
88
|
knobInner[index].backgroundColor = knobProperty.color;
|
|
88
89
|
knobOuterStyle[index].backgroundColor = "transparent";
|
|
89
90
|
}
|
|
90
91
|
if (knobProperty.hidden) {
|
|
91
|
-
knobInner[index] =
|
|
92
|
+
knobInner[index] = Slider_styles.sliderStyles.knobHidden;
|
|
92
93
|
if (index === lastItem) {
|
|
93
94
|
knobInner[index] = {
|
|
94
|
-
...
|
|
95
|
+
...Slider_styles.sliderStyles.knobHiddenLast
|
|
95
96
|
};
|
|
96
97
|
knobInner[index].backgroundColor = knobProperty.color;
|
|
97
98
|
knobOuterStyle[index] = {
|
|
98
|
-
...
|
|
99
|
+
...Slider_styles.sliderStyles.knobHidden
|
|
99
100
|
};
|
|
100
101
|
knobOuterStyle[index].backgroundColor = knobProperty.color;
|
|
101
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"@core/components/Forms\";\n\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\nimport { SliderStyles } from \"./Slider.styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n sliderValue: number,\n minPointValue: number,\n stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n scaledValue: number | undefined,\n minPointValue: number,\n inverseStepValue: number\n): number =>\n typeof scaledValue === \"number\"\n ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n values: (number | undefined)[],\n inverseStepValue: number,\n minPointValue: number\n): number[] => {\n const knobsPositions: number[] = [];\n\n values.forEach((value, index) => {\n knobsPositions[index] = scaledValueToKnobsPositionValue(\n value,\n minPointValue,\n inverseStepValue\n );\n });\n\n return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n knobPositions: number[],\n stepValue: number,\n minPointValue: number\n): number[] => {\n const knobsValues: number[] = [];\n\n knobPositions.forEach((value, index) => {\n knobsValues[index] = knobsPositionToScaledValue(\n value,\n minPointValue,\n stepValue\n );\n });\n\n return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n maxPointValue: number,\n minPointValue: number,\n divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n markProperties: HvMarkProperty[],\n markstep: number,\n divisionQuantity: number,\n minPointValue: number,\n stepValue: number,\n markDigits: number,\n disabled: boolean,\n styles: SliderStyles,\n formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n} => {\n const marks: {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n } = {};\n\n if (markProperties.length > 0) {\n markProperties.forEach((markProperty) => {\n if (typeof markProperty.position === \"number\") {\n marks[markProperty.position] = disabled\n ? {\n label: `${markProperty.label}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${markProperty.label}`,\n style: {\n ...styles.mark,\n },\n };\n }\n });\n } else {\n const roundedMarkStep = Math.floor(markstep);\n\n for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n let labelValue: React.ReactNode = knobsPositionToScaledValue(\n index,\n minPointValue,\n stepValue\n ).toFixed(markDigits);\n\n labelValue = formatMark?.(labelValue) || labelValue;\n\n marks[index] = disabled\n ? {\n label: `${labelValue}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${labelValue}`,\n style: {\n ...styles.mark,\n },\n };\n }\n }\n\n return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n knobProperties: HvKnobProperty[],\n styles: SliderStyles\n): CSSProperties[] => {\n const trackStyles: CSSProperties[] = [];\n\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n trackStyles[index] = { ...styles.track };\n if (knobProperty.color) {\n trackStyles[index].backgroundColor = knobProperty.trackColor;\n }\n });\n }\n\n return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n knobProperties: HvKnobProperty[],\n styles: SliderStyles\n): {\n knobInner: CSSProperties[];\n knobOuterStyle: CSSProperties[];\n} => {\n const knobInner: CSSProperties[] = [];\n const knobOuterStyle: CSSProperties[] = [];\n\n const lastItem = knobProperties.length - 1;\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n knobInner[index] = { ...styles.knobInner };\n knobOuterStyle[index] = { ...styles.knobOuter };\n\n if (knobProperty.color) {\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index].backgroundColor = \"transparent\";\n }\n\n if (knobProperty.hidden) {\n knobInner[index] = styles.knobHidden;\n if (index === lastItem) {\n knobInner[index] = { ...styles.knobHiddenLast };\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index] = { ...styles.knobHidden };\n knobOuterStyle[index].backgroundColor = knobProperty.color;\n }\n }\n });\n }\n\n return {\n knobInner,\n knobOuterStyle,\n };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n values: number[],\n defaultValues: (number | undefined)[]\n): boolean => {\n if (!(values?.length > 1)) {\n return defaultValues.length === 1;\n }\n return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n numberOfKnobs: number = 1,\n disabled: boolean = false,\n knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n let knobProperties = knobPropertiesProp || [];\n\n const defaultKnobStyles = {\n color: theme.colors.secondary,\n hoverColor: theme.colors.secondary,\n trackColor: theme.colors.secondary,\n dragColor: theme.colors.secondary,\n knobRingColor: theme.colors.atmo1,\n };\n\n const disabledKnobStyles = {\n color: theme.colors.secondary_60,\n hoverColor: theme.colors.secondary_60,\n trackColor: theme.colors.secondary_60,\n dragColor: theme.colors.secondary_60,\n knobRingColor: theme.colors.secondary_60,\n };\n\n if (knobProperties.length > 0) {\n knobProperties = knobProperties.slice(0, numberOfKnobs);\n knobProperties = knobProperties.map((knobProperty) => {\n if (!disabled) {\n return {\n ...disabledKnobStyles,\n ...knobProperty,\n };\n }\n return {\n ...defaultKnobStyles,\n ...knobProperty,\n };\n });\n } else {\n for (let i = 0; i < numberOfKnobs; i += 1) {\n if (!disabled) knobProperties.push(defaultKnobStyles);\n if (disabled) knobProperties.push(disabledKnobStyles);\n }\n }\n\n return knobProperties;\n};\n\nconst pushSlider = (\n index: number,\n inputIndex: number,\n inputValue: number\n): number => {\n const difference = index - inputIndex;\n\n return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n knobPositions: number[],\n inputIndex: number\n): number[] => {\n const newKnobsPosition: number[] = [...knobPositions];\n\n newKnobsPosition.forEach((value, index) => {\n if (Number.isNaN(value) || value == null) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n }\n });\n\n return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n length: number,\n status?: HvFormStatus | HvFormStatus[]\n): {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n const result: {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n } = {\n arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n };\n\n if (status == null) {\n return result;\n }\n if (!Array.isArray(status)) {\n result.arrayStatus = Array.from({ length }, () => status);\n return result;\n }\n result.arrayStatus = status;\n\n return result;\n};\n\nexport const statusArrayToFormStatus = (\n arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n const invalid = arrayStatus.some(\n (status) => status === validationStates.invalid\n );\n\n if (invalid) return validationStates.invalid;\n\n const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n if (valid) return validationStates.valid;\n\n return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n knobsValues: number[],\n markDigits: number\n): string[] =>\n knobsValues.map((knobValue) =>\n Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["knobsPositionToScaledValue","sliderValue","minPointValue","stepValue","scaledValueToKnobsPositionValue","scaledValue","inverseStepValue","Math","floor","NaN","knobsValuesToKnobsPositions","values","knobsPositions","forEach","value","index","knobsPositionsToKnobsValues","knobPositions","knobsValues","calculateStepValue","maxPointValue","divisionQuantity","abs","createMark","markProperties","markstep","markDigits","disabled","styles","formatMark","mark","marks","length","markProperty","position","label","style","disabledMark","roundedMarkStep","labelValue","toFixed","createTrackStyles","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","createKnobStyles","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","isSingleSlider","defaultValues","generateDefaultKnobProperties","numberOfKnobs","knobPropertiesProp","defaultKnobStyles","theme","colors","secondary","hoverColor","dragColor","knobRingColor","atmo1","disabledKnobStyles","secondary_60","slice","map","i","push","pushSlider","inputIndex","inputValue","difference","ensureValuesConsistency","newKnobsPosition","Number","isNaN","convertStatusToArray","status","result","arrayDefaultStatus","Array","from","validationStates","standBy","isArray","arrayStatus","statusArrayToFormStatus","invalid","some","valid","knobsValuesToString","knobValue","stringValuesToKnobs","inputsValues","parseFloat"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"@core/components/Forms\";\n\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\nimport { sliderStyles as styles } from \"./Slider.styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n sliderValue: number,\n minPointValue: number,\n stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n scaledValue: number | undefined,\n minPointValue: number,\n inverseStepValue: number\n): number =>\n typeof scaledValue === \"number\"\n ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n values: (number | undefined)[],\n inverseStepValue: number,\n minPointValue: number\n): number[] => {\n const knobsPositions: number[] = [];\n\n values.forEach((value, index) => {\n knobsPositions[index] = scaledValueToKnobsPositionValue(\n value,\n minPointValue,\n inverseStepValue\n );\n });\n\n return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n knobPositions: number[],\n stepValue: number,\n minPointValue: number\n): number[] => {\n const knobsValues: number[] = [];\n\n knobPositions.forEach((value, index) => {\n knobsValues[index] = knobsPositionToScaledValue(\n value,\n minPointValue,\n stepValue\n );\n });\n\n return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n maxPointValue: number,\n minPointValue: number,\n divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n markProperties: HvMarkProperty[],\n markstep: number,\n divisionQuantity: number,\n minPointValue: number,\n stepValue: number,\n markDigits: number,\n disabled: boolean,\n formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n} => {\n const marks: {\n [key: number]: {\n label: string;\n style: CSSProperties;\n };\n } = {};\n\n if (markProperties.length > 0) {\n markProperties.forEach((markProperty) => {\n if (typeof markProperty.position === \"number\") {\n marks[markProperty.position] = disabled\n ? {\n label: `${markProperty.label}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${markProperty.label}`,\n style: {\n ...styles.mark,\n },\n };\n }\n });\n } else {\n const roundedMarkStep = Math.floor(markstep);\n\n for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n let labelValue: React.ReactNode = knobsPositionToScaledValue(\n index,\n minPointValue,\n stepValue\n ).toFixed(markDigits);\n\n labelValue = formatMark?.(labelValue) || labelValue;\n\n marks[index] = disabled\n ? {\n label: `${labelValue}`,\n style: {\n ...styles.disabledMark,\n },\n }\n : {\n label: `${labelValue}`,\n style: {\n ...styles.mark,\n },\n };\n }\n }\n\n return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n knobProperties: HvKnobProperty[]\n): CSSProperties[] => {\n const trackStyles: CSSProperties[] = [];\n\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n trackStyles[index] = { ...styles.track };\n if (knobProperty.color) {\n trackStyles[index].backgroundColor = knobProperty.trackColor;\n }\n });\n }\n\n return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n knobProperties: HvKnobProperty[]\n): {\n knobInner: CSSProperties[];\n knobOuterStyle: CSSProperties[];\n} => {\n const knobInner: CSSProperties[] = [];\n const knobOuterStyle: CSSProperties[] = [];\n\n const lastItem = knobProperties.length - 1;\n if (knobProperties.length > 0) {\n knobProperties.forEach((knobProperty, index) => {\n knobInner[index] = { ...styles.knobInner };\n knobOuterStyle[index] = { ...styles.knobOuter };\n\n if (knobProperty.color) {\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index].backgroundColor = \"transparent\";\n }\n\n if (knobProperty.hidden) {\n knobInner[index] = styles.knobHidden;\n if (index === lastItem) {\n knobInner[index] = { ...styles.knobHiddenLast };\n knobInner[index].backgroundColor = knobProperty.color;\n knobOuterStyle[index] = { ...styles.knobHidden };\n knobOuterStyle[index].backgroundColor = knobProperty.color;\n }\n }\n });\n }\n\n return {\n knobInner,\n knobOuterStyle,\n };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n values: number[],\n defaultValues: (number | undefined)[]\n): boolean => {\n if (!(values?.length > 1)) {\n return defaultValues.length === 1;\n }\n return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n numberOfKnobs: number = 1,\n disabled: boolean = false,\n knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n let knobProperties = knobPropertiesProp || [];\n\n const defaultKnobStyles = {\n color: theme.colors.secondary,\n hoverColor: theme.colors.secondary,\n trackColor: theme.colors.secondary,\n dragColor: theme.colors.secondary,\n knobRingColor: theme.colors.atmo1,\n };\n\n const disabledKnobStyles = {\n color: theme.colors.secondary_60,\n hoverColor: theme.colors.secondary_60,\n trackColor: theme.colors.secondary_60,\n dragColor: theme.colors.secondary_60,\n knobRingColor: theme.colors.secondary_60,\n };\n\n if (knobProperties.length > 0) {\n knobProperties = knobProperties.slice(0, numberOfKnobs);\n knobProperties = knobProperties.map((knobProperty) => {\n if (!disabled) {\n return {\n ...disabledKnobStyles,\n ...knobProperty,\n };\n }\n return {\n ...defaultKnobStyles,\n ...knobProperty,\n };\n });\n } else {\n for (let i = 0; i < numberOfKnobs; i += 1) {\n if (!disabled) knobProperties.push(defaultKnobStyles);\n if (disabled) knobProperties.push(disabledKnobStyles);\n }\n }\n\n return knobProperties;\n};\n\nconst pushSlider = (\n index: number,\n inputIndex: number,\n inputValue: number\n): number => {\n const difference = index - inputIndex;\n\n return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n knobPositions: number[],\n inputIndex: number\n): number[] => {\n const newKnobsPosition: number[] = [...knobPositions];\n\n newKnobsPosition.forEach((value, index) => {\n if (Number.isNaN(value) || value == null) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n newKnobsPosition[index] = pushSlider(\n index,\n inputIndex,\n newKnobsPosition[inputIndex]\n );\n }\n });\n\n return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n length: number,\n status?: HvFormStatus | HvFormStatus[]\n): {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n const result: {\n arrayStatus?: HvFormStatus[];\n arrayDefaultStatus: (keyof typeof validationStates)[];\n } = {\n arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n };\n\n if (status == null) {\n return result;\n }\n if (!Array.isArray(status)) {\n result.arrayStatus = Array.from({ length }, () => status);\n return result;\n }\n result.arrayStatus = status;\n\n return result;\n};\n\nexport const statusArrayToFormStatus = (\n arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n const invalid = arrayStatus.some(\n (status) => status === validationStates.invalid\n );\n\n if (invalid) return validationStates.invalid;\n\n const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n if (valid) return validationStates.valid;\n\n return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n knobsValues: number[],\n markDigits: number\n): string[] =>\n knobsValues.map((knobValue) =>\n Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["knobsPositionToScaledValue","sliderValue","minPointValue","stepValue","scaledValueToKnobsPositionValue","scaledValue","inverseStepValue","Math","floor","NaN","knobsValuesToKnobsPositions","values","knobsPositions","forEach","value","index","knobsPositionsToKnobsValues","knobPositions","knobsValues","calculateStepValue","maxPointValue","divisionQuantity","abs","createMark","markProperties","markstep","markDigits","disabled","formatMark","mark","marks","length","markProperty","position","label","style","styles","disabledMark","roundedMarkStep","labelValue","toFixed","createTrackStyles","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","createKnobStyles","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","isSingleSlider","defaultValues","generateDefaultKnobProperties","numberOfKnobs","knobPropertiesProp","defaultKnobStyles","theme","colors","secondary","hoverColor","dragColor","knobRingColor","atmo1","disabledKnobStyles","secondary_60","slice","map","i","push","pushSlider","inputIndex","inputValue","difference","ensureValuesConsistency","newKnobsPosition","Number","isNaN","convertStatusToArray","status","result","arrayDefaultStatus","Array","from","validationStates","standBy","isArray","arrayStatus","statusArrayToFormStatus","invalid","some","valid","knobsValuesToString","knobValue","stringValuesToKnobs","inputsValues","parseFloat"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
|
-
import {
|
|
3
|
+
import { useRef, useEffect } from "react";
|
|
4
4
|
import { useDefaultProps } from "../../hooks/useDefaultProps.js";
|
|
5
5
|
import { Calendar } from "@hitachivantara/uikit-react-icons";
|
|
6
6
|
import { theme } from "@hitachivantara/uikit-styles";
|
|
@@ -56,6 +56,9 @@ const HvDatePicker = (props) => {
|
|
|
56
56
|
value,
|
|
57
57
|
startValue,
|
|
58
58
|
endValue,
|
|
59
|
+
expanded,
|
|
60
|
+
defaultExpanded,
|
|
61
|
+
onToggle,
|
|
59
62
|
rangeMode = false,
|
|
60
63
|
startAdornment,
|
|
61
64
|
horizontalPlacement = "right",
|
|
@@ -77,7 +80,7 @@ const HvDatePicker = (props) => {
|
|
|
77
80
|
const [validationState, setValidationState] = useControlled(status, "standBy");
|
|
78
81
|
const [validationMessage] = useControlled(statusMessage, "Required");
|
|
79
82
|
const locale = localeProp || "en-US";
|
|
80
|
-
const [calendarOpen, setCalendarOpen] =
|
|
83
|
+
const [calendarOpen, setCalendarOpen] = useControlled(expanded, Boolean(defaultExpanded));
|
|
81
84
|
const [startDate, setStartDate, rollbackStartDate] = useSavedState(rangeMode ? startValue : value);
|
|
82
85
|
const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);
|
|
83
86
|
const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);
|
|
@@ -145,6 +148,7 @@ const HvDatePicker = (props) => {
|
|
|
145
148
|
const handleToggle = (evt, open) => {
|
|
146
149
|
if (evt === null)
|
|
147
150
|
return;
|
|
151
|
+
onToggle == null ? void 0 : onToggle(evt, open);
|
|
148
152
|
setCalendarOpen(open);
|
|
149
153
|
if (!open)
|
|
150
154
|
handleCalendarClose();
|
|
@@ -214,7 +218,7 @@ const HvDatePicker = (props) => {
|
|
|
214
218
|
label: "StyledTypography"
|
|
215
219
|
})({
|
|
216
220
|
color: dateString ? theme.colors.secondary : theme.datePicker.dropdownPlaceholderColor
|
|
217
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1ZDZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZVJlZiwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VEZWZhdWx0UHJvcHMgfSBmcm9tIFwiQGNvcmUvaG9va3MvdXNlRGVmYXVsdFByb3BzXCI7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBDYWxlbmRhciB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdXNlQ29udHJvbGxlZCB9IGZyb20gXCJAY29yZS9ob29rcy91c2VDb250cm9sbGVkXCI7XG5pbXBvcnQgeyB1c2VVbmlxdWVJZCB9IGZyb20gXCJAY29yZS9ob29rcy91c2VVbmlxdWVJZFwiO1xuaW1wb3J0IHsgdXNlTGFiZWxzIH0gZnJvbSBcIkBjb3JlL2hvb2tzL3VzZUxhYmVsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzL2dlbmVyaWNcIjtcbmltcG9ydCB7IEV4dHJhY3ROYW1lcyB9IGZyb20gXCJAY29yZS91dGlscy9jbGFzc2VzXCI7XG5pbXBvcnQgeyBzZXRJZCB9IGZyb20gXCJAY29yZS91dGlscy9zZXRJZFwiO1xuaW1wb3J0IHsgdXNlU2F2ZWRTdGF0ZSB9IGZyb20gXCJAY29yZS91dGlscy91c2VTYXZlZFN0YXRlXCI7XG5pbXBvcnQge1xuICBpc0ludmFsaWQsXG4gIEh2TGFiZWwsXG4gIEh2Rm9ybVN0YXR1cyxcbiAgSHZXYXJuaW5nVGV4dCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IGlzRGF0ZSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0NhbGVuZGFyL3V0aWxzXCI7XG5pbXBvcnQgeyBIdkNhbGVuZGFyLCBIdkNhbGVuZGFyUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9DYWxlbmRhclwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2QmFzZURyb3Bkb3duUHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Jhc2VEcm9wZG93blwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25CYXIgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9BY3Rpb25CYXJcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQnV0dG9uXCI7XG5cbmltcG9ydCB7IGdldERhdGVMYWJlbCB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgdXNlVmlzaWJsZURhdGUgZnJvbSBcIi4vdXNlVmlzaWJsZURhdGVcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9EYXRlUGlja2VyLnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIGRhdGVQaWNrZXJDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2RGF0ZVBpY2tlckNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5jb25zdCBERUZBVUxUX0xBQkVMUyA9IHtcbiAgYXBwbHlMYWJlbDogXCJBcHBseVwiLFxuICBjYW5jZWxMYWJlbDogXCJDYW5jZWxcIixcbiAgY2xlYXJMYWJlbDogXCJDbGVhclwiLFxuICBpbnZhbGlkTGFiZWw6IFwiSW52YWxpZCBkYXRlXCIsXG59O1xuXG4vKiogQGRlcHJlY2F0ZWQgdXNlIGBIdkZvcm1TdGF0dXNgIGluc3RlYWQgKi9cbmV4cG9ydCB0eXBlIEh2RGF0ZVBpY2tlclN0YXR1cyA9IEh2Rm9ybVN0YXR1cztcblxuZXhwb3J0IGludGVyZmFjZSBIdkRhdGVQaWNrZXJQcm9wc1xuICBleHRlbmRzIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCBcIm9uQ2hhbmdlXCI+IHtcbiAgLyoqXG4gICAqIFRoZSBmb3JtIGVsZW1lbnQgbmFtZS5cbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIGZvcm0gZWxlbWVudC5cbiAgICpcbiAgICogVGhlIGZvcm0gZWxlbWVudCBtdXN0IGJlIGxhYmVsZWQgZm9yIGFjY2Vzc2liaWxpdHkgcmVhc29ucy5cbiAgICogSWYgbm90IHByb3ZpZGVkLCBhbiBhcmlhLWxhYmVsIG9yIGFyaWEtbGFiZWxsZWRieSBtdXN0IGJlIHByb3ZpZGVkIGluc3RlYWQuXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFByb3ZpZGUgYWRkaXRpb25hbCBkZXNjcmlwdGl2ZSB0ZXh0IGZvciB0aGUgZm9ybSBlbGVtZW50LlxuICAgKi9cbiAgZGVzY3JpcHRpb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgcGxhY2Vob2xkZXIgdmFsdWUgd2hlbiBub3RoaW5nIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgZm9ybSBlbGVtZW50IGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdXNlciBpbnB1dCBpcyByZXF1aXJlZCBvbiB0aGUgZm9ybSBlbGVtZW50LlxuICAgKi9cbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHN0YXR1cyBvZiB0aGUgZm9ybSBlbGVtZW50LlxuICAgKlxuICAgKiBWYWxpZCBpcyBjb3JyZWN0LCBpbnZhbGlkIGlzIGluY29ycmVjdCBhbmQgc3RhbmRCeSBtZWFucyBubyB2YWxpZGF0aW9ucyBoYXZlIHJ1bi5cbiAgICpcbiAgICogV2hlbiB1bmNvbnRyb2xsZWQgYW5kIHVuc3BlY2lmaWVkIGl0IHdpbGwgZGVmYXVsdCB0byBcInN0YW5kQnlcIiBhbmQgY2hhbmdlIHRvIGVpdGhlciBcInZhbGlkXCJcbiAgICogb3IgXCJpbnZhbGlkXCIgYWZ0ZXIgYW55IGNoYW5nZSB0byB0aGUgc3RhdGUuXG4gICAqL1xuICBzdGF0dXM/OiBIdkZvcm1TdGF0dXM7XG4gIC8qKlxuICAgKiBUaGUgZXJyb3IgbWVzc2FnZSB0byBzaG93IHdoZW4gdGhlIHZhbGlkYXRpb24gc3RhdHVzIGlzIFwiaW52YWxpZFwiLlxuICAgKlxuICAgKiBEZWZhdWx0cyB0byBcIlJlcXVpcmVkXCIgd2hlbiB0aGUgc3RhdHVzIGlzIHVuY29udHJvbGxlZCBhbmQgbm8gYGFyaWEtZXJyb3JtZXNzYWdlYCBpcyBwcm92aWRlZC5cbiAgICovXG4gIHN0YXR1c01lc3NhZ2U/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJZGVudGlmaWVzIHRoZSBlbGVtZW50IHRoYXQgcHJvdmlkZXMgYW4gZXJyb3IgbWVzc2FnZSBmb3IgdGhlIGRhdGUgcGlja2VyLlxuICAgKlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCB3aGVuIHRoZSB2YWxpZGF0aW9uIHN0YXR1cyBpcyBpbnZhbGlkLlxuICAgKi9cbiAgXCJhcmlhLWVycm9ybWVzc2FnZVwiPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGNhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIHZhbHVlIGNoYW5nZXMuXG4gICAqL1xuICBvbkNoYW5nZT86IChkYXRlPzogRGF0ZSwgZW5kRGF0ZT86IERhdGUpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgY2FsbGJhY2sgZmlyZWQgd2hlbiB1c2VyIGNsaWNrcyBvbiBjYW5jZWwuXG4gICAqL1xuICBvbkNhbmNlbD86ICgpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUaGUgY2FsbGJhY2sgZmlyZWQgd2hlbiB1c2VyIGNsaWNrcyBvbiBjbGVhci5cbiAgICovXG4gIG9uQ2xlYXI/OiAoKSA9PiB2b2lkO1xuICAvKipcbiAgICogQW4gb2JqZWN0IGNvbnRhaW5pbmcgYWxsIHRoZSBsYWJlbHMgZm9yIHRoZSBkYXRlcGlja2VyLlxuICAgKi9cbiAgbGFiZWxzPzoge1xuICAgIC8qKlxuICAgICAqIEFwcGx5IGJ1dHRvbiBsYWJlbC5cbiAgICAgKi9cbiAgICBhcHBseUxhYmVsPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIENhbmNlbCBidXR0b24gbGFiZWwuXG4gICAgICovXG4gICAgY2FuY2VsTGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogQ2xlYXIgYnV0dG9uIGxhYmVsLlxuICAgICAqL1xuICAgIGNsZWFyTGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogSW52YWxpZCBEYXRlIGxhYmVsLlxuICAgICAqL1xuICAgIGludmFsaWREYXRlTGFiZWw/OiBzdHJpbmc7XG4gIH07XG4gIC8qKlxuICAgKiBUaGUgaW5pdGlhbCB2YWx1ZSBvZiB0aGUgaW5wdXQgd2hlbiBpbiBzaW5nbGUgY2FsZW5kYXIgbW9kZS5cbiAgICovXG4gIHZhbHVlPzogRGF0ZTtcbiAgLyoqXG4gICAqIFRoZSBpbml0aWFsIHZhbHVlIGZvciB0aGUgc3RhcnQgZGF0ZSB3aGVuIGluIHJhbmdlIG1vZGUuXG4gICAqL1xuICBzdGFydFZhbHVlPzogRGF0ZTtcbiAgLyoqXG4gICAqIFRoZSBpbml0aWFsIHZhbHVlIGZvciB0aGUgZW5kIGRhdGUgd2hlbiBpbiByYW5nZSBtb2RlLlxuICAgKi9cbiAgZW5kVmFsdWU/OiBEYXRlO1xuICAvKipcbiAgICogRmxhZyBpbmZvcm1pbmcgaWYgdGhlIHRoZSBjb21wb25lbnQgc2hvdWxkIGJlIGluIHJhbmdlIG1vZGUgb3IgaW4gc2luZ2xlIG1vZGUuXG4gICAqIFRPRE86IHJlbW92ZSB0aGlzIGluIGZhdm91ciBvZiBkaXNjcmltaW5hdGVkIHVuaW9uXG4gICAqL1xuICByYW5nZU1vZGU/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHBsYWNlbWVudCB3aGVyZSB0aGUgY2FsZW5kYXIgc2hvdWxkIGJlIHBsYWNlZCBhY2NvcmRpbmcgdG8gdGhlIGlucHV0LiBPcHRpb25zIGFyZSBgbGVmdGAgb3IgYHJpZ2h0YC5cbiAgICogTm90ZSB0aGlzIHByb3Agb25seSBhZmZlY3RzIHRoZSBjYWxlbmRhciB3aGVuIGluIGByYW5nZU1vZGVgLlxuICAgKi9cbiAgaG9yaXpvbnRhbFBsYWNlbWVudD86IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuICAvKipcbiAgICogVGhlIGNhbGVuZGFyIGxvY2FsZS4gSWYgdW5kZWZpbmVkLCBpdCB1c2VzIGNhbGVuZGFyIGRlZmF1bHRcbiAgICovXG4gIGxvY2FsZT86IHN0cmluZztcbiAgLyoqXG4gICAqIENvbnRyb2xzIGlmIGFjdGlvbnMgYnV0dG9ucyBhcmUgdmlzaWJsZSBhdCB0aGUgY2FsZW5kYXIuXG4gICAqL1xuICBzaG93QWN0aW9ucz86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBDb250cm9scyBpZiBjbGVhciBidXR0b24gaXMgdmlzaWJsZSBhdCB0aGUgY2FsZW5kYXIsXG4gICAqIG9ubHkgd29ya3MgaWYgc2hvd2luZyBhY3Rpb25zIG9yIGluIHJhbmdlIG1vZGUuXG4gICAqL1xuICBzaG93Q2xlYXI/OiBib29sZWFuO1xuICAvKipcbiAgICogRGlzYWJsZSB0aGUgcG9ydGFsIGJlaGF2aW9yLiBUaGUgY2hpbGRyZW4gc3RheSB3aXRoaW4gaXQncyBwYXJlbnQgRE9NIGhpZXJhcmNoeS5cbiAgICovXG4gIGRpc2FibGVQb3J0YWw/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0cyBpZiB0aGUgY2FsZW5kYXIgY29udGFpbmVyIHNob3VsZCBmb2xsb3cgdGhlIGRhdGUgcGlja2VyIGlucHV0IG91dCBvZiB0aGUgc2NyZWVuIG9yIHN0YXkgdmlzaWJsZS5cbiAgICovXG4gIGVzY2FwZVdpdGhSZWZlcmVuY2U/OiBib29sZWFuO1xuICAvKipcbiAgICogQW4gZWxlbWVudCBwbGFjZWQgYmVmb3JlIHRoZSBDYWxlbmRhclxuICAgKi9cbiAgc3RhcnRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBBbiBvYmplY3QgY29udGFpbmluZyBwcm9wcyB0byBiZSBwYXNzZWQgb250byB0aGUgYmFzZURyb3Bkb3duLlxuICAgKi9cbiAgZHJvcGRvd25Qcm9wcz86IE9iamVjdDtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCB0aGUgRGF0ZVBpY2tlciB3aWxsIGJlIGluIHJlYWQgb25seSBtb2RlLCB1bmFibGUgdG8gYmUgaW50ZXJhY3RlZC5cbiAgICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFkZGl0aW9uYWwgcHJvcHMgcGFzc2VkIHRvIHRoZSBIdkNhbGVuZGFyIGNvbXBvbmVudC5cbiAgICovXG4gIGNhbGVuZGFyUHJvcHM/OiBQYXJ0aWFsPEh2Q2FsZW5kYXJQcm9wcz47XG4gIC8qKlxuICAgKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIGNvbXBvbmVudCBzdHlsZXMgYXBwbGllZC5cbiAgICovXG4gIGNsYXNzZXM/OiBIdkRhdGVQaWNrZXJDbGFzc2VzO1xufVxuXG4vKipcbiAqIEEgZGF0ZSBwaWNrZXIsIHBvcHVwIGNhbGVuZGFyIG9yIGRhdGUgcmFuZ2UgcGlja2VyIGlzIGEgZ3JhcGhpY2FsIHVzZXJcbiAqIGludGVyZmFjZSB3aWRnZXQgd2hpY2ggYWxsb3dzIHRoZSB1c2VyIHRvIHNlbGVjdCBhIGRhdGUgZnJvbSBhIGNhbGVuZGFyLlxuICovXG5leHBvcnQgY29uc3QgSHZEYXRlUGlja2VyID0gKHByb3BzOiBIdkRhdGVQaWNrZXJQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NlczogY2xhc3Nlc1Byb3AsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgaWQsXG4gICAgbmFtZSxcblxuICAgIHJlcXVpcmVkID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICByZWFkT25seSxcblxuICAgIGxhYmVsLFxuICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gICAgXCJhcmlhLWxhYmVsbGVkYnlcIjogYXJpYUxhYmVsbGVkQnksXG4gICAgZGVzY3JpcHRpb24sXG4gICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcblxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2FuY2VsLFxuICAgIG9uQ2xlYXIsXG4gICAgc3RhdHVzLFxuICAgIHN0YXR1c01lc3NhZ2UsXG4gICAgXCJhcmlhLWVycm9ybWVzc2FnZVwiOiBhcmlhRXJyb3JNZXNzYWdlLFxuXG4gICAgcGxhY2Vob2xkZXIsXG5cbiAgICBsYWJlbHM6IGxhYmVsc1Byb3AsXG5cbiAgICB2YWx1ZSxcbiAgICBzdGFydFZhbHVlLFxuICAgIGVuZFZhbHVlLFxuXG4gICAgcmFuZ2VNb2RlID0gZmFsc2UsXG4gICAgc3RhcnRBZG9ybm1lbnQsXG4gICAgaG9yaXpvbnRhbFBsYWNlbWVudCA9IFwicmlnaHRcIixcbiAgICBsb2NhbGU6IGxvY2FsZVByb3AsXG4gICAgc2hvd0FjdGlvbnMgPSBmYWxzZSxcbiAgICBzaG93Q2xlYXIgPSBmYWxzZSxcbiAgICBkaXNhYmxlUG9ydGFsID0gdHJ1ZSxcbiAgICBlc2NhcGVXaXRoUmVmZXJlbmNlID0gdHJ1ZSxcbiAgICBkcm9wZG93blByb3BzLFxuICAgIGNhbGVuZGFyUHJvcHMsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSB1c2VEZWZhdWx0UHJvcHMoXCJIdkRhdGVQaWNrZXJcIiwgcHJvcHMpO1xuXG4gIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICBjb25zdCBsYWJlbHMgPSB1c2VMYWJlbHMoREVGQVVMVF9MQUJFTFMsIGxhYmVsc1Byb3ApO1xuXG4gIGNvbnN0IGVsZW1lbnRJZCA9IHVzZVVuaXF1ZUlkKGlkLCBcImh2ZGF0ZXBpY2tlclwiKTtcblxuICBjb25zdCBbdmFsaWRhdGlvblN0YXRlLCBzZXRWYWxpZGF0aW9uU3RhdGVdID0gdXNlQ29udHJvbGxlZChcbiAgICBzdGF0dXMsXG4gICAgXCJzdGFuZEJ5XCJcbiAgKTtcblxuICBjb25zdCBbdmFsaWRhdGlvbk1lc3NhZ2VdID0gdXNlQ29udHJvbGxlZChzdGF0dXNNZXNzYWdlLCBcIlJlcXVpcmVkXCIpO1xuXG4gIGNvbnN0IGxvY2FsZSA9IGxvY2FsZVByb3AgfHwgXCJlbi1VU1wiO1xuXG4gIGNvbnN0IFtjYWxlbmRhck9wZW4sIHNldENhbGVuZGFyT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgW3N0YXJ0RGF0ZSwgc2V0U3RhcnREYXRlLCByb2xsYmFja1N0YXJ0RGF0ZV0gPSB1c2VTYXZlZFN0YXRlKFxuICAgIHJhbmdlTW9kZSA/IHN0YXJ0VmFsdWUgOiB2YWx1ZVxuICApO1xuICBjb25zdCBbZW5kRGF0ZSwgc2V0RW5kRGF0ZSwgcm9sbGJhY2tFbmREYXRlXSA9IHVzZVNhdmVkU3RhdGUoZW5kVmFsdWUpO1xuXG4gIGNvbnN0IFt2aXNpYmxlRGF0ZSwgZGlzcGF0Y2hBY3Rpb25dID0gdXNlVmlzaWJsZURhdGUoc3RhcnREYXRlLCBlbmREYXRlKTtcblxuICBjb25zdCBmb2N1c1RhcmdldCA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFN0YXJ0RGF0ZShyYW5nZU1vZGUgPyBzdGFydFZhbHVlIDogdmFsdWUsIHRydWUpO1xuICAgIHNldEVuZERhdGUoZW5kVmFsdWUsIHRydWUpO1xuICB9LCBbdmFsdWUsIHN0YXJ0VmFsdWUsIGVuZFZhbHVlLCByYW5nZU1vZGUsIHNldFN0YXJ0RGF0ZSwgc2V0RW5kRGF0ZV0pO1xuXG4gIGNvbnN0IGVuZERhdGVJc1NldCA9IHVzZVJlZihmYWxzZSk7XG4gIGVuZERhdGVJc1NldC5jdXJyZW50ID0gZW5kRGF0ZSAhPSBudWxsO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHN0YXJ0RGF0ZSAhPSBudWxsKSB7XG4gICAgICBkaXNwYXRjaEFjdGlvbih7XG4gICAgICAgIHR5cGU6IFwibW9udGhfeWVhclwiLFxuICAgICAgICB0YXJnZXQ6IGVuZERhdGVJc1NldC5jdXJyZW50ID8gXCJsZWZ0XCIgOiBcImJlc3RcIixcbiAgICAgICAgeWVhcjogc3RhcnREYXRlLmdldEZ1bGxZZWFyKCksXG4gICAgICAgIG1vbnRoOiBzdGFydERhdGUuZ2V0TW9udGgoKSArIDEsXG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkaXNwYXRjaEFjdGlvbiwgc3RhcnREYXRlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZW5kRGF0ZSAhPSBudWxsKSB7XG4gICAgICBkaXNwYXRjaEFjdGlvbih7XG4gICAgICAgIHR5cGU6IFwibW9udGhfeWVhclwiLFxuICAgICAgICB0YXJnZXQ6IFwicmlnaHRcIixcbiAgICAgICAgeWVhcjogZW5kRGF0ZS5nZXRGdWxsWWVhcigpLFxuICAgICAgICBtb250aDogZW5kRGF0ZS5nZXRNb250aCgpICsgMSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2Rpc3BhdGNoQWN0aW9uLCBlbmREYXRlXSk7XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGBBcHBseWAgYWN0aW9uLiBCb3RoIHNpbmdsZSBhbmQgcmFuZ2VkIG1vZGVzIGFyZSBoYW5kbGVkIGhlcmUuXG4gICAqL1xuICBjb25zdCBoYW5kbGVBcHBseSA9ICgpID0+IHtcbiAgICBzZXRTdGFydERhdGUoc3RhcnREYXRlLCB0cnVlKTtcbiAgICBzZXRFbmREYXRlKGVuZERhdGUgPz8gc3RhcnREYXRlLCB0cnVlKTtcblxuICAgIG9uQ2hhbmdlPy4oc3RhcnREYXRlLCBlbmREYXRlKTtcblxuICAgIHNldFZhbGlkYXRpb25TdGF0ZSgoKSA9PiB7XG4gICAgICAvLyB0aGlzIHdpbGwgb25seSBydW4gaWYgc3RhdHVzIGlzIHVuY29udHJvbGxlZFxuICAgICAgaWYgKHJlcXVpcmVkICYmICghaXNEYXRlKHN0YXJ0RGF0ZSkgfHwgKHJhbmdlTW9kZSAmJiAhaXNEYXRlKGVuZERhdGUpKSkpIHtcbiAgICAgICAgcmV0dXJuIFwiaW52YWxpZFwiO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gXCJ2YWxpZFwiO1xuICAgIH0pO1xuXG4gICAgc2V0Q2FsZW5kYXJPcGVuKGZhbHNlKTtcbiAgfTtcblxuICAvKipcbiAgICogSGFuZGxlcyB0aGUgYENhbmNlbGAgYWN0aW9uLiBCb3RoIHNpbmdsZSBhbmQgcmFuZ2VkIG1vZGVzIGFyZSBoYW5kbGVkIGhlcmUuXG4gICAqL1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSAoKSA9PiB7XG4gICAgcm9sbGJhY2tTdGFydERhdGUoKTtcbiAgICByb2xsYmFja0VuZERhdGUoKTtcblxuICAgIG9uQ2FuY2VsPy4oKTtcblxuICAgIHNldENhbGVuZGFyT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGBDYW5jZWxgIGFjdGlvbi4gQm90aCBzaW5nbGUgYW5kIHJhbmdlZCBtb2RlcyBhcmUgaGFuZGxlZCBoZXJlLlxuICAgKi9cbiAgY29uc3QgaGFuZGxlQ2xlYXIgPSAoKSA9PiB7XG4gICAgc2V0U3RhcnREYXRlKHVuZGVmaW5lZCwgZmFsc2UpO1xuICAgIHNldEVuZERhdGUodW5kZWZpbmVkLCBmYWxzZSk7XG4gICAgb25DbGVhcj8uKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2FsZW5kYXJDbG9zZSA9ICgpID0+IHtcbiAgICBjb25zdCBzaG91bGRTYXZlID0gIShyYW5nZU1vZGUgfHwgc2hvd0FjdGlvbnMpO1xuICAgIGlmIChzaG91bGRTYXZlKSB7XG4gICAgICBoYW5kbGVBcHBseSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBoYW5kbGVDYW5jZWwoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlVG9nZ2xlOiBIdkJhc2VEcm9wZG93blByb3BzW1wib25Ub2dnbGVcIl0gPSAoZXZ0LCBvcGVuKSA9PiB7XG4gICAgLyogXG4gICAgIElmIGV2dCBpcyBudWxsIHRoaXMgdG9nZ2xlIHdhc24ndCB0cmlnZ2VyZWQgYnkgdGhlIHVzZXIuXG4gICAgIGluc3RlYWQgaXQgd2FzIHRyaWdnZXJlZCBieSB0aGUgYmFzZURyb3Bkb3duIHVzZUVmZmVjdCBhZnRlclxuICAgICB0aGUgZGF0ZXBpY2tlciBjaGFuZ2VkIHRoZSBleHBhbmRlZCB2YWx1ZSB0aGlzIGJhc2VEcm9wZG93biBiZWhhdmlvciBuZWVkcyBhIHJldmlld1xuICAgICovXG4gICAgaWYgKGV2dCA9PT0gbnVsbCkgcmV0dXJuO1xuICAgIHNldENhbGVuZGFyT3BlbihvcGVuKTtcbiAgICBpZiAoIW9wZW4pIGhhbmRsZUNhbGVuZGFyQ2xvc2UoKTtcbiAgfTtcblxuICBjb25zdCBmb2N1c09uQ29udGFpbmVyID0gKCkgPT4ge1xuICAgIGZvY3VzVGFyZ2V0LmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlRGF0ZUNoYW5nZTogSHZDYWxlbmRhclByb3BzW1wib25DaGFuZ2VcIl0gPSAoZXZlbnQsIG5ld0RhdGUpID0+IHtcbiAgICBpZiAoIWlzRGF0ZShuZXdEYXRlKSkgcmV0dXJuO1xuXG4gICAgY29uc3QgYXV0b1NhdmUgPSAhc2hvd0FjdGlvbnMgJiYgIXJhbmdlTW9kZTtcblxuICAgIGlmIChyYW5nZU1vZGUpIHtcbiAgICAgIGlmICghc3RhcnREYXRlIHx8IChzdGFydERhdGUgJiYgZW5kRGF0ZSkgfHwgbmV3RGF0ZSA8IHN0YXJ0RGF0ZSkge1xuICAgICAgICBzZXRTdGFydERhdGUobmV3RGF0ZSk7XG4gICAgICAgIHNldEVuZERhdGUodW5kZWZpbmVkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldEVuZERhdGUobmV3RGF0ZSk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldFN0YXJ0RGF0ZShuZXdEYXRlLCBhdXRvU2F2ZSk7XG4gICAgfVxuXG4gICAgaWYgKGF1dG9TYXZlKSB7XG4gICAgICBvbkNoYW5nZT8uKG5ld0RhdGUpO1xuXG4gICAgICBzZXRWYWxpZGF0aW9uU3RhdGUoKCkgPT4ge1xuICAgICAgICAvLyB0aGlzIHdpbGwgb25seSBydW4gaWYgc3RhdHVzIGlzIHVuY29udHJvbGxlZFxuICAgICAgICBpZiAocmVxdWlyZWQgJiYgIWlzRGF0ZShuZXdEYXRlKSkge1xuICAgICAgICAgIHJldHVybiBcImludmFsaWRcIjtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBcInZhbGlkXCI7XG4gICAgICB9KTtcblxuICAgICAgc2V0Q2FsZW5kYXJPcGVuKGZhbHNlKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlSW5wdXREYXRlQ2hhbmdlOiBIdkNhbGVuZGFyUHJvcHNbXCJvbklucHV0Q2hhbmdlXCJdID0gKFxuICAgIGV2ZW50LFxuICAgIG5ld0RhdGUsXG4gICAgcG9zaXRpb25cbiAgKSA9PiB7XG4gICAgaWYgKCFpc0RhdGUobmV3RGF0ZSkpIHJldHVybjtcblxuICAgIGlmICghcmFuZ2VNb2RlKSB7XG4gICAgICBoYW5kbGVEYXRlQ2hhbmdlKGV2ZW50IGFzIGFueSwgbmV3RGF0ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHBvc2l0aW9uID09PSBcImxlZnRcIikge1xuICAgICAgaWYgKGVuZERhdGUpIHNldFN0YXJ0RGF0ZShuZXdEYXRlID4gZW5kRGF0ZSA/IGVuZERhdGUgOiBuZXdEYXRlKTtcbiAgICB9IGVsc2UgaWYgKHBvc2l0aW9uID09PSBcInJpZ2h0XCIpIHtcbiAgICAgIGlmICghc3RhcnREYXRlKSB7XG4gICAgICAgIGlmIChlbmREYXRlKSBzZXRTdGFydERhdGUobmV3RGF0ZSA+IGVuZERhdGUgPyBlbmREYXRlIDogbmV3RGF0ZSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHNldEVuZERhdGUobmV3RGF0ZSA8IHN0YXJ0RGF0ZSA/IHN0YXJ0RGF0ZSA6IG5ld0RhdGUpO1xuICAgIH1cbiAgfTtcblxuICAvKipcbiAgICogUmVuZGVycyB0aGUgY29udGFpbmVyIGZvciB0aGUgYWN0aW9uIGVsZW1lbnRzLlxuICAgKi9cbiAgY29uc3QgcmVuZGVyQWN0aW9ucyA9ICgpID0+IChcbiAgICA8SHZBY3Rpb25CYXIgY2xhc3NOYW1lPXtjeCh7IFtjbGFzc2VzLmFjdGlvbkNvbnRhaW5lcl06IHNob3dDbGVhciB9KX0+XG4gICAgICB7c2hvd0NsZWFyICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMubGVmdENvbnRhaW5lcn0+XG4gICAgICAgICAgPEh2QnV0dG9uXG4gICAgICAgICAgICBpZD17c2V0SWQoaWQsIFwiYWN0aW9uXCIsIFwiY2xlYXJcIil9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuYWN0aW9ufVxuICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlHaG9zdFwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGVhcn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWxzPy5jbGVhckxhYmVsfVxuICAgICAgICAgIDwvSHZCdXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnJpZ2h0Q29udGFpbmVyfT5cbiAgICAgICAgPEh2QnV0dG9uXG4gICAgICAgICAgaWQ9e3NldElkKGlkLCBcImFjdGlvblwiLCBcImFwcGx5XCIpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5hY3Rpb259XG4gICAgICAgICAgdmFyaWFudD1cInByaW1hcnlHaG9zdFwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQXBwbHl9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWxzPy5hcHBseUxhYmVsfVxuICAgICAgICA8L0h2QnV0dG9uPlxuICAgICAgICA8SHZCdXR0b25cbiAgICAgICAgICBpZD17c2V0SWQoaWQsIFwiYWN0aW9uXCIsIFwiY2FuY2VsXCIpfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5hY3Rpb259XG4gICAgICAgICAgdmFyaWFudD1cInByaW1hcnlHaG9zdFwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2FuY2VsfVxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVscz8uY2FuY2VsTGFiZWx9XG4gICAgICAgIDwvSHZCdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L0h2QWN0aW9uQmFyPlxuICApO1xuXG4gIGNvbnN0IHN0eWxlZFR5cG9ncmFwaHkgPSAoXG4gICAgZGF0ZVN0cmluZzogc3RyaW5nLFxuICAgIHZhcmlhbnQ6IGFueSxcbiAgICB0ZXh0OiBSZWFjdE5vZGVcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgICAgIGNvbG9yOiBkYXRlU3RyaW5nXG4gICAgICAgID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeVxuICAgICAgICA6IHRoZW1lLmRhdGVQaWNrZXIuZHJvcGRvd25QbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIDxTdHlsZWRUeXBvZ3JhcGh5IHZhcmlhbnQ9e3ZhcmlhbnR9Pnt0ZXh0fTwvU3R5bGVkVHlwb2dyYXBoeT47XG4gIH07XG5cbiAgY29uc3QgcmVuZGVySW5wdXQgPSAoZGF0ZVN0cmluZzogc3RyaW5nKSA9PlxuICAgIHN0eWxlZFR5cG9ncmFwaHkoXG4gICAgICBkYXRlU3RyaW5nLFxuICAgICAgYWN0aXZlVGhlbWU/LmRhdGVQaWNrZXIucGxhY2Vob2xkZXJWYXJpYW50LFxuICAgICAgKGRhdGVTdHJpbmcgfHwgcGxhY2Vob2xkZXIpID09PSB1bmRlZmluZWQgPyBcIlwiIDogZGF0ZVN0cmluZyB8fCBwbGFjZWhvbGRlclxuICAgICk7XG5cbiAgY29uc3QgZGF0ZVZhbHVlID0gcmFuZ2VNb2RlID8geyBzdGFydERhdGUsIGVuZERhdGUgfSA6IHN0YXJ0RGF0ZTtcblxuICBjb25zdCBoYXNMYWJlbCA9IGxhYmVsICE9IG51bGw7XG4gIGNvbnN0IGhhc0Rlc2NyaXB0aW9uID0gZGVzY3JpcHRpb24gIT0gbnVsbDtcblxuICAvLyB0aGUgZXJyb3IgbWVzc2FnZSBhcmVhIHdpbGwgb25seSBiZSBjcmVhdGVkIGlmOlxuICAvLyAtIGFuIGV4dGVybmFsIGVsZW1lbnQgdGhhdCBwcm92aWRlcyBhbiBlcnJvciBtZXNzYWdlIGlzbid0IGlkZW50aWZpZWQgdmlhIGFyaWEtZXJyb3JtZXNzYWdlIEFORFxuICAvLyAgIC0gYm90aCBzdGF0dXMgYW5kIHN0YXR1c01lc3NhZ2UgcHJvcGVydGllcyBhcmUgYmVpbmcgY29udHJvbGxlZCBPUlxuICAvLyAgIC0gc3RhdHVzIGlzIHVuY29udHJvbGxlZCBhbmQgcmVxdWlyZWQgaXMgdHJ1ZVxuICBjb25zdCBjYW5TaG93RXJyb3IgPVxuICAgIGFyaWFFcnJvck1lc3NhZ2UgPT0gbnVsbCAmJlxuICAgICgoc3RhdHVzICE9PSB1bmRlZmluZWQgJiYgc3RhdHVzTWVzc2FnZSAhPT0gdW5kZWZpbmVkKSB8fFxuICAgICAgKHN0YXR1cyA9PT0gdW5kZWZpbmVkICYmIHJlcXVpcmVkKSk7XG5cbiAgY29uc3QgaXNTdGF0ZUludmFsaWQgPSBpc0ludmFsaWQodmFsaWRhdGlvblN0YXRlKTtcblxuICBsZXQgZXJyb3JNZXNzYWdlSWQ7XG4gIGlmIChpc1N0YXRlSW52YWxpZCkge1xuICAgIGVycm9yTWVzc2FnZUlkID0gY2FuU2hvd0Vycm9yXG4gICAgICA/IHNldElkKGVsZW1lbnRJZCwgXCJlcnJvclwiKVxuICAgICAgOiBhcmlhRXJyb3JNZXNzYWdlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8SHZGb3JtRWxlbWVudFxuICAgICAgaWQ9e2lkfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIHZhbHVlPXtkYXRlVmFsdWV9XG4gICAgICBzdGF0dXM9e3ZhbGlkYXRpb25TdGF0ZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICB7KGhhc0xhYmVsIHx8IGhhc0Rlc2NyaXB0aW9uKSAmJiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmxhYmVsQ29udGFpbmVyfT5cbiAgICAgICAgICB7aGFzTGFiZWwgJiYgKFxuICAgICAgICAgICAgPEh2TGFiZWxcbiAgICAgICAgICAgICAgaWQ9e3NldElkKGVsZW1lbnRJZCwgXCJsYWJlbFwiKX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMubGFiZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7aGFzRGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPEh2SW5mb01lc3NhZ2VcbiAgICAgICAgICAgICAgaWQ9e3NldElkKGVsZW1lbnRJZCwgXCJkZXNjcmlwdGlvblwiKX1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L0h2SW5mb01lc3NhZ2U+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAgPEh2QmFzZURyb3Bkb3duXG4gICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICByb290OiBjbGFzc2VzLmRyb3Bkb3duLFxuICAgICAgICAgIHBhbmVsOiBjbGFzc2VzLnBhbmVsLFxuICAgICAgICAgIGhlYWRlcjogY3goeyBbY2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWRdOiBpc1N0YXRlSW52YWxpZCB9KSxcbiAgICAgICAgICBoZWFkZXJPcGVuOiBjbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3BlbixcbiAgICAgICAgfX1cbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRpc2FibGVQb3J0YWw9e2Rpc2FibGVQb3J0YWx9XG4gICAgICAgIHZhcmlhYmxlV2lkdGhcbiAgICAgICAgcGxhY2VtZW50PXtob3Jpem9udGFsUGxhY2VtZW50fVxuICAgICAgICBleHBhbmRlZD17Y2FsZW5kYXJPcGVufVxuICAgICAgICBvblRvZ2dsZT17aGFuZGxlVG9nZ2xlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZT17aGFuZGxlQ2FsZW5kYXJDbG9zZX1cbiAgICAgICAgb25Db250YWluZXJDcmVhdGlvbj17Zm9jdXNPbkNvbnRhaW5lcn1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3JlbmRlcklucHV0KGdldERhdGVMYWJlbChkYXRlVmFsdWUsIHJhbmdlTW9kZSwgbG9jYWxlKSl9XG4gICAgICAgIGFkb3JubWVudD17XG4gICAgICAgICAgPENhbGVuZGFyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuaWNvbn1cbiAgICAgICAgICAgIGNvbG9yPXtkaXNhYmxlZCA/IFwic2Vjb25kYXJ5XzgwXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICBwb3BwZXJQcm9wcz17e1xuICAgICAgICAgIG1vZGlmaWVyczogW1xuICAgICAgICAgICAgeyBuYW1lOiBcInByZXZlbnRPdmVyZmxvd1wiLCBlbmFibGVkOiBlc2NhcGVXaXRoUmVmZXJlbmNlIH0sXG4gICAgICAgICAgXSxcbiAgICAgICAgfX1cbiAgICAgICAgYXJpYS1oYXNwb3B1cD1cImRpYWxvZ1wiXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtcbiAgICAgICAgICBbbGFiZWwgJiYgc2V0SWQoZWxlbWVudElkLCBcImxhYmVsXCIpLCBhcmlhTGFiZWxsZWRCeV1cbiAgICAgICAgICAgIC5qb2luKFwiIFwiKVxuICAgICAgICAgICAgLnRyaW0oKSB8fCB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgICBhcmlhLWludmFsaWQ9e2lzU3RhdGVJbnZhbGlkID8gdHJ1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1lcnJvcm1lc3NhZ2U9e2Vycm9yTWVzc2FnZUlkfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtcbiAgICAgICAgICBbZGVzY3JpcHRpb24gJiYgc2V0SWQoZWxlbWVudElkLCBcImRlc2NyaXB0aW9uXCIpLCBhcmlhRGVzY3JpYmVkQnldXG4gICAgICAgICAgICAuam9pbihcIiBcIilcbiAgICAgICAgICAgIC50cmltKCkgfHwgdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgICAgey4uLmRyb3Bkb3duUHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxkaXYgcmVmPXtmb2N1c1RhcmdldH0gdGFiSW5kZXg9ey0xfSAvPlxuICAgICAgICA8SHZDYWxlbmRhclxuICAgICAgICAgIGlkPXtzZXRJZChpZCwgXCJjYWxlbmRhclwiKX1cbiAgICAgICAgICBzdGFydEFkb3JubWVudD17c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZURhdGVDaGFuZ2V9XG4gICAgICAgICAgb25JbnB1dENoYW5nZT17aGFuZGxlSW5wdXREYXRlQ2hhbmdlfVxuICAgICAgICAgIG9uVmlzaWJsZURhdGVDaGFuZ2U9eyhfZXZlbnQsIHR5cGUsIG1vbnRoLCB0YXJnZXQpID0+IHtcbiAgICAgICAgICAgIGRpc3BhdGNoQWN0aW9uKHsgdHlwZSwgdGFyZ2V0LCBtb250aCB9KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgIHsuLi52aXNpYmxlRGF0ZX1cbiAgICAgICAgICB7Li4uY2FsZW5kYXJQcm9wc31cbiAgICAgICAgICBpbnZhbGlkRGF0ZUxhYmVsPXtsYWJlbHM/LmludmFsaWREYXRlTGFiZWx9XG4gICAgICAgIC8+XG4gICAgICAgIHsocmFuZ2VNb2RlIHx8IHNob3dBY3Rpb25zKSAmJiByZW5kZXJBY3Rpb25zKCl9XG4gICAgICA8L0h2QmFzZURyb3Bkb3duPlxuICAgICAge2NhblNob3dFcnJvciAmJiAoXG4gICAgICAgIDxIdldhcm5pbmdUZXh0XG4gICAgICAgICAgaWQ9e3NldElkKGVsZW1lbnRJZCwgXCJlcnJvclwiKX1cbiAgICAgICAgICBkaXNhYmxlQm9yZGVyXG4gICAgICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLmVycm9yKX1cbiAgICAgICAgPlxuICAgICAgICAgIHt2YWxpZGF0aW9uTWVzc2FnZX1cbiAgICAgICAgPC9Idldhcm5pbmdUZXh0PlxuICAgICAgKX1cbiAgICA8L0h2Rm9ybUVsZW1lbnQ+XG4gICk7XG59O1xuIl19 */");
|
|
221
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnYjZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZURlZmF1bHRQcm9wcyB9IGZyb20gXCJAY29yZS9ob29rcy91c2VEZWZhdWx0UHJvcHNcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IENhbGVuZGFyIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyB1c2VDb250cm9sbGVkIH0gZnJvbSBcIkBjb3JlL2hvb2tzL3VzZUNvbnRyb2xsZWRcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzL3VzZVVuaXF1ZUlkXCI7XG5pbXBvcnQgeyB1c2VMYWJlbHMgfSBmcm9tIFwiQGNvcmUvaG9va3MvdXNlTGFiZWxzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgRXh0cmFjdE5hbWVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2NsYXNzZXNcIjtcbmltcG9ydCB7IHNldElkIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3NldElkXCI7XG5pbXBvcnQgeyB1c2VTYXZlZFN0YXRlIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3VzZVNhdmVkU3RhdGVcIjtcbmltcG9ydCB7XG4gIGlzSW52YWxpZCxcbiAgSHZMYWJlbCxcbiAgSHZGb3JtU3RhdHVzLFxuICBIdldhcm5pbmdUZXh0LFxuICBIdkZvcm1FbGVtZW50LFxuICBIdkluZm9NZXNzYWdlLFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Zvcm1zXCI7XG5pbXBvcnQgeyBpc0RhdGUgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9DYWxlbmRhci91dGlsc1wiO1xuaW1wb3J0IHsgSHZDYWxlbmRhciwgSHZDYWxlbmRhclByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQ2FsZW5kYXJcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEh2QWN0aW9uQmFyIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQWN0aW9uQmFyXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuXG5pbXBvcnQgeyBnZXREYXRlTGFiZWwgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHVzZVZpc2libGVEYXRlIGZyb20gXCIuL3VzZVZpc2libGVEYXRlXCI7XG5pbXBvcnQgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gZnJvbSBcIi4vRGF0ZVBpY2tlci5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBkYXRlUGlja2VyQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdkRhdGVQaWNrZXJDbGFzc2VzID0gRXh0cmFjdE5hbWVzPHR5cGVvZiB1c2VDbGFzc2VzPjtcblxuY29uc3QgREVGQVVMVF9MQUJFTFMgPSB7XG4gIGFwcGx5TGFiZWw6IFwiQXBwbHlcIixcbiAgY2FuY2VsTGFiZWw6IFwiQ2FuY2VsXCIsXG4gIGNsZWFyTGFiZWw6IFwiQ2xlYXJcIixcbiAgaW52YWxpZExhYmVsOiBcIkludmFsaWQgZGF0ZVwiLFxufTtcblxuLyoqIEBkZXByZWNhdGVkIHVzZSBgSHZGb3JtU3RhdHVzYCBpbnN0ZWFkICovXG5leHBvcnQgdHlwZSBIdkRhdGVQaWNrZXJTdGF0dXMgPSBIdkZvcm1TdGF0dXM7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZEYXRlUGlja2VyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEh2Rm9ybUVsZW1lbnRQcm9wcywgXCJvbkNoYW5nZVwiPixcbiAgICBQaWNrPFxuICAgICAgSHZCYXNlRHJvcGRvd25Qcm9wcyxcbiAgICAgIFwiZGlzYWJsZVBvcnRhbFwiIHwgXCJleHBhbmRlZFwiIHwgXCJkZWZhdWx0RXhwYW5kZWRcIiB8IFwib25Ub2dnbGVcIlxuICAgID4ge1xuICAvKipcbiAgICogSWRlbnRpZmllcyB0aGUgZWxlbWVudCB0aGF0IHByb3ZpZGVzIGFuIGVycm9yIG1lc3NhZ2UgZm9yIHRoZSBkYXRlIHBpY2tlci5cbiAgICpcbiAgICogV2lsbCBvbmx5IGJlIHVzZWQgd2hlbiB0aGUgdmFsaWRhdGlvbiBzdGF0dXMgaXMgaW52YWxpZC5cbiAgICovXG4gIFwiYXJpYS1lcnJvcm1lc3NhZ2VcIj86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBjYWxsYmFjayBmaXJlZCB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgKi9cbiAgb25DaGFuZ2U/OiAoZGF0ZT86IERhdGUsIGVuZERhdGU/OiBEYXRlKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGNhbGxiYWNrIGZpcmVkIHdoZW4gdXNlciBjbGlja3Mgb24gY2FuY2VsLlxuICAgKi9cbiAgb25DYW5jZWw/OiAoKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIGNhbGxiYWNrIGZpcmVkIHdoZW4gdXNlciBjbGlja3Mgb24gY2xlYXIuXG4gICAqL1xuICBvbkNsZWFyPzogKCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEFuIG9iamVjdCBjb250YWluaW5nIGFsbCB0aGUgbGFiZWxzIGZvciB0aGUgZGF0ZXBpY2tlci5cbiAgICovXG4gIGxhYmVscz86IHtcbiAgICAvKipcbiAgICAgKiBBcHBseSBidXR0b24gbGFiZWwuXG4gICAgICovXG4gICAgYXBwbHlMYWJlbD86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBDYW5jZWwgYnV0dG9uIGxhYmVsLlxuICAgICAqL1xuICAgIGNhbmNlbExhYmVsPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIENsZWFyIGJ1dHRvbiBsYWJlbC5cbiAgICAgKi9cbiAgICBjbGVhckxhYmVsPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEludmFsaWQgRGF0ZSBsYWJlbC5cbiAgICAgKi9cbiAgICBpbnZhbGlkRGF0ZUxhYmVsPzogc3RyaW5nO1xuICB9O1xuICAvKipcbiAgICogVGhlIGluaXRpYWwgdmFsdWUgb2YgdGhlIGlucHV0IHdoZW4gaW4gc2luZ2xlIGNhbGVuZGFyIG1vZGUuXG4gICAqL1xuICB2YWx1ZT86IERhdGU7XG4gIC8qKlxuICAgKiBUaGUgaW5pdGlhbCB2YWx1ZSBmb3IgdGhlIHN0YXJ0IGRhdGUgd2hlbiBpbiByYW5nZSBtb2RlLlxuICAgKi9cbiAgc3RhcnRWYWx1ZT86IERhdGU7XG4gIC8qKlxuICAgKiBUaGUgaW5pdGlhbCB2YWx1ZSBmb3IgdGhlIGVuZCBkYXRlIHdoZW4gaW4gcmFuZ2UgbW9kZS5cbiAgICovXG4gIGVuZFZhbHVlPzogRGF0ZTtcbiAgLyoqXG4gICAqIEZsYWcgaW5mb3JtaW5nIGlmIHRoZSB0aGUgY29tcG9uZW50IHNob3VsZCBiZSBpbiByYW5nZSBtb2RlIG9yIGluIHNpbmdsZSBtb2RlLlxuICAgKi9cbiAgLy8gVE9ETzogcmVtb3ZlIHRoaXMgaW4gZmF2b3VyIG9mIGRpc2NyaW1pbmF0ZWQgdW5pb25cbiAgcmFuZ2VNb2RlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZSBwbGFjZW1lbnQgd2hlcmUgdGhlIGNhbGVuZGFyIHNob3VsZCBiZSBwbGFjZWQgYWNjb3JkaW5nIHRvIHRoZSBpbnB1dC4gT3B0aW9ucyBhcmUgYGxlZnRgIG9yIGByaWdodGAuXG4gICAqIE5vdGUgdGhpcyBwcm9wIG9ubHkgYWZmZWN0cyB0aGUgY2FsZW5kYXIgd2hlbiBpbiBgcmFuZ2VNb2RlYC5cbiAgICovXG4gIGhvcml6b250YWxQbGFjZW1lbnQ/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgLyoqXG4gICAqIFRoZSBjYWxlbmRhciBsb2NhbGUuIElmIHVuZGVmaW5lZCwgaXQgdXNlcyBjYWxlbmRhciBkZWZhdWx0XG4gICAqL1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDb250cm9scyBpZiBhY3Rpb25zIGJ1dHRvbnMgYXJlIHZpc2libGUgYXQgdGhlIGNhbGVuZGFyLlxuICAgKi9cbiAgc2hvd0FjdGlvbnM/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbHMgaWYgY2xlYXIgYnV0dG9uIGlzIHZpc2libGUgYXQgdGhlIGNhbGVuZGFyLFxuICAgKiBvbmx5IHdvcmtzIGlmIHNob3dpbmcgYWN0aW9ucyBvciBpbiByYW5nZSBtb2RlLlxuICAgKi9cbiAgc2hvd0NsZWFyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFNldHMgaWYgdGhlIGNhbGVuZGFyIGNvbnRhaW5lciBzaG91bGQgZm9sbG93IHRoZSBkYXRlIHBpY2tlciBpbnB1dCBvdXQgb2YgdGhlIHNjcmVlbiBvciBzdGF5IHZpc2libGUuXG4gICAqL1xuICBlc2NhcGVXaXRoUmVmZXJlbmNlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEFuIGVsZW1lbnQgcGxhY2VkIGJlZm9yZSB0aGUgQ2FsZW5kYXJcbiAgICovXG4gIHN0YXJ0QWRvcm5tZW50PzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW4gb2JqZWN0IGNvbnRhaW5pbmcgcHJvcHMgdG8gYmUgcGFzc2VkIG9udG8gdGhlIGJhc2VEcm9wZG93bi5cbiAgICovXG4gIGRyb3Bkb3duUHJvcHM/OiBQYXJ0aWFsPEh2QmFzZURyb3Bkb3duUHJvcHM+O1xuICAvKipcbiAgICogQWRkaXRpb25hbCBwcm9wcyBwYXNzZWQgdG8gdGhlIEh2Q2FsZW5kYXIgY29tcG9uZW50LlxuICAgKi9cbiAgY2FsZW5kYXJQcm9wcz86IFBhcnRpYWw8SHZDYWxlbmRhclByb3BzPjtcbiAgLyoqXG4gICAqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgY29tcG9uZW50IHN0eWxlcyBhcHBsaWVkLlxuICAgKi9cbiAgY2xhc3Nlcz86IEh2RGF0ZVBpY2tlckNsYXNzZXM7XG59XG5cbi8qKlxuICogQSBkYXRlIHBpY2tlciwgcG9wdXAgY2FsZW5kYXIgb3IgZGF0ZSByYW5nZSBwaWNrZXIgaXMgYSBncmFwaGljYWwgdXNlclxuICogaW50ZXJmYWNlIHdpZGdldCB3aGljaCBhbGxvd3MgdGhlIHVzZXIgdG8gc2VsZWN0IGEgZGF0ZSBmcm9tIGEgY2FsZW5kYXIuXG4gKi9cbmV4cG9ydCBjb25zdCBIdkRhdGVQaWNrZXIgPSAocHJvcHM6IEh2RGF0ZVBpY2tlclByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgICBjbGFzc05hbWUsXG5cbiAgICBpZCxcbiAgICBuYW1lLFxuXG4gICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgIHJlYWRPbmx5LFxuXG4gICAgbGFiZWwsXG4gICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgICBcImFyaWEtbGFiZWxsZWRieVwiOiBhcmlhTGFiZWxsZWRCeSxcbiAgICBkZXNjcmlwdGlvbixcbiAgICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuXG4gICAgb25DaGFuZ2UsXG4gICAgb25DYW5jZWwsXG4gICAgb25DbGVhcixcbiAgICBzdGF0dXMsXG4gICAgc3RhdHVzTWVzc2FnZSxcbiAgICBcImFyaWEtZXJyb3JtZXNzYWdlXCI6IGFyaWFFcnJvck1lc3NhZ2UsXG5cbiAgICBwbGFjZWhvbGRlcixcblxuICAgIGxhYmVsczogbGFiZWxzUHJvcCxcblxuICAgIHZhbHVlLFxuICAgIHN0YXJ0VmFsdWUsXG4gICAgZW5kVmFsdWUsXG5cbiAgICBleHBhbmRlZCxcbiAgICBkZWZhdWx0RXhwYW5kZWQsXG4gICAgb25Ub2dnbGUsXG4gICAgcmFuZ2VNb2RlID0gZmFsc2UsXG4gICAgc3RhcnRBZG9ybm1lbnQsXG4gICAgaG9yaXpvbnRhbFBsYWNlbWVudCA9IFwicmlnaHRcIixcbiAgICBsb2NhbGU6IGxvY2FsZVByb3AsXG4gICAgc2hvd0FjdGlvbnMgPSBmYWxzZSxcbiAgICBzaG93Q2xlYXIgPSBmYWxzZSxcbiAgICBkaXNhYmxlUG9ydGFsID0gdHJ1ZSxcbiAgICBlc2NhcGVXaXRoUmVmZXJlbmNlID0gdHJ1ZSxcbiAgICBkcm9wZG93blByb3BzLFxuICAgIGNhbGVuZGFyUHJvcHMsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSB1c2VEZWZhdWx0UHJvcHMoXCJIdkRhdGVQaWNrZXJcIiwgcHJvcHMpO1xuXG4gIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICBjb25zdCBsYWJlbHMgPSB1c2VMYWJlbHMoREVGQVVMVF9MQUJFTFMsIGxhYmVsc1Byb3ApO1xuXG4gIGNvbnN0IGVsZW1lbnRJZCA9IHVzZVVuaXF1ZUlkKGlkLCBcImh2ZGF0ZXBpY2tlclwiKTtcblxuICBjb25zdCBbdmFsaWRhdGlvblN0YXRlLCBzZXRWYWxpZGF0aW9uU3RhdGVdID0gdXNlQ29udHJvbGxlZChcbiAgICBzdGF0dXMsXG4gICAgXCJzdGFuZEJ5XCJcbiAgKTtcblxuICBjb25zdCBbdmFsaWRhdGlvbk1lc3NhZ2VdID0gdXNlQ29udHJvbGxlZChzdGF0dXNNZXNzYWdlLCBcIlJlcXVpcmVkXCIpO1xuXG4gIGNvbnN0IGxvY2FsZSA9IGxvY2FsZVByb3AgfHwgXCJlbi1VU1wiO1xuXG4gIGNvbnN0IFtjYWxlbmRhck9wZW4sIHNldENhbGVuZGFyT3Blbl0gPSB1c2VDb250cm9sbGVkKFxuICAgIGV4cGFuZGVkLFxuICAgIEJvb2xlYW4oZGVmYXVsdEV4cGFuZGVkKVxuICApO1xuXG4gIGNvbnN0IFtzdGFydERhdGUsIHNldFN0YXJ0RGF0ZSwgcm9sbGJhY2tTdGFydERhdGVdID0gdXNlU2F2ZWRTdGF0ZShcbiAgICByYW5nZU1vZGUgPyBzdGFydFZhbHVlIDogdmFsdWVcbiAgKTtcbiAgY29uc3QgW2VuZERhdGUsIHNldEVuZERhdGUsIHJvbGxiYWNrRW5kRGF0ZV0gPSB1c2VTYXZlZFN0YXRlKGVuZFZhbHVlKTtcblxuICBjb25zdCBbdmlzaWJsZURhdGUsIGRpc3BhdGNoQWN0aW9uXSA9IHVzZVZpc2libGVEYXRlKHN0YXJ0RGF0ZSwgZW5kRGF0ZSk7XG5cbiAgY29uc3QgZm9jdXNUYXJnZXQgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRTdGFydERhdGUocmFuZ2VNb2RlID8gc3RhcnRWYWx1ZSA6IHZhbHVlLCB0cnVlKTtcbiAgICBzZXRFbmREYXRlKGVuZFZhbHVlLCB0cnVlKTtcbiAgfSwgW3ZhbHVlLCBzdGFydFZhbHVlLCBlbmRWYWx1ZSwgcmFuZ2VNb2RlLCBzZXRTdGFydERhdGUsIHNldEVuZERhdGVdKTtcblxuICBjb25zdCBlbmREYXRlSXNTZXQgPSB1c2VSZWYoZmFsc2UpO1xuICBlbmREYXRlSXNTZXQuY3VycmVudCA9IGVuZERhdGUgIT0gbnVsbDtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzdGFydERhdGUgIT0gbnVsbCkge1xuICAgICAgZGlzcGF0Y2hBY3Rpb24oe1xuICAgICAgICB0eXBlOiBcIm1vbnRoX3llYXJcIixcbiAgICAgICAgdGFyZ2V0OiBlbmREYXRlSXNTZXQuY3VycmVudCA/IFwibGVmdFwiIDogXCJiZXN0XCIsXG4gICAgICAgIHllYXI6IHN0YXJ0RGF0ZS5nZXRGdWxsWWVhcigpLFxuICAgICAgICBtb250aDogc3RhcnREYXRlLmdldE1vbnRoKCkgKyAxLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbZGlzcGF0Y2hBY3Rpb24sIHN0YXJ0RGF0ZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGVuZERhdGUgIT0gbnVsbCkge1xuICAgICAgZGlzcGF0Y2hBY3Rpb24oe1xuICAgICAgICB0eXBlOiBcIm1vbnRoX3llYXJcIixcbiAgICAgICAgdGFyZ2V0OiBcInJpZ2h0XCIsXG4gICAgICAgIHllYXI6IGVuZERhdGUuZ2V0RnVsbFllYXIoKSxcbiAgICAgICAgbW9udGg6IGVuZERhdGUuZ2V0TW9udGgoKSArIDEsXG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkaXNwYXRjaEFjdGlvbiwgZW5kRGF0ZV0pO1xuXG4gIC8qKlxuICAgKiBIYW5kbGVzIHRoZSBgQXBwbHlgIGFjdGlvbi4gQm90aCBzaW5nbGUgYW5kIHJhbmdlZCBtb2RlcyBhcmUgaGFuZGxlZCBoZXJlLlxuICAgKi9cbiAgY29uc3QgaGFuZGxlQXBwbHkgPSAoKSA9PiB7XG4gICAgc2V0U3RhcnREYXRlKHN0YXJ0RGF0ZSwgdHJ1ZSk7XG4gICAgc2V0RW5kRGF0ZShlbmREYXRlID8/IHN0YXJ0RGF0ZSwgdHJ1ZSk7XG5cbiAgICBvbkNoYW5nZT8uKHN0YXJ0RGF0ZSwgZW5kRGF0ZSk7XG5cbiAgICBzZXRWYWxpZGF0aW9uU3RhdGUoKCkgPT4ge1xuICAgICAgLy8gdGhpcyB3aWxsIG9ubHkgcnVuIGlmIHN0YXR1cyBpcyB1bmNvbnRyb2xsZWRcbiAgICAgIGlmIChyZXF1aXJlZCAmJiAoIWlzRGF0ZShzdGFydERhdGUpIHx8IChyYW5nZU1vZGUgJiYgIWlzRGF0ZShlbmREYXRlKSkpKSB7XG4gICAgICAgIHJldHVybiBcImludmFsaWRcIjtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIFwidmFsaWRcIjtcbiAgICB9KTtcblxuICAgIHNldENhbGVuZGFyT3BlbihmYWxzZSk7XG4gIH07XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGBDYW5jZWxgIGFjdGlvbi4gQm90aCBzaW5nbGUgYW5kIHJhbmdlZCBtb2RlcyBhcmUgaGFuZGxlZCBoZXJlLlxuICAgKi9cbiAgY29uc3QgaGFuZGxlQ2FuY2VsID0gKCkgPT4ge1xuICAgIHJvbGxiYWNrU3RhcnREYXRlKCk7XG4gICAgcm9sbGJhY2tFbmREYXRlKCk7XG5cbiAgICBvbkNhbmNlbD8uKCk7XG5cbiAgICBzZXRDYWxlbmRhck9wZW4oZmFsc2UpO1xuICB9O1xuXG4gIC8qKlxuICAgKiBIYW5kbGVzIHRoZSBgQ2FuY2VsYCBhY3Rpb24uIEJvdGggc2luZ2xlIGFuZCByYW5nZWQgbW9kZXMgYXJlIGhhbmRsZWQgaGVyZS5cbiAgICovXG4gIGNvbnN0IGhhbmRsZUNsZWFyID0gKCkgPT4ge1xuICAgIHNldFN0YXJ0RGF0ZSh1bmRlZmluZWQsIGZhbHNlKTtcbiAgICBzZXRFbmREYXRlKHVuZGVmaW5lZCwgZmFsc2UpO1xuICAgIG9uQ2xlYXI/LigpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNhbGVuZGFyQ2xvc2UgPSAoKSA9PiB7XG4gICAgY29uc3Qgc2hvdWxkU2F2ZSA9ICEocmFuZ2VNb2RlIHx8IHNob3dBY3Rpb25zKTtcbiAgICBpZiAoc2hvdWxkU2F2ZSkge1xuICAgICAgaGFuZGxlQXBwbHkoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaGFuZGxlQ2FuY2VsKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZTogSHZCYXNlRHJvcGRvd25Qcm9wc1tcIm9uVG9nZ2xlXCJdID0gKGV2dCwgb3BlbikgPT4ge1xuICAgIC8qIFxuICAgICBJZiBldnQgaXMgbnVsbCB0aGlzIHRvZ2dsZSB3YXNuJ3QgdHJpZ2dlcmVkIGJ5IHRoZSB1c2VyLlxuICAgICBpbnN0ZWFkIGl0IHdhcyB0cmlnZ2VyZWQgYnkgdGhlIGJhc2VEcm9wZG93biB1c2VFZmZlY3QgYWZ0ZXJcbiAgICAgdGhlIGRhdGVwaWNrZXIgY2hhbmdlZCB0aGUgZXhwYW5kZWQgdmFsdWUgdGhpcyBiYXNlRHJvcGRvd24gYmVoYXZpb3IgbmVlZHMgYSByZXZpZXdcbiAgICAqL1xuICAgIGlmIChldnQgPT09IG51bGwpIHJldHVybjtcbiAgICBvblRvZ2dsZT8uKGV2dCwgb3Blbik7XG4gICAgc2V0Q2FsZW5kYXJPcGVuKG9wZW4pO1xuICAgIGlmICghb3BlbikgaGFuZGxlQ2FsZW5kYXJDbG9zZSgpO1xuICB9O1xuXG4gIGNvbnN0IGZvY3VzT25Db250YWluZXIgPSAoKSA9PiB7XG4gICAgZm9jdXNUYXJnZXQuY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVEYXRlQ2hhbmdlOiBIdkNhbGVuZGFyUHJvcHNbXCJvbkNoYW5nZVwiXSA9IChldmVudCwgbmV3RGF0ZSkgPT4ge1xuICAgIGlmICghaXNEYXRlKG5ld0RhdGUpKSByZXR1cm47XG5cbiAgICBjb25zdCBhdXRvU2F2ZSA9ICFzaG93QWN0aW9ucyAmJiAhcmFuZ2VNb2RlO1xuXG4gICAgaWYgKHJhbmdlTW9kZSkge1xuICAgICAgaWYgKCFzdGFydERhdGUgfHwgKHN0YXJ0RGF0ZSAmJiBlbmREYXRlKSB8fCBuZXdEYXRlIDwgc3RhcnREYXRlKSB7XG4gICAgICAgIHNldFN0YXJ0RGF0ZShuZXdEYXRlKTtcbiAgICAgICAgc2V0RW5kRGF0ZSh1bmRlZmluZWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0RW5kRGF0ZShuZXdEYXRlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgc2V0U3RhcnREYXRlKG5ld0RhdGUsIGF1dG9TYXZlKTtcbiAgICB9XG5cbiAgICBpZiAoYXV0b1NhdmUpIHtcbiAgICAgIG9uQ2hhbmdlPy4obmV3RGF0ZSk7XG5cbiAgICAgIHNldFZhbGlkYXRpb25TdGF0ZSgoKSA9PiB7XG4gICAgICAgIC8vIHRoaXMgd2lsbCBvbmx5IHJ1biBpZiBzdGF0dXMgaXMgdW5jb250cm9sbGVkXG4gICAgICAgIGlmIChyZXF1aXJlZCAmJiAhaXNEYXRlKG5ld0RhdGUpKSB7XG4gICAgICAgICAgcmV0dXJuIFwiaW52YWxpZFwiO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIFwidmFsaWRcIjtcbiAgICAgIH0pO1xuXG4gICAgICBzZXRDYWxlbmRhck9wZW4oZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVJbnB1dERhdGVDaGFuZ2U6IEh2Q2FsZW5kYXJQcm9wc1tcIm9uSW5wdXRDaGFuZ2VcIl0gPSAoXG4gICAgZXZlbnQsXG4gICAgbmV3RGF0ZSxcbiAgICBwb3NpdGlvblxuICApID0+IHtcbiAgICBpZiAoIWlzRGF0ZShuZXdEYXRlKSkgcmV0dXJuO1xuXG4gICAgaWYgKCFyYW5nZU1vZGUpIHtcbiAgICAgIGhhbmRsZURhdGVDaGFuZ2UoZXZlbnQgYXMgYW55LCBuZXdEYXRlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAocG9zaXRpb24gPT09IFwibGVmdFwiKSB7XG4gICAgICBpZiAoZW5kRGF0ZSkgc2V0U3RhcnREYXRlKG5ld0RhdGUgPiBlbmREYXRlID8gZW5kRGF0ZSA6IG5ld0RhdGUpO1xuICAgIH0gZWxzZSBpZiAocG9zaXRpb24gPT09IFwicmlnaHRcIikge1xuICAgICAgaWYgKCFzdGFydERhdGUpIHtcbiAgICAgICAgaWYgKGVuZERhdGUpIHNldFN0YXJ0RGF0ZShuZXdEYXRlID4gZW5kRGF0ZSA/IGVuZERhdGUgOiBuZXdEYXRlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgc2V0RW5kRGF0ZShuZXdEYXRlIDwgc3RhcnREYXRlID8gc3RhcnREYXRlIDogbmV3RGF0ZSk7XG4gICAgfVxuICB9O1xuXG4gIC8qKlxuICAgKiBSZW5kZXJzIHRoZSBjb250YWluZXIgZm9yIHRoZSBhY3Rpb24gZWxlbWVudHMuXG4gICAqL1xuICBjb25zdCByZW5kZXJBY3Rpb25zID0gKCkgPT4gKFxuICAgIDxIdkFjdGlvbkJhciBjbGFzc05hbWU9e2N4KHsgW2NsYXNzZXMuYWN0aW9uQ29udGFpbmVyXTogc2hvd0NsZWFyIH0pfT5cbiAgICAgIHtzaG93Q2xlYXIgJiYgKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5sZWZ0Q29udGFpbmVyfT5cbiAgICAgICAgICA8SHZCdXR0b25cbiAgICAgICAgICAgIGlkPXtzZXRJZChpZCwgXCJhY3Rpb25cIiwgXCJjbGVhclwiKX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5hY3Rpb259XG4gICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeUdob3N0XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsZWFyfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbHM/LmNsZWFyTGFiZWx9XG4gICAgICAgICAgPC9IdkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMucmlnaHRDb250YWluZXJ9PlxuICAgICAgICA8SHZCdXR0b25cbiAgICAgICAgICBpZD17c2V0SWQoaWQsIFwiYWN0aW9uXCIsIFwiYXBwbHlcIil9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmFjdGlvbn1cbiAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeUdob3N0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVBcHBseX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbHM/LmFwcGx5TGFiZWx9XG4gICAgICAgIDwvSHZCdXR0b24+XG4gICAgICAgIDxIdkJ1dHRvblxuICAgICAgICAgIGlkPXtzZXRJZChpZCwgXCJhY3Rpb25cIiwgXCJjYW5jZWxcIil9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmFjdGlvbn1cbiAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeUdob3N0XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDYW5jZWx9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWxzPy5jYW5jZWxMYWJlbH1cbiAgICAgICAgPC9IdkJ1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvSHZBY3Rpb25CYXI+XG4gICk7XG5cbiAgY29uc3Qgc3R5bGVkVHlwb2dyYXBoeSA9IChcbiAgICBkYXRlU3RyaW5nOiBzdHJpbmcsXG4gICAgdmFyaWFudDogYW55LFxuICAgIHRleHQ6IFJlYWN0Tm9kZVxuICApID0+IHtcbiAgICBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICAgICAgY29sb3I6IGRhdGVTdHJpbmdcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XG4gICAgICAgIDogdGhlbWUuZGF0ZVBpY2tlci5kcm9wZG93blBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gPFN0eWxlZFR5cG9ncmFwaHkgdmFyaWFudD17dmFyaWFudH0+e3RleHR9PC9TdHlsZWRUeXBvZ3JhcGh5PjtcbiAgfTtcblxuICBjb25zdCByZW5kZXJJbnB1dCA9IChkYXRlU3RyaW5nOiBzdHJpbmcpID0+XG4gICAgc3R5bGVkVHlwb2dyYXBoeShcbiAgICAgIGRhdGVTdHJpbmcsXG4gICAgICBhY3RpdmVUaGVtZT8uZGF0ZVBpY2tlci5wbGFjZWhvbGRlclZhcmlhbnQsXG4gICAgICAoZGF0ZVN0cmluZyB8fCBwbGFjZWhvbGRlcikgPT09IHVuZGVmaW5lZCA/IFwiXCIgOiBkYXRlU3RyaW5nIHx8IHBsYWNlaG9sZGVyXG4gICAgKTtcblxuICBjb25zdCBkYXRlVmFsdWUgPSByYW5nZU1vZGUgPyB7IHN0YXJ0RGF0ZSwgZW5kRGF0ZSB9IDogc3RhcnREYXRlO1xuXG4gIGNvbnN0IGhhc0xhYmVsID0gbGFiZWwgIT0gbnVsbDtcbiAgY29uc3QgaGFzRGVzY3JpcHRpb24gPSBkZXNjcmlwdGlvbiAhPSBudWxsO1xuXG4gIC8vIHRoZSBlcnJvciBtZXNzYWdlIGFyZWEgd2lsbCBvbmx5IGJlIGNyZWF0ZWQgaWY6XG4gIC8vIC0gYW4gZXh0ZXJuYWwgZWxlbWVudCB0aGF0IHByb3ZpZGVzIGFuIGVycm9yIG1lc3NhZ2UgaXNuJ3QgaWRlbnRpZmllZCB2aWEgYXJpYS1lcnJvcm1lc3NhZ2UgQU5EXG4gIC8vICAgLSBib3RoIHN0YXR1cyBhbmQgc3RhdHVzTWVzc2FnZSBwcm9wZXJ0aWVzIGFyZSBiZWluZyBjb250cm9sbGVkIE9SXG4gIC8vICAgLSBzdGF0dXMgaXMgdW5jb250cm9sbGVkIGFuZCByZXF1aXJlZCBpcyB0cnVlXG4gIGNvbnN0IGNhblNob3dFcnJvciA9XG4gICAgYXJpYUVycm9yTWVzc2FnZSA9PSBudWxsICYmXG4gICAgKChzdGF0dXMgIT09IHVuZGVmaW5lZCAmJiBzdGF0dXNNZXNzYWdlICE9PSB1bmRlZmluZWQpIHx8XG4gICAgICAoc3RhdHVzID09PSB1bmRlZmluZWQgJiYgcmVxdWlyZWQpKTtcblxuICBjb25zdCBpc1N0YXRlSW52YWxpZCA9IGlzSW52YWxpZCh2YWxpZGF0aW9uU3RhdGUpO1xuXG4gIGxldCBlcnJvck1lc3NhZ2VJZDtcbiAgaWYgKGlzU3RhdGVJbnZhbGlkKSB7XG4gICAgZXJyb3JNZXNzYWdlSWQgPSBjYW5TaG93RXJyb3JcbiAgICAgID8gc2V0SWQoZWxlbWVudElkLCBcImVycm9yXCIpXG4gICAgICA6IGFyaWFFcnJvck1lc3NhZ2U7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxIdkZvcm1FbGVtZW50XG4gICAgICBpZD17aWR9XG4gICAgICBuYW1lPXtuYW1lfVxuICAgICAgdmFsdWU9e2RhdGVWYWx1ZX1cbiAgICAgIHN0YXR1cz17dmFsaWRhdGlvblN0YXRlfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHsoaGFzTGFiZWwgfHwgaGFzRGVzY3JpcHRpb24pICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMubGFiZWxDb250YWluZXJ9PlxuICAgICAgICAgIHtoYXNMYWJlbCAmJiAoXG4gICAgICAgICAgICA8SHZMYWJlbFxuICAgICAgICAgICAgICBpZD17c2V0SWQoZWxlbWVudElkLCBcImxhYmVsXCIpfVxuICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5sYWJlbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHtoYXNEZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8SHZJbmZvTWVzc2FnZVxuICAgICAgICAgICAgICBpZD17c2V0SWQoZWxlbWVudElkLCBcImRlc2NyaXB0aW9uXCIpfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvSHZJbmZvTWVzc2FnZT5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICA8SHZCYXNlRHJvcGRvd25cbiAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgIHJvb3Q6IGNsYXNzZXMuZHJvcGRvd24sXG4gICAgICAgICAgcGFuZWw6IGNsYXNzZXMucGFuZWwsXG4gICAgICAgICAgaGVhZGVyOiBjeCh7IFtjbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZF06IGlzU3RhdGVJbnZhbGlkIH0pLFxuICAgICAgICAgIGhlYWRlck9wZW46IGNsYXNzZXMuZHJvcGRvd25IZWFkZXJPcGVuLFxuICAgICAgICB9fVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGlzYWJsZVBvcnRhbD17ZGlzYWJsZVBvcnRhbH1cbiAgICAgICAgdmFyaWFibGVXaWR0aFxuICAgICAgICBwbGFjZW1lbnQ9e2hvcml6b250YWxQbGFjZW1lbnR9XG4gICAgICAgIGV4cGFuZGVkPXtjYWxlbmRhck9wZW59XG4gICAgICAgIG9uVG9nZ2xlPXtoYW5kbGVUb2dnbGV9XG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlPXtoYW5kbGVDYWxlbmRhckNsb3NlfVxuICAgICAgICBvbkNvbnRhaW5lckNyZWF0aW9uPXtmb2N1c09uQ29udGFpbmVyfVxuICAgICAgICBwbGFjZWhvbGRlcj17cmVuZGVySW5wdXQoZ2V0RGF0ZUxhYmVsKGRhdGVWYWx1ZSwgcmFuZ2VNb2RlLCBsb2NhbGUpKX1cbiAgICAgICAgYWRvcm5tZW50PXtcbiAgICAgICAgICA8Q2FsZW5kYXJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5pY29ufVxuICAgICAgICAgICAgY29sb3I9e2Rpc2FibGVkID8gXCJzZWNvbmRhcnlfODBcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIHBvcHBlclByb3BzPXt7XG4gICAgICAgICAgbW9kaWZpZXJzOiBbXG4gICAgICAgICAgICB7IG5hbWU6IFwicHJldmVudE92ZXJmbG93XCIsIGVuYWJsZWQ6IGVzY2FwZVdpdGhSZWZlcmVuY2UgfSxcbiAgICAgICAgICBdLFxuICAgICAgICB9fVxuICAgICAgICBhcmlhLWhhc3BvcHVwPVwiZGlhbG9nXCJcbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e1xuICAgICAgICAgIFtsYWJlbCAmJiBzZXRJZChlbGVtZW50SWQsIFwibGFiZWxcIiksIGFyaWFMYWJlbGxlZEJ5XVxuICAgICAgICAgICAgLmpvaW4oXCIgXCIpXG4gICAgICAgICAgICAudHJpbSgpIHx8IHVuZGVmaW5lZFxuICAgICAgICB9XG4gICAgICAgIGFyaWEtaW52YWxpZD17aXNTdGF0ZUludmFsaWQgPyB0cnVlIDogdW5kZWZpbmVkfVxuICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17ZXJyb3JNZXNzYWdlSWR9XG4gICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e1xuICAgICAgICAgIFtkZXNjcmlwdGlvbiAmJiBzZXRJZChlbGVtZW50SWQsIFwiZGVzY3JpcHRpb25cIiksIGFyaWFEZXNjcmliZWRCeV1cbiAgICAgICAgICAgIC5qb2luKFwiIFwiKVxuICAgICAgICAgICAgLnRyaW0oKSB8fCB1bmRlZmluZWRcbiAgICAgICAgfVxuICAgICAgICB7Li4uZHJvcGRvd25Qcm9wc31cbiAgICAgID5cbiAgICAgICAgPGRpdiByZWY9e2ZvY3VzVGFyZ2V0fSB0YWJJbmRleD17LTF9IC8+XG4gICAgICAgIDxIdkNhbGVuZGFyXG4gICAgICAgICAgaWQ9e3NldElkKGlkLCBcImNhbGVuZGFyXCIpfVxuICAgICAgICAgIHN0YXJ0QWRvcm5tZW50PXtzdGFydEFkb3JubWVudH1cbiAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlRGF0ZUNoYW5nZX1cbiAgICAgICAgICBvbklucHV0Q2hhbmdlPXtoYW5kbGVJbnB1dERhdGVDaGFuZ2V9XG4gICAgICAgICAgb25WaXNpYmxlRGF0ZUNoYW5nZT17KF9ldmVudCwgdHlwZSwgbW9udGgsIHRhcmdldCkgPT4ge1xuICAgICAgICAgICAgZGlzcGF0Y2hBY3Rpb24oeyB0eXBlLCB0YXJnZXQsIG1vbnRoIH0pO1xuICAgICAgICAgIH19XG4gICAgICAgICAgbG9jYWxlPXtsb2NhbGV9XG4gICAgICAgICAgey4uLnZpc2libGVEYXRlfVxuICAgICAgICAgIHsuLi5jYWxlbmRhclByb3BzfVxuICAgICAgICAgIGludmFsaWREYXRlTGFiZWw9e2xhYmVscz8uaW52YWxpZERhdGVMYWJlbH1cbiAgICAgICAgLz5cbiAgICAgICAgeyhyYW5nZU1vZGUgfHwgc2hvd0FjdGlvbnMpICYmIHJlbmRlckFjdGlvbnMoKX1cbiAgICAgIDwvSHZCYXNlRHJvcGRvd24+XG4gICAgICB7Y2FuU2hvd0Vycm9yICYmIChcbiAgICAgICAgPEh2V2FybmluZ1RleHRcbiAgICAgICAgICBpZD17c2V0SWQoZWxlbWVudElkLCBcImVycm9yXCIpfVxuICAgICAgICAgIGRpc2FibGVCb3JkZXJcbiAgICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzZXMuZXJyb3IpfVxuICAgICAgICA+XG4gICAgICAgICAge3ZhbGlkYXRpb25NZXNzYWdlfVxuICAgICAgICA8L0h2V2FybmluZ1RleHQ+XG4gICAgICApfVxuICAgIDwvSHZGb3JtRWxlbWVudD5cbiAgKTtcbn07XG4iXX0= */");
|
|
218
222
|
return /* @__PURE__ */ jsx(StyledTypography, { variant, children: text });
|
|
219
223
|
};
|
|
220
224
|
const renderInput = (dateString) => styledTypography(dateString, activeTheme == null ? void 0 : activeTheme.datePicker.placeholderVariant, (dateString || placeholder) === void 0 ? "" : dateString || placeholder);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactNode } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport styled from \"@emotion/styled\";\n\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useSavedState } from \"@core/utils/useSavedState\";\nimport {\n isInvalid,\n HvLabel,\n HvFormStatus,\n HvWarningText,\n HvFormElement,\n HvInfoMessage,\n} from \"@core/components/Forms\";\nimport { isDate } from \"@core/components/Calendar/utils\";\nimport { HvCalendar, HvCalendarProps } from \"@core/components/Calendar\";\nimport {\n HvBaseDropdown,\n HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport { staticClasses, useClasses } from \"./DatePicker.styles\";\n\nexport { staticClasses as datePickerClasses };\n\nexport type HvDatePickerClasses = ExtractNames<typeof useClasses>;\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidLabel: \"Invalid date\",\n};\n\n/** @deprecated use `HvFormStatus` instead */\nexport type HvDatePickerStatus = HvFormStatus;\n\nexport interface HvDatePickerProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /**\n * The form element name.\n */\n name?: string;\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label?: React.ReactNode;\n /**\n * Provide additional descriptive text for the form element.\n */\n description?: React.ReactNode;\n /**\n * The placeholder value when nothing is selected.\n */\n placeholder?: string;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status?: HvFormStatus;\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage?: React.ReactNode;\n /**\n * Identifies the element that provides an error message for the date picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the value changes.\n */\n onChange?: (date?: Date, endDate?: Date) => void;\n /**\n * The callback fired when user clicks on cancel.\n */\n onCancel?: () => void;\n /**\n * The callback fired when user clicks on clear.\n */\n onClear?: () => void;\n /**\n * An object containing all the labels for the datepicker.\n */\n labels?: {\n /**\n * Apply button label.\n */\n applyLabel?: string;\n /**\n * Cancel button label.\n */\n cancelLabel?: string;\n /**\n * Clear button label.\n */\n clearLabel?: string;\n /**\n * Invalid Date label.\n */\n invalidDateLabel?: string;\n };\n /**\n * The initial value of the input when in single calendar mode.\n */\n value?: Date;\n /**\n * The initial value for the start date when in range mode.\n */\n startValue?: Date;\n /**\n * The initial value for the end date when in range mode.\n */\n endValue?: Date;\n /**\n * Flag informing if the the component should be in range mode or in single mode.\n * TODO: remove this in favour of discriminated union\n */\n rangeMode?: boolean;\n /**\n * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n */\n horizontalPlacement?: \"left\" | \"right\";\n /**\n * The calendar locale. If undefined, it uses calendar default\n */\n locale?: string;\n /**\n * Controls if actions buttons are visible at the calendar.\n */\n showActions?: boolean;\n /**\n * Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n */\n showClear?: boolean;\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal?: boolean;\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference?: boolean;\n /**\n * An element placed before the Calendar\n */\n startAdornment?: React.ReactNode;\n /**\n * An object containing props to be passed onto the baseDropdown.\n */\n dropdownProps?: Object;\n /**\n * If `true` the DatePicker will be in read only mode, unable to be interacted.\n */\n readOnly?: boolean;\n /**\n * Additional props passed to the HvCalendar component.\n */\n calendarProps?: Partial<HvCalendarProps>;\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes?: HvDatePickerClasses;\n}\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nexport const HvDatePicker = (props: HvDatePickerProps) => {\n const {\n classes: classesProp,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = useDefaultProps(\"HvDatePicker\", props);\n\n const { classes, cx } = useClasses(classesProp);\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const locale = localeProp || \"en-US\";\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const { activeTheme } = useTheme();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n }, [value, startValue, endValue, rangeMode, setStartDate, setEndDate]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /**\n * Handles the `Apply` action. Both single and ranged modes are handled here.\n */\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode || showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle: HvBaseDropdownProps[\"onToggle\"] = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange: HvCalendarProps[\"onChange\"] = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate || (startDate && endDate) || newDate < startDate) {\n setStartDate(newDate);\n setEndDate(undefined);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange: HvCalendarProps[\"onInputChange\"] = (\n event,\n newDate,\n position\n ) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event as any, newDate);\n return;\n }\n\n if (position === \"left\") {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /**\n * Renders the container for the action elements.\n */\n const renderActions = () => (\n <HvActionBar className={cx({ [classes.actionContainer]: showClear })}>\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleClear}\n >\n {labels?.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleApply}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleCancel}\n >\n {labels?.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const styledTypography = (\n dateString: string,\n variant: any,\n text: ReactNode\n ) => {\n const StyledTypography = styled(HvTypography)({\n color: dateString\n ? theme.colors.secondary\n : theme.datePicker.dropdownPlaceholderColor,\n });\n\n return <StyledTypography variant={variant}>{text}</StyledTypography>;\n };\n\n const renderInput = (dateString: string) =>\n styledTypography(\n dateString,\n activeTheme?.datePicker.placeholderVariant,\n (dateString || placeholder) === undefined ? \"\" : dateString || placeholder\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={cx(classes.root, className)}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={classes.description}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: cx({ [classes.dropdownHeaderInvalid]: isStateInvalid }),\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={\n <Calendar\n className={classes.icon}\n color={disabled ? \"secondary_80\" : undefined}\n />\n }\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() || undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels?.invalidDateLabel}\n />\n {(rangeMode || showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={cx(classes.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidLabel","HvDatePicker","props","classes","classesProp","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useDefaultProps","cx","useClasses","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","calendarOpen","setCalendarOpen","useState","startDate","setStartDate","rollbackStartDate","useSavedState","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","useVisibleDate","focusTarget","useRef","activeTheme","useTheme","useEffect","endDateIsSet","current","type","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","setId","action","rightContainer","styledTypography","dateString","variant","text","StyledTypography","HvTypography","process","env","NODE_ENV","color","theme","colors","secondary","datePicker","dropdownPlaceholderColor","renderInput","placeholderVariant","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","invalidDateLabel","error"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useEffect, useRef, ReactNode } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport styled from \"@emotion/styled\";\n\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useSavedState } from \"@core/utils/useSavedState\";\nimport {\n isInvalid,\n HvLabel,\n HvFormStatus,\n HvWarningText,\n HvFormElement,\n HvInfoMessage,\n HvFormElementProps,\n} from \"@core/components/Forms\";\nimport { isDate } from \"@core/components/Calendar/utils\";\nimport { HvCalendar, HvCalendarProps } from \"@core/components/Calendar\";\nimport {\n HvBaseDropdown,\n HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport { staticClasses, useClasses } from \"./DatePicker.styles\";\n\nexport { staticClasses as datePickerClasses };\n\nexport type HvDatePickerClasses = ExtractNames<typeof useClasses>;\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidLabel: \"Invalid date\",\n};\n\n/** @deprecated use `HvFormStatus` instead */\nexport type HvDatePickerStatus = HvFormStatus;\n\nexport interface HvDatePickerProps\n extends Omit<HvFormElementProps, \"onChange\">,\n Pick<\n HvBaseDropdownProps,\n \"disablePortal\" | \"expanded\" | \"defaultExpanded\" | \"onToggle\"\n > {\n /**\n * Identifies the element that provides an error message for the date picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the value changes.\n */\n onChange?: (date?: Date, endDate?: Date) => void;\n /**\n * The callback fired when user clicks on cancel.\n */\n onCancel?: () => void;\n /**\n * The callback fired when user clicks on clear.\n */\n onClear?: () => void;\n /**\n * An object containing all the labels for the datepicker.\n */\n labels?: {\n /**\n * Apply button label.\n */\n applyLabel?: string;\n /**\n * Cancel button label.\n */\n cancelLabel?: string;\n /**\n * Clear button label.\n */\n clearLabel?: string;\n /**\n * Invalid Date label.\n */\n invalidDateLabel?: string;\n };\n /**\n * The initial value of the input when in single calendar mode.\n */\n value?: Date;\n /**\n * The initial value for the start date when in range mode.\n */\n startValue?: Date;\n /**\n * The initial value for the end date when in range mode.\n */\n endValue?: Date;\n /**\n * Flag informing if the the component should be in range mode or in single mode.\n */\n // TODO: remove this in favour of discriminated union\n rangeMode?: boolean;\n /**\n * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n */\n horizontalPlacement?: \"left\" | \"right\";\n /**\n * The calendar locale. If undefined, it uses calendar default\n */\n locale?: string;\n /**\n * Controls if actions buttons are visible at the calendar.\n */\n showActions?: boolean;\n /**\n * Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n */\n showClear?: boolean;\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference?: boolean;\n /**\n * An element placed before the Calendar\n */\n startAdornment?: React.ReactNode;\n /**\n * An object containing props to be passed onto the baseDropdown.\n */\n dropdownProps?: Partial<HvBaseDropdownProps>;\n /**\n * Additional props passed to the HvCalendar component.\n */\n calendarProps?: Partial<HvCalendarProps>;\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes?: HvDatePickerClasses;\n}\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nexport const HvDatePicker = (props: HvDatePickerProps) => {\n const {\n classes: classesProp,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n expanded,\n defaultExpanded,\n onToggle,\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = useDefaultProps(\"HvDatePicker\", props);\n\n const { classes, cx } = useClasses(classesProp);\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const locale = localeProp || \"en-US\";\n\n const [calendarOpen, setCalendarOpen] = useControlled(\n expanded,\n Boolean(defaultExpanded)\n );\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const { activeTheme } = useTheme();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n }, [value, startValue, endValue, rangeMode, setStartDate, setEndDate]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: \"month_year\",\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /**\n * Handles the `Apply` action. Both single and ranged modes are handled here.\n */\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode || showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle: HvBaseDropdownProps[\"onToggle\"] = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n onToggle?.(evt, open);\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange: HvCalendarProps[\"onChange\"] = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate || (startDate && endDate) || newDate < startDate) {\n setStartDate(newDate);\n setEndDate(undefined);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange: HvCalendarProps[\"onInputChange\"] = (\n event,\n newDate,\n position\n ) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event as any, newDate);\n return;\n }\n\n if (position === \"left\") {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n if (endDate) setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /**\n * Renders the container for the action elements.\n */\n const renderActions = () => (\n <HvActionBar className={cx({ [classes.actionContainer]: showClear })}>\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleClear}\n >\n {labels?.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleApply}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n variant=\"primaryGhost\"\n onClick={handleCancel}\n >\n {labels?.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const styledTypography = (\n dateString: string,\n variant: any,\n text: ReactNode\n ) => {\n const StyledTypography = styled(HvTypography)({\n color: dateString\n ? theme.colors.secondary\n : theme.datePicker.dropdownPlaceholderColor,\n });\n\n return <StyledTypography variant={variant}>{text}</StyledTypography>;\n };\n\n const renderInput = (dateString: string) =>\n styledTypography(\n dateString,\n activeTheme?.datePicker.placeholderVariant,\n (dateString || placeholder) === undefined ? \"\" : dateString || placeholder\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={cx(classes.root, className)}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={classes.description}\n >\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: cx({ [classes.dropdownHeaderInvalid]: isStateInvalid }),\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={\n <Calendar\n className={classes.icon}\n color={disabled ? \"secondary_80\" : undefined}\n />\n }\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() || undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels?.invalidDateLabel}\n />\n {(rangeMode || showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={cx(classes.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidLabel","HvDatePicker","props","classes","classesProp","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","expanded","defaultExpanded","onToggle","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useDefaultProps","cx","useClasses","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","calendarOpen","setCalendarOpen","Boolean","startDate","setStartDate","rollbackStartDate","useSavedState","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","useVisibleDate","focusTarget","useRef","activeTheme","useTheme","useEffect","endDateIsSet","current","type","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","setId","action","rightContainer","styledTypography","dateString","variant","text","StyledTypography","HvTypography","process","env","NODE_ENV","color","theme","colors","secondary","datePicker","dropdownPlaceholderColor","renderInput","placeholderVariant","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","invalidDateLabel","error"],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ const HvSlider = (props) => {
|
|
|
60
60
|
const sliderInputId = setId(elementId, "input");
|
|
61
61
|
const stepValue = useMemo(() => calculateStepValue(maxPointValue, minPointValue, divisionQuantity), [divisionQuantity, maxPointValue, minPointValue]);
|
|
62
62
|
const inverseStepValue = 1 / stepValue;
|
|
63
|
-
const marks = useMemo(() => createMark(markProperties, markStep, divisionQuantity, minPointValue, stepValue, markDigits, !!disabled,
|
|
63
|
+
const marks = useMemo(() => createMark(markProperties, markStep, divisionQuantity, minPointValue, stepValue, markDigits, !!disabled, formatMark), [disabled, divisionQuantity, formatMark, markDigits, markProperties, markStep, minPointValue, stepValue]);
|
|
64
64
|
const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
|
|
65
65
|
const isSingle = useMemo(() => isSingleSlider(valuesProp, defaultValues), [defaultValues, valuesProp]);
|
|
66
66
|
const value = useMemo(() => (valuesProp == null ? void 0 : valuesProp.length) > 0 ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue) : void 0, [inverseStepValue, minPointValue, valuesProp]);
|
|
@@ -75,8 +75,8 @@ const HvSlider = (props) => {
|
|
|
75
75
|
const [isDraggingTrack, setIsDraggingTrack] = useState(false);
|
|
76
76
|
const knobProperties = generateDefaultKnobProperties(knobsPositions.length, disabled, knobPropertiesProp);
|
|
77
77
|
const rangesCount = knobProperties.length - 1;
|
|
78
|
-
const trackStyles = createTrackStyles(knobProperties
|
|
79
|
-
const knobStyles = createKnobStyles(knobProperties
|
|
78
|
+
const trackStyles = createTrackStyles(knobProperties);
|
|
79
|
+
const knobStyles = createKnobStyles(knobProperties);
|
|
80
80
|
const performValidation = useCallback(() => {
|
|
81
81
|
let invalid = false;
|
|
82
82
|
const newValidationState = knobsPositions.map((position) => {
|