@elliemae/ds-data-table-cell-header 3.33.0-next.10

package/dist/cjs/DSDataTableHeaderCell.js

@@ -0,0 +1,126 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDataTableHeaderCell_exports = {};
+__export(DSDataTableHeaderCell_exports, {
+  DSDataTableHeaderCell: () => DSDataTableHeaderCell,
+  DSDataTableHeaderCellWithSchema: () => DSDataTableHeaderCellWithSchema
+});
+module.exports = __toCommonJS(DSDataTableHeaderCell_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+var import_lodash = require("lodash");
+const StyledHeaderWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "DSDataTableHeaderCell", slot: import_constants.DATA_TABLE_HEADER_CELL_SLOTS.ROOT })`
+  border-left: 1px solid neutral-080;
+  padding-left: 7px;
+  padding-right: 8px;
+  border-bottom: 1px solid neutral-080;
+  position: relative;
+  background-color: white;
+  cursor: pointer;
+  &:last-of-type {
+    border-right: 1px solid neutral-080;
+  }
+  &:hover:not(:focus)::after {
+    content: '';
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    background-color: brand-700;
+    height: 0.5px;
+  }
+  &:focus {
+    outline: none;
+  }
+  &:focus::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid brand-700;
+  }
+`;
+const StyledHeaderContent = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "DSDataTableHeaderCell", slot: import_constants.DATA_TABLE_HEADER_CELL_SLOTS.TITLE })`
+  align-items: center;
+  text-transform: uppercase;
+  font-weight: 600;
+  background-color: neutral-000;
+`;
+const StyledHeaderTools = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "DSDataTableHeaderCell", slot: import_constants.DATA_TABLE_HEADER_CELL_SLOTS.TOOLS })`
+  align-items: center;
+`;
+const DSDataTableHeaderCell = (props) => {
+  const { LeftTools, leftToolsProps, RightTools, rightToolsProps, children, innerRef } = props;
+  const globalAttributes = (0, import_lodash.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(props), ["rows", "cols", "wrap"]);
+  const [showTools, setShowTools] = (0, import_react.useState)(false);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
+  const LAYOUT = (0, import_react.useMemo)(() => LeftTools ? ["auto", "auto", "auto"] : ["auto", "auto"], [LeftTools]);
+  const handleOnMouseOver = import_react.default.useCallback(() => setShowTools(true), []);
+  const handleOnMouseOut = import_react.default.useCallback(() => setShowTools(false), []);
+  const handleOnFocus = import_react.default.useCallback(() => setShowTools(true), []);
+  const config = (0, import_react.useMemo)(
+    () => ({
+      onBlur: () => {
+        setShowTools(false);
+      }
+    }),
+    []
+  );
+  const handleParentOnBlur = (0, import_ds_utilities.useOnBlurOut)(config);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    StyledHeaderWrapper,
+    {
+      cols: LAYOUT,
+      onMouseEnter: handleOnMouseOver,
+      onMouseLeave: handleOnMouseOut,
+      onFocus: handleOnFocus,
+      onBlur: handleParentOnBlur,
+      innerRef: (0, import_ds_utilities.mergeRefs)(setReferenceElement, innerRef),
+      tabIndex: 0,
+      ...globalAttributes,
+      children: [
+        LeftTools && leftToolsProps && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledHeaderTools, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeftTools, { shouldShowFilter: showTools, toolsProps: leftToolsProps, referenceElement }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledHeaderContent, { children }),
+        RightTools && rightToolsProps && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledHeaderTools, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightTools, { shouldShowFilter: showTools, toolsProps: rightToolsProps, referenceElement }) })
+      ]
+    }
+  );
+};
+DSDataTableHeaderCell.displayName = import_constants.DSDataTableHeaderCellName;
+const DSDataTableHeaderCellWithSchema = (0, import_ds_props_helpers.describe)(DSDataTableHeaderCell);
+DSDataTableHeaderCellWithSchema.propTypes = import_react_desc_prop_types.DSDataTableHeaderCellPropTypesSchema;
+//# sourceMappingURL=DSDataTableHeaderCell.js.map

