@elliemae/ds-group-box 2.3.0-alpha.8 → 2.3.0-next.2

package/esm/components/GroupHeader.js

@@ -0,0 +1,44 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { BOX_TYPES } from '../constants.js';
+import { Actions } from '../Actions.js';
+import LabelElement from '../LabelElement.js';
+import GroupBoxLabel from '../GroupBoxLabel.js';
+
+const DSGroupBoxHeader = _ref => {
+  let {
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = BOX_TYPES.CATEGORY,
+    noBorder,
+    isMain
+  } = _ref;
+  const {
+    labelText,
+    borderBottom,
+    id
+  } = labelProps;
+  return /*#__PURE__*/_jsx(GroupBoxLabel, {
+    borderBottom: borderBottom,
+    isMain: isMain,
+    noBorder: noBorder,
+    type: type,
+    id: id
+  }, void 0, /*#__PURE__*/_jsx(LabelElement, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+    value: labelText
+  })), /*#__PURE__*/_jsx(Actions, {
+    actions: centerActions,
+    centerActions: centerActions.length > 0
+  }), /*#__PURE__*/_jsx(Actions, {
+    actions: rightActions,
+    rightActions: rightActions.length > 0
+  }));
+};
+
+export { DSGroupBoxHeader };

package/esm/components/blocks.js

@@ -0,0 +1,50 @@
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+const blockName = 'group-box';
+const GroupBoxWrapper = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    onlyHeader,
+    noBorder,
+    type,
+    isMain
+  } = _ref;
+  return {
+    'only-header': onlyHeader,
+    'no-border': noBorder,
+    [type]: type,
+    'main-box': isMain,
+    'nested-box': !isMain
+  };
+});
+const GroupBoxContent = aggregatedClasses('div')(blockName, 'content', _ref2 => {
+  let {
+    type,
+    asRow,
+    onlyHeader,
+    noPadding,
+    noBorder,
+    noBorderTop
+  } = _ref2;
+  return {
+    [type]: type,
+    'as-row': asRow,
+    'only-header': onlyHeader,
+    'no-padding': noPadding,
+    'no-border': noBorder,
+    'no-border-top': noBorderTop
+  };
+});
+const Label = aggregatedClasses('div')(blockName, 'label', _ref3 => {
+  let {
+    borderBottom,
+    type,
+    noBorder
+  } = _ref3;
+  return {
+    'border-bottom': borderBottom,
+    [type]: type,
+    'no-border': noBorder
+  };
+});
+
+export { GroupBoxContent, GroupBoxWrapper, Label };

package/esm/constants.js

@@ -0,0 +1,7 @@
+const BOX_TYPES = {
+  CATEGORY: 'category-box',
+  GROUP: 'group-box'
+};
+const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
+
+export { BOX_TYPES, BOX_TYPES_ARRAY };

package/esm/index.js

@@ -0,0 +1,2 @@
+export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default } from './DSGroupBox.js';
+export { BOX_TYPES, BOX_TYPES_ARRAY } from './constants.js';

package/package.json

