@layerfi/components 0.1.102-alpha.6 → 0.1.102

package/dist/cjs/index.cjs

@@ -5602,7 +5602,7 @@ var import_react12 = require("react");
 var import_react10 = require("react");
 
 // package.json
-var version = "0.1.102-alpha.6";
+var version = "0.1.102";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -11479,23 +11479,20 @@ var Button2 = (0, import_react39.forwardRef)((_a, ref) => {
     icon,
     inset,
     size = "md",
-    variant = "solid",
-    persistentBorder
+    variant = "solid"
   } = _b, restProps = __objRest(_b, [
     "children",
     "icon",
     "inset",
     "size",
-    "variant",
-    "persistentBorder"
+    "variant"
   ]);
   const { isPending = false } = restProps;
   const dataProperties = toDataProperties({
     icon,
     inset,
     size,
-    variant,
-    "persistent-border": persistentBorder
+    variant
   });
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_react_aria_components6.Button,
@@ -28519,6 +28516,7 @@ var Edit2 = (_a) => {
 var Edit2_default = Edit2;
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime248 = require("react/jsx-runtime");
 var ChartOfAccountsTable = ({
   view,
@@ -28577,55 +28575,78 @@ var ChartOfAccountsTableContent = ({
   }, []);
   const renderChartOfAccountsDesktopRow = (account, index, rowKey, depth) => {
     var _a, _b;
-    const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
-    const expanded = expandable ? isOpen(rowKey) : true;
+    const hasSubAccounts = !!account.sub_accounts && account.sub_accounts.length > 0;
+    const isExpanded = hasSubAccounts ? isOpen(rowKey) : true;
+    const isNonEditable = !templateAccountsEditable && !!account.stable_name;
+    const onClickRow = (e) => {
+      e.stopPropagation();
+      if (hasSubAccounts) setIsOpen(rowKey);
+    };
+    const onClickAccountName = (e) => {
+      e.stopPropagation();
+      setAccountId(account.id);
+    };
+    const onClickEdit = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      editAccount(account.id);
+    };
+    const onClickView = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setAccountId(account.id);
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(import_react166.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
         TableRow,
         {
           rowKey: rowKey + "-" + index,
-          expandable,
-          isExpanded: expanded,
-          onClick: (e) => {
-            e.stopPropagation();
-            setAccountId(account.id);
-          },
+          expandable: hasSubAccounts,
+          isExpanded,
+          onClick: onClickRow,
           depth,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
               TableCell,
               {
-                withExpandIcon: expandable,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  expandable && setIsOpen(rowKey);
-                },
-                children: account.name
+                withExpandIcon: hasSubAccounts,
+                children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(HStack, { gap: "lg", children: [
+                  !hasSubAccounts && /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Spacer, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Button2, { variant: "text", onClick: onClickAccountName, children: account.name })
+                ] })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TableCell, { children: (_a = account.account_type) == null ? void 0 : _a.display_name }),
             /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TableCell, { children: (_b = account.account_subtype) == null ? void 0 : _b.display_name }),
             /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TableCell, { isCurrency: true, children: account.balance }),
-            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("span", { className: "Layer__coa__actions", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
-              Button,
-              {
-                variant: "secondary" /* secondary */,
-                rightIcon: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Edit2_default, { size: 12 }),
-                iconOnly: true,
-                disabled: !templateAccountsEditable && !!account.stable_name,
-                onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  editAccount(account.id);
-                },
-                tooltip: !templateAccountsEditable && account.stable_name ? "System accounts cannot be modified" : void 0,
-                children: "Edit"
-              }
-            ) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(TableCell, { align: "right" /* RIGHT */, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(HStack, { className: "Layer__coa__actions", gap: "xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+                Button,
+                {
+                  variant: "secondary" /* secondary */,
+                  rightIcon: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Edit2_default, { size: 14 }),
+                  iconOnly: true,
+                  disabled: isNonEditable,
+                  onClick: onClickEdit,
+                  tooltip: isNonEditable ? "This account cannot be modified" : void 0,
+                  children: "Edit"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+                Button,
+                {
+                  variant: "secondary" /* secondary */,
+                  rightIcon: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(import_lucide_react16.List, { size: 14 }),
+                  iconOnly: true,
+                  onClick: onClickView,
+                  children: "View"
+                }
+              )
+            ] }) })
           ]
         }
       ),
