@appcorp/app-corp-vista 0.0.74 → 0.0.76

package/molecules/vista-select-v1/vista-select-v1.js

@@ -10,21 +10,22 @@ var react_2 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var VistaSelectV1 = function (_a) {
     var handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems, nodeSelectedKey = _a.nodeSelectedKey, _b = _a.required, required = _b === void 0 ? false : _b, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem;
-    return (react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectedKey, v); } },
-        label && (react_1.default.createElement(react_2.Label, { className: "block 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 ".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" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[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, { key: item[selectKey1], className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white", 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-primary group-data-[focus]:text-white" }, (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1]) === item[selectKey1] && react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-5" })))); })))));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectedKey, v); } },
+            label && (react_1.default.createElement(react_2.Label, { className: "block 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 ".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" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[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, { key: item[selectKey1], className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white", 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-primary group-data-[focus]:text-white" }, (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1]) === item[selectKey1] && react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-5" })))); }))))));
 };
 exports.VistaSelectV1 = VistaSelectV1;

package/organisms/vista-mdx-editor-v1/vista-mdx-editor-v1.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import '@mdxeditor/editor/style.css';
+import { VistaMdxEditorV1Props } from '../../type/vista-mdx-editor-type';
+export declare function VistaMdxEditorV1({ editorClassName, markdown, onChangeHandler, }: VistaMdxEditorV1Props): React.JSX.Element;

package/organisms/vista-mdx-editor-v1/vista-mdx-editor-v1.js

@@ -0,0 +1,48 @@
+'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.VistaMdxEditorV1 = VistaMdxEditorV1;
+var react_1 = __importDefault(require("react"));
+var editor_1 = require("@mdxeditor/editor");
+require("@mdxeditor/editor/style.css");
+function VistaMdxEditorV1(_a) {
+    var _b = _a.editorClassName, editorClassName = _b === void 0 ? 'light-theme light-editor' : _b, markdown = _a.markdown, onChangeHandler = _a.onChangeHandler;
+    return (react_1.default.createElement(editor_1.MDXEditor, { autoFocus: true, className: "".concat(editorClassName), contentEditableClassName: 'prose', markdown: markdown, onChange: function (v) { return onChangeHandler('content', v); }, plugins: [
+            (0, editor_1.listsPlugin)(),
+            (0, editor_1.quotePlugin)(),
+            (0, editor_1.headingsPlugin)(),
+            (0, editor_1.linkPlugin)(),
+            (0, editor_1.linkDialogPlugin)(),
+            (0, editor_1.imagePlugin)(),
+            (0, editor_1.tablePlugin)(),
+            (0, editor_1.thematicBreakPlugin)(),
+            (0, editor_1.frontmatterPlugin)(),
+            (0, editor_1.codeBlockPlugin)({
+                defaultCodeBlockLanguage: 'js',
+            }),
+            // sandpackPlugin(),
+            (0, editor_1.codeMirrorPlugin)({
+                codeBlockLanguages: {
+                    js: 'JavaScript',
+                    css: 'CSS',
+                    txt: 'text',
+                    tsx: 'TypeScript',
+                }
+            }),
+            (0, editor_1.diffSourcePlugin)({ diffMarkdown: '', viewMode: 'rich-text' }),
+            (0, editor_1.markdownShortcutPlugin)(),
+            (0, editor_1.directivesPlugin)({
+                directiveDescriptors: [
+                    editor_1.AdmonitionDirectiveDescriptor,
+                ],
+            }),
+            (0, editor_1.toolbarPlugin)({
+                toolbarContents: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(editor_1.KitchenSinkToolbar, null))); }
+            })
+        ] }));
+}
+;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -36,7 +36,7 @@
     "@heroicons/react": "^2.2.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@mdxeditor/editor": "^3.21.0",
+    "@mdxeditor/editor": "^3.21.4",
     "@next/third-parties": "^15",
     "@react-jvectormap/core": "^1.0.4",
     "@react-jvectormap/world": "^1.1.2",

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

@@ -15,7 +15,7 @@ export interface VistaComboboxV1Props {
     listItems: any[];
     nodeQueryKey: string;
     nodeSelectKey: string;
-    placeholder: string;
+    placeholder?: string;
     query: string;
     required?: boolean;
     selectKey1: string;

package/type/vista-mdx-editor-type.d.ts

@@ -0,0 +1,5 @@
+export interface VistaMdxEditorV1Props {
+    editorClassName?: string;
+    markdown: string;
+    onChangeHandler: (k: string, v: string) => void;
+}

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

@@ -1,21 +0,0 @@
-export interface VistaComboboxesV1Props {
-    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;
-    selectKey1: string;
-    selectedItem: any;
-    labelClassName?: string;
-    comboboxClassName?: string;
-    comboboxInputClassName?: string;
-    comboboxButtonClassName?: string;
-    comboboxOptionsClassName?: string;
-    comboboxOptionClassName?: string;
-    checkClassName?: string;
-    inputIconClassName?: string;
-    placeholder: string;
-}