@elliemae/ds-group-box 3.26.1-rc.1 → 3.27.0-next.2

package/dist/cjs/index.js

@@ -29,11 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_DSGroupBox.default
+  default: () => import_ds_legacy_group_box.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSGroupBox.js"), module.exports);
-__reExport(src_exports, require("./constants.js"), module.exports);
-var import_DSGroupBox = __toESM(require("./DSGroupBox.js"));
+__reExport(src_exports, require("@elliemae/ds-legacy-group-box"), module.exports);
+var import_ds_legacy_group_box = __toESM(require("@elliemae/ds-legacy-group-box"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSGroupBox.js';\nexport * from './constants.js';\nexport { default } from './DSGroupBox.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAwB;",
+  "sourcesContent": ["export * from '@elliemae/ds-legacy-group-box';\nexport { default } from '@elliemae/ds-legacy-group-box';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0CAAd;AACA,iCAAwB;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,6 @@
 import * as React from "react";
-export * from "./DSGroupBox.js";
-export * from "./constants.js";
-import { default as default2 } from "./DSGroupBox.js";
+export * from "@elliemae/ds-legacy-group-box";
+import { default as default2 } from "@elliemae/ds-legacy-group-box";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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 './DSGroupBox.js';\nexport * from './constants.js';\nexport { default } from './DSGroupBox.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-group-box';\nexport { default } from '@elliemae/ds-legacy-group-box';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
-export * from './DSGroupBox.js';
-export * from './constants.js';
-export { default } from './DSGroupBox.js';
+export * from '@elliemae/ds-legacy-group-box';
+export { default } from '@elliemae/ds-legacy-group-box';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "3.26.1-rc.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Group Box",
   "files": [
@@ -13,38 +13,6 @@
     ".": {
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
-    },
-    "./LabelElement": {
-      "import": "./dist/esm/LabelElement.js",
-      "require": "./dist/cjs/LabelElement.js"
-    },
-    "./GroupBoxLabel": {
-      "import": "./dist/esm/GroupBoxLabel.js",
-      "require": "./dist/cjs/GroupBoxLabel.js"
-    },
-    "./DSGroupBox": {
-      "import": "./dist/esm/DSGroupBox.js",
-      "require": "./dist/cjs/DSGroupBox.js"
-    },
-    "./constants": {
-      "import": "./dist/esm/constants.js",
-      "require": "./dist/cjs/constants.js"
-    },
-    "./components/GroupHeader": {
-      "import": "./dist/esm/components/GroupHeader.js",
-      "require": "./dist/cjs/components/GroupHeader.js"
-    },
-    "./components/blocks": {
-      "import": "./dist/esm/components/blocks.js",
-      "require": "./dist/cjs/components/blocks.js"
-    },
-    "./Actions": {
-      "import": "./dist/esm/Actions.js",
-      "require": "./dist/cjs/Actions.js"
-    },
-    "./ActionItem": {
-      "import": "./dist/esm/ActionItem.js",
-      "require": "./dist/cjs/ActionItem.js"
     }
   },
   "sideEffects": [
@@ -67,16 +35,12 @@
     "indent": 4
   },
   "dependencies": {
-    "prop-types": "~15.8.1",
-    "@elliemae/ds-classnames": "3.26.1-rc.1",
-    "@elliemae/ds-props-helpers": "3.26.1-rc.1",
-    "@elliemae/ds-system": "3.26.1-rc.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.26.1-rc.1"
+    "@elliemae/ds-legacy-group-box": "1.0.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.26.1-rc.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -90,13 +54,13 @@
   },
   "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",
+    "test": "exit 0 | echo",
+    "lint": "exit 0 | echo",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "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 ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "exit 0 | echo"
   }
 }

package/dist/cjs/ActionItem.js

@@ -1,53 +0,0 @@
-"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 ActionItem_exports = {};
-__export(ActionItem_exports, {
-  default: () => ActionItem_default
-});
-module.exports = __toCommonJS(ActionItem_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_system = require("@elliemae/ds-system");
-var import_prop_types = __toESM(require("prop-types"));
-const ActionItemNode = import_ds_system.styled.div`
-  padding-right: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
-  font-weight: 300;
-  overflow: hidden;
-  align-items: center;
-  display: flex;
-  &:last-child {
-    padding-right: 0;
-  }
-`;
-const ActionItem = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionItemNode, { children });
-ActionItem.propTypes = {
-  children: import_prop_types.default.node.isRequired
-};
-var ActionItem_default = ActionItem;
-//# sourceMappingURL=ActionItem.js.map

package/dist/cjs/ActionItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ActionItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n  padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  font-weight: 300;\n  overflow: hidden;\n  align-items: center;\n  display: flex;\n  &:last-child {\n    padding-right: 0;\n  }\n`;\n\nconst ActionItem = ({ children }) => <ActionItemNode>{children}</ActionItemNode>;\n\nActionItem.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADec;AAdrC,uBAAiD;AACjD,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,4CAAC,kBAAgB,UAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,kBAAAA,QAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
-  "names": ["PropTypes"]
-}

package/dist/cjs/Actions.js

@@ -1,58 +0,0 @@
-"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 Actions_exports = {};
-__export(Actions_exports, {
-  Actions: () => Actions,
-  default: () => Actions_default
-});
-module.exports = __toCommonJS(Actions_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ActionItem = __toESM(require("./ActionItem.js"));
-const ActionsNode = import_ds_system.styled.div`
-  display: flex;
-  flex-direction: row;
-  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
-  overflow: hidden;
-  ${import_ds_system.space}
-`;
-const Actions = ({ actions = [], centerActions, rightActions }) => {
-  if (actions.length < 1)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsNode, { marginLeft: !!rightActions && "auto", marginRight: !!centerActions && "auto", children: actions.map((action, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionItem.default, { children: action }, key)) });
-};
-Actions.propTypes = {
-  actions: import_prop_types.default.array,
-  centerActions: import_prop_types.default.bool,
-  rightActions: import_prop_types.default.bool
-};
-var Actions_default = Actions;
-//# sourceMappingURL=Actions.js.map

package/dist/cjs/Actions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Actions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem.js';\n\nconst ActionsNode = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  overflow: hidden;\n  ${space}\n`;\n\nconst Actions = ({ actions = [], centerActions, rightActions }) => {\n  if (actions.length < 1) return null;\n  return (\n    <ActionsNode marginLeft={!!rightActions && 'auto'} marginRight={!!centerActions && 'auto'}>\n      {actions.map((action, key) => (\n        <ActionItem key={key}>{action}</ActionItem>\n      ))}\n    </ActionsNode>\n  );\n};\n\nActions.propTypes = {\n  actions: PropTypes.array,\n  centerActions: PropTypes.bool,\n  rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAjBR,wBAAsB;AACtB,uBAAwD;AACxD,wBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,4CAAC,eAAY,YAAY,CAAC,CAAC,gBAAgB,QAAQ,aAAa,CAAC,CAAC,iBAAiB,QAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,4CAAC,kBAAAA,SAAA,EAAsB,oBAAN,GAAa,CAC/B,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,kBAAAC,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAC1B;AAGA,IAAO,kBAAQ;",
-  "names": ["ActionItem", "PropTypes"]
-}

package/dist/cjs/DSGroupBox.js

@@ -1,148 +0,0 @@
-"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 DSGroupBox_exports = {};
-__export(DSGroupBox_exports, {
-  DSGroupBox: () => DSGroupBox,
-  DSGroupBoxWithSchema: () => DSGroupBoxWithSchema,
-  default: () => DSGroupBox_default
-});
-module.exports = __toCommonJS(DSGroupBox_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_blocks = require("./components/blocks.js");
-var import_GroupHeader = require("./components/GroupHeader.js");
-var import_constants = require("./constants.js");
-const DSGroupBox = ({
-  containerProps = {},
-  labelProps = {
-    labelText: "",
-    borderBottom: false,
-    id: "ds-group-box__header"
-  },
-  rightActions = [],
-  centerActions = [],
-  type = import_constants.BOX_TYPES.CATEGORY,
-  asRow = false,
-  onlyHeader = false,
-  noBorder = true,
-  noPadding = false,
-  children: components = [],
-  // eslint-disable-next-line react/prop-types
-  isMain = true
-}) => {
-  const { labelText } = labelProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.GroupBoxWrapper, { ...containerProps, classProps: { onlyHeader, noBorder, type, isMain }, children: [
-    labelText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_GroupHeader.DSGroupBoxHeader,
-      {
-        centerActions,
-        isMain,
-        labelProps,
-        noBorder,
-        rightActions,
-        type
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_blocks.GroupBoxContent,
-      {
-        classProps: {
-          type,
-          asRow,
-          onlyHeader,
-          noPadding,
-          noBorder,
-          noBorderTop: !!labelText
-        },
-        children: components && components.props ? import_react.default.Children.map(
-          components,
-          (component) => import_react.default.cloneElement(component, {
-            ...component.props,
-            isMain: false
-          }),
-          null
-        ) : components
-      }
-    )
-  ] });
-};
-const props = {
-  /** props to inject to wrapper */
-  containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to wrapper"),
-  /**
-   * Label attributes to be rendered
-   */
-  labelProps: import_ds_props_helpers.PropTypes.shape({
-    labelText: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]),
-    borderBottom: import_ds_props_helpers.PropTypes.bool,
-    id: import_ds_props_helpers.PropTypes.string
-  }).description("Label attributes to be rendered"),
-  /**
-   * ['category-box', 'group-box']
-   */
-  type: import_ds_props_helpers.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
-  /**
-   * Components to be rendered inside the box
-   */
-  children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.element, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element)]).isRequired.description(
-    "Components to be rendered inside the box"
-  ),
-  /**
-   * Actions on the right side of the label
-   */
-  rightActions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).description("Actions on the right side of the label"),
-  /**
-   * Actions on the next to the label
-   */
-  centerActions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).description("Actions on the next to the label"),
-  /**
-   * Display the content of the group box with flex direction row
-   */
-  asRow: import_ds_props_helpers.PropTypes.bool.description("Display the content of the group box with flex direction row"),
-  /**
-   * Show border only on the header
-   */
-  onlyHeader: import_ds_props_helpers.PropTypes.bool.description("Show border only on the header"),
-  /**
-   * Remove the wrapper border
-   */
-  noBorder: import_ds_props_helpers.PropTypes.bool.description("Remove the wrapper border"),
-  /**
-   * Remove the top and bottom padding from the content
-   */
-  noPadding: import_ds_props_helpers.PropTypes.bool.description("Remove the top and bottom padding from the content")
-};
-DSGroupBox.propTypes = props;
-DSGroupBox.displayName = "DSGroupBox";
-const DSGroupBoxWithSchema = (0, import_ds_props_helpers.describe)(DSGroupBox);
-DSGroupBoxWithSchema.propTypes = props;
-var DSGroupBox_default = DSGroupBox;
-//# sourceMappingURL=DSGroupBox.js.map

