@elliemae/ds-side-panel-header 3.22.0-next.8

package/dist/cjs/SidePanelHeader.js

@@ -0,0 +1,99 @@
+"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 SidePanelHeader_exports = {};
+__export(SidePanelHeader_exports, {
+  DSSidePanelHeaderWithSchema: () => DSSidePanelHeaderWithSchema,
+  SidePanelHeader: () => SidePanelHeader
+});
+module.exports = __toCommonJS(SidePanelHeader_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+const SidePanelHeader = (props) => {
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefaults, [propsWithDefaults]);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({}), []);
+  const { title, additionalAction, onClose = import_lodash.noop, showClose = true, closeButtonRef = void 0 } = propsWithDefaults;
+  const theme = (0, import_ds_system.useTheme)();
+  const separator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { height: "24px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSeparator, { getOwnerProps, getOwnerPropsArguments }) });
+  const cols = ["1fr", "auto", "auto"];
+  const cols2 = ["auto"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.Wrapper,
+    {
+      cols,
+      height: theme.space.m,
+      pl: theme.space.xs,
+      pr: theme.space.xs,
+      alignItems: "center",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "flex-start", cols: cols2, pr: theme.space.xs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledTitle,
+          {
+            maxWidth: "100%",
+            alignItems: "center",
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: title
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { ml: "xxs", alignItems: "center", cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"], children: [
+          additionalAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: additionalAction }),
+          additionalAction && showClose && separator,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledCloseButton,
+            {
+              buttonType: "icon",
+              innerRef: closeButtonRef,
+              size: "m",
+              onClick: onClose,
+              "data-testid": "btn-close-slide-panel",
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {})
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+SidePanelHeader.propTypes = import_react_desc_prop_types.propTypes;
+SidePanelHeader.displayName = "SidePanelHeader";
+const DSSidePanelHeaderWithSchema = (0, import_ds_props_helpers.describe)(SidePanelHeader);
+DSSidePanelHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+//# sourceMappingURL=SidePanelHeader.js.map

package/dist/cjs/SidePanelHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SidePanelHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useTheme } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nimport { StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n  const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n  const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n  const theme = useTheme();\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n    </Grid>\n  );\n  const cols = ['1fr', 'auto', 'auto'];\n  const cols2 = ['auto'];\n  return (\n    <Wrapper\n      cols={cols}\n      height={theme.space.m}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"center\"\n      width=\"100%\"\n    >\n      <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2} pr={theme.space.xs}>\n        <StyledTitle\n          maxWidth=\"100%\"\n          alignItems=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </StyledTitle>\n      </Grid>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <StyledCloseButton\n              buttonType=\"icon\"\n              innerRef={closeButtonRef}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <CloseSmall />\n            </StyledCloseButton>\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nSidePanelHeader.propTypes = propTypes;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAlBN,mBAAmC;AACnC,8BAAuD;AACvD,uBAAyB;AACzB,oBAAqB;AACrB,sBAA2B;AAC3B,qBAAqB;AACrB,mCAAiE;AAEjE,oBAAyE;AACzE,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,wBAAoB,sDAA+D,OAAO,yCAAY;AAE5G,QAAM,oBAAgB,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,oBAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YAAQ,2BAAS;AACvB,QAAM,YACJ,4CAAC,uBAAK,QAAO,QACX,sDAAC,iCAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,MAAM,MAAM;AAAA,MACpB,IAAI,MAAM,MAAM;AAAA,MAChB,IAAI,MAAM,MAAM;AAAA,MAChB,YAAW;AAAA,MACX,OAAM;AAAA,MAEN;AAAA,oDAAC,uBAAK,YAAW,UAAS,gBAAe,cAAa,MAAM,OAAO,IAAI,MAAM,MAAM,IACjF;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,YAAW;AAAA,YACX;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,QACA,6CAAC,uBAAK,IAAG,OAAM,YAAW,UAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GAC3F;AAAA,8BAAoB,4CAAC,uBAAM,4BAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,4CAAC,uBACE,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,UAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,cACZ;AAAA,cACA;AAAA,cAEA,sDAAC,8BAAW;AAAA;AAAA,UACd,GAEJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/cjs/SidePanelHeaderDefinitions.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 SidePanelHeaderDefinitions_exports = {};
+__export(SidePanelHeaderDefinitions_exports, {
+  DSSidePanelHeaderDataTestIds: () => DSSidePanelHeaderDataTestIds,
+  DSSidePanelHeaderName: () => DSSidePanelHeaderName,
+  DSSidePanelHeaderSlots: () => DSSidePanelHeaderSlots
+});
+module.exports = __toCommonJS(SidePanelHeaderDefinitions_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSSidePanelHeaderName = "DSSidePanelHeader";
+const DSSidePanelHeaderSlots = {
+  CLOSE_BUTTON: "close-button",
+  TITLE: "title",
+  SEPARATOR: "separator"
+};
+const DSSidePanelHeaderDataTestIds = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSSidePanelHeaderName, DSSidePanelHeaderSlots),
+  CLOSE_BUTTON: "btn-close-slide-panel"
+};
+//# sourceMappingURL=SidePanelHeaderDefinitions.js.map

package/dist/cjs/SidePanelHeaderDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SidePanelHeaderDefinitions.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSidePanelHeaderName = 'DSSidePanelHeader' as const;\nexport const DSSidePanelHeaderSlots = {\n  CLOSE_BUTTON: 'close-button',\n  TITLE: 'title',\n  SEPARATOR: 'separator',\n};\n\nexport const DSSidePanelHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSSidePanelHeaderName, DSSidePanelHeaderSlots),\n  CLOSE_BUTTON: 'btn-close-slide-panel',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AACb;AAEO,MAAM,+BAA+B;AAAA,EAC1C,OAAG,0CAAwB,uBAAuB,sBAAsB;AAAA,EACxE,cAAc;AAChB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,32 @@
+"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 __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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./SidePanelHeader.js"), module.exports);
+__reExport(src_exports, require("./react-desc-prop-types.js"), module.exports);
+__reExport(src_exports, require("./SidePanelHeaderDefinitions.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './SidePanelHeader.js';\nexport * from './react-desc-prop-types.js';\nexport * from './SidePanelHeaderDefinitions.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AACA,wBAAc,uCADd;AAEA,wBAAc,4CAFd;",
+  "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, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  onClose: () => {
+  },
+  showClose: true
+};
+const propTypes = {
+  /** Page title */
+  title: import_ds_props_helpers.PropTypes.string.description("Page title"),
+  /** Action button */
+  additionalAction: import_ds_props_helpers.PropTypes.element.description("Action button"),
+  /** Called when the slide collapse */
+  onClose: import_ds_props_helpers.PropTypes.func.description("Called when the slide collapse").defaultValue(defaultProps.onClose),
+  /** Show/Hide close button */
+  showClose: import_ds_props_helpers.PropTypes.bool.description("Show/Hide close button").defaultValue(defaultProps.showClose),
+  /** Ref for close button */
+  closeButtonRef: import_ds_props_helpers.PropTypes.object.description("Ref for close button")
+};
+//# 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": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSidePanelHeaderT {\n  export interface DefaultProps {\n    onClose: () => void;\n    showClose: boolean;\n  }\n\n  export interface OptionalProps {\n    title?: string;\n    additionalAction?: React.ReactNode;\n    closeButtonRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSidePanelHeaderT.DefaultProps = {\n  onClose: () => {},\n  showClose: true,\n};\n\nexport const propTypes = {\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse').defaultValue(defaultProps.onClose),\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button').defaultValue(defaultProps.showClose),\n  /** Ref for close button */\n  closeButtonRef: PropTypes.object.description('Ref for close button'),\n} as unknown as WeakValidationMap<DSSidePanelHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAA0B;AA0BnB,MAAM,eAAgD;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,WAAW;AACb;AAEO,MAAM,YAAY;AAAA;AAAA,EAEvB,OAAO,kCAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,kBAAkB,kCAAU,QAAQ,YAAY,eAAe;AAAA;AAAA,EAE/D,SAAS,kCAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,aAAa,OAAO;AAAA;AAAA,EAEvG,WAAW,kCAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,aAAa,SAAS;AAAA;AAAA,EAEnG,gBAAgB,kCAAU,OAAO,YAAY,sBAAsB;AACrE;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,64 @@
+"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 styled_exports = {};
+__export(styled_exports, {
+  StyledCloseButton: () => StyledCloseButton,
+  StyledSeparator: () => StyledSeparator,
+  StyledTitle: () => StyledTitle,
+  Wrapper: () => Wrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_SidePanelHeaderDefinitions = require("./SidePanelHeaderDefinitions.js");
+const StyledTitle = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_SidePanelHeaderDefinitions.DSSidePanelHeaderName,
+  slot: import_SidePanelHeaderDefinitions.DSSidePanelHeaderSlots.TITLE
+})`
+  font-size: 18px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  ${(0, import_ds_system.truncate)()}
+`;
+const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
+`;
+const StyledCloseButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2, {
+  name: import_SidePanelHeaderDefinitions.DSSidePanelHeaderName,
+  slot: import_SidePanelHeaderDefinitions.DSSidePanelHeaderSlots.CLOSE_BUTTON
+})``;
+const StyledSeparator = import_ds_system.styled.div`
+  width: 0;
+  height: 100%;
+  margin: 0 ${(props) => props.theme.space.xxs};
+  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, border, truncate } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\nexport const StyledTitle = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.TITLE,\n})`\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n`;\n\nexport const Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})``;\n\nexport const StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyC;AACzC,0BAA2B;AAC3B,qBAAqB;AACrB,wCAA8D;AACvD,MAAM,kBAAc,yBAAO,qBAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAClD,2BAAS;AAAA;AAGN,MAAM,cAAU,yBAAO,mBAAI;AAAA,mBACf,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,wBAAoB,yBAAO,gCAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAEM,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;",
+  "names": []
+}

