@elliemae/ds-data-table-expand-cell 3.31.0-next.6

package/dist/cjs/DSDataTableExpandCell.js

@@ -0,0 +1,129 @@
+"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 DSDataTableExpandCell_exports = {};
+__export(DSDataTableExpandCell_exports, {
+  DSDataTableExpandCell: () => DSDataTableExpandCell,
+  DSDataTableExpandCellWithSchema: () => DSDataTableExpandCellWithSchema,
+  StyledCaretContainer: () => StyledCaretContainer,
+  disabledCss: () => disabledCss
+});
+module.exports = __toCommonJS(DSDataTableExpandCell_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useDataTableExpandCell = require("./config/useDataTableExpandCell.js");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_constants = require("./constants/index.js");
+var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
+const StyledWrapper = (0, import_ds_system.styled)(import_ds_data_table_cell.DSDataTableCell, {
+  name: import_constants.DSDataTableExpandCellName,
+  slot: import_constants.DATA_TABLE_EXPAND_CELL_SLOTS.ROOT
+})`
+  justify-content: center;
+  :focus-within {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px solid brand-700;
+      pointer-events: none;
+      z-index: 7;
+    }
+  }
+  svg {
+    fill: brand-800;
+  }
+`;
+const disabledCss = import_ds_system.css`
+  cursor: not-allowed;
+  pointer-events: none;
+`;
+const StyledCaretContainer = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSDataTableExpandCellName,
+  slot: import_constants.DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER
+})`
+  cursor: pointer;
+  box-sizing: border-box;
+  outline: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  ${({ disabled }) => disabled && disabledCss}
+`;
+const DSDataTableExpandCell = (props) => {
+  const { propsWithDefault, xstyledProps } = (0, import_useDataTableExpandCell.useDataTableExpandCell)(props);
+  const ownerPropsConfig = (0, import_ds_utilities.useOwnerProps)(propsWithDefault);
+  const { className, icon, onClick, expanded, disabled } = propsWithDefault;
+  const shouldPrintCaret = icon === "caret";
+  const shouldPrintArrow = icon === "arrow";
+  const Caret = expanded ? import_ds_icons.ArrowheadDown : import_ds_icons.ArrowheadRight;
+  const onKeyDownHandler = (0, import_react.useCallback)(
+    (e) => {
+      if (["Enter", "Space"].includes(e.code)) {
+        e.preventDefault();
+        onClick?.(e);
+      }
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledWrapper, { className, ...ownerPropsConfig, ...xstyledProps, children: shouldPrintCaret ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledCaretContainer,
+    {
+      role: "button",
+      title: "Toggle Row Expanded",
+      onClick,
+      onKeyDown: onKeyDownHandler,
+      "aria-expanded": expanded,
+      disabled,
+      "aria-disabled": disabled,
+      ...ownerPropsConfig,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Caret,
+        {
+          size: "s",
+          "data-is-col-expanded": expanded,
+          "data-role": "row-expander-col",
+          color: disabled ? ["neutral", "400"] : ["brand-primary", "600"]
+        }
+      )
+    }
+  ) : shouldPrintArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowShortReturn, { size: "s", style: { transform: "rotate(90deg) scaleY(-1)" }, color: ["brand-primary", "600"] }) : null });
+};
+DSDataTableExpandCell.displayName = import_constants.DSDataTableExpandCellName;
+const DSDataTableExpandCellWithSchema = (0, import_ds_props_helpers.describe)(DSDataTableExpandCell);
+DSDataTableExpandCellWithSchema.propTypes = import_react_desc_prop_types.DSDataTableExpandCellPropTypesSchema;
+//# sourceMappingURL=DSDataTableExpandCell.js.map