package/dist/cjs/DSGroupBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSGroupBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks.js';\nimport { DSGroupBoxHeader } from './components/GroupHeader.js';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants.js';\n\nconst DSGroupBox = ({\n  containerProps = {},\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  asRow = false,\n  onlyHeader = false,\n  noBorder = true,\n  noPadding = false,\n  children: components = [],\n  // eslint-disable-next-line react/prop-types\n  isMain = true,\n}) => {\n  const { labelText } = labelProps;\n  return (\n    <GroupBoxWrapper {...containerProps} classProps={{ onlyHeader, noBorder, type, isMain }}>\n      {labelText && (\n        <DSGroupBoxHeader\n          centerActions={centerActions}\n          isMain={isMain}\n          labelProps={labelProps}\n          noBorder={noBorder}\n          rightActions={rightActions}\n          type={type}\n        />\n      )}\n\n      <GroupBoxContent\n        classProps={{\n          type,\n          asRow,\n          onlyHeader,\n          noPadding,\n          noBorder,\n          noBorderTop: !!labelText,\n        }}\n      >\n        {components && components.props\n          ? React.Children.map(\n              components,\n              (component) =>\n                React.cloneElement(component, {\n                  ...component.props,\n                  isMain: false,\n                }),\n              null,\n            )\n          : components}\n      </GroupBoxContent>\n    </GroupBoxWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Label attributes to be rendered\n   */\n  labelProps: PropTypes.shape({\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    borderBottom: PropTypes.bool,\n    id: PropTypes.string,\n  }).description('Label attributes to be rendered'),\n  /**\n   * ['category-box', 'group-box']\n   */\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Components to be rendered inside the box',\n  ),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),\n  /**\n   * Show border only on the header\n   */\n  onlyHeader: PropTypes.bool.description('Show border only on the header'),\n  /**\n   * Remove the wrapper border\n   */\n  noBorder: PropTypes.bool.description('Remove the wrapper border'),\n  /**\n   * Remove the top and bottom padding from the content\n   */\n  noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,8BAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,6CAAC,iCAAiB,GAAG,gBAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO,GACnF;AAAA,iBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtB,aAAAA,QAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACC,aAAAA,QAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAIzE,YAAY,kCAAU,MAAM;AAAA,IAC1B,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC;AAAA,IACpE,cAAc,kCAAU;AAAA,IACxB,IAAI,kCAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIhD,MAAM,kCAAU,MAAM,gCAAe,EAAE,YAAY,iCAAgB,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAI7E,UAAU,kCAAU,UAAU,CAAC,kCAAU,SAAS,kCAAU,QAAQ,kCAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,cAAc,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA;AAAA;AAAA;AAAA,EAIvG,eAAe,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA;AAAA;AAAA;AAAA,EAIlG,OAAO,kCAAU,KAAK,YAAY,8DAA8D;AAAA;AAAA;AAAA;AAAA,EAIhG,YAAY,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA;AAAA;AAAA,EAIvE,UAAU,kCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIhE,WAAW,kCAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
-  "names": ["React"]
-}

package/dist/cjs/GroupBoxLabel.js

@@ -1,82 +0,0 @@
-"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 GroupBoxLabel_exports = {};
-__export(GroupBoxLabel_exports, {
-  default: () => GroupBoxLabel_default
-});
-module.exports = __toCommonJS(GroupBoxLabel_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_constants = require("./constants.js");
-const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
-const categoryBoxStyles = `
-  width: 100%;
-  height: 36px;
-  padding:0 0;
-  color: ${(props) => props.theme.colors.neutral[800]};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-bottom: ${borderBase200}
-`;
-const groupBoxStyles = `
-  border: unset;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
-  padding: 12px 0;
-`;
-const GroupBoxLabelNode = import_ds_system.styled.div`
-  ${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
-  ${(props) => props.noBorder ? "border: none;" : ""}
-  ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
-  ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
-`;
-const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  GroupBoxLabelNode,
-  {
-    borderBottom,
-    "data-testid": "ds-group-box__header",
-    isMain,
-    noBorder,
-    nodeType: type,
-    id,
-    children
-  }
-);
-GroupBoxLabel.propTypes = {
-  children: import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node), import_prop_types.default.node]).isRequired,
-  type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),
-  borderBottom: import_prop_types.default.bool,
-  isMain: import_prop_types.default.bool.isRequired,
-  noBorder: import_prop_types.default.bool,
-  id: import_prop_types.default.string
-};
-var GroupBoxLabel_default = GroupBoxLabel;
-//# sourceMappingURL=GroupBoxLabel.js.map

