@jsoc/react-grid 0.0.1 → 0.0.2

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { a as SubGridToggle, c as useStoreContext, i as ujsonObjectCellRenderer, l as StoreContext, n as dateCellRenderer, o as StoreContextProvider, r as stringDateCellRenderer, s as GridClose, t as booleanCellRenderer, u as useCoreStore } from "./shared-usOIqnt_.mjs";
+import { a as SubGridToggle, c as useStoreContext, i as ujsonObjectCellRenderer, l as StoreContext, n as dateCellRenderer, o as StoreContextProvider, r as stringDateCellRenderer, s as GridClose, t as booleanCellRenderer, u as useCoreStore } from "./shared-C27_qTEa.mjs";
 export { GridClose, StoreContext, StoreContextProvider, SubGridToggle, booleanCellRenderer, dateCellRenderer, stringDateCellRenderer, ujsonObjectCellRenderer, useCoreStore, useStoreContext };

package/dist/plugins/ag.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, r as stringDateCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, r as stringDateCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { prettyJSON, toReadableString, ujsonValueToString } from "@jsoc/utils";
 //#region src/plugins/ag/COLUMN_GENERATORS.tsx

package/dist/plugins/ant.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, r as stringDateCellRenderer, t as booleanCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, r as stringDateCellRenderer, t as booleanCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { compareBooleans, compareNumbers, compareStringDates, compareStrings, toReadableString, ujsonValueToString } from "@jsoc/utils";
 import { Fragment, jsx } from "react/jsx-runtime";

package/dist/plugins/mantine.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, n as dateCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, n as dateCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { booleanToString, stringDateToDate, toReadableString, ujsonValueToString } from "@jsoc/utils";
 //#region src/plugins/mantine/COLUMN_GENERATORS.tsx

package/dist/plugins/mui.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { prettyJSON, stringDateToDate, toReadableString, ujsonValueToString } from "@jsoc/utils";
 //#region src/plugins/mui/COLUMN_GENERATORS.tsx

package/dist/plugins/prime.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { toReadableString, ujsonValueToString } from "@jsoc/utils";
 //#region src/plugins/prime/COLUMN_GENERATORS.tsx

package/dist/plugins/tanstack.mjs

@@ -1,4 +1,4 @@
-import { i as ujsonObjectCellRenderer, n as dateCellRenderer, u as useCoreStore } from "../shared-usOIqnt_.mjs";
+import { i as ujsonObjectCellRenderer, n as dateCellRenderer, u as useCoreStore } from "../shared-C27_qTEa.mjs";
 import { COLUMN_DATA_TYPES, generateColumns } from "@jsoc/grid-core";
 import { booleanToString, stringDateToDate, toReadableString, ujsonValueToString } from "@jsoc/utils";
 //#region src/plugins/tanstack/COLUMN_GENERATORS.tsx

package/dist/{shared-usOIqnt_.mjs → shared-C27_qTEa.mjs}

@@ -4,11 +4,21 @@ import { createContext, useContext, useEffect, useMemo, useRef, useState } from
 import { jsx } from "react/jsx-runtime";
 //#region src/hooks/useCoreStore.ts
 function useCoreStore(gridOptions, configGenerator, configGeneratorOptions) {
-	const lastGridOptionsRef = useRef(null);
-	const lastGeneratorOptionsRef = useRef(null);
-	const [gridStore, setGridStore] = useState(() => createStore(lastGridOptionsRef, lastGeneratorOptionsRef, gridOptions, configGenerator, configGeneratorOptions));
+	const gridOptionsRef = useRef(gridOptions);
+	const generatorOptionsRef = useRef(configGeneratorOptions);
+	const [gridStore, setGridStore] = useState(() => newGridStore(gridOptions, {
+		configGenerator,
+		configGeneratorOptions
+	}));
 	useEffect(() => {
-		if (!lastGridOptionsRef.current || !lastGeneratorOptionsRef.current || !shallowEqual(gridOptions, lastGridOptionsRef.current) || !shallowEqual(configGeneratorOptions, lastGeneratorOptionsRef.current)) setGridStore(createStore(lastGridOptionsRef, lastGeneratorOptionsRef, gridOptions, configGenerator, configGeneratorOptions));
+		if (!shallowEqual(gridOptions, gridOptionsRef.current) || !shallowEqual(configGeneratorOptions, generatorOptionsRef.current)) {
+			gridOptionsRef.current = gridOptions;
+			generatorOptionsRef.current = configGeneratorOptions;
+			setGridStore(newGridStore(gridOptions, {
+				configGenerator,
+				configGeneratorOptions
+			}));
+		}
 	}, [
 		gridOptions,
 		configGenerator,
@@ -19,15 +29,6 @@ function useCoreStore(gridOptions, configGenerator, configGeneratorOptions) {
 		setGridStore
 	}), [gridStore, setGridStore]);
 }
