@perses-dev/dashboards 0.9.0 → 0.11.0

package/dist/components/index.js

@@ -14,6 +14,7 @@ export * from './Dashboard';
 export * from './GridLayout';
 export * from './Panel';
 export * from './PanelDrawer';
+export * from './PanelGroupDialog';
 export * from './TimeRangeControls';
 export * from './Variables';
 

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './Dashboard';\nexport * from './GridLayout';\nexport * from './Panel';\nexport * from './PanelDrawer';\nexport * from './TimeRangeControls';\nexport * from './Variables';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './Dashboard';\nexport * from './GridLayout';\nexport * from './Panel';\nexport * from './PanelDrawer';\nexport * from './PanelGroupDialog';\nexport * from './TimeRangeControls';\nexport * from './Variables';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/dist/context/DashboardProvider/DashboardProvider.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import { DashboardSpec, RelativeTimeRange } from '@perses-dev/core';
+import { PanelGroupEditorSlice } from './panel-group-editor-slice';
+import { PanelGroupSlice } from './panel-group-slice';
+import { PanelEditorSlice } from './panel-editor-slice';
+export interface DashboardStoreState extends PanelGroupEditorSlice, PanelGroupSlice, PanelEditorSlice {
+    isEditMode: boolean;
+    setEditMode: (isEditMode: boolean) => void;
+    defaultTimeRange: RelativeTimeRange;
+    reset: () => void;
+    save: () => void;
+}
+export interface DashboardStoreProps {
+    dashboardSpec: DashboardSpec;
+    isEditMode?: boolean;
+}
+export interface DashboardProviderProps {
+    initialState: DashboardStoreProps;
+    children?: React.ReactNode;
+}
+export declare const DashboardContext: import("react").Context<StoreApi<DashboardStoreState> | undefined>;
+export declare function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): T;
+export declare function DashboardProvider(props: DashboardProviderProps): JSX.Element;
+//# sourceMappingURL=DashboardProvider.d.ts.map

package/dist/context/DashboardProvider/DashboardProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAyB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,EAAE,eAAe,EAAE,gBAAgB;IACnG,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,KAM/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAuC9D"}

package/dist/context/DashboardProvider/DashboardProvider.js

@@ -0,0 +1,64 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createStore, useStore } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+import shallow from 'zustand/shallow';
+import { createContext, useContext } from 'react';
+import { createPanelGroupEditorSlice } from './panel-group-editor-slice';
+import { createPanelGroupSlice } from './panel-group-slice';
+import { createPanelEditorSlice } from './panel-editor-slice';
+export const DashboardContext = /*#__PURE__*/ createContext(undefined);
+export function useDashboardStore(selector) {
+    const store = useContext(DashboardContext);
+    if (store === undefined) {
+        throw new Error('No DashboardContext found. Did you forget a Provider?');
+    }
+    return useStore(store, selector, shallow);
+}
+export function DashboardProvider(props) {
+    const { children , initialState: { dashboardSpec , isEditMode  } ,  } = props;
+    const { layouts , panels  } = dashboardSpec;
+    const dashboardStore = createStore()(immer(devtools((...args)=>{
+        const [set, get] = args;
+        return {
+            ...createPanelGroupEditorSlice(...args),
+            ...createPanelGroupSlice(layouts)(...args),
+            ...createPanelEditorSlice(panels)(...args),
+            defaultTimeRange: {
+                pastDuration: dashboardSpec.duration
+            },
+            isEditMode: !!isEditMode,
+            setEditMode: (isEditMode)=>set({
+                    isEditMode
+                }),
+            reset: ()=>{
+                const { resetPanels , resetPanelGroups  } = get();
+                resetPanels();
+                resetPanelGroups();
+            },
+            save: ()=>{
+                const { savePanels , savePanelGroups  } = get();
+                savePanels();
+                savePanelGroups();
+            }
+        };
+    })));
+    return /*#__PURE__*/ _jsx(DashboardContext.Provider, {
+        value: dashboardStore,
+        children: children
+    });
+}
+
+//# sourceMappingURL=DashboardProvider.js.map