package/dist/cjs/GroupBoxLabel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GroupBoxLabel.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants.js';\n\nconst borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n  border: unset;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n  ${(props) => (props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles)}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) => (props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '')}\n  ${(props) => (props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : '')}\n`;\nconst GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => (\n  <GroupBoxLabelNode\n    borderBottom={borderBottom}\n    data-testid=\"ds-group-box__header\"\n    isMain={isMain}\n    noBorder={noBorder}\n    nodeType={type}\n    id={id}\n  >\n    {children}\n  </GroupBoxLabelNode>\n);\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n  borderBottom: PropTypes.bool,\n  isMain: PropTypes.bool.isRequired,\n  noBorder: PropTypes.bool,\n  id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BrB;AA9BF,wBAAsB;AACtB,uBAA2D;AAC3D,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ,GAAG;AAE5E,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,mBAIjC;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,sBAAkB,2CAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA;AACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,GAAG,kBAAAA,QAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,kBAAAA,QAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,kBAAAA,QAAU;AAAA,EACxB,QAAQ,kBAAAA,QAAU,KAAK;AAAA,EACvB,UAAU,kBAAAA,QAAU;AAAA,EACpB,IAAI,kBAAAA,QAAU;AAChB;AAEA,IAAO,wBAAQ;",
-  "names": ["PropTypes"]
-}

package/dist/cjs/LabelElement.js

@@ -1,50 +0,0 @@
-"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 LabelElement_exports = {};
-__export(LabelElement_exports, {
-  default: () => LabelElement_default
-});
-module.exports = __toCommonJS(LabelElement_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
-const LabelElementNode = import_ds_system.styled.div`
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
-  font-weight: 400;
-`;
-const LabelElement = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelElementNode, { children });
-LabelElement.propTypes = {
-  children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
-};
-var LabelElement_default = LabelElement;
-//# sourceMappingURL=LabelElement.js.map

package/dist/cjs/LabelElement.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LabelElement.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n  font-weight: 400;\n`;\n\nconst LabelElement = ({ children }) => <LabelElementNode>{children}</LabelElementNode>;\n\nLabelElement.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYgB;AAXvC,wBAAsB;AACtB,uBAAiC;AAEjC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,4CAAC,oBAAkB,UAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
-  "names": ["PropTypes"]
-}