@dtdot/lego 1.3.0 → 1.4.0

package/build/components/ActionMenu/ActionMenu.component.d.ts

@@ -2,8 +2,9 @@
 import { ColourVariant } from '../../theme/theme.types';
 import { IActionMenuItem } from './_ActionMenu.types';
 export interface ActionMenuProps {
-    items: IActionMenuItem[];
-    variant?: ColourVariant;
+    'items': IActionMenuItem[];
+    'variant'?: ColourVariant;
+    'data-cy'?: string;
 }
-declare const ActionMenu: ({ items, variant }: ActionMenuProps) => JSX.Element;
+declare const ActionMenu: ({ items, variant, "data-cy": dataCy }: ActionMenuProps) => JSX.Element;
 export default ActionMenu;

package/build/components/ActionMenu/ActionMenu.component.js

@@ -10,7 +10,7 @@ const StyledIcon = styled(FontAwesomeIcon) `
   font-size: 18px;
 `;
 const offsetFn = () => [70, 4];
-const ActionMenu = ({ items, variant }) => {
+const ActionMenu = ({ items, variant, 'data-cy': dataCy }) => {
     const [shown, setShown] = useState(false);
     const [referenceElement, setReferenceElement] = useState();
     const [popperElement, setPopperElement] = useState();
@@ -43,7 +43,7 @@ const ActionMenu = ({ items, variant }) => {
         },
     }));
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { variant: variant, "data-cy": 'action-menu-button', ref: setReferenceElement, onClick: () => setShown(true) },
+        React.createElement(Button, { variant: variant, "data-cy": dataCy || 'action-menu-button', ref: setReferenceElement, onClick: () => setShown(true) },
             React.createElement(StyledIcon, { icon: faEllipsisV })),
         shown &&
             ReactDOM.createPortal(React.createElement("div", { ref: setPopperElement, style: styles.popper, ...attributes.popper },

package/build/components/Table/Table.component.d.ts

@@ -12,6 +12,8 @@ declare const Table: {
     ({ children, variant }: TableProps): JSX.Element;
     Row: ({ children, "data-cy": dataCy }: import("./_TableRow.component").TableRowProps) => JSX.Element;
     Cell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, TableCellProps, never>;
+    ActionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
     Action: ({ text, onClick, "data-cy": dataCy }: import("./_TableAction").TableActionProps) => JSX.Element;
+    ActionMenu: ({ items, "data-cy": dataCy }: import("./_TableActionMenu").TableActionMenuProps) => JSX.Element;
 };
 export default Table;

package/build/components/Table/Table.component.js

@@ -3,6 +3,8 @@ import styled from 'styled-components';
 import ButtonContext from '../Button/Button.context';
 import TableContext from './_Table.context';
 import TableAction from './_TableAction';
+import TableActionContainer from './_TableActionContainer';
+import TableActionMenu from './_TableActionMenu';
 import TableRow from './_TableRow.component';
 const StyledTable = styled.table `
   width: 100%;
@@ -25,5 +27,7 @@ const Table = ({ children, variant = 'regular' }) => {
 };
 Table.Row = TableRow;
 Table.Cell = TableCell;
+Table.ActionContainer = TableActionContainer;
 Table.Action = TableAction;
+Table.ActionMenu = TableActionMenu;
 export default Table;

package/build/components/Table/_TableActionContainer.d.ts

@@ -0,0 +1,2 @@
+declare const TableActionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default TableActionContainer;

package/build/components/Table/_TableActionContainer.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+const TableActionContainer = styled.div `
+  display: flex;
+`;
+export default TableActionContainer;

package/build/components/Table/_TableActionMenu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IActionMenuItem } from '../ActionMenu/_ActionMenu.types';
+export interface TableActionMenuProps {
+    'items': IActionMenuItem[];
+    'data-cy'?: string;
+}
+declare const TableActionMenu: ({ items, "data-cy": dataCy }: TableActionMenuProps) => JSX.Element;
+export default TableActionMenu;

package/build/components/Table/_TableActionMenu.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ActionMenu from '../ActionMenu/ActionMenu.component';
+const TableActionMenu = ({ items, 'data-cy': dataCy }) => {
+    return React.createElement(ActionMenu, { variant: 'tertiary', items: items, "data-cy": dataCy });
+};
+export default TableActionMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {