@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.
@@ -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,EAApC,qBAA4B,CAAQ,CAAC;IAE3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,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,IACd,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;AAvBW,QAAA,mBAAmB,uBAuB9B"}
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 !== null && dataTestId !== void 0 ? dataTestId : false }, "Run query"));
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,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,gBAGzB,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grafana/plugin-ui",
3
- "version": "0.1.13",
3
+ "version": "0.1.15",
4
4
  "repository": "git@github.com:grafana/plugin-ui.git",
5
5
  "author": "Grafana Labs",
6
6
  "main": "dist/index.js",