@appcorp/app-corp-vista 0.0.93 → 0.0.95

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 (6) hide show
  1. package/molecules/vista-select-v1/vista-select-v1.js +3 -4
  2. package/molecules/vista-table-footer-v1.js +5 -36
  3. package/package.json +1 -1
  4. package/type/vista-select-type.d.ts +0 -1
  5. package/utils/form-schema.d.ts +29 -0
  6. package/utils/form-schema.js +50 -0
package/molecules/vista-select-v1/vista-select-v1.js CHANGED
@@ -8,11 +8,10 @@ exports.VistaSelectV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
10
  var solid_1 = require("@heroicons/react/20/solid");
11
- var util_functions_1 = require("@react-pakistan/util-functions");
12
11
  var VistaSelectV1 = function (_a) {
13
- var handleOnChange = _a.handleOnChange, id = _a.id, 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;
12
+ 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;
14
13
  return (react_1.default.createElement("div", null,
15
- react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectedKey, "".concat(id).concat(util_functions_1.VALUE_DELIMITER.COLON).concat(v)); } },
14
+ react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectedKey, v); } },
16
15
  label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
17
16
  label,
18
17
  " ",
@@ -22,7 +21,7 @@ var VistaSelectV1 = function (_a) {
22
21
  react_1.default.createElement("span", { className: "block truncate" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1]),
23
22
  react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
24
23
  react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
25
- 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] },
24
+ 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 },
26
25
  react_1.default.createElement("span", { className: "block truncate font-normal group-data-[selected]:font-semibold" },
27
26
  item[selectKey1],
28
27
  " ",
package/molecules/vista-table-footer-v1.js CHANGED
@@ -1,47 +1,16 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
35
5
  Object.defineProperty(exports, "__esModule", { value: true });
36
6
  exports.VistaTableFooterV1 = void 0;
37
- var react_1 = __importStar(require("react"));
7
+ var react_1 = __importDefault(require("react"));
38
8
  var solid_1 = require("@heroicons/react/20/solid");
39
9
  var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
40
10
  var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
41
11
  var vista_button_type_1 = require("../type/vista-button-type");
42
12
  var VistaTableFooterV1 = function (_a) {
43
13
  var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
44
- var id = (0, react_1.useId)();
45
14
  return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 py-4 text-white" },
46
15
  react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
47
16
  react_1.default.createElement("span", { className: "font-bold" },
@@ -53,7 +22,7 @@ var VistaTableFooterV1 = function (_a) {
53
22
  totalPages)),
54
23
  react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
55
24
  react_1.default.createElement("div", { className: "min-w-36" },
56
- react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnChange: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2, nodeSelectedKey: nodeSelectedKey, id: id })),
25
+ react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnChange: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2, nodeSelectedKey: nodeSelectedKey })),
57
26
  react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: 'size-5' }), label: "Previous", size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }),
58
27
  react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: 'size-5' }), label: "Next", size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }))));