package/dist/cjs/DSDataTableExpandCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDataTableExpandCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { css, styled } from '@elliemae/ds-system';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { useDataTableExpandCell } from './config/useDataTableExpandCell.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from './constants/index.js';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n  name: DSDataTableExpandCellName,\n  slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT,\n})`\n  justify-content: center;\n  :focus-within {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid brand-700;\n      pointer-events: none;\n      z-index: 7;\n    }\n  }\n  svg {\n    fill: brand-800;\n  }\n`;\n\nexport const disabledCss = css`\n  cursor: not-allowed;\n  pointer-events: none;\n`;\n\nexport const StyledCaretContainer = styled('span', {\n  name: DSDataTableExpandCellName,\n  slot: DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER,\n})<{ disabled: boolean }>`\n  cursor: pointer;\n  box-sizing: border-box;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ${({ disabled }) => disabled && disabledCss}\n`;\n\nconst DSDataTableExpandCell: React.ComponentType<DSDataTableExpandCellT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useDataTableExpandCell(props);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  const { className, icon, onClick, expanded, disabled } = propsWithDefault;\n\n  const shouldPrintCaret = icon === 'caret';\n  const shouldPrintArrow = icon === 'arrow';\n  const Caret = expanded ? ArrowheadDown : ArrowheadRight;\n\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (['Enter', 'Space'].includes(e.code)) {\n        e.preventDefault();\n        onClick?.(e);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <StyledWrapper className={className} {...ownerPropsConfig} {...xstyledProps}>\n      {shouldPrintCaret ? (\n        <StyledCaretContainer\n          role=\"button\"\n          title=\"Toggle Row Expanded\"\n          onClick={onClick}\n          onKeyDown={onKeyDownHandler}\n          aria-expanded={expanded}\n          disabled={disabled}\n          aria-disabled={disabled}\n          {...ownerPropsConfig}\n        >\n          <Caret\n            size=\"s\"\n            data-is-col-expanded={expanded}\n            data-role=\"row-expander-col\"\n            color={disabled ? ['neutral', '400'] : ['brand-primary', '600']}\n          />\n        </StyledCaretContainer>\n      ) : shouldPrintArrow ? (\n        <ArrowShortReturn size=\"s\" style={{ transform: 'rotate(90deg) scaleY(-1)' }} color={['brand-primary', '600']} />\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nDSDataTableExpandCell.displayName = DSDataTableExpandCellName;\nconst DSDataTableExpandCellWithSchema = describe(DSDataTableExpandCell);\nDSDataTableExpandCellWithSchema.propTypes = DSDataTableExpandCellPropTypesSchema;\n\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoFb;AApFV,mBAAmC;AACnC,sBAAgE;AAChE,8BAAyB;AACzB,uBAA4B;AAC5B,mCAAkF;AAClF,oCAAuC;AACvC,0BAA8B;AAC9B,uBAAwE;AACxE,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,2BAAuB,yBAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY;AAAA;AAGlC,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,kBAAkB,aAAa,QAAI,sDAAuB,KAAK;AACvE,QAAM,uBAAmB,mCAAc,gBAAgB;AACvD,QAAM,EAAE,WAAW,MAAM,SAAS,UAAU,SAAS,IAAI;AAEzD,QAAM,mBAAmB,SAAS;AAClC,QAAM,mBAAmB,SAAS;AAClC,QAAM,QAAQ,WAAW,gCAAgB;AAEzC,QAAM,uBAAmB;AAAA,IACvB,CAAC,MAA2B;AAC1B,UAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,UAAE,eAAe;AACjB,kBAAU,CAAC;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,4CAAC,iBAAc,WAAuB,GAAG,kBAAmB,GAAG,cAC5D,6BACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,iBAAe;AAAA,MACf;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,wBAAsB;AAAA,UACtB,aAAU;AAAA,UACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA;AAAA,MAChE;AAAA;AAAA,EACF,IACE,mBACF,4CAAC,oCAAiB,MAAK,KAAI,OAAO,EAAE,WAAW,2BAA2B,GAAG,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAC5G,MACN;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useDataTableExpandCell.js

@@ -0,0 +1,54 @@
+"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 useDataTableExpandCell_exports = {};
+__export(useDataTableExpandCell_exports, {
+  useDataTableExpandCell: () => useDataTableExpandCell
+});
+module.exports = __toCommonJS(useDataTableExpandCell_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useDataTableExpandCell = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
+    propsFromUser,
+    import_react_desc_prop_types.defaultProps
+  );
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSDataTableExpandCellPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+//# sourceMappingURL=useDataTableExpandCell.js.map

