@appcorp/app-corp-vista 0.1.21 → 0.1.23

package/molecules/vista-button-group-v1/vista-button-group-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV1Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV1: FC<VistaButtonGroupV1Props>;

package/molecules/vista-button-group-v1/vista-button-group-v1.js

@@ -0,0 +1,16 @@
+'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.VistaButtonGroupV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaButtonGroupV1 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Years"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Months"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Days")));
+};
+exports.VistaButtonGroupV1 = VistaButtonGroupV1;

package/molecules/vista-button-group-v2/vista-button-group-v2.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV2Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV2: FC<VistaButtonGroupV2Props>;

package/molecules/vista-button-group-v2/vista-button-group-v2.js

@@ -0,0 +1,20 @@
+'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.VistaButtonGroupV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV2 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement("span", { className: "sr-only" }, "Previous"),
+            react_1.default.createElement(solid_1.ChevronLeftIcon, { "aria-hidden": "true", className: "size-5" })),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement("span", { className: "sr-only" }, "Next"),
+            react_1.default.createElement(solid_1.ChevronRightIcon, { "aria-hidden": "true", className: "size-5" }))));
+};
+exports.VistaButtonGroupV2 = VistaButtonGroupV2;

package/molecules/vista-button-group-v3/vista-button-group-v3.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV3Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV3: FC<VistaButtonGroupV3Props>;

package/molecules/vista-button-group-v3/vista-button-group-v3.js

@@ -0,0 +1,18 @@
+'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.VistaButtonGroupV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV3 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+            react_1.default.createElement(solid_1.BookmarkIcon, { "aria-hidden": "true", className: "-ml-0.5 size-5 text-gray-400" }),
+            "Bookmark"),
+        react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "12k")));
+};
+exports.VistaButtonGroupV3 = VistaButtonGroupV3;

package/molecules/vista-button-group-v4/vista-button-group-v4.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV4Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV4: FC<VistaButtonGroupV4Props>;

package/molecules/vista-button-group-v4/vista-button-group-v4.js

@@ -0,0 +1,32 @@
+'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.VistaButtonGroupV4 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV4 = function (_a) {
+    var selectedOption = _a.selectedOption, items = _a.items;
+    return (react_1.default.createElement("div", { className: "inline-flex rounded-md shadow-xs" },
+        react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, selectedOption),
+        react_1.default.createElement(react_2.Menu, { as: "div", className: "relative -ml-px block" },
+            react_1.default.createElement(react_2.MenuButton, { className: "relative inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
+                react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
+                react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5" })),
+            react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 -mr-1 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-hidden data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" },
+                react_1.default.createElement("div", { className: "py-1" }, items
+                    .filter(function (_a) {
+                    var enabled = _a.enabled;
+                    return enabled;
+                })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (_a) {
+                    var label = _a.label, handleOnClick = _a.handleOnClick;
+                    return (react_1.default.createElement(react_2.MenuItem, { key: label },
+                        react_1.default.createElement("div", { onClick: handleOnClick, className: "block px-4 py-2 text-sm text-gray-700 data-focus:bg-gray-100 data-focus:text-gray-900 data-focus:outline-hidden" }, label)));
+                }))))));
+};
+exports.VistaButtonGroupV4 = VistaButtonGroupV4;

package/molecules/vista-button-group-v5/vista-button-group-v5.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaButtonGroupV5Props } from '../../type/vista-button-group-type';
+export declare const VistaButtonGroupV5: FC<VistaButtonGroupV5Props>;

package/molecules/vista-button-group-v5/vista-button-group-v5.js

@@ -0,0 +1,26 @@
+'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.VistaButtonGroupV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaButtonGroupV5 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (react_1.default.createElement("span", { className: "inline-flex" },
+        react_1.default.createElement("span", { className: "inline-flex shrink-0 items-center rounded-l-md border border-gray-300 bg-white px-2 py-2" },
+            react_1.default.createElement("div", { className: "group grid size-4 grid-cols-1" },
+                react_1.default.createElement("input", { name: "select-all", type: "checkbox", "aria-label": "Select all", className: "col-start-1 row-start-1 appearance-none rounded-sm border border-gray-300 bg-white checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto" }),
+                react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 14 14", className: "pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-disabled:stroke-gray-950/25" },
+                    react_1.default.createElement("path", { d: "M3 8L6 11L11 3.5", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-checked:opacity-100" }),
+                    react_1.default.createElement("path", { d: "M3 7H11", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-indeterminate:opacity-100" })))),
+        react_1.default.createElement("div", { className: "-ml-px grid grid-cols-1" },
+            react_1.default.createElement("select", { id: "message-type", name: "message-type", "aria-label": "Select message type", className: "col-start-1 row-start-1 w-full appearance-none rounded-r-md bg-white py-1.5 pr-8 pl-3 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6" },
+                react_1.default.createElement("option", null, "Unread messages"),
+                react_1.default.createElement("option", null, "Sent messages"),
+                react_1.default.createElement("option", null, "All messages")),
+            react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" }))));
+};
+exports.VistaButtonGroupV5 = VistaButtonGroupV5;

package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.js

@@ -10,9 +10,9 @@ var react_2 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var VistaDropdownMenuV1 = function (_a) {
     var assetId = _a.assetId, rowActions = _a.rowActions;
-    return (react_1.default.createElement(react_2.Menu, { as: "div", className: "relative inline-block text-left" },
+    return (react_1.default.createElement(react_2.Menu, { as: "div", className: "relative inline-block text-left cursor-pointer" },
         react_1.default.createElement("div", null,
-            react_1.default.createElement(react_2.MenuButton, { className: "flex items-center rounded-full bg-gray-400 text-gray-50 hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" },
+            react_1.default.createElement(react_2.MenuButton, { className: "flex items-center rounded-full bg-gray-400 text-gray-50 hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-primary" },
                 react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
                 react_1.default.createElement(solid_1.EllipsisVerticalIcon, { "aria-hidden": "true", className: "size-5" }))),
         react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" },

package/package.json

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

package/type/vista-button-group-type.d.ts

@@ -0,0 +1,23 @@
+export interface VistaButtonGroupItemV4 {
+    enabled: true;
+    order: number;
+    label: string;
+    handleOnClick: () => void;
+}
+export interface VistaButtonGroupV1Props {
+    className?: string;
+}
+export interface VistaButtonGroupV2Props {
+    className?: string;
+}
+export interface VistaButtonGroupV3Props {
+    className?: string;
+}
+export interface VistaButtonGroupV4Props {
+    className?: string;
+    selectedOption: string;
+    items: VistaButtonGroupItemV4[];
+}
+export interface VistaButtonGroupV5Props {
+    className?: string;
+}

package/type/vista-button-group-type.js

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