package/dist/context/DashboardProvider/DashboardProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createStore, useStore } from 'zustand';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport shallow from 'zustand/shallow';\nimport { createContext, useContext } from 'react';\nimport { DashboardSpec, RelativeTimeRange } from '@perses-dev/core';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\n\nexport interface DashboardStoreState extends PanelGroupEditorSlice, PanelGroupSlice, PanelEditorSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  defaultTimeRange: RelativeTimeRange;\n  reset: () => void;\n  save: () => void;\n}\n\nexport interface DashboardStoreProps {\n  dashboardSpec: DashboardSpec;\n  isEditMode?: boolean;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: React.ReactNode;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T) {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStore(store, selector, shallow);\n}\n\nexport function DashboardProvider(props: DashboardProviderProps) {\n  const {\n    children,\n    initialState: { dashboardSpec, isEditMode },\n  } = props;\n\n  const { layouts, panels } = dashboardSpec;\n\n  const dashboardStore = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set, get] = args;\n        return {\n          ...createPanelGroupEditorSlice(...args),\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelEditorSlice(panels)(...args),\n          defaultTimeRange: { pastDuration: dashboardSpec.duration },\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean) => set({ isEditMode }),\n          reset: () => {\n            const { resetPanels, resetPanelGroups } = get();\n            resetPanels();\n            resetPanelGroups();\n          },\n          save: () => {\n            const { savePanels, savePanelGroups } = get();\n            savePanels();\n            savePanelGroups();\n          },\n        };\n      })\n    )\n  );\n\n  return (\n    <DashboardContext.Provider value={dashboardStore as StoreApi<DashboardStoreState>}>\n      {children}\n    </DashboardContext.Provider>\n  );\n}\n"],"names":["createStore","useStore","devtools","immer","shallow","createContext","useContext","createPanelGroupEditorSlice","createPanelGroupSlice","createPanelEditorSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","children","initialState","dashboardSpec","isEditMode","layouts","panels","dashboardStore","args","set","get","defaultTimeRange","pastDuration","duration","setEditMode","reset","resetPanels","resetPanelGroups","save","savePanels","savePanelGroups","Provider","value"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,SAAS,CAAC;AAEhD,SAASC,QAAQ,QAAQ,oBAAoB,CAAC;AAC9C,SAASC,KAAK,QAAQ,0BAA0B,CAAC;AACjD,OAAOC,OAAO,MAAM,iBAAiB,CAAC;AACtC,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO,CAAC;AAElD,SAASC,2BAA2B,QAA+B,4BAA4B,CAAC;AAChG,SAASC,qBAAqB,QAAyB,qBAAqB,CAAC;AAC7E,SAASC,sBAAsB,QAA0B,sBAAsB,CAAC;AAoBhF,OAAO,MAAMC,gBAAgB,iBAAGL,aAAa,CAA4CM,SAAS,CAAC,CAAC;AAEpG,OAAO,SAASC,iBAAiB,CAAIC,QAA2C,EAAE;IAChF,MAAMC,KAAK,GAAGR,UAAU,CAACI,gBAAgB,CAAC,AAAC;IAC3C,IAAII,KAAK,KAAKH,SAAS,EAAE;QACvB,MAAM,IAAII,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAOd,QAAQ,CAACa,KAAK,EAAED,QAAQ,EAAET,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,OAAO,SAASY,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EACJC,QAAQ,CAAA,EACRC,YAAY,EAAE,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,CAAA,IAC5C,GAAGJ,KAAK,AAAC;IAEV,MAAM,EAAEK,OAAO,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGH,aAAa,AAAC;IAE1C,MAAMI,cAAc,GAAGxB,WAAW,EAAuB,CACvDG,KAAK,CACHD,QAAQ,CAAC,CAAIuB,GAAAA,IAAI,GAAK;QACpB,MAAM,CAACC,GAAG,EAAEC,GAAG,CAAC,GAAGF,IAAI,AAAC;QACxB,OAAO;YACL,GAAGlB,2BAA2B,IAAIkB,IAAI,CAAC;YACvC,GAAGjB,qBAAqB,CAACc,OAAO,CAAC,IAAIG,IAAI,CAAC;YAC1C,GAAGhB,sBAAsB,CAACc,MAAM,CAAC,IAAIE,IAAI,CAAC;YAC1CG,gBAAgB,EAAE;gBAAEC,YAAY,EAAET,aAAa,CAACU,QAAQ;aAAE;YAC1DT,UAAU,EAAE,CAAC,CAACA,UAAU;YACxBU,WAAW,EAAE,CAACV,UAAmB,GAAKK,GAAG,CAAC;oBAAEL,UAAU;iBAAE,CAAC;YACzDW,KAAK,EAAE,IAAM;gBACX,MAAM,EAAEC,WAAW,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGP,GAAG,EAAE,AAAC;gBAChDM,WAAW,EAAE,CAAC;gBACdC,gBAAgB,EAAE,CAAC;YACrB,CAAC;YACDC,IAAI,EAAE,IAAM;gBACV,MAAM,EAAEC,UAAU,CAAA,EAAEC,eAAe,CAAA,EAAE,GAAGV,GAAG,EAAE,AAAC;gBAC9CS,UAAU,EAAE,CAAC;gBACbC,eAAe,EAAE,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CACH,CACF,AAAC;IAEF,qBACE,KAAC3B,gBAAgB,CAAC4B,QAAQ;QAACC,KAAK,EAAEf,cAAc;kBAC7CN,QAAQ;MACiB,CAC5B;AACJ,CAAC"}

