@bit.rhplus/ag-grid 0.0.11

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../util.js"],"names":[],"mappings":"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"}

package/index.jsx

@@ -0,0 +1,143 @@
+import * as React from "react";
+import { v4 as uuidv4 } from "uuid";
+import { notification } from "antd";
+import { AgGridReact } from "ag-grid-react";
+import { AgGridColumns } from "./AgGridColumn";
+import { RhPlusOnCellEditingStarted } from "./OnCellEditingStarted";
+import { RhPlusOnCellDoubleClicked } from "./OnCellDoubleClicked";
+import { RhPlusOnCellValueChanged } from "./OnCellValueChanged";
+import { AgGridPostSort } from "./AgGridPostSort";
+import { AgGridOnRowDataChanged } from "./AgGridOnRowDataChanged";
+import { AgGridOnRowDataUpdated } from "./AgGridOnRowDataUpdated";
+// import HyperModuleEditor from "./HyperModuleEditor";
+import CheckboxRenderer from "./Renderers/CheckboxRenderer";
+import BooleanRenderer from "./Renderers/BooleanRenderer";
+import SelectRenderer from "./Renderers/SelectRenderer";
+import ButtonRenderer from "./Renderers/ButtonRenderer";
+import Aggregations from "./Aggregations";
+import CountrySelectRenderer from "./Renderers/CountrySelectRenderer";
+// import BooleanRenderer from './Renderers/BooleanRenderer';
+import NotificationOptionsInit from "./NotificationOptions";
+
+
+const key = uuidv4();
+
+const AgGrid = React.forwardRef((props, ref) => {
+  const internalRef = React.useRef();
+  const {
+    rowData = [],
+    enableNotification,
+    notificationOptions: {
+      notificationHead = NotificationOptionsInit.head,
+      notificationBody = NotificationOptionsInit.body,
+      style = NotificationOptionsInit.style,
+      placement = NotificationOptionsInit.placement
+    } = {},
+    newRowFlash = true
+  } = props;
+  const [, setIsGridReady] = React.useState(false);
+  const previousRowDataRef = React.useRef(rowData);
+
+  const findNewRows = (oldData, newData) => {
+    const oldIds = new Set(oldData.map((row) => row.id));
+    return newData.filter((row) => !oldIds.has(row.id));
+  };
+
+  React.useImperativeHandle(ref, () => internalRef.current, [internalRef]);
+
+  React.useEffect(() => {
+    if (!newRowFlash) return;
+
+    const previousRowData = previousRowDataRef.current;
+
+    const addedRows = findNewRows(previousRowData, rowData);
+
+    if (addedRows.length > 0) {
+      setTimeout(() => {
+        const newRowNodes = [];
+        internalRef.current.api.forEachNode((node) => {
+          if (addedRows.some((row) => row.id === node.data.id)) {
+            newRowNodes.push(node);
+          }
+        });
+
+        console.log("🚀 ~ setTimeout ~ internalRef.current.columnApi:", internalRef.current.columnApi);
+
+        if (internalRef.current && internalRef.current.columnApi && internalRef.current.columnApi.getColumnState) {
+          const allColumns = internalRef.current.columnApi.getColumnState().map(colState => colState.colId);
+          internalRef.current.api.flashCells({
+            rowNodes: newRowNodes,
+            columns: allColumns,
+          });
+        } else {
+          console.error("columnApi není dostupné.");
+        }
+      }, 0);
+    }
+
+    previousRowDataRef.current = rowData;
+  }, [rowData]);
+
+  const RhPlusRangeSelectionChanged = React.useCallback(
+    event => {
+      if (internalRef && !!internalRef.current && enableNotification) {
+        const messageInfo = Aggregations(internalRef);
+        if (messageInfo.count > 1) {
+          if (props.onAggregationChanged) props.onAggregationChanged(messageInfo);
+          notification.info({
+            key,
+            message: notificationHead(messageInfo),
+            description: notificationBody(messageInfo),
+            duration: 0,
+            showDate: false,
+            style,
+            placement
+          });
+        }
+      }
+      if (props.onRangeSelectionChanged) props.onRangeSelectionChanged(event);
+    },
+    [internalRef]
+  );
+
+  const AgGridOnGridReady = (event, options) => {
+    setTimeout(() => setIsGridReady(true), 1000);
+    if (options.onGridReady) options.onGridReady(event);
+
+    if (internalRef.current) {
+      internalRef.current.api = event.api;
+      internalRef.current.columnApi = event.columnApi;
+    }
+  };
+
+  const components = React.useMemo(() => {
+    return {
+      checkboxRenderer: CheckboxRenderer,
+      selectRenderer: SelectRenderer,
+      countrySelectRenderer: CountrySelectRenderer,
+      booleanRenderer: BooleanRenderer,
+      buttonRenderer: ButtonRenderer,
+      ...props.frameworkComponents
+    };
+  }, []);
+
+  return (
+    <AgGridReact
+      ref={internalRef}
+      {...props}
+      columnDefs={AgGridColumns(props.columnDefs, props)}
+      onCellEditingStarted={event => RhPlusOnCellEditingStarted(event, props)}
+      onCellDoubleClicked={event => RhPlusOnCellDoubleClicked(event, props)}
+      onCellValueChanged={event => RhPlusOnCellValueChanged(event, props)}
+      postSort={event => AgGridPostSort(event, props)}
+      onGridReady={event => AgGridOnGridReady(event, props)}
+      onRowDataChanged={event => AgGridOnRowDataChanged(event, props)}
+      onRowDataUpdated={event => AgGridOnRowDataUpdated(event, props)}
+      onRangeSelectionChanged={event => RhPlusRangeSelectionChanged(event)}
+      context={{ componentParent: { ...props } }}
+      frameworkComponents={components}
+    />
+  );
+});
+
+export default AgGrid;

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@bit.rhplus/ag-grid",
+  "version": "0.0.11",
+  "homepage": "https://bit.cloud/remote-scope/ag-grid",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "remote-scope",
+    "name": "ag-grid",
+    "version": "0.0.11"
+  },
+  "dependencies": {
+    "linq": "^4.0.3",
+    "moment": "^2.30.1",
+    "lodash": "^4.17.21",
+    "ag-grid-react": "^31.3.4",
+    "antd": "^5.20.6",
+    "uuid": "^10.0.0",
+    "@rhplus/wieldy.linq": "0.0.4",
+    "@rhplus/wieldy.icons": "0.0.3"
+  },
+  "devDependencies": {
+    "@teambit/react.react-env": "1.0.98"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "license": "SEE LICENSE IN UNLICENSED",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "publishConfig": {
+    "scope": "@bit.rhplus",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}

package/util.js

@@ -0,0 +1,116 @@
+
+import Enumerable from '@rhplus/wieldy.linq';
+
+export const getValueFromObject = (array, dataKey) =>
+  Enumerable.from(array)
+    .select(s => s[dataKey])
+    .toArray();
+
+export const getDataValue = (gridRef, rowIndex) => {
+  const rowModel = gridRef.current.api.getModel();
+  const rowNode = rowModel.getRow(rowIndex);
+  return rowNode.data;
+}
+
+export const getDataValueSelectedRows = (gridRef) => {
+  let result = [];
+  if (!gridRef || !gridRef.current || !gridRef.current.api)
+    return [];
+
+  const ranges = gridRef.current.api.getCellRanges();
+
+  ranges.forEach(range => {
+    const start = Math.min(range.startRow.rowIndex, range.endRow.rowIndex);
+    const end = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
+
+    for (let rowIndex = start; rowIndex <= end; rowIndex+=1) {
+      const value = getDataValue(gridRef, rowIndex);
+      result = [...result, value];
+    }
+  });
+  return result;
+}
+
+export const getColumnValue = (gridRef, column, rowIndex) => {
+  const rowModel = gridRef.current.api.getModel();
+  const rowNode = rowModel.getRow(rowIndex);
+  const value = gridRef.current.api.getValue(column, rowNode);
+  return value;
+}
+
+export const getColumnValueSelectedRows = (gridRef, columnName) => {
+  let result = [];
+  if (!gridRef || !gridRef.current || !gridRef.current.api)
+    return [];
+
+  const ranges = gridRef.current.api.getCellRanges();
+
+  const column = gridRef.current.columnApi.getColumn(columnName);
+  if (!column)
+    return [];
+
+  ranges.forEach(range => {
+    const start = Math.min(range.startRow.rowIndex, range.endRow.rowIndex);
+    const end = Math.max(range.startRow.rowIndex, range.endRow.rowIndex);
+
+    for (let rowIndex = start; rowIndex <= end; rowIndex+=1) {
+
+      const value = getColumnValue(gridRef, column, rowIndex);
+      result = [...result, value];
+    }
+  });
+  return result;
+}
+
+export const first = params => {
+  const { node: { allLeafChildren } = {} } = params;
+  if (!allLeafChildren || allLeafChildren.length === 0)
+    return undefined;
+  if (allLeafChildren.length > 0)
+    return allLeafChildren[0].data;
+  return undefined;
+}
+
+export const last = params => {
+  const { node: { allLeafChildren } = {} } = params;
+  if (!allLeafChildren || allLeafChildren.length === 0)
+    return undefined;
+  if (allLeafChildren.length > 0)
+    return allLeafChildren[allLeafChildren.length - 1].data;
+  return undefined;
+}
+
+export const isGroupData = params => {
+  const { data } = params;
+  return !data;
+}
+
+export const rowOrFirst = params => {
+  if (isGroupData(params))
+    return first(params);
+  return params.data;
+}
+
+export const rowOrLast = params => {
+  if (isGroupData(params))
+    return last(params);
+  return params.data;
+}
+
+export const getRowDataTransaction = (prev, newe, pk) => {
+  const joiner = Enumerable.from(prev)
+    .fullOuterJoin(newe, s => pk(s), s => pk(s), (p, n) => ({ p, n }))
+    .where(w => JSON.stringify(w.p) !== JSON.stringify(w.n));
+
+  const addedRows = joiner.where(w => w.p === null).select(s => s.n.data).toArray();
+  const removedRows = joiner.where(w => w.n === null).select(s => s.p.data).toArray();
+  const updatedRows = joiner.where(w => w.p !== null && w.n !== null).select(s => s.n.data).toArray();
+
+  const result = {};
+
+  if (addedRows.length > 0) result.add = addedRows;
+  if (removedRows.length > 0) result.remove = removedRows;
+  if (updatedRows.length > 0) result.update = updatedRows;
+
+  return result;
+}