@1771technologies/lytenyte-pro 0.0.77 → 0.0.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { IsoResizeObserver, getPreciseElementDimensions, clsx } from "@1771technologies/js-utils";
3
- import { u as useDragStore, a as useDrag, C as Checkbox, I as Input, D as DragProvider } from "./drag-store-BF4ad65L.js";
3
+ import { u as useDragStore, a as useDrag, C as Checkbox, I as Input, D as DragProvider } from "./drag-store-BMsDBUy_.js";
4
4
  import "@1771technologies/react-sizer";
5
5
  import { useCombinedRefs, useEvent } from "@1771technologies/react-utils";
6
6
  import "@1771technologies/grid-provider";
@@ -8,7 +8,7 @@ import { useRef, useState, useEffect, useCallback, useMemo, createContext, useCo
8
8
  import "@1771technologies/react-dragon";
9
9
  import "@1771technologies/grid-core";
10
10
  import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
11
- import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-B_ah-_Qz.js";
11
+ import { g as useEdgeScroll, h as useDraggable, c as canAgg, a as canMeasure, f as useDroppable, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, P as Pill, M as MenuTrigger, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BHBLeJ6k.js";
12
12
  import { A as ArrowRightIcon } from "./tickmark-icon-CoogRMoO.js";
13
13
  import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
14
14
  import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-DFUMye0v.js";
@@ -18,7 +18,7 @@ import { S as Separator } from "./separator-BnPPeAk8.js";
18
18
  import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
19
19
  import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
20
20
  import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
21
- import { M as MenuPositioner } from "./menu-C49unLOk.js";
21
+ import { M as MenuPositioner } from "./menu-lIx6h6Vn.js";
22
22
  function Sizer({
23
23
  children,
24
24
  onSizeChange,
@@ -331,7 +331,7 @@ function useCellStyle(api, xPositions, yPositions, columnIndex, rowIndex, column
331
331
  const isEnd = column.pin == "end";
332
332
  const isTop = rowPin === "top";
333
333
  const isBot = rowPin === "bottom";
334
- const isLastStart = sx.columnVisibleStartCount.peek() - 1 === columnIndex && columnIndex > 0;
334
+ const isLastStart = sx.columnVisibleStartCount.peek() - 1 === columnIndex && columnIndex >= 0;
335
335
  const isFirstEnd = sx.columnVisibleCenterCount.peek() + sx.columnVisibleStartCount.peek() === columnIndex;
336
336
  const rowCount = sx.internal.rowCount.peek();
337
337
  const rowTopCount = sx.internal.rowTopCount.peek();
@@ -888,6 +888,7 @@ function CellImpl({
888
888
  "data-lng1771-rowid": rowNode.id,
889
889
  "data-lng1771-rowindex": rowIndex,
890
890
  "data-lng1771-colindex": rowIndex,
891
+ "data-lng1771-type": column.type ?? "text",
891
892
  className: clsx(
892
893
  "lng1771-cell",
893
894
  rowIndex % 2 === 1 && "lng1771-cell--alternate",
@@ -1,8 +1,8 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { useState, useEffect, useCallback, createContext, useContext, useMemo, forwardRef } from "react";
3
3
  import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
4
- import { S as Select } from "./select-IdBbnP3a.js";
5
- import { I as Input, C as Checkbox } from "./drag-store-BF4ad65L.js";
4
+ import { S as Select } from "./select-Db5ksjoS.js";
5
+ import { I as Input, C as Checkbox } from "./drag-store-BMsDBUy_.js";
6
6
  import "@1771technologies/react-sizer";
7
7
  import "@1771technologies/react-utils";
8
8
  import "@1771technologies/grid-provider";
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as Checkbox, d as COLUMN_MARKER_ID, H as HEADER_CELL_POSITION, g as getTransform, e as COLUMN_EMPTY_PREFIX, f as HEADER_GROUP_CELL_POSITION, h as CollapseButton, F as FLOATING_CELL_POSITION, i as FULL_ENCODING, j as CellFullWidth, E as END_ENCODING, k as Cell, I as Input, G as GRID_CELL_POSITION, l as GridButton } from "./drag-store-BF4ad65L.js";
2
- import { t, n, v, w, B, J, L, K, M, q, p, r, s, P, x, o, z, m, y, R, A } from "./drag-store-BF4ad65L.js";
1
+ import { C as Checkbox, d as COLUMN_MARKER_ID, H as HEADER_CELL_POSITION, g as getTransform, e as COLUMN_EMPTY_PREFIX, f as HEADER_GROUP_CELL_POSITION, h as CollapseButton, F as FLOATING_CELL_POSITION, i as FULL_ENCODING, j as CellFullWidth, E as END_ENCODING, k as Cell, I as Input, G as GRID_CELL_POSITION, l as GridButton } from "./drag-store-BMsDBUy_.js";
2
+ import { t, n, v, w, B, J, L, K, M, q, p, r, s, P, x, o, z, m, y, R, A } from "./drag-store-BMsDBUy_.js";
3
3
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
4
4
  import { Sizer } from "@1771technologies/react-sizer";
5
5
  import { useEvent, useIsoEffect } from "@1771technologies/react-utils";
@@ -43,7 +43,8 @@ function useHeaderDisplayGridTemplate(levelsCount, headerHeight, groupHeaderHeig
43
43
  return gridTemplateRows;
44
44
  }
45
45
  function HeaderCellMarker({ api }) {
46
- const supportsSelectedAll = api.rowSelectionSelectAllSupported();
46
+ const mode = api.getState().rowSelectionMode.use() === "multiple";
47
+ const supportsSelectedAll = api.rowSelectionSelectAllSupported() && mode;
47
48
  const allSelected = api.rowSelectionAllRowsSelected();
48
49
  const selected = api.getState().rowSelectionSelectedIds.use();
49
50
  const someSelected = useMemo(() => {
@@ -658,6 +659,8 @@ function HeaderGroupDefault({ group, api }) {
658
659
  const delimiter = api.getState().columnGroupIdDelimiter.peek();
659
660
  return group.id.split(delimiter).at(-1);
660
661
  }, [api, group.id]);
662
+ const expansionState = api.getState().columnGroupExpansionState.use();
663
+ const isExpanded = expansionState[group.id] ?? api.getState().columnGroupDefaultExpansion.peek()(group.id);
661
664
  return /* @__PURE__ */ jsxs(
662
665
  "div",
663
666
  {
@@ -672,7 +675,7 @@ function HeaderGroupDefault({ group, api }) {
672
675
  },
673
676
  children: [
674
677
  label,
675
- group.isCollapsible && /* @__PURE__ */ jsx(CollapseButton, { onClick: () => api.columnGroupToggle(group.id), children: "-" })
678
+ group.isCollapsible && isExpanded && /* @__PURE__ */ jsx(CollapseButton, { onClick: () => api.columnGroupToggle(group.id), children: "-" })
676
679
  ]
677
680
  }
678
681
  );
@@ -1092,7 +1095,8 @@ function Rows({
1092
1095
  rowPin: rowIndex < topCount ? "top" : rowIndex >= firstBotIndex ? "bottom" : null,
1093
1096
  rowIndex,
1094
1097
  yPositions
1095
- }
1098
+ },
1099
+ `r${rowIndex}-detail`
1096
1100
  )
1097
1101
  );
1098
1102
  }
@@ -1373,9 +1377,12 @@ function RowHoverDriver() {
1373
1377
  const hoveredRow = s3.state.internal.hoveredRow.use();
1374
1378
  if (hoveredRow == null) return;
1375
1379
  return /* @__PURE__ */ jsx("style", { children: `
1376
- #${gridId} > div > div > [aria-rowindex="${hoveredRow + 1}"] {
1380
+ #${gridId} > div > div > :not(.lng1771-cell--selected)[aria-rowindex="${hoveredRow + 1}"] {
1377
1381
  background-color: var(--lng1771-gray-10);
1378
1382
  }
1383
+ #${gridId} > div > div > .lng1771-cell--selected[aria-rowindex="${hoveredRow + 1}"] {
1384
+ background-color: var(--lng1771-primary-30);
1385
+ }
1379
1386
  ` });
1380
1387
  }
1381
1388
  function Viewport({
@@ -428,6 +428,13 @@ INPUT
428
428
  }
429
429
  }
430
430
  .lng1771-row-detail {
431
+ grid-row-start: 1;
432
+ grid-row-end: 2;
433
+ grid-column-start: 1;
434
+ grid-column-end: 2;
435
+
436
+ overflow: hidden;
437
+
431
438
  box-sizing: border-box;
432
439
  background-color: var(--lng1771-gray-05);
433
440
  }
@@ -481,6 +488,10 @@ INPUT
481
488
  background-color: var(--lng1771-gray-00);
482
489
  }
483
490
 
491
+ [data-lng1771-type="number"] {
492
+ text-align: end;
493
+ }
494
+
484
495
  .lng1771-cell--alternate {
485
496
  background-color: var(--lng1771-gray-02);
486
497
  }
@@ -1806,6 +1806,7 @@ const MenuGroupLabel = forwardRef(function MenuGroupLabel2({ className, ...props
1806
1806
  });
1807
1807
  const MenuSubmenuTrigger = forwardRef(function SubmenuTrigger({ className, children, ...props }, ref) {
1808
1808
  const cl = useMenuClassName("lng1771-menu__submenu-trigger", className);
1809
+ console.log("i ran");
1809
1810
  return /* @__PURE__ */ jsxs(MenuSubmenuTrigger$1, { ...props, className: cl, ref, children: [
1810
1811
  children,
1811
1812
  /* @__PURE__ */ jsx(ArrowRightIcon, { width: 16, height: 16 })
package/dist/menu.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a } from "./menu-C49unLOk.js";
1
+ import { a } from "./menu-lIx6h6Vn.js";
2
2
  export {
3
3
  a as Menu
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { useRef, useState, useEffect, useCallback, useMemo, forwardRef } from "react";
3
- import { u as useDragStore, b as useStore } from "./drag-store-BF4ad65L.js";
3
+ import { u as useDragStore, b as useStore } from "./drag-store-BMsDBUy_.js";
4
4
  import { arrayOverlap, clsx } from "@1771technologies/js-utils";
5
5
  import { m as mergeProps, E as contains, P as PropTypes } from "./proptypes-BjYr2nFr.js";
6
6
  import { u as useButton } from "./useButton-DWXzFgcr.js";
@@ -9,7 +9,7 @@ import { o as ownerDocument, c as useGrid } from "./useScrollLock-D4UY33Sb.js";
9
9
  import { g as getPseudoElementBounds } from "./getPseudoElementBounds-BSHt6WYm.js";
10
10
  import { u as useMenuRootContext } from "./column-menu-driver-cG-EZgLa.js";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
12
- import { a as Menu } from "./menu-C49unLOk.js";
12
+ import { a as Menu } from "./menu-lIx6h6Vn.js";
13
13
  const toJSON = () => "";
14
14
  function getVisibleBoundingBox(element) {
15
15
  if (!element) return null;
@@ -3,8 +3,8 @@ import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
3
3
  import { useMemo, createContext, useState, useContext, forwardRef, useEffect, useCallback } from "react";
4
4
  import { clsx } from "@1771technologies/js-utils";
5
5
  import { useDroppable as useDroppable$1 } from "@1771technologies/react-dragon";
6
- import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-B_ah-_Qz.js";
7
- import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-BF4ad65L.js";
6
+ import { c as canAgg, a as canMeasure, u as useAggregationSource, b as useMeasuresSource, d as useRowGroupsSource, e as useColumnPivotSource, f as useDroppable, g as useEdgeScroll, P as Pill, M as MenuTrigger, h as useDraggable, i as PillManagerAggMenu, j as PillManagerMeasureMenu } from "./pill-BHBLeJ6k.js";
7
+ import { u as useDragStore, a as useDrag, D as DragProvider } from "./drag-store-BMsDBUy_.js";
8
8
  import "@1771technologies/react-sizer";
9
9
  import { useCombinedRefs } from "@1771technologies/react-utils";
10
10
  import "@1771technologies/grid-provider";
@@ -12,7 +12,7 @@ import "@1771technologies/grid-core";
12
12
  import { D as DragIcon, M as MeasuresIcon, C as ColumnPivotIcon, R as RowGroupIcon } from "./row-group-icon-DFUMye0v.js";
13
13
  import { M as MoreDotsIcon } from "./more-dots-icon-CzAH3xHG.js";
14
14
  import { M as MenuRoot, a as MenuPortal } from "./column-menu-driver-cG-EZgLa.js";
15
- import { M as MenuPositioner } from "./menu-C49unLOk.js";
15
+ import { M as MenuPositioner } from "./menu-lIx6h6Vn.js";
16
16
  import { M as ManageColumnsIcon, C as CollapseIcon, E as ExpandIcon } from "./manage-columns-icon-D4CElo5H.js";
17
17
  import { createPortal } from "react-dom";
18
18
  function useColumnSource(source) {
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { clsx } from "@1771technologies/js-utils";
3
3
  import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
4
- import { c as CheckMark } from "./drag-store-BF4ad65L.js";
4
+ import { c as CheckMark } from "./drag-store-BMsDBUy_.js";
5
5
  import "@1771technologies/react-sizer";
6
6
  import "@1771technologies/react-utils";
7
7
  import "@1771technologies/grid-provider";
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { useMemo, useState, useEffect, createContext, useContext, forwardRef } from "react";
3
3
  import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
4
4
  import { clsx } from "@1771technologies/js-utils";
5
- import { S as Select } from "./select-IdBbnP3a.js";
5
+ import { S as Select } from "./select-Db5ksjoS.js";
6
6
  import { P as PlusIcon } from "./plus-icon-ToqW5CC-.js";
7
7
  import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
8
8
  import { S as Separator } from "./separator-BnPPeAk8.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1771technologies/lytenyte-pro",
3
- "version": "0.0.77",
3
+ "version": "0.0.79",
4
4
  "license": "COMMERCIAL",
5
5
  "type": "module",
6
6
  "files": [
@@ -79,21 +79,21 @@
79
79
  "react-dom": "^18.0.0 || ^19.0.0"
80
80
  },
81
81
  "dependencies": {
82
- "@1771technologies/grid-client-data-source-pro": "0.0.77",
83
- "@1771technologies/grid-server-data-source": "0.0.77",
84
- "@1771technologies/grid-core": "0.0.77",
85
- "@1771technologies/grid-design": "0.0.77",
86
- "@1771technologies/grid-provider": "0.0.77",
87
- "@1771technologies/grid-store-pro": "0.0.77",
88
- "@1771technologies/grid-tree-data-source": "0.0.77",
89
- "@1771technologies/grid-types": "0.0.77",
90
- "@1771technologies/js-utils": "0.0.77",
91
- "@1771technologies/lytenyte-core": "0.0.77",
92
- "@1771technologies/react-cascada": "0.0.77",
93
- "@1771technologies/react-dragon": "0.0.77",
94
- "@1771technologies/react-sizer": "0.0.77",
95
- "@1771technologies/react-split-pane": "0.0.77",
96
- "@1771technologies/react-utils": "0.0.77",
82
+ "@1771technologies/grid-client-data-source-pro": "0.0.79",
83
+ "@1771technologies/grid-server-data-source": "0.0.79",
84
+ "@1771technologies/grid-core": "0.0.79",
85
+ "@1771technologies/grid-design": "0.0.79",
86
+ "@1771technologies/grid-provider": "0.0.79",
87
+ "@1771technologies/grid-store-pro": "0.0.79",
88
+ "@1771technologies/grid-tree-data-source": "0.0.79",
89
+ "@1771technologies/grid-types": "0.0.79",
90
+ "@1771technologies/js-utils": "0.0.79",
91
+ "@1771technologies/lytenyte-core": "0.0.79",
92
+ "@1771technologies/react-cascada": "0.0.79",
93
+ "@1771technologies/react-dragon": "0.0.79",
94
+ "@1771technologies/react-sizer": "0.0.79",
95
+ "@1771technologies/react-split-pane": "0.0.79",
96
+ "@1771technologies/react-utils": "0.0.79",
97
97
  "@base-ui-components/react": "1.0.0-alpha.7"
98
98
  },
99
99
  "devDependencies": {