@hisptz/dhis2-analytics 2.0.0-alpha.1 → 2.0.0

package/dist/components/Map/utils/colors.js

@@ -1,8 +1,10 @@
-import { hcl } from 'd3-color';
-import { isString } from 'lodash';
-import { COLOR_PALETTES } from '../constants/colors.js';
+'use strict';
 
-const colorbrewer = COLOR_PALETTES;
+var d3Color = require('d3-color');
+var lodash = require('lodash');
+var colors_js = require('../constants/colors.js');
+
+const colorbrewer = colors_js.COLOR_PALETTES;
 const getColorPalette = (scale, classes) => {
   return colorbrewer?.[scale]?.[classes];
 };
@@ -22,7 +24,7 @@ const defaultColorScale = getColorPalette(
   defaultClasses
 );
 const cssColor = (color) => {
-  if (!isString(color)) {
+  if (!lodash.isString(color)) {
     return color;
   } else if (color === "##normal") {
     return null;
@@ -44,7 +46,7 @@ const getUniqueColor = (defaultColors) => {
   }
   return (index) => colors[index] || randomColor();
 };
-const isDarkColor = (color) => hcl(color).l < 70;
+const isDarkColor = (color) => d3Color.hcl(color).l < 70;
 const getContrastColor = (color) => isDarkColor(color) ? "#fff" : "#000";
 const colorScales = [
   "YlOrBr",
@@ -80,6 +82,16 @@ const colorScales = [
   "Set3"
 ];
 
-export { colorScales, cssColor, defaultClasses, defaultColorScale, defaultColorScaleName, getColorClasses, getColorPalette, getColorScale, getContrastColor, getUniqueColor, isDarkColor };
+exports.colorScales = colorScales;
+exports.cssColor = cssColor;
+exports.defaultClasses = defaultClasses;
+exports.defaultColorScale = defaultColorScale;
+exports.defaultColorScaleName = defaultColorScaleName;
+exports.getColorClasses = getColorClasses;
+exports.getColorPalette = getColorPalette;
+exports.getColorScale = getColorScale;
+exports.getContrastColor = getContrastColor;
+exports.getUniqueColor = getUniqueColor;
+exports.isDarkColor = isDarkColor;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=colors.js.map

package/dist/components/Map/utils/helpers.js

@@ -1,4 +1,10 @@
-import L from 'leaflet';
+'use strict';
+
+var L = require('leaflet');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var L__default = /*#__PURE__*/_interopDefault(L);
 
 const getLongestTextLength = (array, key) => array.reduce(
   (text, curr) => curr[key] && String(curr[key]).length > text.length ? String(curr[key]) : text,
@@ -8,11 +14,13 @@ function getIconUrl(icon, { baseUrl }) {
   return `${baseUrl}/images/orgunitgroup/${icon ?? "01.png"}`;
 }
 function getIcon(url) {
-  return new L.Icon({
+  return new L__default.default.Icon({
     iconUrl: url
   });
 }
 
-export { getIcon, getIconUrl, getLongestTextLength };
+exports.getIcon = getIcon;
+exports.getIconUrl = getIconUrl;
+exports.getLongestTextLength = getLongestTextLength;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=helpers.js.map

package/dist/components/Map/utils/map.js

@@ -1,5 +1,7 @@
-import { find, filter, isEmpty, forEach, sortBy, isString, compact } from 'lodash';
-import { getColorPalette, defaultClasses, defaultColorScaleName } from './colors.js';
+'use strict';
+
+var lodash = require('lodash');
+var colors_js = require('./colors.js');
 
 function highlightFeature(e, style) {
   const layer = e.target;
@@ -13,7 +15,7 @@ function getColorFromLegendSet(legends, value) {
   if (!value) {
     return "";
   }
-  const legend = find(
+  const legend = lodash.find(
     legends ?? [],
     (legend2) => legend2?.startValue <= value && legend2?.endValue >= value
   ) ?? {};
@@ -21,7 +23,7 @@ function getColorFromLegendSet(legends, value) {
 }
 function getLegendCount(legend, data) {
   const { startValue, endValue } = legend;
-  return filter(data, (d) => d.data >= startValue && d.data <= endValue).length;
+  return lodash.filter(data, (d) => d.data >= startValue && d.data <= endValue).length;
 }
 function getOrgUnitsSelection(orgUnitSelection) {
   const orgUnits = [];
@@ -34,8 +36,8 @@ function getOrgUnitsSelection(orgUnitSelection) {
   if (orgUnitSelection.userSubX2Unit) {
     orgUnits.push("USER_ORGUNIT_GRANDCHILDREN");
   }
-  if (!isEmpty(orgUnitSelection.levels)) {
-    forEach(
+  if (!lodash.isEmpty(orgUnitSelection.levels)) {
+    lodash.forEach(
       orgUnitSelection.levels,
       (level) => orgUnits.push(`LEVEL-${level}`)
     );
@@ -58,7 +60,7 @@ function sanitizeOrgUnits(metaData) {
   return [];
 }
 function toGeoJson(organisationUnits) {
-  return sortBy(organisationUnits, "le").map((ou) => {
+  return lodash.sortBy(organisationUnits, "le").map((ou) => {
     try {
       const coord = JSON.parse(ou.co);
       let gpid = "";
@@ -70,8 +72,8 @@ function toGeoJson(organisationUnits) {
           type = "MultiPolygon";
         }
       }
-      if (isString(ou.pg) && ou.pg.length) {
-        const ids = compact(ou.pg.split("/"));
+      if (lodash.isString(ou.pg) && ou.pg.length) {
+        const ids = lodash.compact(ou.pg.split("/"));
         if (ids.length >= 2) {
           gpid = ids[ids.length - 2];
         }
@@ -113,9 +115,9 @@ function sanitizeDate(startDate) {
   return startDate;
 }
 function generateLegends(maxValue, minValue, { classesCount, colorClass }) {
-  const count = classesCount ?? defaultClasses;
-  const color = colorClass ?? defaultColorScaleName;
-  const colorScale = [...getColorPalette(color, count)].reverse();
+  const count = classesCount ?? colors_js.defaultClasses;
+  const color = colorClass ?? colors_js.defaultColorScaleName;
+  const colorScale = [...colors_js.getColorPalette(color, count)].reverse();
   const maxLegendValue = 5 * Math.ceil(maxValue / 5);
   const range = maxLegendValue / count;
   const values = [];
@@ -133,6 +135,14 @@ function generateLegends(maxValue, minValue, { classesCount, colorClass }) {
   return values.reverse();
 }
 
-export { generateLegends, getColorFromLegendSet, getLegendCount, getOrgUnitsSelection, highlightFeature, resetHighlight, sanitizeDate, sanitizeOrgUnits, toGeoJson };
+exports.generateLegends = generateLegends;
+exports.getColorFromLegendSet = getColorFromLegendSet;
+exports.getLegendCount = getLegendCount;
+exports.getOrgUnitsSelection = getOrgUnitsSelection;
+exports.highlightFeature = highlightFeature;
+exports.resetHighlight = resetHighlight;
+exports.sanitizeDate = sanitizeDate;
+exports.sanitizeOrgUnits = sanitizeOrgUnits;
+exports.toGeoJson = toGeoJson;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=map.js.map

package/dist/components/SingleValueContainer/SingleValueContainer.stories.js

@@ -1,8 +1,12 @@
-import { SingleValueVisualizer } from './SingleValueVisualizer';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SingleValueVisualizer = require('./SingleValueVisualizer');
 
 const meta = {
   title: "Single Value Visualizer",
-  component: SingleValueVisualizer
+  component: SingleValueVisualizer.SingleValueVisualizer
 };
 var SingleValueContainer_stories_default = meta;
 const Default = {
@@ -140,6 +144,10 @@ SingleValuesWithDecimalPlaces.args = {
   ]
 };
 
-export { AnimatedAllValues, AnimatedSingleValue, Default, SingleValuesWithDecimalPlaces, SingleValueContainer_stories_default as default };
+exports.AnimatedAllValues = AnimatedAllValues;
+exports.AnimatedSingleValue = AnimatedSingleValue;
+exports.Default = Default;
+exports.SingleValuesWithDecimalPlaces = SingleValuesWithDecimalPlaces;
+exports.default = SingleValueContainer_stories_default;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueContainer.stories.js.map

package/dist/components/SingleValueContainer/SingleValueVisualizer.js

@@ -1,11 +1,18 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import i18n from '@dhis2/d2-i18n';
-import { CssReset } from '@dhis2/ui';
-import { Suspense } from 'react';
-import SingleValueItem from './components/SingleValueItem/SingleValueItem.js';
-export { default as SingleValueItem } from './components/SingleValueItem/SingleValueItem.js';
-import styles from './styles/SingleValueContainer.module.css';
-export * from './types/props.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var i18n = require('@dhis2/d2-i18n');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var SingleValueItem = require('./components/SingleValueItem/SingleValueItem.js');
+var styles = require('./styles/SingleValueContainer.module.css');
+var props_js = require('./types/props.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+var SingleValueItem__default = /*#__PURE__*/_interopDefault(SingleValueItem);
+var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 function SingleValueVisualizer({
   title,
@@ -13,19 +20,19 @@ function SingleValueVisualizer({
   animationDuration,
   animationDelay
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "w-100 h-100", children: [
-    /* @__PURE__ */ jsx(CssReset, {}),
-    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: i18n.t("Loading ...") }), children: /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-100 h-100", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.CssReset, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { children: i18n__default.default.t("Loading ...") }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: `${styles["font-x-large"]} ${styles["font-bold"]}`,
+          className: `${styles__default.default["font-x-large"]} ${styles__default.default["font-bold"]}`,
           children: title
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: styles["single-value-list"], children: singleValueItems.map(
-        (singleValueItem) => /* @__PURE__ */ jsx(
-          SingleValueItem,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default["single-value-list"], children: singleValueItems.map(
+        (singleValueItem) => /* @__PURE__ */ jsxRuntime.jsx(
+          SingleValueItem__default.default,
           {
             ...singleValueItem,
             globalAnimationDuration: animationDuration,
@@ -39,6 +46,17 @@ function SingleValueVisualizer({
 }
 const SingleValueContainer = SingleValueVisualizer;
 
-export { SingleValueContainer, SingleValueVisualizer };
+Object.defineProperty(exports, 'SingleValueItem', {
+  enumerable: true,
+  get: function () { return SingleValueItem__default.default; }
+});
+exports.SingleValueContainer = SingleValueContainer;
+exports.SingleValueVisualizer = SingleValueVisualizer;
+Object.keys(props_js).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return props_js[k]; }
+  });
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueVisualizer.js.map

package/dist/components/SingleValueContainer/components/SingleValueItem/SingleValueItem.js

@@ -1,9 +1,16 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Tooltip } from '@dhis2/ui';
-import { capitalize } from 'lodash';
-import { useSpring, animated } from 'react-spring';
-import styles from '../../styles/SingleValueContainer.module.css';
-import SingleValuePercentage from './SingleValuePercentage.js';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var lodash = require('lodash');
+var reactSpring = require('react-spring');
+var styles = require('../../styles/SingleValueContainer.module.css');
+var SingleValuePercentage = require('./SingleValuePercentage.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+var SingleValuePercentage__default = /*#__PURE__*/_interopDefault(SingleValuePercentage);
 
 function SingleValueItem({
   label,
@@ -20,7 +27,7 @@ function SingleValueItem({
     notation: "compact",
     maximumFractionDigits: decimalPlaces ?? 1
   }).format(value2);
-  const sanitizedValue = useSpring({
+  const sanitizedValue = reactSpring.useSpring({
     val: value,
     from: { val: 0 },
     config: {
@@ -29,21 +36,21 @@ function SingleValueItem({
     delay: animationDelay ?? globalAnimationDelay ?? 10
   });
   const tooltipContent = `${label}: ${value}`;
-  return /* @__PURE__ */ jsxs("div", { className: `${styles["single-value-item"]} text-center`, children: [
-    /* @__PURE__ */ jsx("div", { className: styles["font-large"], children: label }),
-    /* @__PURE__ */ jsx(Tooltip, { content: capitalize(tooltipContent), children: /* @__PURE__ */ jsx(
-      animated.div,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default["single-value-item"]} text-center`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default["font-large"], children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: lodash.capitalize(tooltipContent), children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactSpring.animated.div,
       {
-        className: `${styles["font-bold"]} ${styles["font-xx-large"]} ${styles["padding-top"]}`,
+        className: `${styles__default.default["font-bold"]} ${styles__default.default["font-xx-large"]} ${styles__default.default["padding-top"]}`,
         children: sanitizedValue.val.to(
           (value2) => numberFormatter(Math.floor(value2))
         )
       }
     ) }),
-    percentage ? /* @__PURE__ */ jsx(SingleValuePercentage, { color, percentage }) : /* @__PURE__ */ jsx("span", {})
+    percentage ? /* @__PURE__ */ jsxRuntime.jsx(SingleValuePercentage__default.default, { color, percentage }) : /* @__PURE__ */ jsxRuntime.jsx("span", {})
   ] });
 }
 
-export { SingleValueItem as default };
+module.exports = SingleValueItem;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValueItem.js.map

package/dist/components/SingleValueContainer/components/SingleValueItem/SingleValuePercentage.js

@@ -1,22 +1,28 @@
-import { jsx } from 'react/jsx-runtime';
-import { LinearLoader } from '@dhis2/ui';
-import styles from '../../styles/SingleValueContainer.module.css';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+var styles = require('../../styles/SingleValueContainer.module.css');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 function SingleValuePercentage({
   percentage,
   color
 }) {
   const width = "100%";
-  return /* @__PURE__ */ jsx("div", { className: "w-100", children: /* @__PURE__ */ jsx(
-    LinearLoader,
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-100", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ui.LinearLoader,
     {
-      className: styles["percent-value"],
+      className: styles__default.default["percent-value"],
       width,
       amount: percentage
     }
   ) });
 }
 
-export { SingleValuePercentage as default };
+module.exports = SingleValuePercentage;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=SingleValuePercentage.js.map

package/dist/components/SingleValueContainer/index.js

@@ -1,5 +1,28 @@
-export * from './SingleValueVisualizer.js';
-export * from './components/SingleValueItem/SingleValuePercentage.js';
-export * from './types/props.js';
+'use strict';
+
+var SingleValueVisualizer_js = require('./SingleValueVisualizer.js');
+var SingleValuePercentage_js = require('./components/SingleValueItem/SingleValuePercentage.js');
+var props_js = require('./types/props.js');
+
+
+
+Object.keys(SingleValueVisualizer_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SingleValueVisualizer_js[k]; }
+	});
+});
+Object.keys(SingleValuePercentage_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SingleValuePercentage_js[k]; }
+	});
+});
+Object.keys(props_js).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return props_js[k]; }
+	});
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/SingleValueContainer/types/props.js

@@ -1,3 +1,4 @@
+'use strict';
 
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=props.js.map

package/dist/components/Visualization/components/AnalyticsDataProvider/index.js

@@ -1,11 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useMemo, useEffect } from 'react';
-import { useDimensions } from '../DimensionsProvider/index.js';
-import { useDataQuery } from '@dhis2/app-runtime';
-import { useLayout } from '../LayoutProvider/index.js';
-import { forEach, set } from 'lodash';
+'use strict';
 
-const AnalyticsContext = createContext(void 0);
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var index_js = require('../DimensionsProvider/index.js');
+var appRuntime = require('@dhis2/app-runtime');
+var index_js$1 = require('../LayoutProvider/index.js');
+var lodash = require('lodash');
+
+const AnalyticsContext = react.createContext(void 0);
 const analyticsQuery = {
   analytics: {
     resource: "analytics",
@@ -23,26 +25,26 @@ const analyticsQuery = {
   }
 };
 function useAnalyticsData() {
-  return useContext(AnalyticsContext) ?? { analytics: {}, loading: false };
+  return react.useContext(AnalyticsContext) ?? { analytics: {}, loading: false };
 }
 function AnalyticsDataProvider({ children }) {
-  const [analyticsDimensions] = useDimensions();
-  const [layout] = useLayout();
-  const { dimensions, filters } = useMemo(() => {
+  const [analyticsDimensions] = index_js.useDimensions();
+  const [layout] = index_js$1.useLayout();
+  const { dimensions, filters } = react.useMemo(() => {
     const dimensions2 = {};
     const filters2 = {};
-    forEach(
+    lodash.forEach(
       [...layout?.columns ?? [], ...layout?.rows ?? []],
       (dimension) => {
-        set(
+        lodash.set(
           dimensions2,
           [dimension],
           analyticsDimensions?.[dimension]
         );
       }
     );
-    forEach([...layout?.filters ?? []], (dimension) => {
-      set(
+    lodash.forEach([...layout?.filters ?? []], (dimension) => {
+      lodash.set(
         filters2,
         [dimension],
         analyticsDimensions?.[dimension]
@@ -62,25 +64,25 @@ function AnalyticsDataProvider({ children }) {
     loading,
     refetch,
     called
-  } = useDataQuery(analyticsQuery, {
+  } = appRuntime.useDataQuery(analyticsQuery, {
     variables: {
       dimensions,
       filters
     },
     lazy: true
   });
-  useEffect(() => {
+  react.useEffect(() => {
     refetch({
       dimensions,
       filters
     });
   }, [dimensions, filters]);
-  useEffect(() => {
+  react.useEffect(() => {
     if (error) {
       throw error;
     }
   }, [error]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     AnalyticsContext.Provider,
     {
       value: { analytics: analytics?.analytics, loading },
@@ -89,6 +91,7 @@ function AnalyticsDataProvider({ children }) {
   );
 }
 
-export { AnalyticsDataProvider, useAnalyticsData };
+exports.AnalyticsDataProvider = AnalyticsDataProvider;
+exports.useAnalyticsData = useAnalyticsData;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/DimensionsProvider/index.js

@@ -1,35 +1,40 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useReducer } from 'react';
-import { set } from 'lodash';
-import { useUpdateEffect } from 'usehooks-ts';
+'use strict';
 
-const DimensionState = createContext({
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var lodash = require('lodash');
+var usehooksTs = require('usehooks-ts');
+
+const DimensionState = react.createContext({
   dx: [],
   pe: [],
   ou: []
 });
-const DimensionUpdateState = createContext(void 0);
+const DimensionUpdateState = react.createContext(void 0);
 function reducer(state, { dimension, value }) {
   const updatedState = { ...state ?? {} };
-  set(updatedState, [dimension], value);
+  lodash.set(updatedState, [dimension], value);
   return updatedState;
 }
 function useDimensions() {
   return [
-    useContext(DimensionState),
-    useContext(DimensionUpdateState)
+    react.useContext(DimensionState),
+    react.useContext(DimensionUpdateState)
   ];
 }
 function DimensionsProvider({ children, dimensions }) {
-  const [state, dispatch] = useReducer(reducer, dimensions);
-  useUpdateEffect(() => {
+  const [state, dispatch] = react.useReducer(reducer, dimensions);
+  usehooksTs.useUpdateEffect(() => {
     Object.keys(dimensions).forEach((dimension) => {
       dispatch({ dimension, value: dimensions[dimension] ?? [] });
     });
   }, [dimensions]);
-  return /* @__PURE__ */ jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DimensionState.Provider, { value: state, children: /* @__PURE__ */ jsxRuntime.jsx(DimensionUpdateState.Provider, { value: dispatch, children }) });
 }
 
-export { DimensionState, DimensionUpdateState, DimensionsProvider, useDimensions };
+exports.DimensionState = DimensionState;
+exports.DimensionUpdateState = DimensionUpdateState;
+exports.DimensionsProvider = DimensionsProvider;
+exports.useDimensions = useDimensions;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Visualization/components/LayoutProvider/index.js

@@ -1,18 +1,22 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
+'use strict';
 
-const LayoutState = createContext(void 0);
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const LayoutState = react.createContext(void 0);
 function useLayout() {
-  return [useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }];
+  return [react.useContext(LayoutState) ?? { rows: [], filters: [], columns: [] }];
 }
 function LayoutProvider({
   defaultLayout,
   children
 }) {
-  const [layout, setLayout] = useState(defaultLayout);
-  return /* @__PURE__ */ jsx(LayoutState.Provider, { value: layout, children });
+  const [layout, setLayout] = react.useState(defaultLayout);
+  return /* @__PURE__ */ jsxRuntime.jsx(LayoutState.Provider, { value: layout, children });
 }
 
-export { LayoutProvider, LayoutState, useLayout };
+exports.LayoutProvider = LayoutProvider;
+exports.LayoutState = LayoutState;
+exports.useLayout = useLayout;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map