package/dist/cjs/config/useDataTableExpandCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useDataTableExpandCell.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DataTableExpandCellCTX {\n  propsWithDefault: DSDataTableExpandCellT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useDataTableExpandCell = (propsFromUser: DSDataTableExpandCellT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDataTableExpandCellT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSDataTableExpandCellPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AACjE,mCAA0F;AAC1F,8BAAiC;AAQ1B,MAAM,yBAAyB,CAAC,kBAAgD;AAIrF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,2DAA8B;AAIjE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSDataTableExpandCellName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSDataTableExpandCellT } from '../react-desc-prop-types.js';\nimport { DSDataTableExpandCellName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSDataTableExpandCellT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSDataTableExpandCellName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAA0C;AAEnC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,0CAAyB;AAC5E;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,47 @@
+"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_EXPAND_CELL_DATA_TESTID: () => DATA_TABLE_EXPAND_CELL_DATA_TESTID,
+  DATA_TABLE_EXPAND_CELL_SLOTS: () => DATA_TABLE_EXPAND_CELL_SLOTS,
+  DSDataTableExpandCellName: () => DSDataTableExpandCellName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSDataTableExpandCellName = "DSDataTableExpandCell";
+const DATA_TABLE_EXPAND_CELL_SLOTS = {
+  ROOT: "root",
+  CARET_CONTAINER: "caret-container"
+};
+const DATA_TABLE_EXPAND_CELL_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSDataTableExpandCellName,
+  DATA_TABLE_EXPAND_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 DSDataTableExpandCellName = 'DSDataTableExpandCell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_SLOTS = {\n  ROOT: 'root',\n  CARET_CONTAINER: 'caret-container',\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_EXPAND_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableExpandCellName,\n  DATA_TABLE_EXPAND_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;AAGlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AACnB;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_EXPAND_CELL_DATA_TESTID: () => import_constants.DATA_TABLE_EXPAND_CELL_DATA_TESTID,
+  DATA_TABLE_EXPAND_CELL_SLOTS: () => import_constants.DATA_TABLE_EXPAND_CELL_SLOTS,
+  DSDataTableExpandCell: () => import_DSDataTableExpandCell.DSDataTableExpandCell,
+  DSDataTableExpandCellWithSchema: () => import_DSDataTableExpandCell.DSDataTableExpandCellWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSDataTableExpandCell = require("./DSDataTableExpandCell.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 { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from './DSDataTableExpandCell.js';\nexport { type DSDataTableExpandCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_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,54 @@
+"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, {
+  DSDataTableExpandCellPropTypes: () => DSDataTableExpandCellPropTypes,
+  DSDataTableExpandCellPropTypesSchema: () => DSDataTableExpandCellPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+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 defaultProps = {
+  icon: "none",
+  expanded: false,
+  disabled: false
+};
+const DSDataTableExpandCellPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSDataTableExpandCellName, import_constants.DATA_TABLE_EXPAND_CELL_SLOTS),
+  className: import_ds_props_helpers.PropTypes.string.description("className for the wrapper"),
+  expanded: import_ds_props_helpers.PropTypes.bool.description("Determines which caret to print"),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether its disabled or not"),
+  icon: import_ds_props_helpers.PropTypes.oneOf(["none", "arrow", "caret"]).description("Icon to print"),
+  onClick: import_ds_props_helpers.PropTypes.func.description("onClick callback")
+};
+const DSDataTableExpandCellPropTypesSchema = DSDataTableExpandCellPropTypes;
+//# 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 { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableExpandCellT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    icon: 'none' | 'arrow' | 'caret';\n    expanded: boolean;\n    disabled: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableExpandCellName,\n      typeof DATA_TABLE_EXPAND_CELL_SLOTS\n    > {\n    className?: string;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableExpandCellT.DefaultProps = {\n  icon: 'none',\n  expanded: false,\n  disabled: false,\n};\n\nexport const DSDataTableExpandCellPropTypes: DSPropTypesSchema<DSDataTableExpandCellT.Props> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS),\n  className: PropTypes.string.description('className for the wrapper'),\n  expanded: PropTypes.bool.description('Determines which caret to print'),\n  disabled: PropTypes.bool.description('Whether its disabled or not'),\n  icon: PropTypes.oneOf(['none', 'arrow', 'caret']).description('Icon to print'),\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nexport const DSDataTableExpandCellPropTypesSchema =\n  DSDataTableExpandCellPropTypes as unknown as WeakValidationMap<DSDataTableExpandCellT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsE;AAEtE,uBAAwE;AA0BjE,MAAM,eAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,iCAAkF;AAAA,EAC7F,GAAG;AAAA,EACH,OAAG,kDAAyB,4CAA2B,6CAA4B;AAAA,EACnF,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,UAAU,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,MAAM,kCAAU,MAAM,CAAC,QAAQ,SAAS,OAAO,CAAC,EAAE,YAAY,eAAe;AAAA,EAC7E,SAAS,kCAAU,KAAK,YAAY,kBAAkB;AACxD;AAEO,MAAM,uCACX;",
+  "names": []
+}

