@bigmath-ui-library/core 2.0.4

package/stories/NoAccessActionTooltip.stories.tsx

@@ -0,0 +1,50 @@
+import { Box } from "@mui/material";
+import type { Meta, StoryFn } from "@storybook/react";
+
+import { NoAccessActionTooltip, BMButton } from "../src";
+
+const meta: Meta<typeof NoAccessActionTooltip> = {
+  title: "InReview/NoAccessActionTooltip",
+  component: NoAccessActionTooltip,
+  tags: ["autodocs"],
+  argTypes: {
+    placement: {
+      control: { type: "select" },
+      options: [
+        "bottom-end",
+        "bottom-start",
+        "bottom",
+        "left-end",
+        "left-start",
+        "left",
+        "right-end",
+        "right-start",
+        "right",
+        "top-end",
+        "top-start",
+        "top",
+      ],
+    },
+    enabled: { control: "boolean" },
+    primaryText: { control: "text" },
+    secondaryText: { control: "text" },
+  },
+};
+
+export default meta;
+
+const Template: StoryFn<typeof NoAccessActionTooltip> = (args) => (
+  <Box sx={{ mt: 4, display: "flex", justifyContent: "center" }}>
+    <NoAccessActionTooltip {...args}>
+      <BMButton dataTestId="allow-ip-list" variant="primary">Add IP Allow List</BMButton>
+    </NoAccessActionTooltip>
+  </Box>
+);
+
+export const Default = Template.bind({});
+Default.args = {
+  enabled: true,
+  primaryText: "You don’t have permission to do this action.",
+  secondaryText: "If you think you should be able to do this action contact your administrator.",
+  placement: "top",
+};

package/stories/NoPermissionModal.stories.tsx

@@ -0,0 +1,46 @@
+import { useState } from "react";
+import { Meta, StoryFn } from "@storybook/react";
+
+import { BMButton, NoPermissionModal, NoPermissionModalProps } from "../src";
+
+export default {
+  title: "InReview/NoPermissionModal",
+  tags: ["autodocs"],
+  component: NoPermissionModal,
+  argTypes: {
+    open: { control: "boolean" },
+    title: { control: "text" },
+    description: { control: "text" },
+    submitLabel: { control: "text" },
+  },
+} as Meta<typeof NoPermissionModal>;
+
+const Template: StoryFn<NoPermissionModalProps> = (args) => {
+  const [open, setOpen] = useState(args.open);
+
+  const handleClose = () => setOpen(false);
+  const handleSubmit = () => {
+    setOpen(false);
+  };
+
+  return (
+    <>
+      <BMButton dataTestId="open-permissional-modal" onClick={() => setOpen(true)}>Open NoPermissionModal</BMButton>
+      <NoPermissionModal
+        {...args}
+        open={open}
+        onClose={handleClose}
+        onSubmit={handleSubmit}
+      />
+    </>
+  );
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  open: true,
+  title: "Not Enough Permissions",
+  description:
+    "You don't have enough permissions to perform this action. To continue, contact your BrightDB Aeon account administrator.",
+  submitLabel: "OK",
+};

package/tsconfig.base.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "lib": ["ES2019", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "strict": false,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "allowJs": false,
+    "noEmit": false,
+    "baseUrl": ".",
+    "paths": {
+      "@coreApp/assets/icons/*": ["./src/assets/icons/*"]
+    },
+    "ignoreDeprecations": "6.0"
+  }
+}

package/tsconfig.build.json

@@ -0,0 +1,23 @@
+// File generated automatically, use npm run update:tsconfig for update
+{
+    "extends": "./tsconfig.base.json",
+    "compilerOptions": {
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": false,
+        "jsx": "react-jsx",
+        "typeRoots": ["./node_modules/@types", "./src/types"]
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist",
+        "**/*.stories.tsx",
+        "**/*.test.tsx"
+    ],
+    "references": []
+}