@salt-ds/data-grid 1.0.0

package/dist-cjs/packages/grid/src/internal/TopPart.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var TableColGroup = require('./TableColGroup.js');
+require('./TopPart.css.js');
+var core = require('@salt-ds/core');
+var HeaderRow = require('./HeaderRow.js');
+var GroupHeaderRow = require('./GroupHeaderRow.js');
+var gridHooks = require('./gridHooks.js');
+var cn = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+const withBaseName = core.makePrefixer("saltGridTopPart");
+function TopPart(props) {
+  const { topRef, onWheel, columns, columnGroups, midGap, bottomShadow } = props;
+  const tableRef = gridHooks.useActiveOnWheel(onWheel);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: cn__default["default"](withBaseName(), {
+      [withBaseName("bottomShadow")]: bottomShadow
+    }),
+    ref: topRef,
+    "data-testid": "grid-top-part",
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: withBaseName("space"),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("table", {
+        ref: tableRef,
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TableColGroup.TableColGroup, {
+            columns,
+            gap: midGap
+          }),
+          /* @__PURE__ */ jsxRuntime.jsxs("thead", {
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(GroupHeaderRow.GroupHeaderRow, {
+                groups: columnGroups,
+                gap: midGap
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, {
+                columns,
+                gap: midGap
+              })
+            ]
+          })
+        ]
+      })
+    })
+  });
+}
+
+exports.TopPart = TopPart;
+//# sourceMappingURL=TopPart.js.map

package/dist-cjs/packages/grid/src/internal/TopPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopPart.js","sources":["../src/internal/TopPart.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport { TableColGroup } from \"./TableColGroup\";\nimport \"./TopPart.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport { useActiveOnWheel } from \"./gridHooks\";\nimport cx from \"classnames\";\n\nconst withBaseName = makePrefixer(\"saltGridTopPart\");\n\nexport interface TopPartProps<T> {\n  topRef: RefObject<HTMLDivElement>;\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  midGap: number;\n  bottomShadow?: boolean;\n}\n\nexport function TopPart<T>(props: TopPartProps<T>) {\n  const { topRef, onWheel, columns, columnGroups, midGap, bottomShadow } =\n    props;\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  return (\n    <div\n      className={cx(withBaseName(), {\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      ref={topRef}\n      data-testid=\"grid-top-part\"\n    >\n      <div className={withBaseName(\"space\")}>\n        <table ref={tableRef} role=\"presentation\">\n          <TableColGroup columns={columns} gap={midGap} />\n          <thead>\n            <GroupHeaderRow groups={columnGroups} gap={midGap} />\n            <HeaderRow columns={columns} gap={midGap} />\n          </thead>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["makePrefixer","useActiveOnWheel","jsx","cx","jsxs","TableColGroup","GroupHeaderRow","HeaderRow"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA,CAAA;AAW5C,SAAS,QAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,MAAQ,EAAA,OAAA,EAAS,SAAS,YAAc,EAAA,MAAA,EAAQ,cACtD,GAAA,KAAA,CAAA;AAEF,EAAM,MAAA,QAAA,GAAWC,2BAAiB,OAAO,CAAA,CAAA;AAEzC,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAWC,sBAAG,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,KACjC,CAAA;AAAA,IACD,GAAK,EAAA,MAAA;AAAA,IACL,aAAY,EAAA,eAAA;AAAA,IAEZ,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAClC,QAAC,kBAAAE,eAAA,CAAA,OAAA,EAAA;AAAA,QAAM,GAAK,EAAA,QAAA;AAAA,QAAU,IAAK,EAAA,cAAA;AAAA,QACzB,QAAA,EAAA;AAAA,0BAACF,cAAA,CAAAG,2BAAA,EAAA;AAAA,YAAc,OAAA;AAAA,YAAkB,GAAK,EAAA,MAAA;AAAA,WAAQ,CAAA;AAAA,0BAC7CD,eAAA,CAAA,OAAA,EAAA;AAAA,YACC,QAAA,EAAA;AAAA,8BAACF,cAAA,CAAAI,6BAAA,EAAA;AAAA,gBAAe,MAAQ,EAAA,YAAA;AAAA,gBAAc,GAAK,EAAA,MAAA;AAAA,eAAQ,CAAA;AAAA,8BAClDJ,cAAA,CAAAK,mBAAA,EAAA;AAAA,gBAAU,OAAA;AAAA,gBAAkB,GAAK,EAAA,MAAA;AAAA,eAAQ,CAAA;AAAA,aAAA;AAAA,WAC5C,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/grid/src/internal/TopRightPart.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltGridTopRightPart {\n  position: absolute;\n  top: 0;\n  right: var(--grid-scrollBar-width);\n  z-index: var(--grid-right-header-zIndex);\n}\n\n.saltGridTopRightPart-leftShadow {\n  box-shadow: -2px 0 4px 0 var(--grid-shadow-color);\n  clip-path: inset(1px 0 0 -10px);\n}\n\n.saltGrid-pinnedSeparators .saltGridTopRightPart-leftShadow {\n  border-left: solid 1px var(--grid-pinnedSeparator-color);\n}\n\n.saltGridTopRightPart-bottomShadow {\n  box-shadow: 0 2px 4px 0 var(--grid-shadow-color);\n  clip-path: inset(1px 0 -10px 0);\n}\n\n.saltGridTopRightPart-leftShadow.saltGridTopRightPart-bottomShadow {\n  box-shadow: -2px 2px 4px 0 var(--grid-shadow-color);\n  clip-path: inset(1px 0 -10px -10px);\n}\n\n.saltGridTopRightPart table {\n  table-layout: fixed;\n\n  width: var(--grid-rightPart-width);\n  height: var(--grid-topPart-height);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=TopRightPart.css.js.map

