@perses-dev/core 0.7.1 → 0.8.1

package/dist/cjs/model/time.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -12,15 +12,22 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSuggestedStepMs = exports.isDurationString = exports.parseDurationString = exports.toAbsoluteTimeRange = exports.isRelativeValue = void 0;
+exports.getDefaultTimeRange = exports.getSuggestedStepMs = exports.isDurationString = exports.parseDurationString = exports.toAbsoluteTimeRange = exports.isAbsoluteTimeRange = exports.isRelativeTimeRange = void 0;
 const date_fns_1 = require("date-fns");
 /**
- * Determine whether a given time range is relative or absolute
+ * Determine whether a given time range is relative
  */
-function isRelativeValue(timeRange) {
+function isRelativeTimeRange(timeRange) {
     return timeRange.pastDuration !== undefined;
 }
-exports.isRelativeValue = isRelativeValue;
+exports.isRelativeTimeRange = isRelativeTimeRange;
+/**
+ * Determine whether a given time range is absolute
+ */
+function isAbsoluteTimeRange(timeRange) {
+    return timeRange.start !== undefined && timeRange.end !== undefined;
+}
+exports.isAbsoluteTimeRange = isAbsoluteTimeRange;
 /**
  * Returns an absolute time range from a RelativeTimeRange.
  */
@@ -74,3 +81,19 @@ function getSuggestedStepMs(timeRange, width) {
     return Math.floor(queryRangeMs / width);
 }
 exports.getSuggestedStepMs = getSuggestedStepMs;
+/**
+ * Gets the default time range taking into account URL params
+ */
+function getDefaultTimeRange(dashboardDuration, queryString) {
+    const startParam = queryString.get('start');
+    const endParam = queryString.get('end');
+    if (startParam === null) {
+        // use relative time range from dashboard definition if start param is empty
+        return { pastDuration: dashboardDuration };
+    }
+    // convert query param format to RelativeTimeRange or AbsoluteTimeRange
+    return isDurationString(startParam)
+        ? { pastDuration: startParam }
+        : { start: new Date(Number(startParam)), end: new Date(Number(endParam)) };
+}
+exports.getDefaultTimeRange = getDefaultTimeRange;

package/dist/cjs/utils/event.js

@@ -0,0 +1,30 @@
+"use strict";
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEvent = void 0;
+const react_1 = require("react");
+/**
+ * A (temporary) userland implementation of `useEvent` from this React RFC: https://github.com/reactjs/rfcs/pull/220.
+ *
+ * Typically useful for getting a stable reference to an "event" function (i.e. one that isn't called during render
+ * but is called later in a useEffect or event handler) that accesses state or props.
+ */
+function useEvent(handler) {
+    const handlerRef = (0, react_1.useRef)(handler);
+    (0, react_1.useLayoutEffect)(() => {
+        handlerRef.current = handler;
+    });
+    return (0, react_1.useCallback)((...args) => handlerRef.current(...args), []);
+}
+exports.useEvent = useEvent;

package/dist/cjs/utils/index.js

@@ -1,5 +1,5 @@
 "use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -26,6 +26,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./event"), exports);
 __exportStar(require("./fetch"), exports);
 __exportStar(require("./memo"), exports);
 __exportStar(require("./panel-refs"), exports);

package/dist/cjs/utils/panel-refs.js

@@ -23,6 +23,6 @@ function resolvePanelRef(spec, panelRef) {
     if (panelDefinition === undefined) {
         throw new Error(`Could not resolve panels reference ${panelRef.$ref}`);
     }
-    return panelDefinition;
+    return { panelDefinition, panelsKey };
 }
 exports.resolvePanelRef = resolvePanelRef;

package/dist/model/dashboard.d.ts

@@ -16,7 +16,7 @@ export interface DashboardResource {
 export interface DashboardSpec {
     datasource: DatasourceSelector;
     duration: DurationString;
-    variables: Record<string, VariableDefinition>;
+    variables: VariableDefinition[];
     layouts: LayoutDefinition[];
     panels: Record<string, PanelDefinition>;
 }

package/dist/model/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/model/dashboard.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CACzC"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/model/dashboard.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CACzC"}

package/dist/model/time.d.ts

@@ -11,9 +11,13 @@ export interface RelativeTimeRange {
 }
 export declare type TimeRangeValue = AbsoluteTimeRange | RelativeTimeRange;
 /**
- * Determine whether a given time range is relative or absolute
+ * Determine whether a given time range is relative
  */