-function createStore(lastGridOptionsRef, lastGeneratorOptionsRef, gridOptions, configGenerator, configGeneratorOptions) {
-	const gridStore = newGridStore(gridOptions, {
-		configGenerator,
-		configGeneratorOptions
-	});
-	lastGridOptionsRef.current = gridOptions;
-	lastGeneratorOptionsRef.current = configGeneratorOptions;
-	return gridStore;
-}
 //#endregion
 //#region src/contexts/StoreContext.tsx
 const StoreContext = createContext(void 0);
@@ -150,4 +151,4 @@ const ujsonObjectCellRenderer = (params, value, row) => {
 //#endregion
 export { SubGridToggle as a, useStoreContext as c, ujsonObjectCellRenderer as i, StoreContext as l, dateCellRenderer as n, StoreContextProvider as o, stringDateCellRenderer as r, GridClose as s, booleanCellRenderer as t, useCoreStore as u };
 
-//# sourceMappingURL=shared-usOIqnt_.mjs.map
+//# sourceMappingURL=shared-C27_qTEa.mjs.map

package/dist/shared-C27_qTEa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-C27_qTEa.mjs","names":[],"sources":["../src/hooks/useCoreStore.ts","../src/contexts/StoreContext.tsx","../src/errors/ReactGridError.ts","../src/hooks/useStoreContext.ts","../src/components/GridClose.tsx","../src/components/StoreContextProvider.tsx","../src/components/SubGridToggle.tsx","../src/utils/cellRenderers.tsx"],"sourcesContent":["import type { StoreContextValue } from \"#contexts/StoreContext.tsx\";\n\nimport {\n  type GridOptions,\n  newGridStore,\n  type PluginConfig,\n  type PluginConfigGenerator,\n  type PluginConfigGeneratorOptions,\n} from \"@jsoc/grid-core\";\nimport { shallowEqual } from \"@jsoc/utils\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nexport function useCoreStore<C extends PluginConfig>(\n  gridOptions: GridOptions,\n  configGenerator: PluginConfigGenerator<C>,\n  configGeneratorOptions?: PluginConfigGeneratorOptions<C>,\n): StoreContextValue<C> {\n  const gridOptionsRef = useRef(gridOptions);\n  const generatorOptionsRef = useRef(configGeneratorOptions);\n\n  const [gridStore, setGridStore] = useState(() =>\n    newGridStore(gridOptions, {\n      configGenerator,\n      configGeneratorOptions,\n    }),\n  );\n\n  useEffect(() => {\n    const shouldUpdate =\n      !shallowEqual(gridOptions, gridOptionsRef.current) ||\n      !shallowEqual(configGeneratorOptions, generatorOptionsRef.current);\n\n    if (shouldUpdate) {\n      gridOptionsRef.current = gridOptions;\n      generatorOptionsRef.current = configGeneratorOptions;\n      setGridStore(\n        newGridStore(gridOptions, {\n          configGenerator,\n          configGeneratorOptions,\n        }),\n      );\n    }\n  }, [gridOptions, configGenerator, configGeneratorOptions]);\n\n  return useMemo(\n    () => ({\n      gridStore,\n      setGridStore,\n    }),\n    [gridStore, setGridStore],\n  );\n}\n","import type { GridStore, PluginConfig } from \"@jsoc/grid-core\";\nimport { createContext, type Dispatch, type SetStateAction } from \"react\";\n\nexport type StoreContextValue<C extends PluginConfig = PluginConfig> = {\n  gridStore: GridStore<C>;\n  setGridStore: Dispatch<SetStateAction<GridStore<C>>>;\n};\n\nexport const StoreContext = createContext<\n  StoreContextValue<PluginConfig> | undefined\n>(undefined);\n","export class ReactGridError extends Error {\n  constructor(message: string, cause?: unknown) {\n    super(message, { cause });\n    this.name = \"ReactGridError\";\n  }\n}\n","import {\n  StoreContext,\n  type StoreContextValue,\n} from \"#contexts/StoreContext.tsx\";\nimport { ReactGridError } from \"#errors/ReactGridError.ts\";\n\nimport type { PluginConfig } from \"@jsoc/grid-core\";\nimport { useContext } from \"react\";\n\nexport function useStoreContext<\n  C extends PluginConfig = PluginConfig,\n>(): StoreContextValue<C> {\n  const ctx = useContext(StoreContext);\n\n  if (!ctx) {\n    throw new ReactGridError(`Missing provider for useStoreContext`);\n  }\n\n  return ctx as unknown as StoreContextValue<C>;\n}\n","import { useStoreContext } from \"#hooks/index.ts\";\n\nexport type GridCloseRendererParams = {\n  close: () => void;\n};\n\nexport type GridCloseProps = {\n  /**\n   * Either a custom renderer for the close action component or a string to display as text of default close action component.\n   */\n  children?: string | ((params: GridCloseRendererParams) => React.ReactNode);\n};\n\nexport function GridClose({ children }: GridCloseProps) {\n  const { gridStore, setGridStore } = useStoreContext();\n  const isRootSchema = gridStore.getSchemas().length === 1;\n\n  if (isRootSchema) {\n    return null;\n  }\n\n  const close = () => {\n    const newGridStore = gridStore.clone();\n    newGridStore.removeSchema();\n    setGridStore(newGridStore);\n  };\n\n  const params = { close };\n\n  if (typeof children === \"function\") {\n    return children(params);\n  }\n\n  return DefaultGridCloseRenderer(children || \"Close\", params);\n}\n\nfunction DefaultGridCloseRenderer(\n  children: string,\n  params: GridCloseRendererParams,\n) {\n  return (\n    <button\n      onClick={params.close}\n      style={{\n        padding: \"4px 12px\",\n        border: \"1px solid #ddd\",\n        borderRadius: \"4px\",\n        background: \"white\",\n        color: \"black\",\n        cursor: \"pointer\",\n        fontSize: \"14px\",\n        marginBottom: \"8px\",\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n","import {\n  StoreContext,\n  type StoreContextValue,\n} from \"#contexts/StoreContext.tsx\";\n\nimport type { PluginConfig } from \"@jsoc/grid-core\";\nimport type { ReactNode } from \"react\";\n\nexport type StoreContextProviderProps<C extends PluginConfig = PluginConfig> = {\n  value: StoreContextValue<C>;\n  children: ReactNode;\n};\n\nexport function StoreContextProvider<C extends PluginConfig>({\n  value,\n  children,\n}: StoreContextProviderProps<C>) {\n  return (\n    <StoreContext.Provider\n      value={value as unknown as StoreContextValue<PluginConfig>}\n    >\n      {children}\n    </StoreContext.Provider>\n  );\n}\n","import { useStoreContext } from \"#hooks/useStoreContext.ts\";\n\nimport {\n  createSubGridId,\n  type GridCellLocation,\n  type GridDataReadonly,\n  type GridId,\n  type GridName,\n} from \"@jsoc/grid-core\";\nimport { toReadableString } from \"@jsoc/utils\";\n\nexport type SubGridToggleRendererParams = {\n  isPresent: boolean;\n  name: GridName;\n  toggle: () => void;\n};\n\nexport type SubGridToggleProps = {\n  /**\n   * Custom renderer for the toggle action.\n   * @param isPresent - Flag that indicates whether the subgrid is already present in store or not\n   * @default DefaultSubGridToggleRenderer\n   */\n  children?: (params: SubGridToggleRendererParams) => React.ReactNode;\n  /**\n   * data of the sub grid, is actually the `ColumnValue` of the `GridRow[rowId][ColumnKey]`\n   * using which the rows and columns will be generated.\n   */\n  subGridData: GridDataReadonly;\n  /**\n   * `GridId` of the grid that will render this component\n   */\n  parentGridId: GridId;\n  /**\n   * Location of the `GridCell` that will render this component\n   */\n  parentGridCellLocation: GridCellLocation;\n};\n\nexport function SubGridToggle({\n  subGridData,\n  parentGridId,\n  parentGridCellLocation,\n  children = DefaultSubGridToggleRenderer,\n}: SubGridToggleProps) {\n  const { gridStore, setGridStore } = useStoreContext();\n\n  const subGridId = createSubGridId(parentGridId, parentGridCellLocation);\n  const subGridName = parentGridCellLocation.columnKey;\n  const index = gridStore.findIndex(subGridId);\n  const isPresent = index > -1;\n\n  return children({\n    isPresent,\n    name: subGridName,\n    toggle,\n  });\n\n  function toggle() {\n    const storeClone = gridStore.clone();\n\n    if (isPresent) {\n      storeClone.removeSchema(index);\n    } else {\n      storeClone.addSchema({\n        id: subGridId,\n        name: subGridName,\n        data: subGridData,\n      });\n    }\n\n    setGridStore(storeClone);\n  }\n}\n\nfunction DefaultSubGridToggleRenderer(params: SubGridToggleRendererParams) {\n  const { name, isPresent, toggle } = params;\n  const buttonText = isPresent ? \"Close \" : \"View \" + toReadableString(name);\n  return (\n    <button\n      onClick={toggle}\n      style={{\n        background: \"none\",\n        border: \"none\",\n        color: \"#007bff\",\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n        padding: 0,\n      }}\n    >\n      {buttonText}\n    </button>\n  );\n}\n","import { SubGridToggle } from \"#components/index.ts\";\n\nimport type {\n  ColumnGeneratorParams,\n  GridDataReadonly,\n  GridRow,\n  GridRowId,\n} from \"@jsoc/grid-core\";\nimport { booleanToString, stringDateToDate } from \"@jsoc/utils\";\n\nexport const booleanCellRenderer = (value: boolean) => {\n  return booleanToString(value);\n};\n\nexport const dateCellRenderer = (value: Date) => {\n  return value.toLocaleString();\n};\n\nexport const stringDateCellRenderer = (value: string) => {\n  return dateCellRenderer(stringDateToDate(value));\n};\n\nexport const ujsonObjectCellRenderer = (\n  params: ColumnGeneratorParams,\n  value: GridDataReadonly | null | undefined,\n  row: GridRow | null | undefined,\n) => {\n  if (!value || !row) {\n    return;\n  }\n\n  const { columnKey, gridSchema } = params;\n  const { primaryColumnKey } = gridSchema.meta;\n\n  return (\n    <SubGridToggle\n      subGridData={value}\n      parentGridId={gridSchema.options.id}\n      parentGridCellLocation={{\n        rowId: row[primaryColumnKey] as GridRowId,\n        columnKey,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsoc/react-grid",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Dynamic columns/rows generator for popular React grid components",
   "keywords": [
     "datagrid",
@@ -58,8 +58,8 @@
     "dist"
   ],
   "dependencies": {
-    "@jsoc/utils": "0.0.1",
-    "@jsoc/grid-core": "0.0.1"
+    "@jsoc/grid-core": "0.0.1",
+    "@jsoc/utils": "0.0.1"
   },
   "devDependencies": {
     "@mui/x-data-grid": "^8.16.0",

package/dist/shared-usOIqnt_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-usOIqnt_.mjs","names":[],"sources":["../src/hooks/useCoreStore.ts","../src/contexts/StoreContext.tsx","../src/errors/ReactGridError.ts","../src/hooks/useStoreContext.ts","../src/components/GridClose.tsx","../src/components/StoreContextProvider.tsx","../src/components/SubGridToggle.tsx","../src/utils/cellRenderers.tsx"],"sourcesContent":["import type { StoreContextValue } from \"#contexts/StoreContext.tsx\";\n\nimport {\n  type GridOptions,\n  type GridStore,\n  newGridStore,\n  type PluginConfig,\n  type PluginConfigGenerator,\n  type PluginConfigGeneratorOptions,\n} from \"@jsoc/grid-core\";\nimport { shallowEqual } from \"@jsoc/utils\";\nimport { type RefObject, useEffect, useMemo, useRef, useState } from \"react\";\n\nexport function useCoreStore<C extends PluginConfig>(\n  gridOptions: GridOptions,\n  configGenerator: PluginConfigGenerator<C>,\n  configGeneratorOptions?: PluginConfigGeneratorOptions<C>,\n): StoreContextValue<C> {\n  const lastGridOptionsRef = useRef<GridOptions | null>(null);\n  const lastGeneratorOptionsRef = useRef<\n    PluginConfigGeneratorOptions<C> | null | undefined\n  >(null);\n\n  const [gridStore, setGridStore] = useState(() =>\n    createStore<C>(\n      lastGridOptionsRef,\n      lastGeneratorOptionsRef,\n      gridOptions,\n      configGenerator,\n      configGeneratorOptions,\n    ),\n  );\n\n  // update grid store when options fields shallowly change.\n  useEffect(() => {\n    const shouldUpdate =\n      !lastGridOptionsRef.current ||\n      !lastGeneratorOptionsRef.current ||\n      !shallowEqual(gridOptions, lastGridOptionsRef.current) ||\n      !shallowEqual(configGeneratorOptions, lastGeneratorOptionsRef.current);\n\n    if (shouldUpdate) {\n      const store = createStore<C>(\n        lastGridOptionsRef,\n        lastGeneratorOptionsRef,\n        gridOptions,\n        configGenerator,\n        configGeneratorOptions,\n      );\n\n      setGridStore(store);\n    }\n  }, [gridOptions, configGenerator, configGeneratorOptions]);\n\n  // prepare the store context value\n  const storeContextValue = useMemo(\n    () => ({\n      gridStore,\n      setGridStore,\n    }),\n    [gridStore, setGridStore],\n  );\n\n  return storeContextValue;\n}\n\nfunction createStore<C extends PluginConfig>(\n  lastGridOptionsRef: RefObject<GridOptions | null>,\n  lastGeneratorOptionsRef: RefObject<\n    PluginConfigGeneratorOptions<C> | null | undefined\n  >,\n  gridOptions: GridOptions,\n  configGenerator: PluginConfigGenerator<C>,\n  configGeneratorOptions?: PluginConfigGeneratorOptions<C>,\n): GridStore<C> {\n  const pluginOptions = {\n    configGenerator,\n    configGeneratorOptions,\n  };\n\n  const gridStore = newGridStore(gridOptions, pluginOptions);\n\n  lastGridOptionsRef.current = gridOptions;\n  lastGeneratorOptionsRef.current = configGeneratorOptions;\n\n  return gridStore;\n}\n","import type { GridStore, PluginConfig } from \"@jsoc/grid-core\";\nimport { createContext, type Dispatch, type SetStateAction } from \"react\";\n\nexport type StoreContextValue<C extends PluginConfig = PluginConfig> = {\n  gridStore: GridStore<C>;\n  setGridStore: Dispatch<SetStateAction<GridStore<C>>>;\n};\n\nexport const StoreContext = createContext<\n  StoreContextValue<PluginConfig> | undefined\n>(undefined);\n","export class ReactGridError extends Error {\n  constructor(message: string, cause?: unknown) {\n    super(message, { cause });\n    this.name = \"ReactGridError\";\n  }\n}\n","import {\n  StoreContext,\n  type StoreContextValue,\n} from \"#contexts/StoreContext.tsx\";\nimport { ReactGridError } from \"#errors/ReactGridError.ts\";\n\nimport type { PluginConfig } from \"@jsoc/grid-core\";\nimport { useContext } from \"react\";\n\nexport function useStoreContext<\n  C extends PluginConfig = PluginConfig,\n>(): StoreContextValue<C> {\n  const ctx = useContext(StoreContext);\n\n  if (!ctx) {\n    throw new ReactGridError(`Missing provider for useStoreContext`);\n  }\n\n  return ctx as unknown as StoreContextValue<C>;\n}\n","import { useStoreContext } from \"#hooks/index.ts\";\n\nexport type GridCloseRendererParams = {\n  close: () => void;\n};\n\nexport type GridCloseProps = {\n  /**\n   * Either a custom renderer for the close action component or a string to display as text of default close action component.\n   */\n  children?: string | ((params: GridCloseRendererParams) => React.ReactNode);\n};\n\nexport function GridClose({ children }: GridCloseProps) {\n  const { gridStore, setGridStore } = useStoreContext();\n  const isRootSchema = gridStore.getSchemas().length === 1;\n\n  if (isRootSchema) {\n    return null;\n  }\n\n  const close = () => {\n    const newGridStore = gridStore.clone();\n    newGridStore.removeSchema();\n    setGridStore(newGridStore);\n  };\n\n  const params = { close };\n\n  if (typeof children === \"function\") {\n    return children(params);\n  }\n\n  return DefaultGridCloseRenderer(children || \"Close\", params);\n}\n\nfunction DefaultGridCloseRenderer(\n  children: string,\n  params: GridCloseRendererParams,\n) {\n  return (\n    <button\n      onClick={params.close}\n      style={{\n        padding: \"4px 12px\",\n        border: \"1px solid #ddd\",\n        borderRadius: \"4px\",\n        background: \"white\",\n        color: \"black\",\n        cursor: \"pointer\",\n        fontSize: \"14px\",\n        marginBottom: \"8px\",\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n","import {\n  StoreContext,\n  type StoreContextValue,\n} from \"#contexts/StoreContext.tsx\";\n\nimport type { PluginConfig } from \"@jsoc/grid-core\";\nimport type { ReactNode } from \"react\";\n\nexport type StoreContextProviderProps<C extends PluginConfig = PluginConfig> = {\n  value: StoreContextValue<C>;\n  children: ReactNode;\n};\n\nexport function StoreContextProvider<C extends PluginConfig>({\n  value,\n  children,\n}: StoreContextProviderProps<C>) {\n  return (\n    <StoreContext.Provider\n      value={value as unknown as StoreContextValue<PluginConfig>}\n    >\n      {children}\n    </StoreContext.Provider>\n  );\n}\n","import { useStoreContext } from \"#hooks/useStoreContext.ts\";\n\nimport {\n  createSubGridId,\n  type GridCellLocation,\n  type GridDataReadonly,\n  type GridId,\n  type GridName,\n} from \"@jsoc/grid-core\";\nimport { toReadableString } from \"@jsoc/utils\";\n\nexport type SubGridToggleRendererParams = {\n  isPresent: boolean;\n  name: GridName;\n  toggle: () => void;\n};\n\nexport type SubGridToggleProps = {\n  /**\n   * Custom renderer for the toggle action.\n   * @param isPresent - Flag that indicates whether the subgrid is already present in store or not\n   * @default DefaultSubGridToggleRenderer\n   */\n  children?: (params: SubGridToggleRendererParams) => React.ReactNode;\n  /**\n   * data of the sub grid, is actually the `ColumnValue` of the `GridRow[rowId][ColumnKey]`\n   * using which the rows and columns will be generated.\n   */\n  subGridData: GridDataReadonly;\n  /**\n   * `GridId` of the grid that will render this component\n   */\n  parentGridId: GridId;\n  /**\n   * Location of the `GridCell` that will render this component\n   */\n  parentGridCellLocation: GridCellLocation;\n};\n\nexport function SubGridToggle({\n  subGridData,\n  parentGridId,\n  parentGridCellLocation,\n  children = DefaultSubGridToggleRenderer,\n}: SubGridToggleProps) {\n  const { gridStore, setGridStore } = useStoreContext();\n\n  const subGridId = createSubGridId(parentGridId, parentGridCellLocation);\n  const subGridName = parentGridCellLocation.columnKey;\n  const index = gridStore.findIndex(subGridId);\n  const isPresent = index > -1;\n\n  return children({\n    isPresent,\n    name: subGridName,\n    toggle,\n  });\n\n  function toggle() {\n    const storeClone = gridStore.clone();\n\n    if (isPresent) {\n      storeClone.removeSchema(index);\n    } else {\n      storeClone.addSchema({\n        id: subGridId,\n        name: subGridName,\n        data: subGridData,\n      });\n    }\n\n    setGridStore(storeClone);\n  }\n}\n\nfunction DefaultSubGridToggleRenderer(params: SubGridToggleRendererParams) {\n  const { name, isPresent, toggle } = params;\n  const buttonText = isPresent ? \"Close \" : \"View \" + toReadableString(name);\n  return (\n    <button\n      onClick={toggle}\n      style={{\n        background: \"none\",\n        border: \"none\",\n        color: \"#007bff\",\n        textDecoration: \"underline\",\n        cursor: \"pointer\",\n        padding: 0,\n      }}\n    >\n      {buttonText}\n    </button>\n  );\n}\n","import { SubGridToggle } from \"#components/index.ts\";\n\nimport type {\n  ColumnGeneratorParams,\n  GridDataReadonly,\n  GridRow,\n  GridRowId,\n} from \"@jsoc/grid-core\";\nimport { booleanToString, stringDateToDate } from \"@jsoc/utils\";\n\nexport const booleanCellRenderer = (value: boolean) => {\n  return booleanToString(value);\n};\n\nexport const dateCellRenderer = (value: Date) => {\n  return value.toLocaleString();\n};\n\nexport const stringDateCellRenderer = (value: string) => {\n  return dateCellRenderer(stringDateToDate(value));\n};\n\nexport const ujsonObjectCellRenderer = (\n  params: ColumnGeneratorParams,\n  value: GridDataReadonly | null | undefined,\n  row: GridRow | null | undefined,\n) => {\n  if (!value || !row) {\n    return;\n  }\n\n  const { columnKey, gridSchema } = params;\n  const { primaryColumnKey } = gridSchema.meta;\n\n  return (\n    <SubGridToggle\n      subGridData={value}\n      parentGridId={gridSchema.options.id}\n      parentGridCellLocation={{\n        rowId: row[primaryColumnKey] as GridRowId,\n        columnKey,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}