package/dist-cjs/packages/grid/src/internal/TopRightPart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopRightPart.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/grid/src/internal/TopRightPart.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var TableColGroup = require('./TableColGroup.js');
+var HeaderRow = require('./HeaderRow.js');
+require('./TopRightPart.css.js');
+var core = require('@salt-ds/core');
+var GroupHeaderRow = require('./GroupHeaderRow.js');
+var cn = require('classnames');
+var gridHooks = require('./gridHooks.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+const withBaseName = core.makePrefixer("saltGridTopRightPart");
+function TopRightPart(props) {
+  const { onWheel, columns, columnGroups, leftShadow, bottomShadow } = props;
+  const tableRef = gridHooks.useActiveOnWheel(onWheel);
+  if (columns.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: cn__default["default"](withBaseName(), {
+      [withBaseName("leftShadow")]: leftShadow,
+      [withBaseName("bottomShadow")]: bottomShadow
+    }),
+    "data-testid": "grid-top-right-part",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("table", {
+      className: withBaseName("table"),
+      ref: tableRef,
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableColGroup.TableColGroup, {
+          columns
+        }),
+        /* @__PURE__ */ jsxRuntime.jsxs("thead", {
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(GroupHeaderRow.GroupHeaderRow, {
+              groups: columnGroups
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, {
+              columns
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+
+exports.TopRightPart = TopRightPart;
+//# sourceMappingURL=TopRightPart.js.map

package/dist-cjs/packages/grid/src/internal/TopRightPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopRightPart.js","sources":["../src/internal/TopRightPart.tsx"],"sourcesContent":["import { TableColGroup } from \"./TableColGroup\";\nimport { HeaderRow } from \"./HeaderRow\";\nimport \"./TopRightPart.css\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { GridColumnGroupModel, GridColumnModel } from \"../Grid\";\nimport { GroupHeaderRow } from \"./GroupHeaderRow\";\nimport cx from \"classnames\";\nimport { useActiveOnWheel } from \"./gridHooks\";\n\nconst withBaseName = makePrefixer(\"saltGridTopRightPart\");\n\nexport interface TopRightPartProps<T> {\n  onWheel: EventListener;\n  columns: GridColumnModel<T>[];\n  columnGroups: GridColumnGroupModel[];\n  leftShadow?: boolean;\n  bottomShadow?: boolean;\n}\n\nexport function TopRightPart<T>(props: TopRightPartProps<T>) {\n  const { onWheel, columns, columnGroups, leftShadow, bottomShadow } = props;\n\n  const tableRef = useActiveOnWheel(onWheel);\n\n  if (columns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(withBaseName(), {\n        [withBaseName(\"leftShadow\")]: leftShadow,\n        [withBaseName(\"bottomShadow\")]: bottomShadow,\n      })}\n      data-testid=\"grid-top-right-part\"\n    >\n      <table\n        className={withBaseName(\"table\")}\n        ref={tableRef}\n        role=\"presentation\"\n      >\n        <TableColGroup columns={columns} />\n        <thead>\n          <GroupHeaderRow groups={columnGroups} />\n          <HeaderRow columns={columns} />\n          {/*TODO Do we need a toolbar?*/}\n          {/*{showToolbar ? <HeaderToolbarRow columns={rightColumns} /> : null}*/}\n        </thead>\n      </table>\n    </div>\n  );\n}\n"],"names":["makePrefixer","useActiveOnWheel","jsx","cx","jsxs","TableColGroup","GroupHeaderRow","HeaderRow"],"mappings":";;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA,CAAA;AAUjD,SAAS,aAAgB,KAA6B,EAAA;AAC3D,EAAA,MAAM,EAAE,OAAS,EAAA,OAAA,EAAS,YAAc,EAAA,UAAA,EAAY,cAAiB,GAAA,KAAA,CAAA;AAErE,EAAM,MAAA,QAAA,GAAWC,2BAAiB,OAAO,CAAA,CAAA;AAEzC,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAWC,sBAAG,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC5B,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,MAC9B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,KACjC,CAAA;AAAA,IACD,aAAY,EAAA,qBAAA;AAAA,IAEZ,QAAC,kBAAAC,eAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,MAC/B,GAAK,EAAA,QAAA;AAAA,MACL,IAAK,EAAA,cAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAACF,cAAA,CAAAG,2BAAA,EAAA;AAAA,UAAc,OAAA;AAAA,SAAkB,CAAA;AAAA,wBAChCD,eAAA,CAAA,OAAA,EAAA;AAAA,UACC,QAAA,EAAA;AAAA,4BAACF,cAAA,CAAAI,6BAAA,EAAA;AAAA,cAAe,MAAQ,EAAA,YAAA;AAAA,aAAc,CAAA;AAAA,4BACrCJ,cAAA,CAAAK,mBAAA,EAAA;AAAA,cAAU,OAAA;AAAA,aAAkB,CAAA;AAAA,WAAA;AAAA,SAG/B,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}