-export declare function isRelativeValue(timeRange: TimeRangeValue): timeRange is RelativeTimeRange;
+export declare function isRelativeTimeRange(timeRange: TimeRangeValue): timeRange is RelativeTimeRange;
+/**
+ * Determine whether a given time range is absolute
+ */
+export declare function isAbsoluteTimeRange(timeRange: TimeRangeValue): timeRange is AbsoluteTimeRange;
 /**
  * Returns an absolute time range from a RelativeTimeRange.
  */
@@ -39,5 +43,9 @@ export declare function isDurationString(maybeDuration: string): maybeDuration i
  * Gets a suggested step/interval size for a time range based on the width of a visual component.
  */
 export declare function getSuggestedStepMs(timeRange: AbsoluteTimeRange, width: number): number;
+/**
+ * Gets the default time range taking into account URL params
+ */
+export declare function getDefaultTimeRange(dashboardDuration: DurationString, queryString: URLSearchParams): TimeRangeValue;
 export {};
 //# sourceMappingURL=time.d.ts.map

package/dist/model/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/model/time.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAO,MAAM,UAAU,CAAC;AAEzC,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,oBAAY,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,cAAc,CAAC;CAC9B;AAED,oBAAY,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEnE;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,IAAI,iBAAiB,CAEzF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,GAAG,iBAAiB,CAOnF;AAED,aAAK,0BAA0B,GAAG,GAAG,MAAM,IAAI,CAAC;AAChD,aAAK,qBAAqB,GAAG,GAAG,MAAM,GAAG,CAAC;AAC1C,aAAK,qBAAqB,GAAG,GAAG,MAAM,GAAG,CAAC;AAC1C,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AACxC,aAAK,kBAAkB,GAAG,GAAG,MAAM,GAAG,CAAC;AACvC,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AACxC,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AAExC,oBAAY,cAAc,GAAG,OAAO,CAClC,GAAG,mBAAmB,GAAG,EAAE,GAAG,mBAAmB,GAAG,EAAE,GAAG,kBAAkB,GAAG,EAAE,GAAG,mBAAmB,GAAG,EAAE,GACvG,qBAAqB,GACrB,EAAE,GAAG,qBAAqB,GAAG,EAAE,GAAG,0BAA0B,GAAG,EAAE,EAAE,EACvE,EAAE,CACH,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAepE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,aAAa,IAAI,cAAc,CAGvF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,UAK7E"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/model/time.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAO,MAAM,UAAU,CAAC;AAEzC,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,oBAAY,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,cAAc,CAAC;CAC9B;AAED,oBAAY,cAAc,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEnE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,IAAI,iBAAiB,CAE7F;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,IAAI,iBAAiB,CAE7F;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,GAAG,iBAAiB,CAOnF;AAED,aAAK,0BAA0B,GAAG,GAAG,MAAM,IAAI,CAAC;AAChD,aAAK,qBAAqB,GAAG,GAAG,MAAM,GAAG,CAAC;AAC1C,aAAK,qBAAqB,GAAG,GAAG,MAAM,GAAG,CAAC;AAC1C,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AACxC,aAAK,kBAAkB,GAAG,GAAG,MAAM,GAAG,CAAC;AACvC,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AACxC,aAAK,mBAAmB,GAAG,GAAG,MAAM,GAAG,CAAC;AAExC,oBAAY,cAAc,GAAG,OAAO,CAClC,GAAG,mBAAmB,GAAG,EAAE,GAAG,mBAAmB,GAAG,EAAE,GAAG,kBAAkB,GAAG,EAAE,GAAG,mBAAmB,GAAG,EAAE,GACvG,qBAAqB,GACrB,EAAE,GAAG,qBAAqB,GAAG,EAAE,GAAG,0BAA0B,GAAG,EAAE,EAAE,EACvE,EAAE,CACH,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAepE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,aAAa,IAAI,cAAc,CAGvF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,UAK7E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,GAAG,cAAc,CAanH"}

package/dist/model/time.js