package/dist/context/DashboardProvider/common.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
+ */
+export declare type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];
+//# sourceMappingURL=common.d.ts.map

package/dist/context/DashboardProvider/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/common.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,oBAAY,UAAU,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC"}

package/dist/context/DashboardProvider/common.js

@@ -0,0 +1,17 @@
+// 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.
+/**
+ * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).
+ */ export { };
+
+//# sourceMappingURL=common.js.map

package/dist/context/DashboardProvider/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/common.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/**\n * The middleware applied to the DashboardStore (can be used as generic argument in StateCreator).\n */\nexport type Middleware = [['zustand/immer', never], ['zustand/devtools', never]];\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;;CAEC,GACD,WAAiF"}

package/dist/context/DashboardProvider/dashboard-provider-api.d.ts

@@ -0,0 +1,74 @@
+import { PanelGroupItemId, PanelGroupId } from './panel-group-slice';
+export declare function useEditMode(): {
+    isEditMode: boolean;
+    setEditMode: (isEditMode: boolean) => void;
+};
+/**
+ * Returns actions that can be performed on the current dashboard.
+ */
+export declare function useDashboardActions(): {
+    save: () => void;
+    reset: () => void;
+    openAddPanelGroup: () => void;
+    openAddPanel: () => void;
+};
+/**
+ * Returns an array of PanelGroupIds in the order they appear in the dashboard.
+ */
+export declare function usePanelGroupIds(): number[];
+/**
+ * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.
+ */
+export declare function useListPanelGroups(): import("./panel-group-slice").PanelGroupDefinition[];
+/**
+ * Gets a specific panel group by its id. Throws if the panel group does not exist.
+ */
+export declare function usePanelGroup(panelGroupId: PanelGroupId): import("./panel-group-slice").PanelGroupDefinition;
+/**
+ * Returns actions that can be performed on the given panel group.
+ */
+export declare function usePanelGroupActions(panelGroupId: PanelGroupId): {
+    openEditPanelGroup: () => void;
+    deletePanelGroup: () => void;
+    openAddPanel: () => void;
+    moveUp: (() => void) | undefined;
+    moveDown: (() => void) | undefined;
+};
+/**
+ * Gets the Panel Group editor state.
+ */
+export declare function usePanelGroupEditor(): import("./panel-group-editor-slice").PanelGroupEditor | undefined;
+/**
+ * Gets the Delete Panel Group dialog state.
+ */
+export declare function useDeletePanelGroupDialog(): {
+    deletePanelGroupDialog: import("./panel-group-editor-slice").DeletePanelGroupDialog | undefined;
+    openDeletePanelGroupDialog: (panelGroupId: number) => void;
+    closeDeletePanelGroupDialog: () => void;
+    deletePanelGroup: (panelGroupId: number) => void;
+};
+/**
+ * Gets an individual panel in the store. Throws if the panel can't be found.
+ */
+export declare function usePanel(panelGroupItemId: PanelGroupItemId): import("@perses-dev/core").PanelDefinition<import("@perses-dev/core").UnknownSpec>;
+/**
+ * Returns actions that can be performed on the given Panel.
+ */
+export declare function usePanelActions(panelGroupItemId: PanelGroupItemId): {
+    openEditPanel: () => void;
+    openDeletePanelDialog: () => void;
+};
+/**
+ * Gets the state for the Panel Editor.
+ */
+export declare function usePanelEditor(): import("./panel-editor-slice").PanelEditorState | undefined;
+/**
+ * Gets the state for the Delete Panel dialog.
+ */
+export declare function useDeletePanelDialog(): {
+    deletePanelDialog: import("./panel-editor-slice").DeletePanelDialog | undefined;
+    deletePanels: (panels: PanelGroupItemId[]) => void;
+    closeDeletePanelDialog: () => void;
+};
+export declare function useDefaultTimeRange(): import("@perses-dev/core").RelativeTimeRange;
+//# sourceMappingURL=dashboard-provider-api.d.ts.map