package/dist/cjs/DSDataTableHeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDataTableHeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useOnBlurOut, mergeRefs } from '@elliemae/ds-utilities';\nimport { type DSDataTableHeaderCellT, DSDataTableHeaderCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { DATA_TABLE_HEADER_CELL_SLOTS, DSDataTableHeaderCellName } from './constants/index.js';\nimport { omit } from 'lodash';\nconst StyledHeaderWrapper = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.ROOT })`\n  border-left: 1px solid neutral-080;\n  padding-left: 7px;\n  padding-right: 8px;\n  border-bottom: 1px solid neutral-080;\n  position: relative;\n  background-color: white;\n  cursor: pointer;\n  &:last-of-type {\n    border-right: 1px solid neutral-080;\n  }\n  &:hover:not(:focus)::after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    width: 100%;\n    background-color: brand-700;\n    height: 0.5px;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid brand-700;\n  }\n`;\n\nconst StyledHeaderContent = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.TITLE })`\n  align-items: center;\n  text-transform: uppercase;\n  font-weight: 600;\n  background-color: neutral-000;\n`;\n\nconst StyledHeaderTools = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.TOOLS })`\n  align-items: center;\n`;\n\nconst DSDataTableHeaderCell = <T extends object = object, T2 extends object = object>(\n  props: DSDataTableHeaderCellT.Props<T, T2>,\n) => {\n  const { LeftTools, leftToolsProps, RightTools, rightToolsProps, children, innerRef } = props;\n  const globalAttributes = omit(useGetGlobalAttributes(props), ['rows', 'cols', 'wrap']);\n  const [showTools, setShowTools] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const LAYOUT = useMemo(() => (LeftTools ? ['auto', 'auto', 'auto'] : ['auto', 'auto']), [LeftTools]);\n  const handleOnMouseOver = React.useCallback(() => setShowTools(true), []);\n  const handleOnMouseOut = React.useCallback(() => setShowTools(false), []);\n  const handleOnFocus = React.useCallback(() => setShowTools(true), []);\n\n  const config = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowTools(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n  return (\n    <StyledHeaderWrapper\n      cols={LAYOUT}\n      onMouseEnter={handleOnMouseOver}\n      onMouseLeave={handleOnMouseOut}\n      onFocus={handleOnFocus}\n      onBlur={handleParentOnBlur}\n      innerRef={mergeRefs(setReferenceElement, innerRef)}\n      tabIndex={0}\n      {...globalAttributes}\n    >\n      {LeftTools && leftToolsProps && (\n        <StyledHeaderTools>\n          <LeftTools shouldShowFilter={showTools} toolsProps={leftToolsProps} referenceElement={referenceElement} />\n        </StyledHeaderTools>\n      )}\n      <StyledHeaderContent>{children}</StyledHeaderContent>\n      {RightTools && rightToolsProps && (\n        <StyledHeaderTools>\n          <RightTools shouldShowFilter={showTools} toolsProps={rightToolsProps} referenceElement={referenceElement} />\n        </StyledHeaderTools>\n      )}\n    </StyledHeaderWrapper>\n  );\n};\n\nDSDataTableHeaderCell.displayName = DSDataTableHeaderCellName;\nconst DSDataTableHeaderCellWithSchema = describe(DSDataTableHeaderCell);\nDSDataTableHeaderCellWithSchema.propTypes = DSDataTableHeaderCellPropTypesSchema;\n\nexport { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2EnB;AA3EJ,mBAAyC;AACzC,8BAAiD;AACjD,uBAAuB;AACvB,qBAAqB;AACrB,0BAAwC;AACxC,mCAAkF;AAClF,uBAAwE;AACxE,oBAAqB;AACrB,MAAM,0BAAsB,yBAAO,qBAAM,EAAE,MAAM,yBAAyB,MAAM,8CAA6B,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCnH,MAAM,0BAAsB,yBAAO,qBAAM,EAAE,MAAM,yBAAyB,MAAM,8CAA6B,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpH,MAAM,wBAAoB,yBAAO,qBAAM,EAAE,MAAM,yBAAyB,MAAM,8CAA6B,MAAM,CAAC;AAAA;AAAA;AAIlH,MAAM,wBAAwB,CAC5B,UACG;AACH,QAAM,EAAE,WAAW,gBAAgB,YAAY,iBAAiB,UAAU,SAAS,IAAI;AACvF,QAAM,uBAAmB,wBAAK,gDAAuB,KAAK,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AACrF,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAA6B,IAAI;AAEjF,QAAM,aAAS,sBAAQ,MAAO,YAAY,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,QAAQ,MAAM,GAAI,CAAC,SAAS,CAAC;AACnG,QAAM,oBAAoB,aAAAA,QAAM,YAAY,MAAM,aAAa,IAAI,GAAG,CAAC,CAAC;AACxE,QAAM,mBAAmB,aAAAA,QAAM,YAAY,MAAM,aAAa,KAAK,GAAG,CAAC,CAAC;AACxE,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,aAAa,IAAI,GAAG,CAAC,CAAC;AAEpE,QAAM,aAAS;AAAA,IACb,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,yBAAqB,kCAAa,MAAM;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,cAAU,+BAAU,qBAAqB,QAAQ;AAAA,MACjD,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,qBAAa,kBACZ,4CAAC,qBACC,sDAAC,aAAU,kBAAkB,WAAW,YAAY,gBAAgB,kBAAoC,GAC1G;AAAA,QAEF,4CAAC,uBAAqB,UAAS;AAAA,QAC9B,cAAc,mBACb,4CAAC,qBACC,sDAAC,cAAW,kBAAkB,WAAW,YAAY,iBAAiB,kBAAoC,GAC5G;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DATA_TABLE_HEADER_CELL_DATA_TESTID: () => DATA_TABLE_HEADER_CELL_DATA_TESTID,
+  DATA_TABLE_HEADER_CELL_SLOTS: () => DATA_TABLE_HEADER_CELL_SLOTS,
+  DSDataTableHeaderCellName: () => DSDataTableHeaderCellName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSDataTableHeaderCellName = "DSDataTableHeaderCell";
+const DATA_TABLE_HEADER_CELL_SLOTS = {
+  ROOT: "root",
+  TITLE: "title",
+  TOOLS: "tools"
+};
+const DATA_TABLE_HEADER_CELL_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSDataTableHeaderCellName,
+  DATA_TABLE_HEADER_CELL_SLOTS
+);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableHeaderCellName = 'DSDataTableHeaderCell';\n\n// export const EXAMPLE_CONSTANTS = {\n//   HELLO: 'WORLD',\n//   FOO: 'BAR',\n// } as const;\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_HEADER_CELL_SLOTS = {\n  ROOT: 'root',\n  TITLE: 'title',\n  TOOLS: 'tools',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_HEADER_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableHeaderCellName,\n  DATA_TABLE_HEADER_CELL_SLOTS,\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,4BAA4B;AAQlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,yCAAqC;AAAA,EAChD;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  DATA_TABLE_HEADER_CELL_DATA_TESTID: () => import_constants.DATA_TABLE_HEADER_CELL_DATA_TESTID,
+  DATA_TABLE_HEADER_CELL_SLOTS: () => import_constants.DATA_TABLE_HEADER_CELL_SLOTS,
+  DSDataTableHeaderCell: () => import_DSDataTableHeaderCell.DSDataTableHeaderCell,
+  DSDataTableHeaderCellWithSchema: () => import_DSDataTableHeaderCell.DSDataTableHeaderCellWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSDataTableHeaderCell = require("./DSDataTableHeaderCell.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema } from './DSDataTableHeaderCell.js';\nexport { type DSDataTableHeaderCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_HEADER_CELL_SLOTS, DATA_TABLE_HEADER_CELL_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mCAAuE;AACvE,mCAA4C;AAC5C,uBAAiF;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,51 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDataTableHeaderCellPropTypes: () => DSDataTableHeaderCellPropTypes,
+  DSDataTableHeaderCellPropTypesSchema: () => DSDataTableHeaderCellPropTypesSchema
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const DSDataTableHeaderCellPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSDataTableHeaderCellName, import_constants.DATA_TABLE_HEADER_CELL_SLOTS),
+  children: import_ds_props_helpers.PropTypes.node.description("The text content of the header cell").isRequired,
+  rightToolsProps: import_ds_props_helpers.PropTypes.object.description("Props to pass to the Tools component"),
+  leftToolsProps: import_ds_props_helpers.PropTypes.object.description("Props to pass to the Tools component"),
+  RightTools: import_ds_props_helpers.PropTypes.node.description("The Tools component"),
+  LeftTools: import_ds_props_helpers.PropTypes.node.description("The Tools component"),
+  innerRef: import_ds_props_helpers.PropTypes.object.description("The reference to the header cell"),
+  filterMinWidth: import_ds_props_helpers.PropTypes.number.description("The minimum width of the filter"),
+  referenceElement: import_ds_props_helpers.PropTypes.object.description("The reference element")
+};
+const DSDataTableHeaderCellPropTypesSchema = DSDataTableHeaderCellPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableHeaderCellT {\n  export interface ToolsProps<T> {\n    shouldShowFilter: boolean;\n    referenceElement: HTMLElement | null;\n    toolsProps: T;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface OptionalProps<T, T2>\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableHeaderCellName,\n      typeof DATA_TABLE_HEADER_CELL_SLOTS\n    > {\n    leftToolsProps?: T;\n    rightToolsProps?: T2;\n    RightTools?: React.FC<ToolsProps<T2>>;\n    LeftTools?: React.FC<ToolsProps<T>>;\n    innerRef?: React.RefObject<HTMLElement>;\n    filterMinWidth?: number;\n    referenceElement?: HTMLElement | null;\n  }\n\n  export interface Props<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {}\n\n  export interface InternalProps<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {}\n}\n\nexport const DSDataTableHeaderCellPropTypes: DSPropTypesSchema<DSDataTableHeaderCellT.Props<object, object>> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS),\n  children: PropTypes.node.description('The text content of the header cell').isRequired,\n  rightToolsProps: PropTypes.object.description('Props to pass to the Tools component'),\n  leftToolsProps: PropTypes.object.description('Props to pass to the Tools component'),\n  RightTools: PropTypes.node.description('The Tools component'),\n  LeftTools: PropTypes.node.description('The Tools component'),\n  innerRef: PropTypes.object.description('The reference to the header cell'),\n  filterMinWidth: PropTypes.number.description('The minimum width of the filter'),\n  referenceElement: PropTypes.object.description('The reference element'),\n};\n\nexport const DSDataTableHeaderCellPropTypesSchema = DSDataTableHeaderCellPropTypes as unknown as WeakValidationMap<\n  DSDataTableHeaderCellT.Props<object, object>\n>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsE;AAEtE,uBAAwE;AAiCjE,MAAM,iCAAkG;AAAA,EAC7G,GAAG;AAAA,EACH,OAAG,kDAAyB,4CAA2B,6CAA4B;AAAA,EACnF,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE;AAAA,EAC5E,iBAAiB,kCAAU,OAAO,YAAY,sCAAsC;AAAA,EACpF,gBAAgB,kCAAU,OAAO,YAAY,sCAAsC;AAAA,EACnF,YAAY,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC5D,WAAW,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAC3D,UAAU,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,kCAAU,OAAO,YAAY,iCAAiC;AAAA,EAC9E,kBAAkB,kCAAU,OAAO,YAAY,uBAAuB;AACxE;AAEO,MAAM,uCAAuC;",
+  "names": []
+}