package/dist/esm/SidePanelHeader.js

@@ -0,0 +1,69 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { describe, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { useTheme } from "@elliemae/ds-system";
+import { noop } from "lodash";
+import { CloseSmall } from "@elliemae/ds-icons";
+import { Grid } from "@elliemae/ds-grid";
+import { defaultProps, propTypes } from "./react-desc-prop-types.js";
+import { StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from "./styled.js";
+const SidePanelHeader = (props) => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
+  const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);
+  const getOwnerPropsArguments = useCallback(() => ({}), []);
+  const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = void 0 } = propsWithDefaults;
+  const theme = useTheme();
+  const separator = /* @__PURE__ */ jsx(Grid, { height: "24px", children: /* @__PURE__ */ jsx(StyledSeparator, { getOwnerProps, getOwnerPropsArguments }) });
+  const cols = ["1fr", "auto", "auto"];
+  const cols2 = ["auto"];
+  return /* @__PURE__ */ jsxs(
+    Wrapper,
+    {
+      cols,
+      height: theme.space.m,
+      pl: theme.space.xs,
+      pr: theme.space.xs,
+      alignItems: "center",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Grid, { alignItems: "center", justifyContent: "flex-start", cols: cols2, pr: theme.space.xs, children: /* @__PURE__ */ jsx(
+          StyledTitle,
+          {
+            maxWidth: "100%",
+            alignItems: "center",
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: title
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Grid, { ml: "xxs", alignItems: "center", cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"], children: [
+          additionalAction && /* @__PURE__ */ jsx(Grid, { children: additionalAction }),
+          additionalAction && showClose && separator,
+          /* @__PURE__ */ jsx(Grid, { children: showClose && /* @__PURE__ */ jsx(
+            StyledCloseButton,
+            {
+              buttonType: "icon",
+              innerRef: closeButtonRef,
+              size: "m",
+              onClick: onClose,
+              "data-testid": "btn-close-slide-panel",
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: /* @__PURE__ */ jsx(CloseSmall, {})
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+SidePanelHeader.propTypes = propTypes;
+SidePanelHeader.displayName = "SidePanelHeader";
+const DSSidePanelHeaderWithSchema = describe(SidePanelHeader);
+DSSidePanelHeaderWithSchema.propTypes = propTypes;
+export {
+  DSSidePanelHeaderWithSchema,
+  SidePanelHeader
+};
+//# sourceMappingURL=SidePanelHeader.js.map

package/dist/esm/SidePanelHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useTheme } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nimport { StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n  const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n  const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n  const theme = useTheme();\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n    </Grid>\n  );\n  const cols = ['1fr', 'auto', 'auto'];\n  const cols2 = ['auto'];\n  return (\n    <Wrapper\n      cols={cols}\n      height={theme.space.m}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"center\"\n      width=\"100%\"\n    >\n      <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2} pr={theme.space.xs}>\n        <StyledTitle\n          maxWidth=\"100%\"\n          alignItems=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </StyledTitle>\n      </Grid>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <StyledCloseButton\n              buttonType=\"icon\"\n              innerRef={closeButtonRef}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            >\n              <CloseSmall />\n            </StyledCloseButton>\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nSidePanelHeader.propTypes = propTypes;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBjB,cAwBA,YAxBA;AAlBN,SAAgB,mBAAmB;AACnC,SAAS,UAAU,oCAAoC;AACvD,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAkC,cAAc,iBAAiB;AAEjE,SAAS,iBAAiB,aAAa,SAAS,yBAAyB;AACzE,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,oBAAoB,6BAA+D,OAAO,YAAY;AAE5G,QAAM,gBAAgB,YAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,QAAQ,SAAS;AACvB,QAAM,YACJ,oBAAC,QAAK,QAAO,QACX,8BAAC,mBAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,MAAM,MAAM;AAAA,MACpB,IAAI,MAAM,MAAM;AAAA,MAChB,IAAI,MAAM,MAAM;AAAA,MAChB,YAAW;AAAA,MACX,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,YAAW,UAAS,gBAAe,cAAa,MAAM,OAAO,IAAI,MAAM,MAAM,IACjF;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,YAAW;AAAA,YACX;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,QACA,qBAAC,QAAK,IAAG,OAAM,YAAW,UAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GAC3F;AAAA,8BAAoB,oBAAC,QAAM,4BAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,oBAAC,QACE,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,UAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,cACZ;AAAA,cACA;AAAA,cAEA,8BAAC,cAAW;AAAA;AAAA,UACd,GAEJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/esm/SidePanelHeaderDefinitions.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSSidePanelHeaderName = "DSSidePanelHeader";
+const DSSidePanelHeaderSlots = {
+  CLOSE_BUTTON: "close-button",
+  TITLE: "title",
+  SEPARATOR: "separator"
+};
+const DSSidePanelHeaderDataTestIds = {
+  ...slotObjectToDataTestIds(DSSidePanelHeaderName, DSSidePanelHeaderSlots),
+  CLOSE_BUTTON: "btn-close-slide-panel"
+};
+export {
+  DSSidePanelHeaderDataTestIds,
+  DSSidePanelHeaderName,
+  DSSidePanelHeaderSlots
+};
+//# sourceMappingURL=SidePanelHeaderDefinitions.js.map

package/dist/esm/SidePanelHeaderDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeaderDefinitions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSidePanelHeaderName = 'DSSidePanelHeader' as const;\nexport const DSSidePanelHeaderSlots = {\n  CLOSE_BUTTON: 'close-button',\n  TITLE: 'title',\n  SEPARATOR: 'separator',\n};\n\nexport const DSSidePanelHeaderDataTestIds = {\n  ...slotObjectToDataTestIds(DSSidePanelHeaderName, DSSidePanelHeaderSlots),\n  CLOSE_BUTTON: 'btn-close-slide-panel',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAAA,EACpC,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AACb;AAEO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,uBAAuB,sBAAsB;AAAA,EACxE,cAAc;AAChB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+export * from "./SidePanelHeader.js";
+export * from "./react-desc-prop-types.js";
+export * from "./SidePanelHeaderDefinitions.js";
+//# 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.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './SidePanelHeader.js';\nexport * from './react-desc-prop-types.js';\nexport * from './SidePanelHeaderDefinitions.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
+  "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 } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  onClose: () => {
+  },
+  showClose: true
+};
+const propTypes = {
+  /** Page title */
+  title: PropTypes.string.description("Page title"),
+  /** Action button */
+  additionalAction: PropTypes.element.description("Action button"),
+  /** Called when the slide collapse */
+  onClose: PropTypes.func.description("Called when the slide collapse").defaultValue(defaultProps.onClose),
+  /** Show/Hide close button */
+  showClose: PropTypes.bool.description("Show/Hide close button").defaultValue(defaultProps.showClose),
+  /** Ref for close button */
+  closeButtonRef: PropTypes.object.description("Ref for close button")
+};
+export {
+  defaultProps,
+  propTypes
+};
+//# 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", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSidePanelHeaderT {\n  export interface DefaultProps {\n    onClose: () => void;\n    showClose: boolean;\n  }\n\n  export interface OptionalProps {\n    title?: string;\n    additionalAction?: React.ReactNode;\n    closeButtonRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSidePanelHeaderT.DefaultProps = {\n  onClose: () => {},\n  showClose: true,\n};\n\nexport const propTypes = {\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse').defaultValue(defaultProps.onClose),\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button').defaultValue(defaultProps.showClose),\n  /** Ref for close button */\n  closeButtonRef: PropTypes.object.description('Ref for close button'),\n} as unknown as WeakValidationMap<DSSidePanelHeaderT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,iBAAiB;AA0BnB,MAAM,eAAgD;AAAA,EAC3D,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,WAAW;AACb;AAEO,MAAM,YAAY;AAAA;AAAA,EAEvB,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,kBAAkB,UAAU,QAAQ,YAAY,eAAe;AAAA;AAAA,EAE/D,SAAS,UAAU,KAAK,YAAY,gCAAgC,EAAE,aAAa,aAAa,OAAO;AAAA;AAAA,EAEvG,WAAW,UAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,aAAa,SAAS;AAAA;AAAA,EAEnG,gBAAgB,UAAU,OAAO,YAAY,sBAAsB;AACrE;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { styled, border, truncate } from "@elliemae/ds-system";
+import { DSButtonV2 } from "@elliemae/ds-button-v2";
+import { Grid } from "@elliemae/ds-grid";
+import { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from "./SidePanelHeaderDefinitions.js";
+const StyledTitle = styled(Grid, {
+  name: DSSidePanelHeaderName,
+  slot: DSSidePanelHeaderSlots.TITLE
+})`
+  font-size: 18px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  ${truncate()}
+`;
+const Wrapper = styled(Grid)`
+  border-bottom: ${(props) => border(props.theme.colors.neutral["300"])};
+`;
+const StyledCloseButton = styled(DSButtonV2, {
+  name: DSSidePanelHeaderName,
+  slot: DSSidePanelHeaderSlots.CLOSE_BUTTON
+})``;
+const StyledSeparator = styled.div`
+  width: 0;
+  height: 100%;
+  margin: 0 ${(props) => props.theme.space.xxs};
+  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};
+`;
+export {
+  StyledCloseButton,
+  StyledSeparator,
+  StyledTitle,
+  Wrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, border, truncate } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\nexport const StyledTitle = styled(Grid, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.TITLE,\n})`\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n`;\n\nexport const Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n  name: DSSidePanelHeaderName,\n  slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})``;\n\nexport const StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,gBAAgB;AACzC,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,uBAAuB,8BAA8B;AACvD,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA,iBAEgB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,IAClD,SAAS;AAAA;AAGN,MAAM,UAAU,OAAO,IAAI;AAAA,mBACf,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,oBAAoB,OAAO,YAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAEM,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;",
+  "names": []
+}

package/dist/types/SidePanelHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type DSSidePanelHeaderT } from './react-desc-prop-types.js';
+declare const SidePanelHeader: {
+    (props: DSSidePanelHeaderT.Props): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: React.WeakValidationMap<DSSidePanelHeaderT.Props>;
+    displayName: string;
+};
+declare const DSSidePanelHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSidePanelHeaderT.Props>;
+export { SidePanelHeader, DSSidePanelHeaderWithSchema };

package/dist/types/SidePanelHeaderDefinitions.d.ts

@@ -0,0 +1,9 @@
+export declare const DSSidePanelHeaderName: "DSSidePanelHeader";
+export declare const DSSidePanelHeaderSlots: {
+    CLOSE_BUTTON: string;
+    TITLE: string;
+    SEPARATOR: string;
+};
+export declare const DSSidePanelHeaderDataTestIds: {
+    CLOSE_BUTTON: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SidePanelHeader.js';
+export * from './react-desc-prop-types.js';
+export * from './SidePanelHeaderDefinitions.js';

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

@@ -0,0 +1,20 @@
+import type { WeakValidationMap } from 'react';
+import type React from 'react';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+export declare namespace DSSidePanelHeaderT {
+    interface DefaultProps {
+        onClose: () => void;
+        showClose: boolean;
+    }
+    interface OptionalProps {
+        title?: string;
+        additionalAction?: React.ReactNode;
+        closeButtonRef?: React.RefObject<HTMLButtonElement>;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    }
+}
+export declare const defaultProps: DSSidePanelHeaderT.DefaultProps;
+export declare const propTypes: WeakValidationMap<DSSidePanelHeaderT.Props>;

package/dist/types/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+    width?: string | undefined;
+} & {
+    theme: import("@elliemae/pui-theme").Theme;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@elliemae/ds-side-panel-header",
+  "version": "3.22.0-next.8",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Side Panel Header",
+  "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"
+    },
+    "./TemplateBasicPageWithSidePanel": {
+      "import": "./dist/esm/TemplateBasicPageWithSidePanel.js",
+      "require": "./dist/cjs/TemplateBasicPageWithSidePanel.js"
+    },
+    "./SidePanelHeader": {
+      "import": "./dist/esm/SidePanelHeader.js",
+      "require": "./dist/cjs/SidePanelHeader.js"
+    },
+    "./SidePanel": {
+      "import": "./dist/esm/SidePanel.js",
+      "require": "./dist/cjs/SidePanel.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    },
+    "./defaultProps": {
+      "import": "./dist/esm/defaultProps.js",
+      "require": "./dist/cjs/defaultProps.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": {
+    "@elliemae/ds-button-v2": "3.22.0-next.8",
+    "@elliemae/ds-grid": "3.22.0-next.8",
+    "@elliemae/ds-icons": "3.22.0-next.8",
+    "@elliemae/ds-props-helpers": "3.22.0-next.8",
+    "@elliemae/ds-system": "3.22.0-next.8",
+    "@elliemae/ds-utilities": "3.22.0-next.8"
+  },
+  "devDependencies": {
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.8",
+    "@elliemae/pui-cli": "~9.0.0-next.17",
+    "styled-components": "~5.3.9"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "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",
+    "lint": "node ../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "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": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}