package/dist/esm/DSDataTableExpandCell.js

@@ -0,0 +1,99 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
+import { describe } from "@elliemae/ds-props-helpers";
+import { css, styled } from "@elliemae/ds-system";
+import { DSDataTableExpandCellPropTypesSchema } from "./react-desc-prop-types.js";
+import { useDataTableExpandCell } from "./config/useDataTableExpandCell.js";
+import { useOwnerProps } from "@elliemae/ds-utilities";
+import { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from "./constants/index.js";
+import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
+const StyledWrapper = styled(DSDataTableCell, {
+  name: DSDataTableExpandCellName,
+  slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT
+})`
+  justify-content: center;
+  :focus-within {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px solid brand-700;
+      pointer-events: none;
+      z-index: 7;
+    }
+  }
+  svg {
+    fill: brand-800;
+  }
+`;
+const disabledCss = css`
+  cursor: not-allowed;
+  pointer-events: none;
+`;
+const StyledCaretContainer = styled("span", {
+  name: DSDataTableExpandCellName,
+  slot: DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER
+})`
+  cursor: pointer;
+  box-sizing: border-box;
+  outline: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  ${({ disabled }) => disabled && disabledCss}
+`;
+const DSDataTableExpandCell = (props) => {
+  const { propsWithDefault, xstyledProps } = useDataTableExpandCell(props);
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  const { className, icon, onClick, expanded, disabled } = propsWithDefault;
+  const shouldPrintCaret = icon === "caret";
+  const shouldPrintArrow = icon === "arrow";
+  const Caret = expanded ? ArrowheadDown : ArrowheadRight;
+  const onKeyDownHandler = useCallback(
+    (e) => {
+      if (["Enter", "Space"].includes(e.code)) {
+        e.preventDefault();
+        onClick?.(e);
+      }
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ jsx(StyledWrapper, { className, ...ownerPropsConfig, ...xstyledProps, children: shouldPrintCaret ? /* @__PURE__ */ jsx(
+    StyledCaretContainer,
+    {
+      role: "button",
+      title: "Toggle Row Expanded",
+      onClick,
+      onKeyDown: onKeyDownHandler,
+      "aria-expanded": expanded,
+      disabled,
+      "aria-disabled": disabled,
+      ...ownerPropsConfig,
+      children: /* @__PURE__ */ jsx(
+        Caret,
+        {
+          size: "s",
+          "data-is-col-expanded": expanded,
+          "data-role": "row-expander-col",
+          color: disabled ? ["neutral", "400"] : ["brand-primary", "600"]
+        }
+      )
+    }
+  ) : shouldPrintArrow ? /* @__PURE__ */ jsx(ArrowShortReturn, { size: "s", style: { transform: "rotate(90deg) scaleY(-1)" }, color: ["brand-primary", "600"] }) : null });
+};
+DSDataTableExpandCell.displayName = DSDataTableExpandCellName;
+const DSDataTableExpandCellWithSchema = describe(DSDataTableExpandCell);
+DSDataTableExpandCellWithSchema.propTypes = DSDataTableExpandCellPropTypesSchema;
+export {
+  DSDataTableExpandCell,
+  DSDataTableExpandCellWithSchema,
+  StyledCaretContainer,
+  disabledCss
+};
+//# sourceMappingURL=DSDataTableExpandCell.js.map

package/dist/esm/DSDataTableExpandCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableExpandCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { css, styled } from '@elliemae/ds-system';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { useDataTableExpandCell } from './config/useDataTableExpandCell.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from './constants/index.js';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n  name: DSDataTableExpandCellName,\n  slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT,\n})`\n  justify-content: center;\n  :focus-within {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid brand-700;\n      pointer-events: none;\n      z-index: 7;\n    }\n  }\n  svg {\n    fill: brand-800;\n  }\n`;\n\nexport const disabledCss = css`\n  cursor: not-allowed;\n  pointer-events: none;\n`;\n\nexport const StyledCaretContainer = styled('span', {\n  name: DSDataTableExpandCellName,\n  slot: DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER,\n})<{ disabled: boolean }>`\n  cursor: pointer;\n  box-sizing: border-box;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ${({ disabled }) => disabled && disabledCss}\n`;\n\nconst DSDataTableExpandCell: React.ComponentType<DSDataTableExpandCellT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useDataTableExpandCell(props);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  const { className, icon, onClick, expanded, disabled } = propsWithDefault;\n\n  const shouldPrintCaret = icon === 'caret';\n  const shouldPrintArrow = icon === 'arrow';\n  const Caret = expanded ? ArrowheadDown : ArrowheadRight;\n\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (['Enter', 'Space'].includes(e.code)) {\n        e.preventDefault();\n        onClick?.(e);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <StyledWrapper className={className} {...ownerPropsConfig} {...xstyledProps}>\n      {shouldPrintCaret ? (\n        <StyledCaretContainer\n          role=\"button\"\n          title=\"Toggle Row Expanded\"\n          onClick={onClick}\n          onKeyDown={onKeyDownHandler}\n          aria-expanded={expanded}\n          disabled={disabled}\n          aria-disabled={disabled}\n          {...ownerPropsConfig}\n        >\n          <Caret\n            size=\"s\"\n            data-is-col-expanded={expanded}\n            data-role=\"row-expander-col\"\n            color={disabled ? ['neutral', '400'] : ['brand-primary', '600']}\n          />\n        </StyledCaretContainer>\n      ) : shouldPrintArrow ? (\n        <ArrowShortReturn size=\"s\" style={{ transform: 'rotate(90deg) scaleY(-1)' }} color={['brand-primary', '600']} />\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nDSDataTableExpandCell.displayName = DSDataTableExpandCellName;\nconst DSDataTableExpandCellWithSchema = describe(DSDataTableExpandCell);\nDSDataTableExpandCellWithSchema.propTypes = DSDataTableExpandCellPropTypesSchema;\n\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoFb;AApFV,SAAgB,mBAAmB;AACnC,SAAS,kBAAkB,eAAe,sBAAsB;AAChE,SAAS,gBAAgB;AACzB,SAAS,KAAK,cAAc;AAC5B,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B,iCAAiC;AACxE,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,uBAAuB,OAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY;AAAA;AAGlC,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,kBAAkB,aAAa,IAAI,uBAAuB,KAAK;AACvE,QAAM,mBAAmB,cAAc,gBAAgB;AACvD,QAAM,EAAE,WAAW,MAAM,SAAS,UAAU,SAAS,IAAI;AAEzD,QAAM,mBAAmB,SAAS;AAClC,QAAM,mBAAmB,SAAS;AAClC,QAAM,QAAQ,WAAW,gBAAgB;AAEzC,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAA2B;AAC1B,UAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,UAAE,eAAe;AACjB,kBAAU,CAAC;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,oBAAC,iBAAc,WAAuB,GAAG,kBAAmB,GAAG,cAC5D,6BACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,iBAAe;AAAA,MACf;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,wBAAsB;AAAA,UACtB,aAAU;AAAA,UACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA;AAAA,MAChE;AAAA;AAAA,EACF,IACE,mBACF,oBAAC,oBAAiB,MAAK,KAAI,OAAO,EAAE,WAAW,2BAA2B,GAAG,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAC5G,MACN;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/esm/config/useDataTableExpandCell.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSDataTableExpandCellPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useDataTableExpandCell = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSDataTableExpandCellPropTypes);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+export {
+  useDataTableExpandCell
+};
+//# sourceMappingURL=useDataTableExpandCell.js.map

package/dist/esm/config/useDataTableExpandCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDataTableExpandCell.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DataTableExpandCellCTX {\n  propsWithDefault: DSDataTableExpandCellT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useDataTableExpandCell = (propsFromUser: DSDataTableExpandCellT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDataTableExpandCellT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSDataTableExpandCellPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB,oCAAoC;AACjE,SAAsC,gCAAgC,oBAAoB;AAC1F,SAAS,wBAAwB;AAQ1B,MAAM,yBAAyB,CAAC,kBAAgD;AAIrF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,8BAA8B;AAIjE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDataTableExpandCellName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSDataTableExpandCellName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSDataTableExpandCellT } from '../react-desc-prop-types.js';\nimport { DSDataTableExpandCellName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSDataTableExpandCellT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSDataTableExpandCellName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,iCAAiC;AAEnC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,yBAAyB;AAC5E;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSDataTableExpandCellName = "DSDataTableExpandCell";
+const DATA_TABLE_EXPAND_CELL_SLOTS = {
+  ROOT: "root",
+  CARET_CONTAINER: "caret-container"
+};
+const DATA_TABLE_EXPAND_CELL_DATA_TESTID = slotObjectToDataTestIds(
+  DSDataTableExpandCellName,
+  DATA_TABLE_EXPAND_CELL_SLOTS
+);
+export {
+  DATA_TABLE_EXPAND_CELL_DATA_TESTID,
+  DATA_TABLE_EXPAND_CELL_SLOTS,
+  DSDataTableExpandCellName
+};
+//# 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 DSDataTableExpandCellName = 'DSDataTableExpandCell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_SLOTS = {\n  ROOT: 'root',\n  CARET_CONTAINER: 'caret-container',\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_EXPAND_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableExpandCellName,\n  DATA_TABLE_EXPAND_CELL_SLOTS,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,4BAA4B;AAGlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AACnB;AAGO,MAAM,qCAAqC;AAAA,EAChD;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from "./DSDataTableExpandCell.js";
+import {} from "./react-desc-prop-types.js";
+import { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_CELL_DATA_TESTID } from "./constants/index.js";
+export {
+  DATA_TABLE_EXPAND_CELL_DATA_TESTID,
+  DATA_TABLE_EXPAND_CELL_SLOTS,
+  DSDataTableExpandCell,
+  DSDataTableExpandCellWithSchema
+};
+//# 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 { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from './DSDataTableExpandCell.js';\nexport { type DSDataTableExpandCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_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,24 @@
+import * as React from "react";
+import { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  icon: "none",
+  expanded: false,
+  disabled: false
+};
+const DSDataTableExpandCellPropTypes = {
+  ...xstyledPropTypes,
+  ...getPropsPerSlotPropTypes(DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS),
+  className: PropTypes.string.description("className for the wrapper"),
+  expanded: PropTypes.bool.description("Determines which caret to print"),
+  disabled: PropTypes.bool.description("Whether its disabled or not"),
+  icon: PropTypes.oneOf(["none", "arrow", "caret"]).description("Icon to print"),
+  onClick: PropTypes.func.description("onClick callback")
+};
+const DSDataTableExpandCellPropTypesSchema = DSDataTableExpandCellPropTypes;
+export {
+  DSDataTableExpandCellPropTypes,
+  DSDataTableExpandCellPropTypesSchema,
+  defaultProps
+};
+//# 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 { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableExpandCellT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    icon: 'none' | 'arrow' | 'caret';\n    expanded: boolean;\n    disabled: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableExpandCellName,\n      typeof DATA_TABLE_EXPAND_CELL_SLOTS\n    > {\n    className?: string;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableExpandCellT.DefaultProps = {\n  icon: 'none',\n  expanded: false,\n  disabled: false,\n};\n\nexport const DSDataTableExpandCellPropTypes: DSPropTypesSchema<DSDataTableExpandCellT.Props> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS),\n  className: PropTypes.string.description('className for the wrapper'),\n  expanded: PropTypes.bool.description('Determines which caret to print'),\n  disabled: PropTypes.bool.description('Whether its disabled or not'),\n  icon: PropTypes.oneOf(['none', 'arrow', 'caret']).description('Icon to print'),\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nexport const DSDataTableExpandCellPropTypesSchema =\n  DSDataTableExpandCellPropTypes as unknown as WeakValidationMap<DSDataTableExpandCellT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,kBAAkB,gCAAgC;AAEtE,SAAS,2BAA2B,oCAAoC;AA0BjE,MAAM,eAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,iCAAkF;AAAA,EAC7F,GAAG;AAAA,EACH,GAAG,yBAAyB,2BAA2B,4BAA4B;AAAA,EACnF,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,MAAM,UAAU,MAAM,CAAC,QAAQ,SAAS,OAAO,CAAC,EAAE,YAAY,eAAe;AAAA,EAC7E,SAAS,UAAU,KAAK,YAAY,kBAAkB;AACxD;AAEO,MAAM,uCACX;",
+  "names": []
+}

package/dist/types/DSDataTableExpandCell.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type DSDataTableExpandCellT } from './react-desc-prop-types.js';
+export declare const disabledCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledCaretContainer: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, {
+    disabled: boolean;
+} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+declare const DSDataTableExpandCell: React.ComponentType<DSDataTableExpandCellT.Props>;
+declare const DSDataTableExpandCellWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDataTableExpandCellT.Props>;
+export { DSDataTableExpandCell, DSDataTableExpandCellWithSchema };

package/dist/types/config/useDataTableExpandCell.d.ts

@@ -0,0 +1,11 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSDataTableExpandCellT } from '../react-desc-prop-types.js';
+export interface DataTableExpandCellCTX {
+    propsWithDefault: DSDataTableExpandCellT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useDataTableExpandCell: (propsFromUser: DSDataTableExpandCellT.Props) => {
+    propsWithDefault: DSDataTableExpandCellT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSDataTableExpandCellT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSDataTableExpandCellT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

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

@@ -0,0 +1,6 @@
+export declare const DSDataTableExpandCellName = "DSDataTableExpandCell";
+export declare const DATA_TABLE_EXPAND_CELL_SLOTS: {
+    readonly ROOT: "root";
+    readonly CARET_CONTAINER: "caret-container";
+};
+export declare const DATA_TABLE_EXPAND_CELL_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from './DSDataTableExpandCell.js';
+export { type DSDataTableExpandCellT } from './react-desc-prop-types.js';
+export { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_CELL_DATA_TESTID } from './constants/index.js';

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

@@ -0,0 +1,24 @@
+import type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSDataTableExpandCellT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        icon: 'none' | 'arrow' | 'caret';
+        expanded: boolean;
+        disabled: boolean;
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDataTableExpandCellName, typeof DATA_TABLE_EXPAND_CELL_SLOTS> {
+        className?: string;
+        onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDataTableExpandCellT.DefaultProps;
+export declare const DSDataTableExpandCellPropTypes: DSPropTypesSchema<DSDataTableExpandCellT.Props>;
+export declare const DSDataTableExpandCellPropTypesSchema: WeakValidationMap<DSDataTableExpandCellT.Props>;

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

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

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@elliemae/ds-data-table-expand-cell",
+  "version": "3.31.0-next.6",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Data Table Expand 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-data-table-cell": "3.31.0-next.6",
+    "@elliemae/ds-typescript-helpers": "3.31.0-next.6",
+    "@elliemae/ds-utilities": "3.31.0-next.6",
+    "@elliemae/ds-icons": "3.31.0-next.6",
+    "@elliemae/ds-system": "3.31.0-next.6",
+    "@elliemae/ds-props-helpers": "3.31.0-next.6"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.31.0-next.6"
+  },
+  "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": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "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/*\""
+  }
+}