npm - @appcorp/app-corp-vista - Versions diffs - 0.0.56 → 0.0.57 - Mend

@appcorp/app-corp-vista 0.0.56 → 0.0.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/molecules/vista-notification-v1/vista-notification-v1.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaNotificationV1Props } from '../../type/vista-notification-type';
+export declare const VistaNotificationV1: FC<VistaNotificationV1Props>;

package/molecules/vista-notification-v1/vista-notification-v1.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaNotificationV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaNotificationV1 = function (_a) {
+    var description = _a.description, handleIsVisible = _a.handleIsVisible, heading = _a.heading, isVisible = _a.isVisible;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { "aria-live": "assertive", className: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6" },
+            react_1.default.createElement("div", { className: "flex w-full flex-col items-center space-y-4 sm:items-end" },
+                react_1.default.createElement(react_2.Transition, { show: isVisible },
+                    react_1.default.createElement("div", { className: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black/5 transition data-[closed]:data-[enter]:translate-y-2 data-[enter]:transform data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in data-[closed]:data-[enter]:sm:translate-x-2 data-[closed]:data-[enter]:sm:translate-y-0" },
+                        react_1.default.createElement("div", { className: "p-4" },
+                            react_1.default.createElement("div", { className: "flex items-start" },
+                                react_1.default.createElement("div", { className: "shrink-0" },
+                                    react_1.default.createElement(outline_1.CheckCircleIcon, { "aria-hidden": "true", className: "size-6 text-green-400" })),
+                                react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
+                                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white" }, heading),
+                                    react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-200" }, description)),
+                                react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
+                                    react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" },
+                                        react_1.default.createElement("span", { className: "sr-only" }, "Close"),
+                                        react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
+};
+exports.VistaNotificationV1 = VistaNotificationV1;

package/molecules/vista-notification-v2/vista-notification-v2.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaNotificationV2Props } from '../../type/vista-notification-type';
+export declare const VistaNotificationV2: FC<VistaNotificationV2Props>;

package/molecules/vista-notification-v2/vista-notification-v2.js ADDED Viewed

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaNotificationV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaNotificationV2 = function (_a) {
+    var description = _a.description, handleIsVisible = _a.handleIsVisible, handleAction = _a.handleAction, isVisible = _a.isVisible, actionLabel = _a.actionLabel;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { "aria-live": "assertive", className: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6" },
+            react_1.default.createElement("div", { className: "flex w-full flex-col items-center space-y-4 sm:items-end" },
+                react_1.default.createElement(react_2.Transition, { show: isVisible },
+                    react_1.default.createElement("div", { className: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black/5 transition data-[closed]:data-[enter]:translate-y-2 data-[enter]:transform data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in data-[closed]:data-[enter]:sm:translate-x-2 data-[closed]:data-[enter]:sm:translate-y-0" },
+                        react_1.default.createElement("div", { className: "p-4" },
+                            react_1.default.createElement("div", { className: "flex items-center" },
+                                react_1.default.createElement("div", { className: "flex w-0 flex-1 justify-between" },
+                                    react_1.default.createElement("p", { className: "w-0 flex-1 text-sm font-medium text-gray-900 dark:text-gray-300" }, description),
+                                    react_1.default.createElement("button", { type: "button", onClick: handleAction, className: "ml-3 shrink-0 rounded-md bg-white dark:bg-gray-800 text-sm font-medium text-primary hover:primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" }, actionLabel)),
+                                react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
+                                    react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" },
+                                        react_1.default.createElement("span", { className: "sr-only" }, "Close"),
+                                        react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
+};
+exports.VistaNotificationV2 = VistaNotificationV2;

package/molecules/vista-notification-v3/vista-notification-v3.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaNotificationV3Props } from '../../type/vista-notification-type';
+export declare const VistaNotificationV3: FC<VistaNotificationV3Props>;

package/molecules/vista-notification-v3/vista-notification-v3.js ADDED Viewed

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaNotificationV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaNotificationV3 = function (_a) {
+    var heading = _a.heading, description = _a.description, handleIsVisible = _a.handleIsVisible, handleAction = _a.handleAction, isVisible = _a.isVisible, actions = _a.actions;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { "aria-live": "assertive", className: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6" },
+            react_1.default.createElement("div", { className: "flex w-full flex-col items-center space-y-4 sm:items-end" },
+                react_1.default.createElement(react_2.Transition, { show: isVisible },
+                    react_1.default.createElement("div", { className: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black/5 transition data-[closed]:data-[enter]:translate-y-2 data-[enter]:transform data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in data-[closed]:data-[enter]:sm:translate-x-2 data-[closed]:data-[enter]:sm:translate-y-0" },
+                        react_1.default.createElement("div", { className: "p-4" },
+                            react_1.default.createElement("div", { className: "flex items-start" },
+                                react_1.default.createElement("div", { className: "shrink-0" },
+                                    react_1.default.createElement(outline_1.InboxIcon, { "aria-hidden": "true", className: "size-6 text-gray-400" })),
+                                react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
+                                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white" }, heading),
+                                    react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-20" }, description),
+                                    react_1.default.createElement("div", { className: "mt-3 flex flex-row gap-4" }, actions
+                                        .filter(function (_a) {
+                                        var enabled = _a.enabled;
+                                        return enabled;
+                                    })
+                                        .sort(function (a, b) { return a.order - b.order; })
+                                        .map(function (_a) {
+                                        var id = _a.id, label = _a.label, handleOnClick = _a.handleOnClick, type = _a.type;
+                                        return (react_1.default.createElement("button", { className: "rounded-md bg-white dark:bg-gray-800 text-sm font-medium ".concat(type === 'primary' ? 'text-primary dark:text-primary' : 'text-gray-700 dark:text-gray-300', " focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"), key: id, onClick: handleOnClick, type: "button" }, label));
+                                    }))),
+                                react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
+                                    react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" },
+                                        react_1.default.createElement("span", { className: "sr-only" }, "Close"),
+                                        react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
+};
+exports.VistaNotificationV3 = VistaNotificationV3;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-notification-type.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+export interface VistaNotificationV3ActionItemProps {
+    type: 'primary' | 'secondary';
+    order: number;
+    label: string;
+    id: string;
+    handleOnClick: () => void;
+    enabled: true;
+}
+export interface VistaNotificationV1Props {
+    description: string;
+    handleIsVisible: () => void;
+    heading: string;
+    isVisible: boolean;
+}
+export interface VistaNotificationV2Props {
+    actionLabel: string;
+    description: string;
+    handleAction: () => void;
+    handleIsVisible: () => void;
+    isVisible: boolean;
+}
+export interface VistaNotificationV3Props {
+    actions: VistaNotificationV3ActionItemProps[];
+    description: string;
+    handleAction: () => void;
+    handleIsVisible: () => void;
+    heading: string;
+    isVisible: boolean;
+}

package/type/vista-notification-type.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ Object.defineProperty(exports, "__esModule", { value: true });