59
28
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.93",
3
+ "version": "0.0.95",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",
package/type/vista-select-type.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export interface VistaSelectV1Props {
2
2
  handleOnChange: (k: string, v: string) => void;
3
- id: string;
4
3
  label?: string;
5
4
  listItems: any[];
6
5
  nodeSelectedKey: string;
package/utils/form-schema.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import { VistaTextAreaV1Props } from "../type/vista-text-area-type";
3
+ import { VistaTextInputV1Props } from "../type/vista-text-input-type";
4
+ import { VistaSelectV1Props } from "../type/vista-select-type";
5
+ import { VistaComboboxV1Props } from "../type/vista-combobox-type";
6
+ import { VistaVerticalDividerV4Props } from "../type/vista-vertical-divider-type";
7
+ import { VistaCheckboxV1Props, VistaCheckboxV2Props, VistaCheckboxV3Props } from "../type/vista-checkbox-type";
8
+ export declare enum VISTA_FORM_ELEMENTS {
9
+ CHECKBOX_V1 = "CHECKBOX_V1",
10
+ CHECKBOX_V2 = "CHECKBOX_V2",
11
+ CHECKBOX_V3 = "CHECKBOX_V3",
12
+ COMBOBOX_V1 = "COMBOBOX_V1",
13
+ DIVIDER_V4 = "DIVIDER_V4",
14
+ RADIO_V1 = "RADIO_V1",
15
+ SELECT_V1 = "SELECT_V1",
16
+ TEXT_AREA_V1 = "TEXT_AREA_V1",
17
+ TEXT_INPUT_V1 = "TEXT_INPUT_V1"
18
+ }
19
+ export declare const formSchema: {
20
+ CHECKBOX_V1: (props: VistaCheckboxV1Props) => React.JSX.Element;
21
+ CHECKBOX_V2: (props: VistaCheckboxV2Props) => React.JSX.Element;
22
+ CHECKBOX_V3: (props: VistaCheckboxV3Props) => React.JSX.Element;
23
+ COMBOBOX_V1: (props: VistaComboboxV1Props) => React.JSX.Element;
24
+ DIVIDER_V4: (props: VistaVerticalDividerV4Props) => React.JSX.Element;
25
+ RADIO_V1: (props: any) => React.JSX.Element;
26
+ SELECT_V1: (props: VistaSelectV1Props) => React.JSX.Element;
27
+ TEXT_AREA_V1: (props: VistaTextAreaV1Props) => React.JSX.Element;
28
+ TEXT_INPUT_V1: (props: VistaTextInputV1Props) => React.JSX.Element;
29
+ };
package/utils/form-schema.js ADDED
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ var _a;
17
+ Object.defineProperty(exports, "__esModule", { value: true });
18
+ exports.formSchema = exports.VISTA_FORM_ELEMENTS = void 0;
19
+ var react_1 = __importDefault(require("react"));
20
+ var vista_text_area_v1_1 = require("../molecules/vista-text-area-v1");
21
+ var vista_text_input_v1_1 = require("../molecules/vista-text-input-v1");
22
+ var vista_select_v1_1 = require("../molecules/vista-select-v1/vista-select-v1");
23
+ var vista_combobox_v1_1 = require("../molecules/vista-combobox-v1/vista-combobox-v1");
24
+ var vista_vertical_divider_v4_1 = require("../molecules/vista-vertical-divider-v4");
25
+ var vista_checkbox_v1_1 = require("../molecules/vista-checkbox-v1/vista-checkbox-v1");
26
+ var vista_checkbox_v2_1 = require("../molecules/vista-checkbox-v2/vista-checkbox-v2");
27
+ var vista_checkbox_v3_1 = require("../molecules/vista-checkbox-v3/vista-checkbox-v3");
28
+ var VISTA_FORM_ELEMENTS;
29
+ (function (VISTA_FORM_ELEMENTS) {
30
+ VISTA_FORM_ELEMENTS["CHECKBOX_V1"] = "CHECKBOX_V1";
31
+ VISTA_FORM_ELEMENTS["CHECKBOX_V2"] = "CHECKBOX_V2";
32
+ VISTA_FORM_ELEMENTS["CHECKBOX_V3"] = "CHECKBOX_V3";
33
+ VISTA_FORM_ELEMENTS["COMBOBOX_V1"] = "COMBOBOX_V1";
34
+ VISTA_FORM_ELEMENTS["DIVIDER_V4"] = "DIVIDER_V4";
35
+ VISTA_FORM_ELEMENTS["RADIO_V1"] = "RADIO_V1";
36
+ VISTA_FORM_ELEMENTS["SELECT_V1"] = "SELECT_V1";
37
+ VISTA_FORM_ELEMENTS["TEXT_AREA_V1"] = "TEXT_AREA_V1";
38
+ VISTA_FORM_ELEMENTS["TEXT_INPUT_V1"] = "TEXT_INPUT_V1";
39
+ })(VISTA_FORM_ELEMENTS || (exports.VISTA_FORM_ELEMENTS = VISTA_FORM_ELEMENTS = {}));
40
+ exports.formSchema = (_a = {},
41
+ _a[VISTA_FORM_ELEMENTS.CHECKBOX_V1] = function (props) { return react_1.default.createElement(vista_checkbox_v1_1.VistaCheckboxV1, __assign({}, props)); },
42
+ _a[VISTA_FORM_ELEMENTS.CHECKBOX_V2] = function (props) { return react_1.default.createElement(vista_checkbox_v2_1.VistaCheckboxV2, __assign({}, props)); },
43
+ _a[VISTA_FORM_ELEMENTS.CHECKBOX_V3] = function (props) { return react_1.default.createElement(vista_checkbox_v3_1.VistaCheckboxV3, __assign({}, props)); },
44
+ _a[VISTA_FORM_ELEMENTS.COMBOBOX_V1] = function (props) { return react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, __assign({}, props)); },
45
+ _a[VISTA_FORM_ELEMENTS.DIVIDER_V4] = function (props) { return react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, __assign({}, props)); },
46
+ _a[VISTA_FORM_ELEMENTS.RADIO_V1] = function (props) { return react_1.default.createElement("p", __assign({}, props), "Radio"); },
47
+ _a[VISTA_FORM_ELEMENTS.SELECT_V1] = function (props) { return react_1.default.createElement(vista_select_v1_1.VistaSelectV1, __assign({}, props)); },
48
+ _a[VISTA_FORM_ELEMENTS.TEXT_AREA_V1] = function (props) { return react_1.default.createElement(vista_text_area_v1_1.VistaTextAreaV1, __assign({}, props)); },
49
+ _a[VISTA_FORM_ELEMENTS.TEXT_INPUT_V1] = function (props) { return react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, __assign({}, props)); },
50
+ _a);