@appcorp/app-corp-vista 0.1.50 → 0.1.51

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 (4) hide show
  1. package/package.json +1 -1
  2. package/templates/vista-dashboard-v1/vista-dashboard-v1.js +6 -3
  3. package/type/vista-dashboard-type.d.ts +5 -0
  4. package/type/vista-dashboard-type.js +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.1.50",
3
+ "version": "0.1.51",
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/templates/vista-dashboard-v1/vista-dashboard-v1.js CHANGED
@@ -21,8 +21,11 @@ var react_2 = require("@headlessui/react");
21
21
  var outline_1 = require("@heroicons/react/24/outline");
22
22
  var vista_dashboard_sidebar_v1_1 = require("../../molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1");
23
23
  var vista_dashboard_topbar_v1_1 = require("../../molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1");
24
+ var vista_dashboard_type_1 = require("../../type/vista-dashboard-type");
24
25
  var VistaDashboardV1 = function (_a) {
25
- var children = _a.children, handleIsSideBarOpen = _a.handleIsSideBarOpen, isSideBarOpen = _a.isSideBarOpen, sideBar = _a.sideBar, topBar = _a.topBar;
26
+ var children = _a.children, handleIsSideBarOpen = _a.handleIsSideBarOpen, isSideBarOpen = _a.isSideBarOpen, sideBar = _a.sideBar, topBar = _a.topBar, _b = _a.dir, dir = _b === void 0 ? vista_dashboard_type_1.APP_DIR.LTR : _b;
27
+ var dynamicSidebarClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-2';
28
+ var dynamicBodyClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-1';
26
29
  return (react_1.default.createElement("section", { className: 'h-full' },
27
30
  react_1.default.createElement(react_2.Dialog, { className: "relative z-10 xl:hidden", onClose: handleIsSideBarOpen, open: isSideBarOpen },
28
31
  react_1.default.createElement(react_2.DialogBackdrop, { className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-[closed]:opacity-0", transition: true }),
@@ -34,9 +37,9 @@ var VistaDashboardV1 = function (_a) {
34
37
  react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
35
38
  react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
36
39
  react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
37
- react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:fixed xl:inset-y-0 xl:z-10 xl:flex xl:w-72 xl:flex-col' : '') },
40
+ react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:fixed xl:inset-y-0 xl:z-10 xl:flex xl:w-72 xl:flex-col' : '', " ").concat(dynamicSidebarClassName) },
38
41
  react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))),
39
- react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72 h-full' : '') },
42
+ react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72 h-full' : '', " ").concat(dynamicBodyClassName) },
40
43
  react_1.default.createElement("div", { className: "overflow-y-auto h-screen" },
41
44
  react_1.default.createElement(vista_dashboard_topbar_v1_1.VistaDashboardTopBarV1, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
42
45
  children))));
package/type/vista-dashboard-type.d.ts CHANGED
@@ -1,8 +1,13 @@
1
1
  import { ReactNode } from "react";
2
2
  import { VistaDashboardSideBarV1Props } from "./vista-dashboard-sidebar-type";
3
3
  import { VistaDashboardTopBarV1Props } from "./vista-dashboard-topbar-type";
4
+ export declare enum APP_DIR {
5
+ RTL = "rtl",
6
+ LTR = "ltr"
7
+ }
4
8
  export interface VistaDashboardV1Props {
5
9
  children: ReactNode;
10
+ dir?: APP_DIR;
6
11
  handleIsSideBarOpen: (b: boolean) => void;
7
12
  isSideBarOpen: boolean;
8
13
  sideBar: VistaDashboardSideBarV1Props;
package/type/vista-dashboard-type.js CHANGED
@@ -1,2 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.APP_DIR = void 0;
4
+ var APP_DIR;
5
+ (function (APP_DIR) {
6
+ APP_DIR["RTL"] = "rtl";
7
+ APP_DIR["LTR"] = "ltr";
8
+ })(APP_DIR || (exports.APP_DIR = APP_DIR = {}));