@grafana/plugin-ui 0.1.13 → 0.1.15
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/components/DatePickerWithInput/DatePickerWithInput.js +6 -2
- package/dist/components/DatePickerWithInput/DatePickerWithInput.js.map +1 -1
- package/dist/components/DatePickerWithInput/style.css +4 -2
- package/dist/components/QueryEditor/RunQueryButton.js +1 -1
- package/dist/components/QueryEditor/RunQueryButton.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,10 +9,14 @@ require("./style.css");
|
|
|
9
9
|
const formatDate = (date) => date.toISOString().split('T')[0];
|
|
10
10
|
exports.formatDate = formatDate;
|
|
11
11
|
const DatePickerWithInput = (props) => {
|
|
12
|
-
const { value, onChange } = props, rest = tslib_1.__rest(props, ["value", "onChange"]);
|
|
12
|
+
const { value, onChange, className } = props, rest = tslib_1.__rest(props, ["value", "onChange", "className"]);
|
|
13
13
|
const [open, setOpen] = react_1.default.useState(false);
|
|
14
|
+
let inputClassName = 'grafana-plugin-ui-date-input';
|
|
15
|
+
if (className) {
|
|
16
|
+
inputClassName += ` ${className}`;
|
|
17
|
+
}
|
|
14
18
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
15
|
-
react_1.default.createElement(ui_1.Input, Object.assign({ type: 'date', placeholder: 'Date', value: (0, exports.formatDate)(value || new Date()), onClick: () => setOpen(true), onChange: () => { } }, rest)),
|
|
19
|
+
react_1.default.createElement(ui_1.Input, Object.assign({ type: 'date', placeholder: 'Date', value: (0, exports.formatDate)(value || new Date()), onClick: () => setOpen(true), onChange: () => { }, className: inputClassName }, rest)),
|
|
16
20
|
react_1.default.createElement(DatePicker_1.DatePicker, { isOpen: open, value: value, onChange: (ev) => onChange(ev), onClose: () => setOpen(false) })));
|
|
17
21
|
};
|
|
18
22
|
exports.DatePickerWithInput = DatePickerWithInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerWithInput.js","sourceRoot":"","sources":["../../../src/components/DatePickerWithInput/DatePickerWithInput.tsx"],"names":[],"mappings":";;;;AAAA,oCAAoC;AACpC,0DAA0B;AAC1B,yDAAsD;AAEtD,uBAAqB;AAEd,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAA9D,QAAA,UAAU,cAAoD;AAQpE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePickerWithInput.js","sourceRoot":"","sources":["../../../src/components/DatePickerWithInput/DatePickerWithInput.tsx"],"names":[],"mappings":";;;;AAAA,oCAAoC;AACpC,0DAA0B;AAC1B,yDAAsD;AAEtD,uBAAqB;AAEd,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAA9D,QAAA,UAAU,cAAoD;AAQpE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,kBAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,cAAc,GAAG,8BAA8B,CAAA;IACnD,IAAI,SAAS,EAAE;QACb,cAAc,IAAI,IAAI,SAAS,EAAE,CAAC;KACnC;IAED,OAAO,CACL;QACE,8BAAC,UAAK,kBACJ,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE,IAAA,kBAAU,EAAC,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,EAAE,cAAc,IACrB,IAAI,EACR;QACF,8BAAC,uBAAU,IACT,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,mBAAmB,uBA4B9B"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/* hides the native Calendar picker icon given when using type=date */
|
|
2
|
-
input[type='date']::-webkit-inner-spin-button,
|
|
3
|
-
input[type='date']::-webkit-calendar-picker-indicator
|
|
2
|
+
.grafana-plugin-ui-date-input input[type='date']::-webkit-inner-spin-button,
|
|
3
|
+
.grafana-plugin-ui-date-input input[type='date']::-webkit-calendar-picker-indicator,
|
|
4
|
+
input.grafana-plugin-ui-date-input[type='date']::-webkit-inner-spin-button,
|
|
5
|
+
input.grafana-plugin-ui-date-input[type='date']::-webkit-calendar-picker-indicator {
|
|
4
6
|
display: none;
|
|
5
7
|
-webkit-appearance: none;
|
|
6
8
|
}
|
|
@@ -11,7 +11,7 @@ const RunQueryButton = ({ ariaLabel = "Query editor Run button", queryRunning =
|
|
|
11
11
|
if (queryRunning) {
|
|
12
12
|
icon = "fa fa-spinner";
|
|
13
13
|
}
|
|
14
|
-
const RunButton = (react_1.default.createElement(ui_1.Button, { "aria-label": ariaLabel, size: "sm", variant: "secondary", icon: icon, disabled: disabled || queryRunning, onClick: onClick, "data-testid": dataTestId
|
|
14
|
+
const RunButton = (react_1.default.createElement(ui_1.Button, { "aria-label": ariaLabel, size: "sm", variant: "secondary", icon: icon, disabled: disabled || queryRunning, onClick: onClick, "data-testid": dataTestId }, "Run query"));
|
|
15
15
|
return queryInvalid ? (react_1.default.createElement(ui_1.Tooltip, { theme: "error", placement: "top", content: invalidQueryTooltip !== null && invalidQueryTooltip !== void 0 ? invalidQueryTooltip : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
16
|
"Your query is invalid. Check below for details. ",
|
|
17
17
|
react_1.default.createElement("br", null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunQueryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/RunQueryButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAAwE;AAYjE,MAAM,cAAc,GAAkC,CAAC,EAC5D,SAAS,GAAG,yBAAyB,EACrC,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,IAAI,IAAI,GAAyB,YAAY;QAC3C,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,YAAY,EAAE;QAChB,IAAI,GAAG,eAAe,CAAC;KACxB;IAED,MAAM,SAAS,GAAG,CAChB,8BAAC,WAAM,kBACO,SAAS,EACrB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,OAAO,EAAE,OAAO,iBACH,UAAU,
|
|
1
|
+
{"version":3,"file":"RunQueryButton.js","sourceRoot":"","sources":["../../../src/components/QueryEditor/RunQueryButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oCAAwE;AAYjE,MAAM,cAAc,GAAkC,CAAC,EAC5D,SAAS,GAAG,yBAAyB,EACrC,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,IAAI,IAAI,GAAyB,YAAY;QAC3C,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,YAAY,EAAE;QAChB,IAAI,GAAG,eAAe,CAAC;KACxB;IAED,MAAM,SAAS,GAAG,CAChB,8BAAC,WAAM,kBACO,SAAS,EACrB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,OAAO,EAAE,OAAO,iBACH,UAAU,gBAGhB,CACV,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,8BAAC,YAAO,IACN,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,KAAK,EACf,OAAO,EACL,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,CACrB;;YACkD,yCAAM;qDAErD,CACJ,IAGF,SAAS,CACF,CACX,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,cAAc,kBAgDzB"}
|