@appcorp/app-corp-vista 0.0.20 → 0.0.22
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.
|
@@ -25,7 +25,7 @@ var VistaDrawerV1 = function (_a) {
|
|
|
25
25
|
react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
|
|
26
26
|
react_1.default.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
|
|
27
27
|
react_1.default.createElement(react_2.DialogPanel, { className: "pointer-events-auto w-screen transform transition duration-500 ease-in-out data-[closed]:translate-x-full sm:duration-700 ".concat(vistaDrawerSizeMap[size]), transition: true },
|
|
28
|
-
react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl" },
|
|
28
|
+
react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900 shadow-xl" },
|
|
29
29
|
react_1.default.createElement("div", null,
|
|
30
30
|
react_1.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" },
|
|
31
31
|
react_1.default.createElement("div", { className: "bg-indigo-700 px-4 py-6 sm:px-6" },
|
|
@@ -35,7 +35,7 @@ var VistaDrawerV1 = function (_a) {
|
|
|
35
35
|
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
|
|
36
36
|
description && (react_1.default.createElement("div", { className: "mt-1" },
|
|
37
37
|
react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
|
|
38
|
-
react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
|
|
38
|
+
react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll text-gray-900 dark:text-white" }, children),
|
|
39
39
|
react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4 gap-4" },
|
|
40
40
|
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: cancelDisabled, handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, prefixIcon: cancelPrefixIcon, rounded: cancelRounded, size: cancelSize, suffixIcon: cancelSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY }),
|
|
41
41
|
handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: saveDisabled, handleOnClick: handleSaveOnClick, label: saveLabel, prefixIcon: savePrefixIcon, rounded: saveRounded, size: saveSize, suffixIcon: saveSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))))))))));
|
|
@@ -11,7 +11,7 @@ var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
|
|
|
11
11
|
var VistaTableFooterV1 = function (_a) {
|
|
12
12
|
var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, totalPages = _a.totalPages;
|
|
13
13
|
return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
|
|
14
|
-
react_1.default.createElement("div", { className: "col-span-6" },
|
|
14
|
+
react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
|
|
15
15
|
react_1.default.createElement("span", { className: "font-bold" },
|
|
16
16
|
"Page ",
|
|
17
17
|
currentPage),
|
|
@@ -10,8 +10,8 @@ var VistaTableHeaderV1 = function (_a) {
|
|
|
10
10
|
var headerActions = _a.headerActions, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
|
|
11
11
|
return (react_1.default.createElement("div", { className: "sm:flex sm:items-center" },
|
|
12
12
|
react_1.default.createElement("div", { className: "sm:flex-auto" },
|
|
13
|
-
react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-
|
|
14
|
-
react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-
|
|
13
|
+
react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-900 dark:text-white" }, tableHeading),
|
|
14
|
+
react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-900 dark:text-white" }, tableDescription)),
|
|
15
15
|
react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" }, headerActions
|
|
16
16
|
.filter(function (_a) {
|
|
17
17
|
var enabled = _a.enabled;
|
|
@@ -8,7 +8,7 @@ exports.VistaTextInputV1 = void 0;
|
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var VistaTextInputV1 = function (_a) {
|
|
10
10
|
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.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
|
|
11
|
-
return (react_1.default.createElement(
|
|
11
|
+
return (react_1.default.createElement("div", null,
|
|
12
12
|
react_1.default.createElement("div", { className: "flex justify-between" },
|
|
13
13
|
label && (react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
|
|
14
14
|
react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
|