@via-profit/ui-kit 0.1.0-rc.58 → 0.1.0-rc.59

package/Surface/SurfaceFooter.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type SurfaceFooterProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Surface/SurfaceFooter.js

@@ -0,0 +1,31 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledFooter = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+`;
+const SurfaceFooter = (props, ref) => {
+    const { children } = props, nativeProps = __rest(props, ["children"]);
+    return (react_1.default.createElement(StyledFooter, Object.assign({}, nativeProps, { ref: ref }), children));
+};
+exports.default = react_1.default.forwardRef(SurfaceFooter);

package/Surface/index.d.ts

@@ -3,12 +3,17 @@ import { SurfaceContainerProps } from './SurfaceContainer';
 import { SurfaceHeaderProps } from './SurfaceHeader';
 import { SurfaceSubheaderProps } from './SurfaceSubheader';
 import { SurfaceContentProps } from './SurfaceContent';
+import { SurfaceFooterProps } from './SurfaceFooter';
 export type SurfaceProps = React.HTMLAttributes<HTMLDivElement> & {
     readonly children: React.ReactNode | React.ReactNode[];
     /**
      * Header content
      */
     readonly header?: JSX.Element | string;
+    /**
+     * Footer content
+     */
+    readonly footer?: JSX.Element | string;
     /**
      * Subheader content
      */
@@ -39,6 +44,10 @@ export interface SurfaceOverrides {
      * Surface content component
      */
     readonly Content?: React.ForwardRefExoticComponent<SurfaceContentProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Surface footer component
+     */
+    readonly Footer?: React.ForwardRefExoticComponent<SurfaceFooterProps & React.RefAttributes<HTMLDivElement>>;
 }
 declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     readonly children: React.ReactNode | React.ReactNode[];
@@ -46,6 +55,10 @@ declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
      * Header content
      */
     readonly header?: string | JSX.Element | undefined;
+    /**
+     * Footer content
+     */
+    readonly footer?: string | JSX.Element | undefined;
     /**
      * Subheader content
      */

package/Surface/index.js

@@ -42,20 +42,24 @@ const SurfaceContainer_1 = __importDefault(require("./SurfaceContainer"));
 const SurfaceHeader_1 = __importDefault(require("./SurfaceHeader"));
 const SurfaceSubheader_1 = __importDefault(require("./SurfaceSubheader"));
 const SurfaceContent_1 = __importDefault(require("./SurfaceContent"));
+const SurfaceFooter_1 = __importDefault(require("./SurfaceFooter"));
 const Surface = (props, ref) => {
-    const { children, header, subheader, inline, overrides } = props, nativeProps = __rest(props, ["children", "header", "subheader", "inline", "overrides"]);
+    const { children, header, subheader, footer, inline, overrides } = props, nativeProps = __rest(props, ["children", "header", "subheader", "footer", "inline", "overrides"]);
+    const hasFooter = typeof footer !== 'undefined' && footer !== null;
     const hasHeader = typeof header !== 'undefined' && header !== null;
     const hasSubheader = typeof subheader !== 'undefined' && subheader !== null;
     const overridesMap = React.useMemo(() => (Object.assign({ Container: SurfaceContainer_1.default,
         Header: SurfaceHeader_1.default,
         Subheader: SurfaceSubheader_1.default,
-        Content: SurfaceContent_1.default }, overrides)), [overrides]);
+        Content: SurfaceContent_1.default,
+        Footer: SurfaceFooter_1.default }, overrides)), [overrides]);
     if (!hasHeader && hasSubheader) {
         console.warn(`[@via-profit/ui-kit] Surface component. If you use a subheader, then you should add a header`);
     }
     return (React.createElement(overridesMap.Container, Object.assign({}, nativeProps, { inline: inline, ref: ref }),
         hasHeader && React.createElement(overridesMap.Header, null, header),
         hasSubheader && React.createElement(overridesMap.Subheader, null, subheader),
-        React.createElement(overridesMap.Content, null, children)));
+        React.createElement(overridesMap.Content, null, children),
+        hasFooter && React.createElement(overridesMap.Footer, null, footer)));
 };
 exports.default = React.forwardRef(Surface);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.58",
+  "version": "0.1.0-rc.59",
   "description": "UI Kit",
   "repository": {
     "type": "git",