@@ -1 +1 @@
-import{sub}from"date-fns";export function isRelativeValue(t){return void 0!==t.pastDuration}export function toAbsoluteTimeRange(t){var n;const e=null!==(n=t.end)&&void 0!==n?n:new Date;return{start:sub(e,parseDurationString(t.pastDuration)),end:e}}const DURATION_REGEX=/^(?:(\d+)y)?(?:(\d+)w)?(?:(\d+)d)?(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?(?:(\d+)ms)?$/;export function parseDurationString(t){var n,e,r,o,s,u,a;const i=DURATION_REGEX.exec(t);if(null===i)throw new Error(`Invalid duration string '${t}'`);return{years:parseInt(null!==(n=i[1])&&void 0!==n?n:"0"),months:0,weeks:parseInt(null!==(e=i[2])&&void 0!==e?e:"0"),days:parseInt(null!==(r=i[3])&&void 0!==r?r:"0"),hours:parseInt(null!==(o=i[4])&&void 0!==o?o:"0"),minutes:parseInt(null!==(s=i[5])&&void 0!==s?s:"0"),seconds:parseInt(null!==(u=i[6])&&void 0!==u?u:"0")+parseInt(null!==(a=i[7])&&void 0!==a?a:"0")/1e3}}export function isDurationString(t){return""!==t&&DURATION_REGEX.test(t)}export function getSuggestedStepMs(t,n){const e=t.end.valueOf()-t.start.valueOf();return Math.floor(e/n)}
+import{sub}from"date-fns";export function isRelativeTimeRange(t){return void 0!==t.pastDuration}export function isAbsoluteTimeRange(t){return void 0!==t.start&&void 0!==t.end}export function toAbsoluteTimeRange(t){var n;const e=null!==(n=t.end)&&void 0!==n?n:new Date;return{start:sub(e,parseDurationString(t.pastDuration)),end:e}}const DURATION_REGEX=/^(?:(\d+)y)?(?:(\d+)w)?(?:(\d+)d)?(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?(?:(\d+)ms)?$/;export function parseDurationString(t){var n,e,r,o,s,a,i;const u=DURATION_REGEX.exec(t);if(null===u)throw new Error(`Invalid duration string '${t}'`);return{years:parseInt(null!==(n=u[1])&&void 0!==n?n:"0"),months:0,weeks:parseInt(null!==(e=u[2])&&void 0!==e?e:"0"),days:parseInt(null!==(r=u[3])&&void 0!==r?r:"0"),hours:parseInt(null!==(o=u[4])&&void 0!==o?o:"0"),minutes:parseInt(null!==(s=u[5])&&void 0!==s?s:"0"),seconds:parseInt(null!==(a=u[6])&&void 0!==a?a:"0")+parseInt(null!==(i=u[7])&&void 0!==i?i:"0")/1e3}}export function isDurationString(t){return""!==t&&DURATION_REGEX.test(t)}export function getSuggestedStepMs(t,n){const e=t.end.valueOf()-t.start.valueOf();return Math.floor(e/n)}export function getDefaultTimeRange(t,n){const e=n.get("start"),r=n.get("end");return null===e?{pastDuration:t}:isDurationString(e)?{pastDuration:e}:{start:new Date(Number(e)),end:new Date(Number(r))}}

package/dist/model/variables.d.ts

@@ -1,23 +1,41 @@
 import { Definition, JsonObject } from './definitions';
-/**
- * Variable definition options that are common to all variables.
- */
-export interface VariableDefinition<Options extends JsonObject = JsonObject> extends Definition<Options> {
-    display: VariableDisplayOptions;
-    selection: VariableSelectionOptions;
-    capturing_regexp?: string;
-}
-export interface VariableDisplayOptions extends JsonObject {
-    hide?: boolean;
+export declare const DEFAULT_ALL_VALUE: "$__all";
+export declare type VariableName = string;
+export declare type VariableState = {
+    value: VariableValue;
+    options?: VariableOption[];
+    loading: boolean;
+    error?: Error;
+};
+export declare type VariableOption = {
     label: string;
-}
-export declare type VariableSelectionOptions = SingleSelectOptions | MultiSelectOptions;
-export declare type SingleSelectOptions = {
-    default_value: string;
+    value: string;
 };
-export declare type MultiSelectOptions = {
-    default_value: string[];
-    all_value?: string | typeof DEFAULT_ALL_VALUE;
+export declare type VariableStateMap = Record<VariableName, VariableState>;
+export declare type VariableValue = string | string[] | null;
+export interface Variable<Kind extends string, Options extends JsonObject = JsonObject> extends Definition<Options> {
+    kind: Kind;
+    name: VariableName;
+    display?: {
+        label?: string;
+        hidden?: boolean;
+    };
+    defaultValue?: VariableValue;
+    options: Options;
+}
+export interface TextVariableOptions extends JsonObject {
+    value: string;
+}
+export declare type TextVariableDefinition = Variable<'TextVariable', TextVariableOptions>;
+export declare type ListVariableOptions<Options extends JsonObject> = {
+    allowMultiple?: boolean;
+    allowAllValue?: boolean;
+    customAllValue?: string;
+    optionsLoader: {
+        kind: string;
+        options: Options;
+    };
 };
-export declare const DEFAULT_ALL_VALUE: "$__all";
+export declare type ListVariableDefinition<Options extends JsonObject = JsonObject> = Variable<'ListVariable', ListVariableOptions<Options>>;
+export declare type VariableDefinition = TextVariableDefinition | ListVariableDefinition;
 //# sourceMappingURL=variables.d.ts.map

package/dist/model/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/model/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,OAAO,CAAC;IACtG,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,EAAE,wBAAwB,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,UAAU;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,wBAAwB,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAEhF,oBAAY,mBAAmB,GAAG;IAChC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,iBAAiB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAoB,CAAC"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/model/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,iBAAiB,UAAoB,CAAC;AAEnD,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,oBAAY,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,oBAAY,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAEnE,oBAAY,aAAa,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,QAAQ,CAAC,IAAI,SAAS,MAAM,EAAE,OAAO,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,OAAO,CAAC;IACjH,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,sBAAsB,GAAG,QAAQ,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;AAEnF,oBAAY,mBAAmB,CAAC,OAAO,SAAS,UAAU,IAAI;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,IAAI,QAAQ,CACpF,cAAc,EACd,mBAAmB,CAAC,OAAO,CAAC,CAC7B,CAAC;AAGF,oBAAY,kBAAkB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC"}

package/dist/utils/event.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A (temporary) userland implementation of `useEvent` from this React RFC: https://github.com/reactjs/rfcs/pull/220.
+ *
+ * Typically useful for getting a stable reference to an "event" function (i.e. one that isn't called during render
+ * but is called later in a useEffect or event handler) that accesses state or props.
+ */
+export declare function useEvent<T extends unknown[], U>(handler: (...args: T) => U): (...args: T) => U;
+//# sourceMappingURL=event.d.ts.map

package/dist/utils/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../src/utils/event.ts"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAO9F"}

package/dist/utils/event.js

@@ -0,0 +1 @@
+import{useRef,useLayoutEffect,useCallback}from"react";export function useEvent(e){const t=useRef(e);return useLayoutEffect((()=>{t.current=e})),useCallback(((...e)=>t.current(...e)),[])}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './event';
 export * from './fetch';
 export * from './memo';
 export * from './panel-refs';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/utils/index.js

@@ -1 +1 @@
-export*from"./fetch";export*from"./memo";export*from"./panel-refs";
+export*from"./event";export*from"./fetch";export*from"./memo";export*from"./panel-refs";

package/dist/utils/panel-refs.d.ts

@@ -3,5 +3,8 @@ import { DashboardSpec, PanelRef } from '../model';
  * Resolve a PanelRef (JSON reference) against the provided DashboardSpec to
  * a PanelDefinition.
  */
-export declare function resolvePanelRef(spec: DashboardSpec, panelRef: PanelRef): import("../model").PanelDefinition<import("../model").JsonObject>;
+export declare function resolvePanelRef(spec: DashboardSpec, panelRef: PanelRef): {
+    panelDefinition: import("../model").PanelDefinition<import("../model").JsonObject>;
+    panelsKey: string;
+};
 //# sourceMappingURL=panel-refs.d.ts.map

package/dist/utils/panel-refs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-refs.d.ts","sourceRoot":"","sources":["../../src/utils/panel-refs.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,qEAOtE"}
+{"version":3,"file":"panel-refs.d.ts","sourceRoot":"","sources":["../../src/utils/panel-refs.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ;;;EAOtE"}

package/dist/utils/panel-refs.js

@@ -1 +1 @@
-export function resolvePanelRef(e,r){const n=r.$ref.substring(14),o=e.panels[n];if(void 0===o)throw new Error(`Could not resolve panels reference ${r.$ref}`);return o}
+export function resolvePanelRef(e,n){const r=n.$ref.substring(14),o=e.panels[r];if(void 0===o)throw new Error(`Could not resolve panels reference ${n.$ref}`);return{panelDefinition:o,panelsKey:r}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/core",
-  "version": "0.7.1",
+  "version": "0.8.1",
   "description": "Core functionality consumed by both the Perses UI and plugins",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -27,8 +27,8 @@
     "lodash-es": "^4.17.21"
   },
   "peerDependencies": {
-    "react-dom": "^17.0.2",
-    "react": "^17.0.2"
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.6"