package/dist/context/DashboardProvider/dashboard-provider-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-provider-api.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,wBAAgB,WAAW;;;EAE1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;;;;EAYlC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,aAE/B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,yDAYjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,YAAY,sDAMvD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,YAAY;;;;;;EAa9D;AAuBD;;GAEG;AACH,wBAAgB,mBAAmB,sEAElC;AAED;;GAEG;AACH,wBAAgB,yBAAyB;;;;;EASxC;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,sFAc1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,gBAAgB;;;EAOjE;AAED;;GAEG;AACH,wBAAgB,cAAc,gEAE7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB;;;;EAWnC;AAED,wBAAgB,mBAAmB,iDAElC"}

package/dist/context/DashboardProvider/dashboard-provider-api.js

@@ -0,0 +1,163 @@
+// 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.
+import { getPanelKeyFromRef } from '@perses-dev/core';
+import { useMemo } from 'react';
+import { useDashboardStore } from './DashboardProvider';
+export function useEditMode() {
+    return useDashboardStore(({ isEditMode , setEditMode  })=>({
+            isEditMode,
+            setEditMode
+        }));
+}
+/**
+ * Returns actions that can be performed on the current dashboard.
+ */ export function useDashboardActions() {
+    const save = useDashboardStore((store)=>store.save);
+    const reset = useDashboardStore((store)=>store.reset);
+    const openAddPanelGroup = useDashboardStore((store)=>store.openAddPanelGroup);
+    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
+    return {
+        save,
+        reset,
+        openAddPanelGroup,
+        openAddPanel: ()=>openAddPanel(undefined)
+    };
+}
+/**
+ * Returns an array of PanelGroupIds in the order they appear in the dashboard.
+ */ export function usePanelGroupIds() {
+    return useDashboardStore((store)=>store.panelGroupIdOrder);
+}
+/**
+ * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.
+ */ export function useListPanelGroups() {
+    const panelGroupIds = usePanelGroupIds();
+    const panelGroups = useDashboardStore((store)=>store.panelGroups);
+    return useMemo(()=>{
+        return panelGroupIds.map((id)=>{
+            const group = panelGroups[id];
+            if (group === undefined) {
+                throw new Error(`Invalid panel group Id found ${id}`);
+            }
+            return group;
+        });
+    }, [
+        panelGroupIds,
+        panelGroups
+    ]);
+}
+/**
+ * Gets a specific panel group by its id. Throws if the panel group does not exist.
+ */ export function usePanelGroup(panelGroupId) {
+    const panelGroup = useDashboardStore((store)=>store.panelGroups[panelGroupId]);
+    if (panelGroup === undefined) {
+        throw new Error(`Panel group with Id ${panelGroupId} was not found`);
+    }
+    return panelGroup;
+}
+/**
+ * Returns actions that can be performed on the given panel group.
+ */ export function usePanelGroupActions(panelGroupId) {
+    const { moveUp , moveDown  } = useMovePanelGroup(panelGroupId);
+    const openEditPanelGroup = useDashboardStore((store)=>store.openEditPanelGroup);
+    const deletePanelGroup = useDashboardStore((store)=>store.openDeletePanelGroupDialog);
+    const openAddPanel = useDashboardStore((store)=>store.openAddPanel);
+    return {
+        openEditPanelGroup: ()=>openEditPanelGroup(panelGroupId),
+        deletePanelGroup: ()=>deletePanelGroup(panelGroupId),
+        openAddPanel: ()=>openAddPanel(panelGroupId),
+        moveUp,
+        moveDown
+    };
+}
+/**
+ * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be
+ * moved in that direction.
+ */ function useMovePanelGroup(panelGroupId) {
+    const currentIndex = useDashboardStore((store)=>store.panelGroupIdOrder.findIndex((id)=>id === panelGroupId));
+    const panelGroupsLength = useDashboardStore((store)=>store.panelGroupIdOrder.length);
+    const swapPanelGroups = useDashboardStore((store)=>store.swapPanelGroups);
+    if (currentIndex < 0) {
+        throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);
+    }
+    const moveUp = ()=>swapPanelGroups(currentIndex, currentIndex - 1);
+    const moveDown = ()=>swapPanelGroups(currentIndex, currentIndex + 1);
+    return {
+        moveUp: currentIndex > 0 ? moveUp : undefined,
+        moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined
+    };
+}
+/**
+ * Gets the Panel Group editor state.
+ */ export function usePanelGroupEditor() {
+    return useDashboardStore((store)=>store.panelGroupEditor);
+}
+/**
+ * Gets the Delete Panel Group dialog state.
+ */ export function useDeletePanelGroupDialog() {
+    return useDashboardStore(({ deletePanelGroupDialog , openDeletePanelGroupDialog , closeDeletePanelGroupDialog , deletePanelGroup  })=>({
+            deletePanelGroupDialog,
+            openDeletePanelGroupDialog,
+            closeDeletePanelGroupDialog,
+            deletePanelGroup
+        }));
+}
+/**
+ * Gets an individual panel in the store. Throws if the panel can't be found.
+ */ export function usePanel(panelGroupItemId) {
+    const { panelGroupId , itemIndex  } = panelGroupItemId;
+    const panel = useDashboardStore((store)=>{
+        var ref, ref1;
+        const panelRef = (ref1 = (ref = store.panelGroups[panelGroupId]) === null || ref === void 0 ? void 0 : ref.items[itemIndex]) === null || ref1 === void 0 ? void 0 : ref1.content;
+        if (panelRef === undefined) return;
+        const panelKey = getPanelKeyFromRef(panelRef);
+        return store.panels[panelKey];
+    });
+    if (panel === undefined) {
+        throw new Error(`Could not find panel for Id ${panelGroupItemId}`);
+    }
+    return panel;
+}
+/**
+ * Returns actions that can be performed on the given Panel.
+ */ export function usePanelActions(panelGroupItemId) {
+    const openEditPanel = useDashboardStore((store)=>store.openEditPanel);
+    const openDeletePanelDialog = useDashboardStore((store)=>store.openDeletePanelDialog);
+    return {
+        openEditPanel: ()=>openEditPanel(panelGroupItemId),
+        openDeletePanelDialog: ()=>openDeletePanelDialog(panelGroupItemId)
+    };
+}
+/**
+ * Gets the state for the Panel Editor.
+ */ export function usePanelEditor() {
+    return useDashboardStore((store)=>store.panelEditor);
+}
+/**
+ * Gets the state for the Delete Panel dialog.
+ */ export function useDeletePanelDialog() {
+    const deletePanelDialog = useDashboardStore((store)=>store.deletePanelDialog);
+    // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself
+    const deletePanels = useDashboardStore((store)=>store.deletePanels);
+    const closeDeletePanelDialog = useDashboardStore((store)=>store.closeDeletePanelDialog);
+    return {
+        deletePanelDialog,
+        deletePanels,
+        closeDeletePanelDialog
+    };
+}
+export function useDefaultTimeRange() {
+    return useDashboardStore((state)=>state.defaultTimeRange);
+}
+
+//# sourceMappingURL=dashboard-provider-api.js.map

