ag-common 0.0.274 → 0.0.277

package/dist/ui/components/Button/index.d.ts

@@ -8,5 +8,6 @@ export interface IButton {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
     children: string | JSX.Element;
+    href?: string;
 }
 export declare const Button: (props: IButton) => JSX.Element;

package/dist/ui/components/Button/index.js

@@ -62,11 +62,19 @@ exports.ButtonBase = (0, styled_components_1.css) `
     background-color: #888;
   }
 `;
-const Base = styled_components_1.default.button `
+const BaseButton = styled_components_1.default.button `
+  ${exports.ButtonBase}
+`;
+const BaseA = styled_components_1.default.a `
   ${exports.ButtonBase}
 `;
 const Button = (props) => {
     var _a;
-    return (react_1.default.createElement(Base, Object.assign({ className: props.className, "data-invert": props.invert, "data-disabled": (_a = props.disabled) !== null && _a !== void 0 ? _a : false }, props, { role: "button", title: props.title || undefined }), props.children));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const Component = props.href
+        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            BaseA
+        : BaseButton;
+    return (react_1.default.createElement(Component, Object.assign({ className: props.className, "data-invert": props.invert, "data-disabled": (_a = props.disabled) !== null && _a !== void 0 ? _a : false, role: "button", title: props.title || undefined }, props), props.children));
 };
 exports.Button = Button;

package/dist/ui/components/Table/index.d.ts

@@ -2,7 +2,8 @@ export interface TableItem {
     content: JSX.Element;
     groupTitle: string;
 }
-export declare const Table: ({ children, className, }: {
+export declare const Table: ({ children, className, headerRow, }: {
     children: TableItem[];
     className?: string | undefined;
+    headerRow?: JSX.Element | undefined;
 }) => JSX.Element;

package/dist/ui/components/Table/index.js

@@ -12,20 +12,34 @@ const Base = styled_components_1.default.div `
   flex-flow: column;
   width: 100%;
 `;
-const Row = styled_components_1.default.div `
+const TableRow = styled_components_1.default.div `
+  display: flex;
   border: solid 1px #ccc;
+  &[data-header='true'] {
+    border-bottom: solid 1px #888;
+  }
+  &:not(:first-of-type) {
+    border-top: 0;
+  }
 `;
 const Group = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
+  width: 100%;
 `;
 const GroupTitle = styled_components_1.default.div `
   font-size: 1.5rem;
 `;
-const Table = ({ children, className, }) => {
+const GroupWrap = styled_components_1.default.div `
+  display: flex;
+  flex-flow: row;
+`;
+const Table = ({ children, className, headerRow, }) => {
     const grouped = (0, groupBy_1.groupByList)(children, (s) => s.groupTitle);
-    return (react_1.default.createElement(Base, { className: className }, grouped.map((group) => (react_1.default.createElement(Group, { key: group.key },
-        react_1.default.createElement(GroupTitle, null, group.key),
-        group.items.map((item) => (react_1.default.createElement(Row, { key: item.content.key }, item.content))))))));
+    return (react_1.default.createElement(Base, { className: className }, grouped.map((group) => (react_1.default.createElement(GroupWrap, { key: 'gk' + group.key },
+        group.key && (react_1.default.createElement(GroupTitle, { key: `gt${group.key}` }, group.key)),
+        react_1.default.createElement(Group, { key: `g${group.key}` },
+            headerRow && (react_1.default.createElement(TableRow, { "data-header": "true", key: `headrow${group.key}` }, headerRow)),
+            group.items.map((item) => (react_1.default.createElement(TableRow, { key: item.content.key }, item.content)))))))));
 };
 exports.Table = Table;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.274",
+  "version": "0.0.277",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -26,9 +26,11 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-toast": "2.x",
-    "styled-components": "5.x",
     "typescript": "4.x"
   },
+  "peerDependencies": {
+    "styled-components": ">=5"
+  },
   "devDependencies": {
     "@babel/core": "7.18.6",
     "@storybook/addon-actions": "6.5.9",
@@ -56,7 +58,8 @@
     "eslint-plugin-react": "7.30.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "prettier": "2.7.1",
-    "rimraf": "3.0.2"
+    "rimraf": "3.0.2",
+    "styled-components": "5.3.5"
   },
   "files": [
     "dist/**/*",