@veracity/vui 2.24.0-beta.4 → 2.24.0-rc.0
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/range/range.d.ts.map +1 -1
- package/dist/cjs/range/range.js +12 -11
- package/dist/cjs/range/range.js.map +1 -1
- package/dist/cjs/range/range.types.d.ts +7 -0
- package/dist/cjs/range/range.types.d.ts.map +1 -1
- package/dist/cjs/range/range.types.js +7 -0
- package/dist/cjs/range/range.types.js.map +1 -1
- package/dist/cjs/tooltip/consts.d.ts +4 -1
- package/dist/cjs/tooltip/consts.d.ts.map +1 -1
- package/dist/cjs/tooltip/consts.js +4 -1
- package/dist/cjs/tooltip/consts.js.map +1 -1
- package/dist/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltip.js +2 -2
- package/dist/cjs/tooltip/tooltip.js.map +1 -1
- package/dist/cjs/tooltip/tooltip.types.d.ts +2 -0
- package/dist/cjs/tooltip/tooltip.types.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltipContent.d.ts +1 -1
- package/dist/cjs/tooltip/tooltipContent.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltipContent.js +1 -1
- package/dist/cjs/tooltip/tooltipContent.js.map +1 -1
- package/dist/esm/range/range.d.ts.map +1 -1
- package/dist/esm/range/range.js +12 -11
- package/dist/esm/range/range.js.map +1 -1
- package/dist/esm/range/range.types.d.ts +7 -0
- package/dist/esm/range/range.types.d.ts.map +1 -1
- package/dist/esm/range/range.types.js +6 -1
- package/dist/esm/range/range.types.js.map +1 -1
- package/dist/esm/tooltip/consts.d.ts +4 -1
- package/dist/esm/tooltip/consts.d.ts.map +1 -1
- package/dist/esm/tooltip/consts.js +4 -1
- package/dist/esm/tooltip/consts.js.map +1 -1
- package/dist/esm/tooltip/tooltip.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltip.js +2 -2
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/tooltip/tooltip.types.d.ts +2 -0
- package/dist/esm/tooltip/tooltip.types.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltipContent.d.ts +1 -1
- package/dist/esm/tooltip/tooltipContent.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltipContent.js +1 -1
- package/dist/esm/tooltip/tooltipContent.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/range/range.tsx +13 -11
- package/src/range/range.types.ts +10 -0
- package/src/tooltip/consts.ts +4 -1
- package/src/tooltip/tooltip.tsx +3 -2
- package/src/tooltip/tooltip.types.ts +2 -0
- package/src/tooltip/tooltipContent.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAA;AAWzD,gCAAgC;AAChC,eAAO,MAAM,KAAK,mDAsFhB,CAAA;AAGF,eAAe,KAAK,CAAA"}
|
package/dist/cjs/range/range.js
CHANGED
|
@@ -22,21 +22,17 @@ const core_1 = require("../core");
|
|
|
22
22
|
const tooltip_1 = require("../tooltip");
|
|
23
23
|
const utils_1 = require("../utils");
|
|
24
24
|
const consts_1 = require("./consts");
|
|
25
|
+
const range_types_1 = require("./range.types");
|
|
25
26
|
const SliderBase = (0, core_1.styled)(react_slider_1.default) `
|
|
26
27
|
width: 100%;
|
|
27
28
|
height: 4px;
|
|
28
29
|
cursor: pointer;
|
|
29
30
|
transition-duration: '0s';
|
|
30
|
-
|
|
31
|
-
&[aria-disabled='true'] * {
|
|
32
|
-
pointer-events: none !important;
|
|
33
|
-
color: yellow;
|
|
34
|
-
background-color: yellow;
|
|
35
|
-
}
|
|
36
31
|
`;
|
|
32
|
+
const defaultFormatter = (value) => `${value}`;
|
|
37
33
|
/** Implements a range input. */
|
|
38
34
|
exports.Range = (0, core_1.vui)((props, ref) => {
|
|
39
|
-
const { className, value, defaultValue = 0, disabled, min = 0, minDistance = 0, max = 100, step = 1, showTooltip = false, showValue = false, onChange } = props, rest = __rest(props, ["className", "value", "defaultValue", "disabled", "min", "minDistance", "max", "step", "showTooltip", "showValue", "onChange"]);
|
|
35
|
+
const { className, value, defaultValue = 0, disabled, min = 0, minDistance = 0, max = 100, step = 1, showTooltip = false, showValue = false, formatter = defaultFormatter, onChange } = props, rest = __rest(props, ["className", "value", "defaultValue", "disabled", "min", "minDistance", "max", "step", "showTooltip", "showValue", "formatter", "onChange"]);
|
|
40
36
|
const styles = (0, core_1.useStyleConfig)('Range', props);
|
|
41
37
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
42
38
|
'aria-disabled': disabled,
|
|
@@ -46,15 +42,20 @@ exports.Range = (0, core_1.vui)((props, ref) => {
|
|
|
46
42
|
const getTrackColor = (trackProps) => {
|
|
47
43
|
const { key } = trackProps;
|
|
48
44
|
if (isSingleValue)
|
|
49
|
-
return key ===
|
|
50
|
-
return key ===
|
|
45
|
+
return key === range_types_1.RangeTrackKey.First ? mainColor : consts_1.rangeColors.track;
|
|
46
|
+
return key === range_types_1.RangeTrackKey.Third
|
|
47
|
+
? consts_1.rangeColors.track
|
|
48
|
+
: key === range_types_1.RangeTrackKey.Second
|
|
49
|
+
? mainColor
|
|
50
|
+
: consts_1.rangeColors.track;
|
|
51
51
|
};
|
|
52
52
|
const Thumb = (props, state) => {
|
|
53
|
-
const content = ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ className: "vui-range-thumb" }, styles.thumb, { borderColor: mainColor }, props, { children: showValue && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ center: true, className: "vui-range-thumb-value" }, styles.thumbValue, { children: state.valueNow }))) })));
|
|
54
|
-
return showValue ? (content) : ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { text: state.valueNow, visible: showTooltip, children: content }));
|
|
53
|
+
const content = ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ className: "vui-range-thumb" }, styles.thumb, { borderColor: mainColor }, props, { children: showValue && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ center: true, className: "vui-range-thumb-value" }, styles.thumbValue, { children: formatter(state.valueNow) }))) })));
|
|
54
|
+
return showValue ? (content) : ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { disabled: disabled, text: formatter(state.valueNow), visible: showTooltip, children: content }));
|
|
55
55
|
};
|
|
56
56
|
const Track = (props, state) => (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({}, styles.track, { bg: getTrackColor(props), className: "vui-range-track" }, props, { index: state.index }));
|
|
57
57
|
return ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ className: (0, utils_1.cs)('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className), ref: ref }, styles.container, aliasedProps, rest, { children: (0, jsx_runtime_1.jsx)(SliderBase, { className: "vui-range-slider", defaultValue: defaultValue, disabled: disabled, max: max, min: min, minDistance: minDistance, onChange: onChange, renderThumb: Thumb, renderTrack: Track, step: step, value: value }) })));
|
|
58
58
|
});
|
|
59
|
+
exports.Range.displayName = 'Range';
|
|
59
60
|
exports.default = exports.Range;
|
|
60
61
|
//# sourceMappingURL=range.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gEAAsC;AAEtC,gCAA4B;AAC5B,kCAAqD;AACrD,wCAAoC;AACpC,oCAA8C;AAC9C,qCAAsC;
|
|
1
|
+
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gEAAsC;AAEtC,gCAA4B;AAC5B,kCAAqD;AACrD,wCAAoC;AACpC,oCAA8C;AAC9C,qCAAsC;AACtC,+CAAyD;AAEzD,MAAM,UAAU,GAAG,IAAA,aAAM,EAAC,sBAAW,CAAC,CAAA;;;;;CAKrC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;AAEtD,gCAAgC;AACnB,QAAA,KAAK,GAAG,IAAA,UAAG,EAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,EACJ,SAAS,EACT,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,WAAW,GAAG,CAAC,EACf,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,gBAAgB,EAC5B,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAdH,4IAcL,CAAQ,CAAA;IAET,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC7C,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC;QACnC,eAAe,EAAE,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,aAAa,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAA;IACnF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAW,CAAC,IAAI,CAAA;IAEpE,MAAM,aAAa,GAAG,CAAC,UAAe,EAAE,EAAE;QACxC,MAAM,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA;QAE1B,IAAI,aAAa;YAAE,OAAO,GAAG,KAAK,2BAAa,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAA;QAErF,OAAO,GAAG,KAAK,2BAAa,CAAC,KAAK;YAChC,CAAC,CAAC,oBAAW,CAAC,KAAK;YACnB,CAAC,CAAC,GAAG,KAAK,2BAAa,CAAC,MAAM;gBAC5B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,KAAU,EAAE,KAAU,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,CACd,uBAAC,SAAG,kBAAC,SAAS,EAAC,iBAAiB,IAAK,MAAM,CAAC,KAAK,IAAE,WAAW,EAAE,SAAS,IAAM,KAAK,cACjF,SAAS,IAAI,CACZ,uBAAC,SAAG,kBAAC,MAAM,QAAC,SAAS,EAAC,uBAAuB,IAAK,MAAM,CAAC,UAAU,cAChE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,IACtB,CACP,IACG,CACP,CAAA;QACD,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,YAC/E,OAAO,GACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CACZ,KAAU,EACV,KAGC,EACD,EAAE,CAAC,uBAAC,SAAG,oBAAK,MAAM,CAAC,KAAK,IAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,iBAAiB,IAAK,KAAK,IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IAEnH,OAAO,CACL,uBAAC,SAAG,kBACF,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC7F,GAAG,EAAE,GAAG,IACJ,MAAM,CAAC,SAAS,EAChB,YAAY,EACZ,IAAI,cAER,uBAAC,UAAU,IACT,SAAS,EAAC,kBAAkB,EAC5B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,IACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAC3B,kBAAe,aAAK,CAAA"}
|
|
@@ -20,7 +20,14 @@ export type RangeProps = SystemProps & ThemingProps<'Range'> & {
|
|
|
20
20
|
showTooltip?: boolean;
|
|
21
21
|
/** Whether to show the current value bellow the thumb. @default false */
|
|
22
22
|
showValue?: boolean;
|
|
23
|
+
/** Function used to format the display value. */
|
|
24
|
+
formatter?: (value: string) => string;
|
|
23
25
|
/** Callback function that is called when the value changes. */
|
|
24
26
|
onChange?: (value: RangeValue) => void;
|
|
25
27
|
};
|
|
28
|
+
export declare enum RangeTrackKey {
|
|
29
|
+
First = "track-0",
|
|
30
|
+
Second = "track-1",
|
|
31
|
+
Third = "track-2"
|
|
32
|
+
}
|
|
26
33
|
//# sourceMappingURL=range.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.types.d.ts","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"range.types.d.ts","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,oFAAoF;IACpF,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,yEAAyE;IACzE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACvC,CAAA;AAEH,oBAAY,aAAa;IACvB,KAAK,YAAY;IACjB,MAAM,YAAY;IAClB,KAAK,YAAY;CAClB"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.RangeTrackKey = void 0;
|
|
4
|
+
var RangeTrackKey;
|
|
5
|
+
(function (RangeTrackKey) {
|
|
6
|
+
RangeTrackKey["First"] = "track-0";
|
|
7
|
+
RangeTrackKey["Second"] = "track-1";
|
|
8
|
+
RangeTrackKey["Third"] = "track-2";
|
|
9
|
+
})(RangeTrackKey || (exports.RangeTrackKey = RangeTrackKey = {}));
|
|
3
10
|
//# sourceMappingURL=range.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.types.js","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"range.types.js","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":";;;AAiCA,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,mCAAkB,CAAA;IAClB,kCAAiB,CAAA;AACnB,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export declare const pointerSize = 12;
|
|
2
|
-
export declare const bg
|
|
2
|
+
export declare const bg: {
|
|
3
|
+
regular: string;
|
|
4
|
+
disabled: string;
|
|
5
|
+
};
|
|
3
6
|
export declare const borderRaduis = 1;
|
|
4
7
|
export declare const boxShadow = 2;
|
|
5
8
|
export declare const pointerPlacement: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE;;;CAGd,CAAA;AAED,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5B,CAAA"}
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.pointerPlacement = exports.boxShadow = exports.borderRaduis = exports.bg = exports.pointerSize = void 0;
|
|
4
4
|
exports.pointerSize = 12;
|
|
5
|
-
exports.bg =
|
|
5
|
+
exports.bg = {
|
|
6
|
+
regular: 'darkBlue.18',
|
|
7
|
+
disabled: 'sandstone.55',
|
|
8
|
+
};
|
|
6
9
|
exports.borderRaduis = 1;
|
|
7
10
|
exports.boxShadow = 2;
|
|
8
11
|
exports.pointerPlacement = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,EAAE,CAAA;AAEhB,QAAA,EAAE,GAAG,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,EAAE,CAAA;AAEhB,QAAA,EAAE,GAAG;IAChB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,cAAc;CACzB,CAAA;AAEY,QAAA,YAAY,GAAG,CAAC,CAAA;AAEhB,QAAA,SAAS,GAAG,CAAC,CAAA;AAEb,QAAA,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,mBAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,mBAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,aAAa,EAAE;QACb,GAAG,EAAE,GAAG,mBAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,mBAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,GAAG,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,mBAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,IAAI,mBAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,mBAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,GAAG,mBAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,mBAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;CA+D1C,CAAA;AAID,eAAe,OAAO,CAAA"}
|
|
@@ -18,9 +18,9 @@ const tooltipContent_1 = require("./tooltipContent");
|
|
|
18
18
|
*
|
|
19
19
|
* */
|
|
20
20
|
const Tooltip = (props) => {
|
|
21
|
-
const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top', visible = false, } = props;
|
|
21
|
+
const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top', disabled = false, visible = false, } = props;
|
|
22
22
|
const isDesktop = (0, core_1.useUp)('md');
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(react_1.default, { content: !!text && ((0, jsx_runtime_1.jsxs)(tooltipContent_1.TooltipContent, { fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && ((0, jsx_runtime_1.jsx)(box_1.default, { bg: consts_1.bg, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })), (0, jsx_runtime_1.jsxs)(core_1.v.div, { children: [text, !!linkText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({ variant: "white" }, linkProps, { children: linkText }))] }))] })] })), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_1.default, { content: !!text && ((0, jsx_runtime_1.jsxs)(tooltipContent_1.TooltipContent, { disabled: disabled, fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && ((0, jsx_runtime_1.jsx)(box_1.default, { bg: disabled ? consts_1.bg.disabled : consts_1.bg.regular, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })), (0, jsx_runtime_1.jsxs)(core_1.v.div, { children: [text, !!linkText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({ variant: "white" }, linkProps, { children: linkText }))] }))] })] })), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
24
24
|
modifiers: [
|
|
25
25
|
{
|
|
26
26
|
name: 'flip',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAkC;AAGlC,iDAAwB;AACxB,kCAAkC;AAClC,kCAA8B;AAC9B,qCAA4D;AAE5D,qDAAiD;AAEjD;;;;;KAKK;AACE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,IAAA,YAAK,EAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,CAAC,CAAC,IAAI,IAAI,CACR,wBAAC,+BAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAkC;AAGlC,iDAAwB;AACxB,kCAAkC;AAClC,kCAA8B;AAC9B,qCAA4D;AAE5D,qDAAiD;AAEjD;;;;;KAKK;AACE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,IAAA,YAAK,EAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,CAAC,CAAC,IAAI,IAAI,CACR,wBAAC,+BAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACvE,SAAS,IAAI,CACZ,uBAAC,aAAG,IACF,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAE,CAAC,OAAO,EACvC,MAAM,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAC1C,CAAC,EAAE,GAAG,oBAAW,IAAI,EACrB,IAAI,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EACxC,GAAG,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,SAAS,EAAE,aAAa,yBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAC9E,CAAC,EAAE,GAAG,oBAAW,IAAI,GACrB,CACH,EACD,wBAAC,QAAC,CAAC,GAAG,eACH,IAAI,EACJ,CAAC,CAAC,QAAQ,IAAI,CACb,uEAEE,uBAAC,WAAI,kBAAC,OAAO,EAAC,OAAO,IAAK,SAAS,cAChC,QAAQ,IACJ,IACN,CACJ,IACK,IACO,CAClB,EAEH,WAAW,QACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF,EACD,OAAO,EAAE,OAAO,IAAI,SAAS,YAE5B,QAA8E,GACzE,CACT,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,OAAO,WA+DnB;AAED,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,kBAAe,eAAO,CAAA"}
|
|
@@ -7,6 +7,8 @@ export interface TooltipProps extends ChildrenProp {
|
|
|
7
7
|
text?: string;
|
|
8
8
|
/** Tooltip position. */
|
|
9
9
|
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
10
|
+
/** Sets correspondent disabled styling */
|
|
11
|
+
disabled?: boolean;
|
|
10
12
|
/** Sets maximum width to the tooltip body. */
|
|
11
13
|
maxWidth?: string;
|
|
12
14
|
/** Link text that will be concatenated to the end of the tooltip text. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
|
1
|
+
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TooltipProps } from './tooltip.types';
|
|
2
2
|
export declare const TooltipContent: {
|
|
3
|
-
({ children, fontSize, maxWidth }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ children, disabled, fontSize, maxWidth }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=tooltipContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc;
|
|
1
|
+
{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc;iDAAmE,YAAY;;CAiBzG,CAAA"}
|
|
@@ -7,7 +7,7 @@ exports.TooltipContent = void 0;
|
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const box_1 = __importDefault(require("../box"));
|
|
9
9
|
const consts_1 = require("./consts");
|
|
10
|
-
const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => ((0, jsx_runtime_1.jsx)(box_1.default, { bg: consts_1.bg, borderRadius: consts_1.borderRaduis, boxShadow: consts_1.boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2, children: children }));
|
|
10
|
+
const TooltipContent = ({ children, disabled, fontSize = '16px', maxWidth = '400px' }) => ((0, jsx_runtime_1.jsx)(box_1.default, { bg: disabled ? consts_1.bg.disabled : consts_1.bg.regular, borderRadius: consts_1.borderRaduis, boxShadow: consts_1.boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2, children: children }));
|
|
11
11
|
exports.TooltipContent = TooltipContent;
|
|
12
12
|
exports.TooltipContent.displayName = 'TooltipContent';
|
|
13
13
|
//# sourceMappingURL=tooltipContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipContent.js","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";;;;;;;AAEA,iDAAwB;AACxB,qCAAsD;AAG/C,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAgB,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltipContent.js","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";;;;;;;AAEA,iDAAwB;AACxB,qCAAsD;AAG/C,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAgB,EAAE,EAAE,CAAC,CAC7G,uBAAC,aAAG,IACF,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAE,CAAC,OAAO,EACvC,YAAY,EAAE,qBAAY,EAC1B,SAAS,EAAE,kBAAS,EACpB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,MAAM,EAChB,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,YAEJ,QAAQ,GACL,CACP,CAAA;AAjBY,QAAA,cAAc,kBAiB1B;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAA;AAWzD,gCAAgC;AAChC,eAAO,MAAM,KAAK,mDAsFhB,CAAA;AAGF,eAAe,KAAK,CAAA"}
|
package/dist/esm/range/range.js
CHANGED
|
@@ -5,21 +5,17 @@ import { styled, useStyleConfig, vui } from '../core';
|
|
|
5
5
|
import { Tooltip } from '../tooltip';
|
|
6
6
|
import { cs, filterUndefined } from '../utils';
|
|
7
7
|
import { rangeColors } from './consts';
|
|
8
|
+
import { RangeTrackKey } from './range.types';
|
|
8
9
|
const SliderBase = styled(ReactSlider) `
|
|
9
10
|
width: 100%;
|
|
10
11
|
height: 4px;
|
|
11
12
|
cursor: pointer;
|
|
12
13
|
transition-duration: '0s';
|
|
13
|
-
|
|
14
|
-
&[aria-disabled='true'] * {
|
|
15
|
-
pointer-events: none !important;
|
|
16
|
-
color: yellow;
|
|
17
|
-
background-color: yellow;
|
|
18
|
-
}
|
|
19
14
|
`;
|
|
15
|
+
const defaultFormatter = (value) => `${value}`;
|
|
20
16
|
/** Implements a range input. */
|
|
21
17
|
export const Range = vui((props, ref) => {
|
|
22
|
-
const { className, value, defaultValue = 0, disabled, min = 0, minDistance = 0, max = 100, step = 1, showTooltip = false, showValue = false, onChange, ...rest } = props;
|
|
18
|
+
const { className, value, defaultValue = 0, disabled, min = 0, minDistance = 0, max = 100, step = 1, showTooltip = false, showValue = false, formatter = defaultFormatter, onChange, ...rest } = props;
|
|
23
19
|
const styles = useStyleConfig('Range', props);
|
|
24
20
|
const aliasedProps = filterUndefined({
|
|
25
21
|
'aria-disabled': disabled,
|
|
@@ -29,15 +25,20 @@ export const Range = vui((props, ref) => {
|
|
|
29
25
|
const getTrackColor = (trackProps) => {
|
|
30
26
|
const { key } = trackProps;
|
|
31
27
|
if (isSingleValue)
|
|
32
|
-
return key ===
|
|
33
|
-
return key ===
|
|
28
|
+
return key === RangeTrackKey.First ? mainColor : rangeColors.track;
|
|
29
|
+
return key === RangeTrackKey.Third
|
|
30
|
+
? rangeColors.track
|
|
31
|
+
: key === RangeTrackKey.Second
|
|
32
|
+
? mainColor
|
|
33
|
+
: rangeColors.track;
|
|
34
34
|
};
|
|
35
35
|
const Thumb = (props, state) => {
|
|
36
|
-
const content = (_jsx(Box, { className: "vui-range-thumb", ...styles.thumb, borderColor: mainColor, ...props, children: showValue && (_jsx(Box, { center: true, className: "vui-range-thumb-value", ...styles.thumbValue, children: state.valueNow })) }));
|
|
37
|
-
return showValue ? (content) : (_jsx(Tooltip, { text: state.valueNow, visible: showTooltip, children: content }));
|
|
36
|
+
const content = (_jsx(Box, { className: "vui-range-thumb", ...styles.thumb, borderColor: mainColor, ...props, children: showValue && (_jsx(Box, { center: true, className: "vui-range-thumb-value", ...styles.thumbValue, children: formatter(state.valueNow) })) }));
|
|
37
|
+
return showValue ? (content) : (_jsx(Tooltip, { disabled: disabled, text: formatter(state.valueNow), visible: showTooltip, children: content }));
|
|
38
38
|
};
|
|
39
39
|
const Track = (props, state) => _jsx(Box, { ...styles.track, bg: getTrackColor(props), className: "vui-range-track", ...props, index: state.index });
|
|
40
40
|
return (_jsx(Box, { className: cs('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: _jsx(SliderBase, { className: "vui-range-slider", defaultValue: defaultValue, disabled: disabled, max: max, min: min, minDistance: minDistance, onChange: onChange, renderThumb: Thumb, renderTrack: Track, step: step, value: value }) }));
|
|
41
41
|
});
|
|
42
|
+
Range.displayName = 'Range';
|
|
42
43
|
export default Range;
|
|
43
44
|
//# sourceMappingURL=range.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../../src/range/range.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAc,aAAa,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;CAKrC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;AAEtD,gCAAgC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,EACJ,SAAS,EACT,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,WAAW,GAAG,CAAC,EACf,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,gBAAgB,EAC5B,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC7C,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,eAAe,EAAE,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,aAAa,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAA;IACnF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAA;IAEpE,MAAM,aAAa,GAAG,CAAC,UAAe,EAAE,EAAE;QACxC,MAAM,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA;QAE1B,IAAI,aAAa;YAAE,OAAO,GAAG,KAAK,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QAErF,OAAO,GAAG,KAAK,aAAa,CAAC,KAAK;YAChC,CAAC,CAAC,WAAW,CAAC,KAAK;YACnB,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,MAAM;gBAC5B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,KAAU,EAAE,KAAU,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,CACd,KAAC,GAAG,IAAC,SAAS,EAAC,iBAAiB,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,KAAM,KAAK,YACjF,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,MAAM,QAAC,SAAS,EAAC,uBAAuB,KAAK,MAAM,CAAC,UAAU,YAChE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,GACtB,CACP,GACG,CACP,CAAA;QACD,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,YAC/E,OAAO,GACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CACZ,KAAU,EACV,KAGC,EACD,EAAE,CAAC,KAAC,GAAG,OAAK,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,iBAAiB,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAA;IAEnH,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC7F,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,SAAS,KAChB,YAAY,KACZ,IAAI,YAER,KAAC,UAAU,IACT,SAAS,EAAC,kBAAkB,EAC5B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,GACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAC3B,eAAe,KAAK,CAAA"}
|
|
@@ -20,7 +20,14 @@ export type RangeProps = SystemProps & ThemingProps<'Range'> & {
|
|
|
20
20
|
showTooltip?: boolean;
|
|
21
21
|
/** Whether to show the current value bellow the thumb. @default false */
|
|
22
22
|
showValue?: boolean;
|
|
23
|
+
/** Function used to format the display value. */
|
|
24
|
+
formatter?: (value: string) => string;
|
|
23
25
|
/** Callback function that is called when the value changes. */
|
|
24
26
|
onChange?: (value: RangeValue) => void;
|
|
25
27
|
};
|
|
28
|
+
export declare enum RangeTrackKey {
|
|
29
|
+
First = "track-0",
|
|
30
|
+
Second = "track-1",
|
|
31
|
+
Third = "track-2"
|
|
32
|
+
}
|
|
26
33
|
//# sourceMappingURL=range.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.types.d.ts","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"range.types.d.ts","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,oFAAoF;IACpF,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,yEAAyE;IACzE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACvC,CAAA;AAEH,oBAAY,aAAa;IACvB,KAAK,YAAY;IACjB,MAAM,YAAY;IAClB,KAAK,YAAY;CAClB"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export var RangeTrackKey;
|
|
2
|
+
(function (RangeTrackKey) {
|
|
3
|
+
RangeTrackKey["First"] = "track-0";
|
|
4
|
+
RangeTrackKey["Second"] = "track-1";
|
|
5
|
+
RangeTrackKey["Third"] = "track-2";
|
|
6
|
+
})(RangeTrackKey || (RangeTrackKey = {}));
|
|
2
7
|
//# sourceMappingURL=range.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.types.js","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"range.types.js","sourceRoot":"","sources":["../../../src/range/range.types.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,mCAAkB,CAAA;IAClB,kCAAiB,CAAA;AACnB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export declare const pointerSize = 12;
|
|
2
|
-
export declare const bg
|
|
2
|
+
export declare const bg: {
|
|
3
|
+
regular: string;
|
|
4
|
+
disabled: string;
|
|
5
|
+
};
|
|
3
6
|
export declare const borderRaduis = 1;
|
|
4
7
|
export declare const boxShadow = 2;
|
|
5
8
|
export declare const pointerPlacement: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE;;;CAGd,CAAA;AAED,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG;IAChB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,cAAc;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,aAAa,EAAE;QACb,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;CA+D1C,CAAA;AAID,eAAe,OAAO,CAAA"}
|
|
@@ -12,9 +12,9 @@ import { TooltipContent } from './tooltipContent';
|
|
|
12
12
|
*
|
|
13
13
|
* */
|
|
14
14
|
export const Tooltip = (props) => {
|
|
15
|
-
const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top', visible = false, } = props;
|
|
15
|
+
const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top', disabled = false, visible = false, } = props;
|
|
16
16
|
const isDesktop = useUp('md');
|
|
17
|
-
return (_jsx(Tippy, { content: !!text && (_jsxs(TooltipContent, { fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && (_jsx(Box, { bg: bg, bottom: pointerPlacement[placement].bottom, h: `${pointerSize}px`, left: pointerPlacement[placement].left, position: "absolute", right: pointerPlacement[placement].right, top: pointerPlacement[placement].top, transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`, w: `${pointerSize}px` })), _jsxs(v.div, { children: [text, !!linkText && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(Link, { variant: "white", ...linkProps, children: linkText })] }))] })] })), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
17
|
+
return (_jsx(Tippy, { content: !!text && (_jsxs(TooltipContent, { disabled: disabled, fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && (_jsx(Box, { bg: disabled ? bg.disabled : bg.regular, bottom: pointerPlacement[placement].bottom, h: `${pointerSize}px`, left: pointerPlacement[placement].left, position: "absolute", right: pointerPlacement[placement].right, top: pointerPlacement[placement].top, transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`, w: `${pointerSize}px` })), _jsxs(v.div, { children: [text, !!linkText && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(Link, { variant: "white", ...linkProps, children: linkText })] }))] })] })), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
18
18
|
modifiers: [
|
|
19
19
|
{
|
|
20
20
|
name: 'flip',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAGlC,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;KAKK;AACL,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EACL,CAAC,CAAC,IAAI,IAAI,CACR,MAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAGlC,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;KAKK;AACL,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EACL,CAAC,CAAC,IAAI,IAAI,CACR,MAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACvE,SAAS,IAAI,CACZ,KAAC,GAAG,IACF,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,EACvC,MAAM,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAC1C,CAAC,EAAE,GAAG,WAAW,IAAI,EACrB,IAAI,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EACxC,GAAG,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,SAAS,EAAE,aAAa,gBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAC9E,CAAC,EAAE,GAAG,WAAW,IAAI,GACrB,CACH,EACD,MAAC,CAAC,CAAC,GAAG,eACH,IAAI,EACJ,CAAC,CAAC,QAAQ,IAAI,CACb,wCAEE,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,KAAK,SAAS,YAChC,QAAQ,GACJ,IACN,CACJ,IACK,IACO,CAClB,EAEH,WAAW,QACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF,EACD,OAAO,EAAE,OAAO,IAAI,SAAS,YAE5B,QAA8E,GACzE,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,eAAe,OAAO,CAAA"}
|
|
@@ -7,6 +7,8 @@ export interface TooltipProps extends ChildrenProp {
|
|
|
7
7
|
text?: string;
|
|
8
8
|
/** Tooltip position. */
|
|
9
9
|
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
10
|
+
/** Sets correspondent disabled styling */
|
|
11
|
+
disabled?: boolean;
|
|
10
12
|
/** Sets maximum width to the tooltip body. */
|
|
11
13
|
maxWidth?: string;
|
|
12
14
|
/** Link text that will be concatenated to the end of the tooltip text. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
|
1
|
+
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TooltipProps } from './tooltip.types';
|
|
2
2
|
export declare const TooltipContent: {
|
|
3
|
-
({ children, fontSize, maxWidth }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ children, disabled, fontSize, maxWidth }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=tooltipContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc;
|
|
1
|
+
{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc;iDAAmE,YAAY;;CAiBzG,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import Box from '../box';
|
|
3
3
|
import { bg, borderRaduis, boxShadow } from './consts';
|
|
4
|
-
export const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (_jsx(Box, { bg: bg, borderRadius: borderRaduis, boxShadow: boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2, children: children }));
|
|
4
|
+
export const TooltipContent = ({ children, disabled, fontSize = '16px', maxWidth = '400px' }) => (_jsx(Box, { bg: disabled ? bg.disabled : bg.regular, borderRadius: borderRaduis, boxShadow: boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2, children: children }));
|
|
5
5
|
TooltipContent.displayName = 'TooltipContent';
|
|
6
6
|
//# sourceMappingURL=tooltipContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipContent.js","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAgB,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltipContent.js","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAgB,EAAE,EAAE,CAAC,CAC7G,KAAC,GAAG,IACF,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,EACvC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,QAAQ,EAClB,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,MAAM,EAChB,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,YAEJ,QAAQ,GACL,CACP,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
|