package/dist/esm/DSDataTableHeaderCell.js

@@ -0,0 +1,96 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2, { useState, useMemo } from "react";
+import { describe, useGetGlobalAttributes } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { useOnBlurOut, mergeRefs } from "@elliemae/ds-utilities";
+import { DSDataTableHeaderCellPropTypesSchema } from "./react-desc-prop-types.js";
+import { DATA_TABLE_HEADER_CELL_SLOTS, DSDataTableHeaderCellName } from "./constants/index.js";
+import { omit } from "lodash";
+const StyledHeaderWrapper = styled(Grid, { name: "DSDataTableHeaderCell", slot: DATA_TABLE_HEADER_CELL_SLOTS.ROOT })`
+  border-left: 1px solid neutral-080;
+  padding-left: 7px;
+  padding-right: 8px;
+  border-bottom: 1px solid neutral-080;
+  position: relative;
+  background-color: white;
+  cursor: pointer;
+  &:last-of-type {
+    border-right: 1px solid neutral-080;
+  }
+  &:hover:not(:focus)::after {
+    content: '';
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    background-color: brand-700;
+    height: 0.5px;
+  }
+  &:focus {
+    outline: none;
+  }
+  &:focus::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid brand-700;
+  }
+`;
+const StyledHeaderContent = styled(Grid, { name: "DSDataTableHeaderCell", slot: DATA_TABLE_HEADER_CELL_SLOTS.TITLE })`
+  align-items: center;
+  text-transform: uppercase;
+  font-weight: 600;
+  background-color: neutral-000;
+`;
+const StyledHeaderTools = styled(Grid, { name: "DSDataTableHeaderCell", slot: DATA_TABLE_HEADER_CELL_SLOTS.TOOLS })`
+  align-items: center;
+`;
+const DSDataTableHeaderCell = (props) => {
+  const { LeftTools, leftToolsProps, RightTools, rightToolsProps, children, innerRef } = props;
+  const globalAttributes = omit(useGetGlobalAttributes(props), ["rows", "cols", "wrap"]);
+  const [showTools, setShowTools] = useState(false);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const LAYOUT = useMemo(() => LeftTools ? ["auto", "auto", "auto"] : ["auto", "auto"], [LeftTools]);
+  const handleOnMouseOver = React2.useCallback(() => setShowTools(true), []);
+  const handleOnMouseOut = React2.useCallback(() => setShowTools(false), []);
+  const handleOnFocus = React2.useCallback(() => setShowTools(true), []);
+  const config = useMemo(
+    () => ({
+      onBlur: () => {
+        setShowTools(false);
+      }
+    }),
+    []
+  );
+  const handleParentOnBlur = useOnBlurOut(config);
+  return /* @__PURE__ */ jsxs(
+    StyledHeaderWrapper,
+    {
+      cols: LAYOUT,
+      onMouseEnter: handleOnMouseOver,
+      onMouseLeave: handleOnMouseOut,
+      onFocus: handleOnFocus,
+      onBlur: handleParentOnBlur,
+      innerRef: mergeRefs(setReferenceElement, innerRef),
+      tabIndex: 0,
+      ...globalAttributes,
+      children: [
+        LeftTools && leftToolsProps && /* @__PURE__ */ jsx(StyledHeaderTools, { children: /* @__PURE__ */ jsx(LeftTools, { shouldShowFilter: showTools, toolsProps: leftToolsProps, referenceElement }) }),
+        /* @__PURE__ */ jsx(StyledHeaderContent, { children }),
+        RightTools && rightToolsProps && /* @__PURE__ */ jsx(StyledHeaderTools, { children: /* @__PURE__ */ jsx(RightTools, { shouldShowFilter: showTools, toolsProps: rightToolsProps, referenceElement }) })
+      ]
+    }
+  );
+};
+DSDataTableHeaderCell.displayName = DSDataTableHeaderCellName;
+const DSDataTableHeaderCellWithSchema = describe(DSDataTableHeaderCell);
+DSDataTableHeaderCellWithSchema.propTypes = DSDataTableHeaderCellPropTypesSchema;
+export {
+  DSDataTableHeaderCell,
+  DSDataTableHeaderCellWithSchema
+};
+//# sourceMappingURL=DSDataTableHeaderCell.js.map

