@appcorp/app-corp-vista 0.0.6 → 0.0.8

package/molecules/vista-combobox-v1.d.ts

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

package/molecules/vista-combobox-v1.js

@@ -0,0 +1,63 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaComboboxV1 = void 0;
+var react_1 = __importStar(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaComboboxV1 = function (_a) {
+    var handleInputOnChange = _a.handleInputOnChange, handleOnBlur = _a.handleOnBlur, handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems, nodeQueryKey = _a.nodeQueryKey, nodeSelectKey = _a.nodeSelectKey, query = _a.query, selectKey1 = _a.selectKey1, error = _a.error, selectedItem = _a.selectedItem, _b = _a.required, required = _b === void 0 ? false : _b;
+    var filteredList = (0, react_1.useMemo)(function () {
+        return query === ''
+            ? listItems
+            : listItems.filter(function (item) { var _a; return (_a = item[selectKey1]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
+    }, [listItems, query]);
+    return (react_1.default.createElement(react_2.Combobox, { as: "div", value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectKey, v); } },
+        react_1.default.createElement(react_2.Label, { className: "flex items-center gap-2 text-sm/6 font-medium text-gray-900 dark:text-white" },
+            label,
+            " ",
+            required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
+        react_1.default.createElement("div", { className: "relative mt-2" },
+            react_1.default.createElement(react_2.ComboboxInput, { className: "w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6", onChange: function (e) { return handleInputOnChange(nodeQueryKey, e.target.value); }, onBlur: function (e) { return handleOnBlur(nodeQueryKey, e.target.value); } }),
+            react_1.default.createElement(react_2.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" },
+                react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-white", "aria-hidden": "true" })),
+            (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm" }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-indigo-600 data-[focus]:text-white data-[focus]:outline-none", key: item[selectKey1] || item, value: item[selectKey1] || item },
+                react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item[selectKey1] || item),
+                react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-indigo-600 group-data-[selected]:flex group-data-[focus]:text-white" },
+                    react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); })))),
+        error && (react_1.default.createElement("p", { id: "".concat(nodeQueryKey, "-error"), className: "mt-2 text-sm text-red-500" }, error))));
+};
+exports.VistaComboboxV1 = VistaComboboxV1;

package/molecules/vista-select-v1.d.ts

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

package/molecules/vista-select-v1.js

@@ -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.VistaSelectV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaSelectV1 = function (_a) {
+    var handleOnSelect = _a.handleOnSelect, label = _a.label, listItems = _a.listItems, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected;
+    return (react_1.default.createElement(react_2.Listbox, { value: selected, onChange: handleOnSelect },
+        label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)),
+        react_1.default.createElement("div", { className: "relative ".concat(label ? 'mt-2' : '') },
+            react_1.default.createElement(react_2.ListboxButton, { className: "relative w-full cursor-default rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-left text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6" },
+                react_1.default.createElement("span", { className: "block truncate" }, selected[selectKey1]),
+                react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
+                    react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
+            react_1.default.createElement(react_2.ListboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none data-[closed]:data-[leave]:opacity-0 data-[leave]:transition data-[leave]:duration-100 data-[leave]:ease-in sm:text-sm", transition: true }, listItems.map(function (item) { return (react_1.default.createElement(react_2.ListboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-indigo-600 data-[focus]:text-white", key: item[selectKey1], value: item[selectKey1] },
+                react_1.default.createElement("span", { className: "block truncate font-normal group-data-[selected]:font-semibold" },
+                    item[selectKey1],
+                    " ",
+                    item[selectKey2]),
+                react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 flex items-center pr-4 text-indigo-600 group-data-[focus]:text-white [.group:not([data-selected])_&]:hidden" },
+                    react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-5" })))); })))));
+};
+exports.VistaSelectV1 = VistaSelectV1;

package/molecules/vista-text-area-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTextAreaV1Props } from '../type/vista-text-area-type';
+export declare const VistaTextAreaV1: FC<VistaTextAreaV1Props>;

package/molecules/vista-text-area-v1.js

@@ -0,0 +1,22 @@
+'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.VistaTextAreaV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaTextAreaV1 = function (_a) {
+    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.rows, rows = _g === void 0 ? 4 : _g, value = _a.value;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex justify-between" },
+            react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
+            optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement("textarea", { autoFocus: autoFocus, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(className), cols: 200, disabled: disabled, id: id, name: id, onChange: function (e) {
+                    return handleOnChange(id, e.target.value);
+                }, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value })),
+        info && !error && (react_1.default.createElement("p", { id: "".concat(id, "-info"), className: "mt-2 text-sm text-indigo-500" }, info)),
+        error && !info && (react_1.default.createElement("p", { id: "".concat(id, "-error"), className: "mt-2 text-sm text-red-500" }, error))));
+};
+exports.VistaTextAreaV1 = VistaTextAreaV1;

package/molecules/vista-text-input-v1.js

@@ -17,7 +17,7 @@ var VistaTextInputV1 = function (_a) {
         react_1.default.createElement("div", { className: "relative mt-2" },
             prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                 react_1.default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
-            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
+            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
                     return handleOnChange(id, e.target.value);
                 }, placeholder: placeholder, readOnly: readOnly, type: type, value: value, autoFocus: autoFocus }),
             suffix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" },

package/package.json

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

package/type/vista-combobox-type.d.ts

@@ -0,0 +1,14 @@
+export interface VistaComboboxV1Props {
+    error?: string;
+    handleInputOnChange: (k: string, v: string) => void;
+    handleOnBlur: (k: string, v: string) => void;
+    handleOnChange: (k: string, v: string) => void;
+    label: string;
+    listItems: any[];
+    nodeQueryKey: string;
+    nodeSelectKey: string;
+    query: string;
+    required?: boolean;
+    selectKey1: string;
+    selectedItem: any;
+}

package/type/vista-combobox-type.js

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

package/type/vista-select-type.d.ts

@@ -0,0 +1,8 @@
+export interface VistaSelectV1Props {
+    label?: string;
+    listItems: any[];
+    selected: any;
+    handleOnSelect: () => void;
+    selectKey1: string;
+    selectKey2?: string;
+}

package/type/vista-select-type.js

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

package/type/vista-text-area-type.d.ts

@@ -0,0 +1,16 @@
+export interface VistaTextAreaV1Props {
+    autoFocus?: boolean;
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
+    info?: string;
+    label: string;
+    optional?: string;
+    placeholder: string;
+    readOnly?: boolean;
+    required?: boolean;
+    rows?: number;
+    value: string;
+}

package/type/vista-text-area-type.js

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