-      expandable && expanded && account.sub_accounts.map((subItem, subIdx) => {
+      hasSubAccounts && isExpanded && account.sub_accounts.map((subItem, subIdx) => {
         const subRowKey = `${rowKey}-${subItem.id}`;
         return renderChartOfAccountsDesktopRow(
           subItem,

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState5 } from "react";
 import { useReducer, useEffect as useEffect2 } from "react";
 
 // package.json
-var version = "0.1.102-alpha.6";
+var version = "0.1.102";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -11490,23 +11490,20 @@ var Button2 = forwardRef8((_a, ref) => {
     icon,
     inset,
     size = "md",
-    variant = "solid",
-    persistentBorder
+    variant = "solid"
   } = _b, restProps = __objRest(_b, [
     "children",
     "icon",
     "inset",
     "size",
-    "variant",
-    "persistentBorder"
+    "variant"
   ]);
   const { isPending = false } = restProps;
   const dataProperties = toDataProperties({
     icon,
     inset,
     size,
-    variant,
-    "persistent-border": persistentBorder
+    variant
   });
   return /* @__PURE__ */ jsx66(
     ReactAriaButton2,
@@ -28627,6 +28624,7 @@ var Edit2 = (_a) => {
 var Edit2_default = Edit2;
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
+import { List } from "lucide-react";
 import { jsx as jsx247, jsxs as jsxs152 } from "react/jsx-runtime";
 var ChartOfAccountsTable = ({
   view,
@@ -28685,55 +28683,78 @@ var ChartOfAccountsTableContent = ({
   }, []);
   const renderChartOfAccountsDesktopRow = (account, index, rowKey, depth) => {
     var _a, _b;
-    const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
-    const expanded = expandable ? isOpen(rowKey) : true;
+    const hasSubAccounts = !!account.sub_accounts && account.sub_accounts.length > 0;
+    const isExpanded = hasSubAccounts ? isOpen(rowKey) : true;
+    const isNonEditable = !templateAccountsEditable && !!account.stable_name;
+    const onClickRow = (e) => {
+      e.stopPropagation();
+      if (hasSubAccounts) setIsOpen(rowKey);
+    };
+    const onClickAccountName = (e) => {
+      e.stopPropagation();
+      setAccountId(account.id);
+    };
+    const onClickEdit = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      editAccount(account.id);
+    };
+    const onClickView = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setAccountId(account.id);
+    };
     return /* @__PURE__ */ jsxs152(Fragment34, { children: [
       /* @__PURE__ */ jsxs152(
         TableRow,
         {
           rowKey: rowKey + "-" + index,
-          expandable,
-          isExpanded: expanded,
-          onClick: (e) => {
-            e.stopPropagation();
-            setAccountId(account.id);
-          },
+          expandable: hasSubAccounts,
+          isExpanded,
+          onClick: onClickRow,
           depth,
           children: [
             /* @__PURE__ */ jsx247(
               TableCell,
               {
-                withExpandIcon: expandable,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  expandable && setIsOpen(rowKey);
-                },
-                children: account.name
+                withExpandIcon: hasSubAccounts,
+                children: /* @__PURE__ */ jsxs152(HStack, { gap: "lg", children: [
+                  !hasSubAccounts && /* @__PURE__ */ jsx247(Spacer, {}),
+                  /* @__PURE__ */ jsx247(Button2, { variant: "text", onClick: onClickAccountName, children: account.name })
+                ] })
               }
             ),
             /* @__PURE__ */ jsx247(TableCell, { children: (_a = account.account_type) == null ? void 0 : _a.display_name }),
             /* @__PURE__ */ jsx247(TableCell, { children: (_b = account.account_subtype) == null ? void 0 : _b.display_name }),
             /* @__PURE__ */ jsx247(TableCell, { isCurrency: true, children: account.balance }),
-            /* @__PURE__ */ jsx247(TableCell, { children: /* @__PURE__ */ jsx247("span", { className: "Layer__coa__actions", children: /* @__PURE__ */ jsx247(
-              Button,
-              {
-                variant: "secondary" /* secondary */,
-                rightIcon: /* @__PURE__ */ jsx247(Edit2_default, { size: 12 }),
-                iconOnly: true,
-                disabled: !templateAccountsEditable && !!account.stable_name,
-                onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  editAccount(account.id);
-                },
-                tooltip: !templateAccountsEditable && account.stable_name ? "System accounts cannot be modified" : void 0,
-                children: "Edit"
-              }
-            ) }) })
+            /* @__PURE__ */ jsx247(TableCell, { align: "right" /* RIGHT */, children: /* @__PURE__ */ jsxs152(HStack, { className: "Layer__coa__actions", gap: "xs", children: [
+              /* @__PURE__ */ jsx247(
+                Button,
+                {
+                  variant: "secondary" /* secondary */,
+                  rightIcon: /* @__PURE__ */ jsx247(Edit2_default, { size: 14 }),
+                  iconOnly: true,
+                  disabled: isNonEditable,
+                  onClick: onClickEdit,
+                  tooltip: isNonEditable ? "This account cannot be modified" : void 0,
+                  children: "Edit"
+                }
+              ),
+              /* @__PURE__ */ jsx247(
+                Button,
+                {
+                  variant: "secondary" /* secondary */,
+                  rightIcon: /* @__PURE__ */ jsx247(List, { size: 14 }),
+                  iconOnly: true,
+                  onClick: onClickView,
+                  children: "View"
+                }
+              )
+            ] }) })
           ]
         }
       ),
-      expandable && expanded && account.sub_accounts.map((subItem, subIdx) => {
+      hasSubAccounts && isExpanded && account.sub_accounts.map((subItem, subIdx) => {
         const subRowKey = `${rowKey}-${subItem.id}`;
         return renderChartOfAccountsDesktopRow(
           subItem,

package/dist/index.css

@@ -186,10 +186,10 @@
   --outline-default: var(--color-base-300);
   --outline-active: var(--color-base-500);
   --button-bg-default: var(--color-base-1000);
-  --button-fg-default: var(--color-base-0);
+  --button-bg-disabled: var(--color-base-200);
   --button-bg-active: var(--color-base-800);
+  --button-fg-default: var(--color-base-0);
   --button-fg-disabled: var(--color-base-500);
-  --button-bg-disabled: var(--color-base-200);
   --button-fg-ghost: var(--color-base-800);
   --button-border-color-ghost: var(--color-base-300);
   --button-border-color-ghost-active: var(--color-base-800);
@@ -4518,6 +4518,19 @@ tbody .Layer__table__empty-row:first-child {
   outline: 2px solid var(--outline-default);
   background-color: var(--button-bg-active);
 }
+.Layer__UI__Button[data-variant=text] {
+  --size: 1.75rem;
+  padding-inline: var(--spacing-xs);
+  border: none;
+  background-color: transparent;
+}
+.Layer__UI__Button[data-variant=text][data-hovered]:not([data-disabled], [data-pressed]) {
+  outline: none;
+  text-decoration: underline;
+}
+.Layer__UI__Button[data-variant=text][data-pressed]:not([data-focus-visible]) {
+  text-decoration: none;
+}
 .Layer__ButtonTransparentContent {
   opacity: 0;
   grid-row: 1/-1;

package/dist/index.d.ts

@@ -5006,14 +5006,13 @@ declare module '@layerfi/components/components/domain/transactions/searchField/T
 }
 declare module '@layerfi/components/components/ui/Button/Button' {
   import { type ButtonProps } from 'react-aria-components';
-  type ButtonVariant = 'solid' | 'ghost' | 'outlined';
+  type ButtonVariant = 'solid' | 'ghost' | 'outlined' | 'text';
   type ButtonSize = 'md';
   const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "className"> & {
       icon?: true;
       inset?: true;
       size?: ButtonSize;
       variant?: ButtonVariant;
-      persistentBorder?: boolean;
   } & import("react").RefAttributes<HTMLButtonElement>>;
   export { Button };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.102-alpha.6",
+  "version": "0.1.102",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -66,9 +66,9 @@
     "npm-dts": "^1.3.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "stylelint": "^16.20.0",
+    "stylelint": "^16.21.0",
     "stylelint-config-standard": "^38.0.0",
-    "stylelint-config-standard-scss": "^15.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-order": "^7.0.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.0"