package/dist/esm/DSDataTableHeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableHeaderCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useOnBlurOut, mergeRefs } from '@elliemae/ds-utilities';\nimport { type DSDataTableHeaderCellT, DSDataTableHeaderCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { DATA_TABLE_HEADER_CELL_SLOTS, DSDataTableHeaderCellName } from './constants/index.js';\nimport { omit } from 'lodash';\nconst StyledHeaderWrapper = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.ROOT })`\n  border-left: 1px solid neutral-080;\n  padding-left: 7px;\n  padding-right: 8px;\n  border-bottom: 1px solid neutral-080;\n  position: relative;\n  background-color: white;\n  cursor: pointer;\n  &:last-of-type {\n    border-right: 1px solid neutral-080;\n  }\n  &:hover:not(:focus)::after {\n    content: '';\n    position: absolute;\n    bottom: 0px;\n    width: 100%;\n    background-color: brand-700;\n    height: 0.5px;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid brand-700;\n  }\n`;\n\nconst StyledHeaderContent = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.TITLE })`\n  align-items: center;\n  text-transform: uppercase;\n  font-weight: 600;\n  background-color: neutral-000;\n`;\n\nconst StyledHeaderTools = styled(Grid, { name: 'DSDataTableHeaderCell', slot: DATA_TABLE_HEADER_CELL_SLOTS.TOOLS })`\n  align-items: center;\n`;\n\nconst DSDataTableHeaderCell = <T extends object = object, T2 extends object = object>(\n  props: DSDataTableHeaderCellT.Props<T, T2>,\n) => {\n  const { LeftTools, leftToolsProps, RightTools, rightToolsProps, children, innerRef } = props;\n  const globalAttributes = omit(useGetGlobalAttributes(props), ['rows', 'cols', 'wrap']);\n  const [showTools, setShowTools] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const LAYOUT = useMemo(() => (LeftTools ? ['auto', 'auto', 'auto'] : ['auto', 'auto']), [LeftTools]);\n  const handleOnMouseOver = React.useCallback(() => setShowTools(true), []);\n  const handleOnMouseOut = React.useCallback(() => setShowTools(false), []);\n  const handleOnFocus = React.useCallback(() => setShowTools(true), []);\n\n  const config = useMemo(\n    () => ({\n      onBlur: () => {\n        setShowTools(false);\n      },\n    }),\n    [],\n  );\n  const handleParentOnBlur = useOnBlurOut(config);\n  return (\n    <StyledHeaderWrapper\n      cols={LAYOUT}\n      onMouseEnter={handleOnMouseOver}\n      onMouseLeave={handleOnMouseOut}\n      onFocus={handleOnFocus}\n      onBlur={handleParentOnBlur}\n      innerRef={mergeRefs(setReferenceElement, innerRef)}\n      tabIndex={0}\n      {...globalAttributes}\n    >\n      {LeftTools && leftToolsProps && (\n        <StyledHeaderTools>\n          <LeftTools shouldShowFilter={showTools} toolsProps={leftToolsProps} referenceElement={referenceElement} />\n        </StyledHeaderTools>\n      )}\n      <StyledHeaderContent>{children}</StyledHeaderContent>\n      {RightTools && rightToolsProps && (\n        <StyledHeaderTools>\n          <RightTools shouldShowFilter={showTools} toolsProps={rightToolsProps} referenceElement={referenceElement} />\n        </StyledHeaderTools>\n      )}\n    </StyledHeaderWrapper>\n  );\n};\n\nDSDataTableHeaderCell.displayName = DSDataTableHeaderCellName;\nconst DSDataTableHeaderCellWithSchema = describe(DSDataTableHeaderCell);\nDSDataTableHeaderCellWithSchema.propTypes = DSDataTableHeaderCellPropTypesSchema;\n\nexport { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2EnB,SAYM,KAZN;AA3EJ,OAAOA,UAAS,UAAU,eAAe;AACzC,SAAS,UAAU,8BAA8B;AACjD,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,cAAc,iBAAiB;AACxC,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B,iCAAiC;AACxE,SAAS,YAAY;AACrB,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,yBAAyB,MAAM,6BAA6B,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCnH,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,yBAAyB,MAAM,6BAA6B,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpH,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,yBAAyB,MAAM,6BAA6B,MAAM,CAAC;AAAA;AAAA;AAIlH,MAAM,wBAAwB,CAC5B,UACG;AACH,QAAM,EAAE,WAAW,gBAAgB,YAAY,iBAAiB,UAAU,SAAS,IAAI;AACvF,QAAM,mBAAmB,KAAK,uBAAuB,KAAK,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AACrF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA6B,IAAI;AAEjF,QAAM,SAAS,QAAQ,MAAO,YAAY,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,QAAQ,MAAM,GAAI,CAAC,SAAS,CAAC;AACnG,QAAM,oBAAoBA,OAAM,YAAY,MAAM,aAAa,IAAI,GAAG,CAAC,CAAC;AACxE,QAAM,mBAAmBA,OAAM,YAAY,MAAM,aAAa,KAAK,GAAG,CAAC,CAAC;AACxE,QAAM,gBAAgBA,OAAM,YAAY,MAAM,aAAa,IAAI,GAAG,CAAC,CAAC;AAEpE,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,QAAQ,MAAM;AACZ,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,aAAa,MAAM;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU,UAAU,qBAAqB,QAAQ;AAAA,MACjD,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA,qBAAa,kBACZ,oBAAC,qBACC,8BAAC,aAAU,kBAAkB,WAAW,YAAY,gBAAgB,kBAAoC,GAC1G;AAAA,QAEF,oBAAC,uBAAqB,UAAS;AAAA,QAC9B,cAAc,mBACb,oBAAC,qBACC,8BAAC,cAAW,kBAAkB,WAAW,YAAY,iBAAiB,kBAAoC,GAC5G;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSDataTableHeaderCellName = "DSDataTableHeaderCell";
+const DATA_TABLE_HEADER_CELL_SLOTS = {
+  ROOT: "root",
+  TITLE: "title",
+  TOOLS: "tools"
+};
+const DATA_TABLE_HEADER_CELL_DATA_TESTID = slotObjectToDataTestIds(
+  DSDataTableHeaderCellName,
+  DATA_TABLE_HEADER_CELL_SLOTS
+);
+export {
+  DATA_TABLE_HEADER_CELL_DATA_TESTID,
+  DATA_TABLE_HEADER_CELL_SLOTS,
+  DSDataTableHeaderCellName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableHeaderCellName = 'DSDataTableHeaderCell';\n\n// export const EXAMPLE_CONSTANTS = {\n//   HELLO: 'WORLD',\n//   FOO: 'BAR',\n// } as const;\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_HEADER_CELL_SLOTS = {\n  ROOT: 'root',\n  TITLE: 'title',\n  TOOLS: 'tools',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_HEADER_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableHeaderCellName,\n  DATA_TABLE_HEADER_CELL_SLOTS,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,4BAA4B;AAQlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,qCAAqC;AAAA,EAChD;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema } from "./DSDataTableHeaderCell.js";
+import {} from "./react-desc-prop-types.js";
+import { DATA_TABLE_HEADER_CELL_SLOTS, DATA_TABLE_HEADER_CELL_DATA_TESTID } from "./constants/index.js";
+export {
+  DATA_TABLE_HEADER_CELL_DATA_TESTID,
+  DATA_TABLE_HEADER_CELL_SLOTS,
+  DSDataTableHeaderCell,
+  DSDataTableHeaderCellWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema } from './DSDataTableHeaderCell.js';\nexport { type DSDataTableHeaderCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_HEADER_CELL_SLOTS, DATA_TABLE_HEADER_CELL_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,uBAAuB,uCAAuC;AACvE,eAA4C;AAC5C,SAAS,8BAA8B,0CAA0C;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS } from "./constants/index.js";
+const DSDataTableHeaderCellPropTypes = {
+  ...xstyledPropTypes,
+  ...getPropsPerSlotPropTypes(DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS),
+  children: PropTypes.node.description("The text content of the header cell").isRequired,
+  rightToolsProps: PropTypes.object.description("Props to pass to the Tools component"),
+  leftToolsProps: PropTypes.object.description("Props to pass to the Tools component"),
+  RightTools: PropTypes.node.description("The Tools component"),
+  LeftTools: PropTypes.node.description("The Tools component"),
+  innerRef: PropTypes.object.description("The reference to the header cell"),
+  filterMinWidth: PropTypes.number.description("The minimum width of the filter"),
+  referenceElement: PropTypes.object.description("The reference element")
+};
+const DSDataTableHeaderCellPropTypesSchema = DSDataTableHeaderCellPropTypes;
+export {
+  DSDataTableHeaderCellPropTypes,
+  DSDataTableHeaderCellPropTypesSchema
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableHeaderCellT {\n  export interface ToolsProps<T> {\n    shouldShowFilter: boolean;\n    referenceElement: HTMLElement | null;\n    toolsProps: T;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface OptionalProps<T, T2>\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableHeaderCellName,\n      typeof DATA_TABLE_HEADER_CELL_SLOTS\n    > {\n    leftToolsProps?: T;\n    rightToolsProps?: T2;\n    RightTools?: React.FC<ToolsProps<T2>>;\n    LeftTools?: React.FC<ToolsProps<T>>;\n    innerRef?: React.RefObject<HTMLElement>;\n    filterMinWidth?: number;\n    referenceElement?: HTMLElement | null;\n  }\n\n  export interface Props<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {}\n\n  export interface InternalProps<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {}\n}\n\nexport const DSDataTableHeaderCellPropTypes: DSPropTypesSchema<DSDataTableHeaderCellT.Props<object, object>> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS),\n  children: PropTypes.node.description('The text content of the header cell').isRequired,\n  rightToolsProps: PropTypes.object.description('Props to pass to the Tools component'),\n  leftToolsProps: PropTypes.object.description('Props to pass to the Tools component'),\n  RightTools: PropTypes.node.description('The Tools component'),\n  LeftTools: PropTypes.node.description('The Tools component'),\n  innerRef: PropTypes.object.description('The reference to the header cell'),\n  filterMinWidth: PropTypes.number.description('The minimum width of the filter'),\n  referenceElement: PropTypes.object.description('The reference element'),\n};\n\nexport const DSDataTableHeaderCellPropTypesSchema = DSDataTableHeaderCellPropTypes as unknown as WeakValidationMap<\n  DSDataTableHeaderCellT.Props<object, object>\n>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,kBAAkB,gCAAgC;AAEtE,SAAS,2BAA2B,oCAAoC;AAiCjE,MAAM,iCAAkG;AAAA,EAC7G,GAAG;AAAA,EACH,GAAG,yBAAyB,2BAA2B,4BAA4B;AAAA,EACnF,UAAU,UAAU,KAAK,YAAY,qCAAqC,EAAE;AAAA,EAC5E,iBAAiB,UAAU,OAAO,YAAY,sCAAsC;AAAA,EACpF,gBAAgB,UAAU,OAAO,YAAY,sCAAsC;AAAA,EACnF,YAAY,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC5D,WAAW,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAC3D,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,UAAU,OAAO,YAAY,iCAAiC;AAAA,EAC9E,kBAAkB,UAAU,OAAO,YAAY,uBAAuB;AACxE;AAEO,MAAM,uCAAuC;",
+  "names": []
+}

package/dist/types/DSDataTableHeaderCell.d.ts

@@ -0,0 +1,7 @@
+import { type DSDataTableHeaderCellT } from './react-desc-prop-types.js';
+declare const DSDataTableHeaderCell: {
+    <T extends object = object, T2 extends object = object>(props: DSDataTableHeaderCellT.Props<T, T2>): import("react/jsx-runtime.js").JSX.Element;
+    displayName: string;
+};
+declare const DSDataTableHeaderCellWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDataTableHeaderCellT.Props<object, object>>;
+export { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema };

package/dist/types/constants/index.d.ts

@@ -0,0 +1,7 @@
+export declare const DSDataTableHeaderCellName = "DSDataTableHeaderCell";
+export declare const DATA_TABLE_HEADER_CELL_SLOTS: {
+    readonly ROOT: "root";
+    readonly TITLE: "title";
+    readonly TOOLS: "tools";
+};
+export declare const DATA_TABLE_HEADER_CELL_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSDataTableHeaderCell, DSDataTableHeaderCellWithSchema } from './DSDataTableHeaderCell.js';
+export { type DSDataTableHeaderCellT } from './react-desc-prop-types.js';
+export { DATA_TABLE_HEADER_CELL_SLOTS, DATA_TABLE_HEADER_CELL_DATA_TESTID } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,29 @@
+import type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSDataTableHeaderCellName, DATA_TABLE_HEADER_CELL_SLOTS } from './constants/index.js';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSDataTableHeaderCellT {
+    interface ToolsProps<T> {
+        shouldShowFilter: boolean;
+        referenceElement: HTMLElement | null;
+        toolsProps: T;
+    }
+    interface RequiredProps {
+        children: React.ReactNode;
+    }
+    interface OptionalProps<T, T2> extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDataTableHeaderCellName, typeof DATA_TABLE_HEADER_CELL_SLOTS> {
+        leftToolsProps?: T;
+        rightToolsProps?: T2;
+        RightTools?: React.FC<ToolsProps<T2>>;
+        LeftTools?: React.FC<ToolsProps<T>>;
+        innerRef?: React.RefObject<HTMLElement>;
+        filterMinWidth?: number;
+        referenceElement?: HTMLElement | null;
+    }
+    interface Props<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps<T, T2> extends OptionalProps<T, T2>, XstyledProps, RequiredProps {
+    }
+}
+export declare const DSDataTableHeaderCellPropTypes: DSPropTypesSchema<DSDataTableHeaderCellT.Props<object, object>>;
+export declare const DSDataTableHeaderCellPropTypesSchema: WeakValidationMap<DSDataTableHeaderCellT.Props<object, object>>;

package/dist/types/tests/DSDataTableHeaderCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@elliemae/ds-data-table-cell-header",
+  "version": "3.33.0-next.10",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Data Table Header Cell",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "@elliemae/ds-button": "3.33.0-next.10",
+    "@elliemae/ds-grid": "3.33.0-next.10",
+    "@elliemae/ds-system": "3.33.0-next.10",
+    "@elliemae/ds-typescript-helpers": "3.33.0-next.10",
+    "@elliemae/ds-utilities": "3.33.0-next.10",
+    "@elliemae/ds-props-helpers": "3.33.0-next.10"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.33.0-next.10"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}