@symply.io/basic-components 1.8.0 → 1.8.1-alpha.2

package/Copyright/index.js

@@ -15,8 +15,10 @@ import Typography from "@mui/material/Typography";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useCustomTheme from "../useCustomTheme";
 function Copyright(props) {
-    var primaryColor = props.primaryColor, secondaryColor = props.secondaryColor;
+    var year = props.year, ownerHref = props.ownerHref, ownerLabel = props.ownerLabel, allRightsReservedLabel = props.allRightsReservedLabel, displayAllRightsReserved = props.displayAllRightsReserved, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor;
     var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Typography, __assign({ sx: { fontSize: 16, fontWeight: 400 }, color: "textSecondary", align: "center" }, { children: ["Copyright © ", _jsx(Link, __assign({ color: "inherit", href: "https://symply.io/" }, { children: "Symply Software Inc" })), "\u00A0", new Date().getFullYear(), "."] })) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Typography, __assign({ sx: { fontSize: 16, fontWeight: 400 }, color: "textSecondary", align: "center" }, { children: ["Copyright © ", year !== null && year !== void 0 ? year : new Date().getFullYear(), "\u00A0", ownerHref ? (_jsx(Link, __assign({ color: "inherit", href: ownerHref }, { children: ownerLabel !== null && ownerLabel !== void 0 ? ownerLabel : "Symply Software Inc" }))) : (ownerLabel !== null && ownerLabel !== void 0 ? ownerLabel : "Symply Software Inc"), ".", displayAllRightsReserved
+                    ? " ".concat(allRightsReservedLabel || "All Rights Reserved", ".")
+                    : ""] })) })));
 }
 export default Copyright;

package/Copyright/types.d.ts

@@ -1,5 +1,10 @@
 import type { CSSProperties } from "react";
 export interface CopyrightProps {
+    year?: string;
+    ownerLabel?: string;
+    ownerHref?: string;
+    allRightsReservedLabel?: string;
+    displayAllRightsReserved?: boolean;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
 }

package/README.md

@@ -297,7 +297,7 @@ import ClickableFabButton from '@symply.io/basic-components/ClickableFabButton';
 | -------- | ------------------------------------------------------------ | --------- | -------- | ------------------------------------------------------------ |
 | color    | "primary" \|"secondary" \|"success" \|"error" \|"info" \|"warning" | "primary" | false    | The button color.                                            |
 | disabled | bool                                                         | false     | false    | If `true`, the button would be disabled.                     |
-| fabIcon  | ReactElement                                                 |           | true     | The icon element..                                           |
+| fabIcon  | ReactElement                                                 |           | true     | The icon element.                                            |
 | onClick  | func                                                         |           | true     | The function for button clicking.<br />**Signature:**<br/>`function() => unknown` |
 | text     | string                                                       |           | true     | The button text.                                             |
 
@@ -315,6 +315,16 @@ import { Copyright } from '@symply.io/basic-components/';
 import Copyright from '@symply.io/basic-components/Copyright'; 
 ```
 
+<h5>Props</h5>
+
+| Name                     | Type   | Default              | Required | Description                                              |
+| ------------------------ | ------ | -------------------- | -------- | -------------------------------------------------------- |
+| allRightsReservedLabel   | string | All Rights Reserved. | false    | The customized label for "All Rights Reserved".          |
+| displayAllRightsReserved | bool   | false                | false    | If `true` , the "All Rights Reserved" will be displayed. |
+| ownerHref                | string |                      | false    | The href ot the owner.                                   |
+| ownerLabel               | string | Symply Software Inc  | false    | The owner of the copyright.                              |
+| year                     | string | current year         | false    | The year of the copyright.                               |
+
 
 
 <h3>DataTable</h3>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.8.0",
+  "version": "1.8.1-alpha.2",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",