pixel-react 1.10.10-4 → 1.10.12

package/lib/utils/checkEmpty/checkEmpty.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (value: any) => boolean;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/compareArrays/compareArrays.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (arr1: unknown[], arr2: unknown[]) => boolean;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/compareObjects/compareObjects.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (obj1: import("./compareObjects").AnyObject | null, obj2: import("./compareObjects").AnyObject | null) => boolean;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/debounce/debounce.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (func: (...args: any[]) => void, delay: number) => import("./debounce").DebouncedFunction;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/ffID/ffID.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ffid } from './ffid';
+declare const meta: Meta<typeof ffid>;
+type Story = StoryObj;
+export declare const Primary: Story;
+export default meta;

package/lib/utils/find/findAndInsert.d.ts

@@ -0,0 +1,7 @@
+export type AnyObject = {
+    id: number;
+    [key: string]: any;
+};
+export declare function findAndInsert<T extends AnyObject>(data: T[], key: keyof T, targetId: number, newEntry: T, insertPosition: 'above' | 'below' | 'replace', childrenKey?: string): {
+    updatedArray: T[];
+} | null;

package/lib/utils/find/findAndInsert.stories.d.ts

@@ -0,0 +1,7 @@
+import { findAndInsert } from './findAndInsert';
+declare const _default: {
+    title: string;
+    component: typeof findAndInsert;
+};
+export default _default;
+export declare const InteractivePlayground: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/findAndInsert/findAndInsert.stories.d.ts

@@ -0,0 +1,7 @@
+import { findAndInsert } from './findAndInsert';
+declare const _default: {
+    title: string;
+    component: typeof findAndInsert;
+};
+export default _default;
+export declare const InteractivePlayground: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (data: string, publicKey: string) => string | false;
+};
+export default _default;
+export declare const InteractivePlayground: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/getExtension/getExtension.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (value: string | File) => string | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/throttle/throttle.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (func: (...args: any[]) => void, limit: number) => import("./throttle").ThrottledFunction;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/lib/utils/truncateText/truncateText.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (text: string, maxLength: number) => string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.10.10-4",
+  "version": "1.10.12",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/TableTree/Components/TableCell.tsx

@@ -20,7 +20,7 @@ const renderSpaces = (
     isLastNode = false;
 
     if (!isNaN(level)) {
-      siblingsArray = Array(level - 1).fill(true);
+      siblingsArray = Array(level).fill(true);
     }
   }
 

package/src/components/TableTree/TableTree.scss

@@ -159,7 +159,7 @@
     .table-tree-row-action {
       display: inline-flex;
       align-items: center;
-      svg{
+      svg {
         height: 14px;
         width: 14px;
       }
@@ -170,6 +170,17 @@
 
     .table-tree-row-action {
       display: none;
+      
+      .ff-icon-container{
+        height: 14px !important;
+        width: 14px !important;
+        padding: 2px 4px;
+      }
+
+      .ff-add-button-container{
+        height: 20px;
+        width: 22px;
+      }
     }
 
     .table-row-add-button {
@@ -267,6 +278,7 @@
       height: 12px;
       width: 12px;
       transition: transform 0.3s ease;
+      cursor: pointer;
 
       path {
         fill: var(--brand-color);
@@ -288,4 +300,4 @@
 .tree-title-container {
   display: inline-flex;
   align-items: center;
-}
+}

package/src/components/TableTree/TableTree.tsx

@@ -143,7 +143,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
       setExpanding(node.key);
       onExpand?.(node, index);
     },
-    [onExpand]
+    [onExpand, expanding]
   );
 
   const handleCheckBoxChange = useCallback(
@@ -151,7 +151,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
       if (expanding) return;
       onChange?.(e, node);
     },
-    [onChange]
+    [onChange, expanding]
   );
 
   const handleRowClick = useCallback(
@@ -159,7 +159,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
       if (expanding) return;
       onClick?.(e, node);
     },
-    [onClick]
+    [onClick, expanding]
   );
 
   return (