@@ -1,50 +1,47 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Group Box",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./LabelElement": {
-      "import": "./dist/esm/LabelElement.js",
-      "require": "./dist/cjs/LabelElement.js"
+      "import": "./esm/LabelElement.js",
+      "require": "./cjs/LabelElement.js"
     },
     "./GroupBoxLabel": {
-      "import": "./dist/esm/GroupBoxLabel.js",
-      "require": "./dist/cjs/GroupBoxLabel.js"
+      "import": "./esm/GroupBoxLabel.js",
+      "require": "./cjs/GroupBoxLabel.js"
     },
     "./DSGroupBox": {
-      "import": "./dist/esm/DSGroupBox.js",
-      "require": "./dist/cjs/DSGroupBox.js"
+      "import": "./esm/DSGroupBox.js",
+      "require": "./cjs/DSGroupBox.js"
     },
     "./constants": {
-      "import": "./dist/esm/constants.js",
-      "require": "./dist/cjs/constants.js"
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
     },
     "./components/GroupHeader": {
-      "import": "./dist/esm/components/GroupHeader.js",
-      "require": "./dist/cjs/components/GroupHeader.js"
+      "import": "./esm/components/GroupHeader.js",
+      "require": "./cjs/components/GroupHeader.js"
     },
     "./components/blocks": {
-      "import": "./dist/esm/components/blocks.js",
-      "require": "./dist/cjs/components/blocks.js"
+      "import": "./esm/components/blocks.js",
+      "require": "./cjs/components/blocks.js"
     },
     "./Actions": {
-      "import": "./dist/esm/Actions.js",
-      "require": "./dist/cjs/Actions.js"
+      "import": "./esm/Actions.js",
+      "require": "./cjs/Actions.js"
     },
     "./ActionItem": {
-      "import": "./dist/esm/ActionItem.js",
-      "require": "./dist/cjs/ActionItem.js"
+      "import": "./esm/ActionItem.js",
+      "require": "./cjs/ActionItem.js"
     }
   },
   "sideEffects": [
@@ -56,20 +53,26 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.8",
-    "@xstyled/styled-components": "~3.1.2",
+    "@elliemae/ds-classnames": "2.3.0-next.2",
+    "@elliemae/ds-system": "2.3.0-next.1",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.2",
+    "@xstyled/styled-components": "~3.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
@@ -82,12 +85,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/ActionItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function ActionItem({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace ActionItem {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    };
+}
+export default ActionItem;

package/types/Actions.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function Actions({ actions, centerActions, rightActions }: {
+    actions?: never[] | undefined;
+    centerActions: any;
+    rightActions: any;
+}): JSX.Element | null;
+declare namespace Actions {
+    var propTypes: {
+        actions: PropTypes.Requireable<any[]>;
+        centerActions: PropTypes.Requireable<boolean>;
+        rightActions: PropTypes.Requireable<boolean>;
+    };
+}
+export { Actions };
+export default Actions;

package/types/DSGroupBox.d.ts

@@ -0,0 +1,113 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSGroupBox: {
+    ({ containerProps, labelProps, rightActions, centerActions, type, asRow, onlyHeader, noBorder, noPadding, children: components, isMain, }: {
+        containerProps?: {} | undefined;
+        labelProps?: {
+            labelText: string;
+            borderBottom: boolean;
+            id: string;
+        } | undefined;
+        rightActions?: never[] | undefined;
+        centerActions?: never[] | undefined;
+        type?: string | undefined;
+        asRow?: boolean | undefined;
+        onlyHeader?: boolean | undefined;
+        noBorder?: boolean | undefined;
+        noPadding?: boolean | undefined;
+        children?: never[] | undefined;
+        isMain?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /** props to inject to wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Label attributes to be rendered
+         */
+        labelProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * ['category-box', 'group-box']
+         */
+        type: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Components to be rendered inside the box
+         */
+        children: any;
+        /**
+         * Actions on the right side of the label
+         */
+        rightActions: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Actions on the next to the label
+         */
+        centerActions: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Display the content of the group box with flex direction row
+         */
+        asRow: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Show border only on the header
+         */
+        onlyHeader: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Remove the wrapper border
+         */
+        noBorder: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Remove the top and bottom padding from the content
+         */
+        noPadding: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSGroupBoxWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSGroupBox, DSGroupBoxWithSchema };
+export default DSGroupBox;

package/types/GroupBoxLabel.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }: {
+    borderBottom: any;
+    children: any;
+    noBorder: any;
+    isMain: any;
+    type: any;
+    id: any;
+}): JSX.Element;
+declare namespace GroupBoxLabel {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        type: PropTypes.Requireable<string>;
+        borderBottom: PropTypes.Requireable<boolean>;
+        isMain: PropTypes.Validator<boolean>;
+        noBorder: PropTypes.Requireable<boolean>;
+        id: PropTypes.Requireable<string>;
+    };
+}
+export default GroupBoxLabel;

package/types/LabelElement.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function LabelElement({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace LabelElement {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    };
+}
+export default LabelElement;

package/types/components/GroupHeader.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const DSGroupBoxHeader: ({ labelProps, rightActions, centerActions, type, noBorder, isMain, }: {
+    labelProps?: {
+        labelText: string;
+        borderBottom: boolean;
+        id: string;
+    } | undefined;
+    rightActions?: never[] | undefined;
+    centerActions?: never[] | undefined;
+    type?: string | undefined;
+    noBorder: any;
+    isMain: any;
+}) => JSX.Element;

package/types/components/blocks.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const GroupBoxWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const GroupBoxContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Label: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

package/types/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const BOX_TYPES: {
+    CATEGORY: string;
+    GROUP: string;
+};
+export declare const BOX_TYPES_ARRAY: string[];

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DSGroupBox';
+export * from './constants';
+export { default } from './DSGroupBox';

package/types/tests/DSGroupBox.test.d.ts

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

package/dist/cjs/ActionItem.js

@@ -1,55 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ActionItem_exports = {};
-__export(ActionItem_exports, {
-  default: () => ActionItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_prop_types = __toESM(require("prop-types"));
-const ActionItemNode = import_styled_components.default.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;
-  }
-`;
-function ActionItem({ children }) {
-  return /* @__PURE__ */ import_react.default.createElement(ActionItemNode, null, children);
-}
-ActionItem.propTypes = {
-  children: import_prop_types.default.node.isRequired
-};
-var ActionItem_default = ActionItem;
-module.exports = __toCommonJS(ActionItem_exports);
-//# 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 from 'styled-components';\nimport { __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\nfunction ActionItem({ children }) {\n  return <ActionItemNode>{children}</ActionItemNode>;\n}\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,uBAAyC;AACzC,wBAAsB;AAEtB,MAAM,iBAAiB,iCAAO;AAAA,mBACX,WAAS,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvE,oBAAoB,EAAE,YAAY;AAChC,SAAO,mDAAC,gBAAD,MAAiB;AAAA;AAG1B,WAAW,YAAY;AAAA,EACrB,UAAU,0BAAU,KAAK;AAAA;AAG3B,IAAO,qBAAQ;",
-  "names": []
-}

package/dist/cjs/Actions.js

@@ -1,64 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Actions_exports = {};
-__export(Actions_exports, {
-  Actions: () => Actions,
-  default: () => Actions_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_styled_components2 = require("@xstyled/styled-components");
-var import_ds_system = require("@elliemae/ds-system");
-var import_ActionItem = __toESM(require("./ActionItem"));
-const ActionsNode = import_styled_components.default.div`
-  display: flex;
-  flex-direction: row;
-  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
-  overflow: hidden;
-  ${import_styled_components2.space}
-`;
-function Actions({ actions = [], centerActions, rightActions }) {
-  if (actions.length < 1)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(ActionsNode, {
-    marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto"
-  }, actions.map((action, key) => /* @__PURE__ */ import_react.default.createElement(import_ActionItem.default, {
-    key
-  }, action)));
-}
-Actions.propTypes = {
-  actions: import_prop_types.default.array,
-  centerActions: import_prop_types.default.bool,
-  rightActions: import_prop_types.default.bool
-};
-var Actions_default = Actions;
-module.exports = __toCommonJS(Actions_exports);
-//# 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 from 'styled-components';\nimport { space } from '@xstyled/styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\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\nfunction Actions({ actions = [], centerActions, rightActions }) {\n  if (actions.length < 1) return null;\n  return (\n    <ActionsNode\n      marginLeft={!!rightActions && 'auto'}\n      marginRight={!!centerActions && 'auto'}\n    >\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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,gCAAsB;AACtB,uBAAyC;AACzC,wBAAuB;AAEvB,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpE;AAAA;AAGJ,iBAAiB,EAAE,UAAU,IAAI,eAAe,gBAAgB;AAC9D,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,mDAAC,aAAD;AAAA,IACE,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAC9B,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAE/B,QAAQ,IAAI,CAAC,QAAQ,QACpB,mDAAC,2BAAD;AAAA,IAAY;AAAA,KAAW;AAAA;AAM/B,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU;AAAA,EACnB,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA;AAI1B,IAAO,kBAAQ;",
-  "names": []
-}