@layerfi/components 0.1.84 → 0.1.85-alpha

package/dist/cjs/index.cjs

@@ -115,7 +115,7 @@ var import_react17 = __toESM(require("react"));
 var import_react16 = __toESM(require("react"));
 
 // package.json
-var version = "0.1.84";
+var version = "0.1.85-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5216,10 +5216,20 @@ var import_react65 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_react64 = __toESM(require("react"));
 var import_react_aria_components4 = require("react-aria-components");
+
+// src/components/utility/withRenderProp.tsx
+function withRenderProp(renderProp, callback) {
+  if (typeof renderProp === "function") {
+    return renderProp;
+  }
+  return callback(renderProp);
+}
+
+// src/components/ui/Checkbox/Checkbox.tsx
 var CLASS_NAME2 = "Layer__Checkbox";
 function Checkbox(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ import_react64.default.createElement(import_react_aria_components4.Checkbox, __spreadProps(__spreadValues({}, props), { className: CLASS_NAME2 }), () => /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("div", { slot: "checkbox" }, /* @__PURE__ */ import_react64.default.createElement(import_lucide_react2.Check, null)), children));
+  return /* @__PURE__ */ import_react64.default.createElement(import_react_aria_components4.Checkbox, __spreadProps(__spreadValues({}, props), { className: CLASS_NAME2 }), withRenderProp(children, (node) => /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("div", { slot: "checkbox" }, /* @__PURE__ */ import_react64.default.createElement(import_lucide_react2.Check, null)), node)));
 }
 
 // src/components/LinkedAccounts/ConfirmationModal/LinkedAccountToConfirm.tsx