package/dist/context/DashboardProvider/dashboard-provider-api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/dashboard-provider-api.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { getPanelKeyFromRef } from '@perses-dev/core';\nimport { useMemo } from 'react';\nimport { useDashboardStore } from './DashboardProvider';\nimport { PanelGroupItemId, PanelGroupId } from './panel-group-slice';\n\nexport function useEditMode() {\n  return useDashboardStore(({ isEditMode, setEditMode }) => ({ isEditMode, setEditMode }));\n}\n\n/**\n * Returns actions that can be performed on the current dashboard.\n */\nexport function useDashboardActions() {\n  const save = useDashboardStore((store) => store.save);\n  const reset = useDashboardStore((store) => store.reset);\n  const openAddPanelGroup = useDashboardStore((store) => store.openAddPanelGroup);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    save,\n    reset,\n    openAddPanelGroup,\n    openAddPanel: () => openAddPanel(undefined),\n  };\n}\n\n/**\n * Returns an array of PanelGroupIds in the order they appear in the dashboard.\n */\nexport function usePanelGroupIds() {\n  return useDashboardStore((store) => store.panelGroupIdOrder);\n}\n\n/**\n * Returns an array of PanelGroupDefinitions in the order they appear in the dashboard.\n */\nexport function useListPanelGroups() {\n  const panelGroupIds = usePanelGroupIds();\n  const panelGroups = useDashboardStore((store) => store.panelGroups);\n  return useMemo(() => {\n    return panelGroupIds.map((id) => {\n      const group = panelGroups[id];\n      if (group === undefined) {\n        throw new Error(`Invalid panel group Id found ${id}`);\n      }\n      return group;\n    });\n  }, [panelGroupIds, panelGroups]);\n}\n\n/**\n * Gets a specific panel group by its id. Throws if the panel group does not exist.\n */\nexport function usePanelGroup(panelGroupId: PanelGroupId) {\n  const panelGroup = useDashboardStore((store) => store.panelGroups[panelGroupId]);\n  if (panelGroup === undefined) {\n    throw new Error(`Panel group with Id ${panelGroupId} was not found`);\n  }\n  return panelGroup;\n}\n\n/**\n * Returns actions that can be performed on the given panel group.\n */\nexport function usePanelGroupActions(panelGroupId: PanelGroupId) {\n  const { moveUp, moveDown } = useMovePanelGroup(panelGroupId);\n  const openEditPanelGroup = useDashboardStore((store) => store.openEditPanelGroup);\n  const deletePanelGroup = useDashboardStore((store) => store.openDeletePanelGroupDialog);\n  const openAddPanel = useDashboardStore((store) => store.openAddPanel);\n\n  return {\n    openEditPanelGroup: () => openEditPanelGroup(panelGroupId),\n    deletePanelGroup: () => deletePanelGroup(panelGroupId),\n    openAddPanel: () => openAddPanel(panelGroupId),\n    moveUp,\n    moveDown,\n  };\n}\n\n/**\n * Returns functions for moving a panel group up or down. A function will be undefined if the panel group can't be\n * moved in that direction.\n */\nfunction useMovePanelGroup(panelGroupId: PanelGroupId) {\n  const currentIndex = useDashboardStore((store) => store.panelGroupIdOrder.findIndex((id) => id === panelGroupId));\n  const panelGroupsLength = useDashboardStore((store) => store.panelGroupIdOrder.length);\n  const swapPanelGroups = useDashboardStore((store) => store.swapPanelGroups);\n\n  if (currentIndex < 0) {\n    throw new Error(`Could not find panel group with Id ${panelGroupId} in order array`);\n  }\n\n  const moveUp = () => swapPanelGroups(currentIndex, currentIndex - 1);\n  const moveDown = () => swapPanelGroups(currentIndex, currentIndex + 1);\n  return {\n    moveUp: currentIndex > 0 ? moveUp : undefined,\n    moveDown: currentIndex < panelGroupsLength - 1 ? moveDown : undefined,\n  };\n}\n\n/**\n * Gets the Panel Group editor state.\n */\nexport function usePanelGroupEditor() {\n  return useDashboardStore((store) => store.panelGroupEditor);\n}\n\n/**\n * Gets the Delete Panel Group dialog state.\n */\nexport function useDeletePanelGroupDialog() {\n  return useDashboardStore(\n    ({ deletePanelGroupDialog, openDeletePanelGroupDialog, closeDeletePanelGroupDialog, deletePanelGroup }) => ({\n      deletePanelGroupDialog,\n      openDeletePanelGroupDialog,\n      closeDeletePanelGroupDialog,\n      deletePanelGroup,\n    })\n  );\n}\n\n/**\n * Gets an individual panel in the store. Throws if the panel can't be found.\n */\nexport function usePanel(panelGroupItemId: PanelGroupItemId) {\n  const { panelGroupId, itemIndex } = panelGroupItemId;\n\n  const panel = useDashboardStore((store) => {\n    const panelRef = store.panelGroups[panelGroupId]?.items[itemIndex]?.content;\n    if (panelRef === undefined) return;\n    const panelKey = getPanelKeyFromRef(panelRef);\n    return store.panels[panelKey];\n  });\n\n  if (panel === undefined) {\n    throw new Error(`Could not find panel for Id ${panelGroupItemId}`);\n  }\n  return panel;\n}\n\n/**\n * Returns actions that can be performed on the given Panel.\n */\nexport function usePanelActions(panelGroupItemId: PanelGroupItemId) {\n  const openEditPanel = useDashboardStore((store) => store.openEditPanel);\n  const openDeletePanelDialog = useDashboardStore((store) => store.openDeletePanelDialog);\n  return {\n    openEditPanel: () => openEditPanel(panelGroupItemId),\n    openDeletePanelDialog: () => openDeletePanelDialog(panelGroupItemId),\n  };\n}\n\n/**\n * Gets the state for the Panel Editor.\n */\nexport function usePanelEditor() {\n  return useDashboardStore((store) => store.panelEditor);\n}\n\n/**\n * Gets the state for the Delete Panel dialog.\n */\nexport function useDeletePanelDialog() {\n  const deletePanelDialog = useDashboardStore((store) => store.deletePanelDialog);\n  // TODO: Refactor similar to other dialogs/editors so these are on the editor state itself\n  const deletePanels = useDashboardStore((store) => store.deletePanels);\n  const closeDeletePanelDialog = useDashboardStore((store) => store.closeDeletePanelDialog);\n\n  return {\n    deletePanelDialog,\n    deletePanels,\n    closeDeletePanelDialog,\n  };\n}\n\nexport function useDefaultTimeRange() {\n  return useDashboardStore((state) => state.defaultTimeRange);\n}\n"],"names":["getPanelKeyFromRef","useMemo","useDashboardStore","useEditMode","isEditMode","setEditMode","useDashboardActions","save","store","reset","openAddPanelGroup","openAddPanel","undefined","usePanelGroupIds","panelGroupIdOrder","useListPanelGroups","panelGroupIds","panelGroups","map","id","group","Error","usePanelGroup","panelGroupId","panelGroup","usePanelGroupActions","moveUp","moveDown","useMovePanelGroup","openEditPanelGroup","deletePanelGroup","openDeletePanelGroupDialog","currentIndex","findIndex","panelGroupsLength","length","swapPanelGroups","usePanelGroupEditor","panelGroupEditor","useDeletePanelGroupDialog","deletePanelGroupDialog","closeDeletePanelGroupDialog","usePanel","panelGroupItemId","itemIndex","panel","panelRef","items","content","panelKey","panels","usePanelActions","openEditPanel","openDeletePanelDialog","usePanelEditor","panelEditor","useDeletePanelDialog","deletePanelDialog","deletePanels","closeDeletePanelDialog","useDefaultTimeRange","state","defaultTimeRange"],"mappings":"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"}

package/dist/context/DashboardProvider/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dashboard-provider-api';
+export * from './DashboardProvider';
+export type { PanelGroupId, PanelGroupDefinition, PanelGroupItemId as LayoutItem } from './panel-group-slice';
+export type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';
+//# sourceMappingURL=index.d.ts.map

package/dist/context/DashboardProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/index.ts"],"names":[],"mappings":"AAaA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9G,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/context/DashboardProvider/index.js

@@ -0,0 +1,16 @@
+// 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.
+export * from './dashboard-provider-api';
+export * from './DashboardProvider';
+
+//# sourceMappingURL=index.js.map

package/dist/context/DashboardProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './dashboard-provider-api';\nexport * from './DashboardProvider';\nexport type { PanelGroupId, PanelGroupDefinition, PanelGroupItemId as LayoutItem } from './panel-group-slice';\nexport type { PanelGroupEditor, PanelGroupEditorValues } from './panel-group-editor-slice';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC"}

package/dist/context/DashboardProvider/panel-editor-slice.d.ts

@@ -0,0 +1,85 @@
+import { PanelDefinition, UnknownSpec } from '@perses-dev/core';
+import { StateCreator } from 'zustand';
+import { Middleware } from './common';
+import { PanelGroupSlice, PanelGroupItemId, PanelGroupId } from './panel-group-slice';
+/**
+ * Slice that handles the visual editor state and actions for Panels (i.e. add, edit, delete).
+ */
+export interface PanelEditorSlice {
+    panels: Record<string, PanelDefinition>;
+    previousPanels: Record<string, PanelDefinition>;
+    /**
+     * State for the panel editor when its open, otherwise undefined when it's closed.
+     */
+    panelEditor?: PanelEditorState;
+    /**
+     * Opens the editor for editing an existing panel by providing its layout coordinates.
+     */
+    openEditPanel: (item: PanelGroupItemId) => void;
+    /**
+     * Opens the editor for adding a new Panel to a panel group.
+     */
+    openAddPanel: (panelGroupId?: PanelGroupId) => void;
+    /**
+     * Delete panels
+     */
+    deletePanels: (panels: PanelGroupItemId[]) => void;
+    /**
+     * Reset panels to previous state
+     */
+    resetPanels: () => void;
+    /**
+     * Save panels
+     */
+    savePanels: () => void;
+    /**
+     * State for the delete panel dialog when it's open, otherwise undefined when it's closed.
+     */
+    deletePanelDialog?: DeletePanelDialog;
+    /**
+     * Open delete panel dialog
+     */
+    openDeletePanelDialog: (item: PanelGroupItemId) => void;
+    /**
+     * Close delete panel dialog
+     */
+    closeDeletePanelDialog: () => void;
+}
+export interface DeletePanelDialog {
+    panelGroupItemId: PanelGroupItemId;
+    panelName: string;
+    panelGroupName: string;
+}
+export interface PanelEditorState {
+    /**
+     * Whether we're adding a new panel, or editing an existing panel.
+     */
+    mode: 'Add' | 'Edit';
+    /**
+     * Initial values for the things that can be edited about a panel.
+     */
+    initialValues: PanelEditorValues;
+    /**
+     * Applies changes, but doesn't close the editor.
+     */
+    applyChanges: (next: PanelEditorValues) => void;
+    /**
+     * Close the editor.
+     */
+    close: () => void;
+}
+/**
+ * Panel values that can be edited in the panel editor.
+ */
+export interface PanelEditorValues {
+    name: string;
+    description: string;
+    groupId: PanelGroupId;
+    kind: string;
+    spec: UnknownSpec;
+}
+/**
+ * Curried function for creating the PanelEditorSlice.
+ */
+export declare function createPanelEditorSlice(panels: PanelEditorSlice['panels']): StateCreator<PanelEditorSlice & PanelGroupSlice, Middleware, [], PanelEditorSlice>;
+//# sourceMappingURL=panel-editor-slice.d.ts.map

package/dist/context/DashboardProvider/panel-editor-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-editor-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/panel-editor-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAE/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEhD;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;OAEG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GACjC,YAAY,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,CAAC,CA+IpF"}