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

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>
@@ -935,7 +945,7 @@ import { usePrompt } from '@symply.io/basic-components';
 
 <h5>Usage</h5>
 ```typescript
-const { showPrompt } = usePrompt();
+const { showPrompt, hidePrompt } = usePrompt();
 ```
 
 <h5>Props</h5>
@@ -945,6 +955,7 @@ const { showPrompt } = usePrompt();
 | message | string \| 400                               |         | true     | The prompt message you want to show.                         |
 | timeout | number                                      | 3500    | false    | The number of milliseconds to wait before automatically calling the `onClose` function. |
 | type    | 'success' \| 'warning' \| 'info' \| 'error' |         | true     | The type of prompt.                                          |
+| action  | ReactNode \| null                           |         | false    | Customized button(s) at the end of the prompt. If this property is set, the default close icon button will be replaced directly. |
 
 
 

package/package.json

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