@@ -8205,7 +8215,7 @@ var BankTransactionRow = ({
     showComponent ? "show" : ""
   );
   const showReceiptDataProperties = (0, import_react96.useMemo)(
-    () => toDataProperties({ showReceiptUploadColumn }),
+    () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
   return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, /* @__PURE__ */ import_react96.default.createElement("tr", { className: rowClassName }, /* @__PURE__ */ import_react96.default.createElement(
@@ -9873,7 +9883,7 @@ var BankTransactionsTable = ({
     }
   ))) != null ? _a : false;
   const showReceiptDataProperties = (0, import_react115.useMemo)(
-    () => toDataProperties({ showReceiptUploadColumn: showReceiptColumn }),
+    () => toDataProperties({ "show-receipt-upload-column": showReceiptColumn }),
     [showReceiptColumn]
   );
   return /* @__PURE__ */ import_react115.default.createElement(
@@ -19881,6 +19891,7 @@ var GeneralLedgerView = ({
       {
         asWidget: true,
         withExpandAllButton: true,
+        showAddAccountButton: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showAddAccountButton,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.chartOfAccounts,
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries

package/dist/esm/index.mjs

@@ -57,7 +57,7 @@ import React9, { useState as useState7 } from "react";
 import React8, { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.84";
+var version = "0.1.85-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5180,10 +5180,20 @@ import React72 from "react";
 import { Check } from "lucide-react";
 import React71 from "react";
 import { Checkbox as ReactAriaCheckbox } from "react-aria-components";
+
+// src/components/utility/withRenderProp.tsx
+function withRenderProp(renderProp, callback) {
+  if (typeof renderProp === "function") {
+    return renderProp;
+  }
+  return callback(renderProp);
+}
+
+// src/components/ui/Checkbox/Checkbox.tsx
 var CLASS_NAME2 = "Layer__Checkbox";
 function Checkbox(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React71.createElement(ReactAriaCheckbox, __spreadProps(__spreadValues({}, props), { className: CLASS_NAME2 }), () => /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement("div", { slot: "checkbox" }, /* @__PURE__ */ React71.createElement(Check, null)), children));
+  return /* @__PURE__ */ React71.createElement(ReactAriaCheckbox, __spreadProps(__spreadValues({}, props), { className: CLASS_NAME2 }), withRenderProp(children, (node) => /* @__PURE__ */ React71.createElement(React71.Fragment, null, /* @__PURE__ */ React71.createElement("div", { slot: "checkbox" }, /* @__PURE__ */ React71.createElement(Check, null)), node)));
 }
 
 // src/components/LinkedAccounts/ConfirmationModal/LinkedAccountToConfirm.tsx
@@ -8185,7 +8195,7 @@ var BankTransactionRow = ({
     showComponent ? "show" : ""
   );
   const showReceiptDataProperties = useMemo10(
-    () => toDataProperties({ showReceiptUploadColumn }),
+    () => toDataProperties({ "show-receipt-upload-column": showReceiptUploadColumn }),
     [showReceiptUploadColumn]
   );
   return /* @__PURE__ */ React110.createElement(React110.Fragment, null, /* @__PURE__ */ React110.createElement("tr", { className: rowClassName }, /* @__PURE__ */ React110.createElement(
@@ -9858,7 +9868,7 @@ var BankTransactionsTable = ({
     }
   ))) != null ? _a : false;
   const showReceiptDataProperties = useMemo12(
-    () => toDataProperties({ showReceiptUploadColumn: showReceiptColumn }),
+    () => toDataProperties({ "show-receipt-upload-column": showReceiptColumn }),
     [showReceiptColumn]
   );
   return /* @__PURE__ */ React128.createElement(
@@ -19917,6 +19927,7 @@ var GeneralLedgerView = ({
       {
         asWidget: true,
         withExpandAllButton: true,
+        showAddAccountButton: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showAddAccountButton,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.chartOfAccounts,
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries

package/dist/index.css

@@ -5611,14 +5611,14 @@ tbody .Layer__table__empty-row:first-child {
   box-shadow: -8px 0px 20px -2px rgba(255, 255, 255, 0.64);
   right: 430px;
 }
-.Layer__table.Layer__bank-transactions__table .Layer__table-cell__amount-col[data-showreceiptuploadcolumn] {
+.Layer__table.Layer__bank-transactions__table .Layer__table-cell__amount-col[data-show-receipt-upload-column] {
   right: 494px;
 }
 .Layer__table-header.Layer__bank-transactions__documents-col {
   padding-left: 0px;
   padding-right: 0px;
 }
-.Layer__table-header.Layer__bank-transactions__documents-col[data-showreceiptuploadcolumn] {
+.Layer__table-header.Layer__bank-transactions__documents-col[data-show-receipt-upload-column] {
   padding-left: 16px;
   padding-right: 16px;
 }
@@ -5634,7 +5634,7 @@ tbody .Layer__table__empty-row:first-child {
   min-width: 0px;
   max-width: 0px;
 }
-.Layer__table.Layer__bank-transactions__table .Layer__bank-transactions__documents-col[data-showreceiptuploadcolumn] {
+.Layer__table.Layer__bank-transactions__table .Layer__bank-transactions__documents-col[data-show-receipt-upload-column] {
   width: 64px;
   min-width: 64px;
   max-width: 64px;

package/dist/index.d.ts

@@ -4126,8 +4126,10 @@ declare module '@layerfi/components/components/ui/Button/Button' {
 }
 declare module '@layerfi/components/components/ui/Checkbox/Checkbox' {
   import React from 'react';
-  import { type CheckboxProps } from 'react-aria-components';
-  export function Checkbox({ children, ...props }: Omit<CheckboxProps, 'className'>): React.JSX.Element;
+  import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+  type CheckboxProps = Omit<AriaCheckboxProps, 'className'>;
+  export function Checkbox({ children, ...props }: CheckboxProps): React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
@@ -4243,6 +4245,14 @@ declare module '@layerfi/components/components/utility/InvisibleDownload' {
   const InvisibleDownload: React.ForwardRefExoticComponent<React.RefAttributes<InvisibleDownloadHandle>>;
   export default InvisibleDownload;
 
+}
+declare module '@layerfi/components/components/utility/withRenderProp' {
+  import type { ReactNode } from 'react';
+  type GenericFn<TOut> = (...args: Array<never>) => TOut;
+  type RenderProp<T extends GenericFn<ReactNode>> = ReactNode | T;
+  export function withRenderProp<T extends GenericFn<ReactNode>>(renderProp: RenderProp<T>, callback: (node: ReactNode) => ReactNode): string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | T | null | undefined;
+  export {};
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
@@ -6840,11 +6850,11 @@ declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
 }
 declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
   type AllowedDataValue = string | number | true;
-  type DataPrefix<T extends string> = `data-${T}`;
+  type DataPrefix<T extends Lowercase<string>> = `data-${T}`;
   type DataProperties<T> = {
-      [K in keyof T as DataPrefix<Extract<K, string>>]: T[K] extends AllowedDataValue ? T[K] : never;
+      [K in keyof T as DataPrefix<Extract<K, Lowercase<string>>>]: T[K] extends AllowedDataValue ? T[K] : never;
   };
-  export function toDataProperties<T extends Record<string, unknown>>(input: T): DataProperties<T>;
+  export function toDataProperties<TKeys extends Lowercase<string>, TValues>(input: Record<TKeys, TValues>): DataProperties<Record<TKeys, Extract<TValues, AllowedDataValue>>>;
   export {};
 
 }
@@ -7000,6 +7010,7 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   export interface ChartOfAccountsOptions {
       templateAccountsEditable?: boolean;
       showReversalEntries?: boolean;
+      showAddAccountButton?: boolean;
   }
   export interface GeneralLedgerProps {
       title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.84",
+  "version": "0.1.85-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -25,8 +25,9 @@
     "build:clean": "rm -rf ./dist && npm run build",
     "dev": "node bin/build.js -- --watch",
     "prepack": "npm run typecheck && npm run build:clean",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "lint": "eslint . && stylelint '**/*.{css,scss}'",
+    "lint:eslint": "eslint .",
+    "lint:stylelint": "stylelint '**/*.{css,scss}'"
   },
   "repository": {
     "type": "git",
@@ -49,6 +50,7 @@
   },
   "devDependencies": {
     "@stylistic/eslint-plugin": "^2.10.0",
+    "@stylistic/stylelint-plugin": "^3.1.1",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
@@ -57,7 +59,7 @@
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.2.0",
     "esbuild": "^0.19.5",
-    "esbuild-jest": "^0.5.0",
+    "esbuild-jest": "^0.4.0",
     "esbuild-sass-plugin": "^2.16.0",
     "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
@@ -69,6 +71,9 @@
     "npm-dts": "^1.3.12",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "stylelint": "^16.12.0",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-config-standard-scss": "^14.0.0",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.15.0"
   },