@react-fabric/data 1.0.0-beta.0

package/dist/types/tree/useTree.d.ts

@@ -0,0 +1,20 @@
+import { type InternalNode, type TreeNodeType } from "./types";
+export declare const useTree: <T extends KeyValue<any>>({ items, checked, selected, matcher, onSelect, onChecked, }: {
+    items?: Array<TreeNodeType<T>>;
+    selected?: string;
+    checked?: string[];
+    onSelect?: (id: string) => void;
+    onChecked?: (leafs: string[], nodes: string[]) => void;
+    matcher?: (data: T, query: string) => boolean;
+}) => {
+    tree: InternalNode[];
+    toggleExpand: (id: string) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    toggleCheck: (id: string) => void;
+    select: (id: string) => void;
+    onFilter: {
+        (...args: any): void;
+        cancel(): void;
+    };
+};

package/dist/types/tree/utils.d.ts

@@ -0,0 +1,10 @@
+import { type InternalNode, type TreeNodeType } from "./types";
+export declare const refactorTree: (nodes: TreeNodeType[], options?: {
+    level: number;
+    parent?: string;
+}) => InternalNode[];
+export declare const makeTreeMap: (nodes: InternalNode[], map?: Map<any, any>) => Map<any, any>;
+export declare const flattenTree: (nodes: InternalNode[], lines?: Array<0 | 1 | 2 | 3>) => InternalNode[];
+export declare const updateSelection: (nodes: Map<string, InternalNode>, id: string, selected?: true) => void;
+export declare const updateChecked: (list: Map<string, AnyObject>, id: string) => void;
+export declare const filterTree: (nodes: Map<string, InternalNode>, query?: string, matcher?: AnyObject) => void;

package/dist/types/virtual/Gallery.d.ts

@@ -0,0 +1,55 @@
+import { type ReactElement, type Ref } from "react";
+export interface VirtualGalleryRef {
+    scrollToItem: (index: number) => void;
+    hilight: (index: number) => void;
+    unhilight: () => void;
+}
+export interface VirtualGalleryProps<T> {
+    children: (props: {
+        data: T;
+        index: number;
+        isLast: boolean;
+    }) => ReactElement;
+    galleryRef?: Ref<VirtualGalleryRef | undefined>;
+    /**
+     * fixed columns
+     */
+    columns?: number;
+    /**
+     * default item height
+     */
+    defaultHeight?: number;
+    /**
+     * default item width
+     */
+    defaultWidth?: number;
+    /**
+     * padding
+     */
+    padding?: "sm" | "md" | "lg" | "none";
+    /**
+     * data list
+     */
+    items: T[];
+    /**
+     * loading state
+     */
+    loading?: boolean;
+    initialScroll?: number;
+    /**
+     * hide scroll buttons
+     */
+    hideScroller?: boolean;
+    /**
+     * load more callback
+     */
+    onLoadMore?: () => void;
+    /**
+     * scroll handler
+     */
+    onScroll?: (top: number) => void;
+}
+export declare const VirtualGallery: {
+    <T extends KeyValue<any>>({ items, children, columns, padding, defaultHeight: height, defaultWidth: width, hideScroller, initialScroll, loading, onLoadMore, onScroll, galleryRef, }: VirtualGalleryProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/virtual/List.d.ts

@@ -0,0 +1,59 @@
+import { type ReactElement, type Ref } from "react";
+export interface VirtualListRef {
+    scrollToItem: (index: number) => void;
+    hilight: (index: number) => void;
+    unhilight: () => void;
+}
+export interface VirtualListProps<T> {
+    children: (props: {
+        data: T;
+        index: number;
+        isLast: boolean;
+    }) => ReactElement;
+    listRef?: Ref<VirtualListRef | undefined>;
+    /**
+     * default item height
+     */
+    defaultHeight?: number;
+    /**
+     * default item width
+     */
+    defaultWidth?: number;
+    /**
+     * full width list
+     */
+    fullWidth?: boolean;
+    /**
+     * padding
+     */
+    padding?: "sm" | "md" | "lg" | "none";
+    /**
+     * list orientation
+     */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * data list
+     */
+    items: T[];
+    initialScroll?: number;
+    /**
+     * loading state
+     */
+    loading?: boolean;
+    /**
+     * hide scroll buttons
+     */
+    hideScroller?: boolean;
+    /**
+     * load more callback
+     */
+    onLoadMore?: (page?: number) => void;
+    /**
+     * scroll handler
+     */
+    onScroll?: (top: number) => void;
+}
+export declare const VirtualList: {
+    <T extends KeyValue<any>>({ items, children, fullWidth, padding, orientation, defaultHeight: height, defaultWidth: width, hideScroller, initialScroll, loading, onLoadMore, onScroll, listRef, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/virtual/Scroller.d.ts

@@ -0,0 +1,8 @@
+export declare const Scroller: ({ vertical, scrollActive, onStart, onEnd, onPrevious, onNext, }: {
+    scrollActive: number;
+    vertical: boolean;
+    onStart: () => void;
+    onEnd: () => void;
+    onPrevious: () => void;
+    onNext: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@react-fabric/data",
+  "version": "1.0.0-beta.0",
+  "description": "RUF: Data package",
+  "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
+  "license": "MIT",
+  "repository": "https://github.com/adarshpastakia/react-ui-framework/tree/main/packages/data",
+  "source": "src/index.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "directories": {
+    "src": "src",
+    "test": "tests"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "makelink": "yarn link",
+    "removelink": "yarn unlink",
+    "prebuild": "rm -rf ./dist",
+    "build:dts": "tsc -p ./tsconfig.build.json",
+    "build:rollup": "rollup -c ../../rollup.config.mjs",
+    "build": "npm-run-all -p build:rollup build:dts",
+    "watch:dts": "tsc -w -p ./tsconfig.build.json",
+    "watch:rollup": "rollup -w -c ../../rollup.config.mjs",
+    "watch": "npm-run-all -p watch:rollup watch:dts"
+  },
+  "dependencies": {
+    "@react-fabric/core": "^1.0.0-beta.0",
+    "@react-fabric/form": "^1.0.0-beta.0",
+    "@react-fabric/utilities": "^1.0.0-beta.0",
+    "@tanstack/react-virtual": "^3.8.6",
+    "classnames": "^2.5.1",
+    "color": "^4.2.3",
+    "memoize-one": "^6.0.0"
+  },
+  "peerDependencies": {
+    "i18next": "^23.15.1",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0",
+    "react-i18next": "^15.0.2"
+  },
+  "engines": {
+    "node": ">=18.12.0",
+    "npm": ">=8.19.0"
+  },
+  "gitHead": "83fa79064b1d57e71149005432192d506810bbda"
+}

package/src/histogram/Histogram.module.css

@@ -0,0 +1,57 @@
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+@layer comp {
+  .histogram {
+    .histoLabel {
+      --tw-gradient-from: var(--color) var(--tw-gradient-from-position);
+      --tw-gradient-to: color-mix(in lab, var(--color) 20%, var(--fabric-bg))
+        var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+
+      background-color: color(from var(--color) srgb r g b / 5%);
+
+      &:hover {
+        background-color: color(from var(--color) srgb r g b / 15%);
+      }
+
+      &[data-disabled="true"] {
+        --color: theme(colors.tint.300);
+
+        color: theme(colors.tint.600);
+      }
+    }
+
+    .histoBar {
+      box-shadow: -2px 0 0 var(--color) inset;
+
+      :global([dir="rtl"]) & {
+        box-shadow: 2px 0 0 var(--color) inset;
+      }
+    }
+
+    .histoBadge {
+      background-color: color(from var(--color) srgb r g b / 15%);
+    }
+  }
+}

package/src/histogram/Histogram.tsx

@@ -0,0 +1,176 @@
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+import {
+  ActionLabel,
+  Button,
+  CoreIcons,
+  EmptyContent,
+  Icon,
+} from "@react-fabric/core";
+import {
+  type ColorType,
+  type PaletteType,
+} from "@react-fabric/core/dist/types/types";
+import { compareValues, Format } from "@react-fabric/utilities";
+import classNames from "classnames";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import classes from "./Histogram.module.css";
+
+const emptyIcon =
+  "M20.84 22.73L11.11 13H3V11H9.11L6.11 8H3V6H4.11L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M15 11H14.2L15 11.8V11M21 8V6H9.2L11.2 8H21M3 18H9V16H3V18Z";
+
+interface HistogramItem {
+  id: string;
+  label: string;
+  count: number;
+  total?: number;
+  disabled?: boolean;
+}
+
+export interface HistogramProps {
+  /**
+   * histogram items list
+   */
+  items: HistogramItem[];
+  /**
+   * total count
+   */
+  total?: number;
+  /**
+   * histogram bar color
+   */
+  color?: ColorType | PaletteType;
+  /**
+   * sorted list
+   */
+  sortBy?: "label" | "count";
+  /**
+   * title when histo list is empty
+   */
+  emptyTitle?: string | JSX.Element;
+  /**
+   * message when histo list is empty
+   */
+  emptyMessage?: string | JSX.Element;
+  /**
+   * handle histo click
+   */
+  onClick?: (id: string, negative?: true) => void;
+}
+
+export const Histogram = ({
+  items = [],
+  total,
+  color = "primary",
+  sortBy = "count",
+  emptyTitle,
+  emptyMessage,
+  onClick,
+}: HistogramProps) => {
+  const { t } = useTranslation("data");
+  const maxTotal = useMemo(() => {
+    if (total) return total;
+    return Math.max(...items.map((item) => item.count));
+  }, [total, items]);
+
+  const sorted = useMemo(() => {
+    return items.sort(
+      compareValues(sortBy === "label" ? "asc" : "desc", sortBy),
+    );
+  }, [items, sortBy]);
+
+  return (
+    <div
+      className={classes.histogram}
+      style={
+        {
+          "--color": `var(--${color})`,
+        } as AnyObject
+      }
+    >
+      {sorted.length === 0 && (
+        <EmptyContent
+          icon={<Icon icon={emptyIcon} size="2.5rem" />}
+          title={emptyTitle}
+          message={emptyMessage ?? t("histogram.empty")}
+        />
+      )}
+      {sorted?.map((item) => (
+        <div
+          role="none"
+          key={item.id}
+          data-disabled={item.count === 0 || item.disabled}
+          className={classNames(
+            "relative cursor-pointer flex flex-nowrap items-center select-none overflow-hidden min-h-6 my-px",
+            classes.histoLabel,
+            (item.count === 0 || item.disabled) && "pointer-events-none",
+          )}
+          onClick={(e) => [onClick?.(item.id), e.stopPropagation()]}
+        >
+          <div
+            className={classNames(
+              "absolute z-0 inset-0 opacity-50 min-w-2 ltr:bg-gradient-to-r rtl:bg-gradient-to-l from-0% to-100%",
+              classes.histoBar,
+            )}
+            style={{
+              width: `${Math.min(item.count / maxTotal, 1) * 100}%`,
+            }}
+          />
+          <ActionLabel
+            className="flex-1 truncate z-1 text-sm cursor-pointer font-medium"
+            actions={[
+              <Button
+                key="negative"
+                color="danger"
+                size="sm"
+                icon={CoreIcons.funnelMinus}
+                aria-label="Filter Negative"
+                onClick={() => onClick?.(item.id, true)}
+              />,
+              <Button
+                key="positive"
+                color="primary"
+                size="sm"
+                icon={CoreIcons.funnelPlus}
+                aria-label="Filter"
+                onClick={() => onClick?.(item.id)}
+              />,
+            ]}
+          >
+            {item.label}
+          </ActionLabel>
+          <span
+            className={classNames(
+              "z-1 rounded-full text-xs font-medium px-2 py-1 leading-none",
+              classes.histoBadge,
+            )}
+          >
+            {Format.number(item.count)}
+          </span>
+        </div>
+      ))}
+    </div>
+  );
+};

package/src/hooks/useFilteredList.tsx

@@ -0,0 +1,78 @@
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+import { isString, matchString } from "@react-fabric/utilities";
+import {
+  useCallback,
+  useDeferredValue,
+  useEffect,
+  useState,
+  useTransition,
+} from "react";
+
+const filterList = (
+  items: AnyObject[],
+  query: AnyObject = "",
+  matcher?: AnyObject,
+) => {
+  const newList: AnyObject[] = [];
+  items.forEach((item) => {
+    if (matcher) {
+      return matcher?.(item, query) && newList.push(item);
+    }
+    if (query && isString(query)) {
+      if (matchString(item.label ?? item.toString(), query)) {
+        return newList.push(item);
+      }
+    } else {
+      return newList.push(item);
+    }
+  });
+  return newList;
+};
+
+export const useFilteredList = <
+  T extends AnyObject = KeyValue,
+  Q extends AnyObject = string,
+>(
+  items: T[],
+  matcher?: (item: T, query: Q) => boolean,
+) => {
+  const [query, setQuery] = useState<Q>();
+  const _items = useDeferredValue(items ?? []);
+  const [filteredList, setFilteredList] = useState<T[]>([]);
+  const [isSearching, startTransition] = useTransition();
+
+  const filterItems = useCallback(
+    (items: T[], query?: Q) =>
+      startTransition(() => setFilteredList(filterList(items, query, matcher))),
+    [],
+  );
+
+  useEffect(() => {
+    if (query) filterItems(_items, query);
+    else setFilteredList(items);
+  }, [query, _items]);
+
+  return { onSearch: setQuery, query, filteredList, isSearching };
+};

package/src/hooks/usePagination.tsx

@@ -0,0 +1,135 @@
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+  useTransition,
+} from "react";
+
+export interface PaginationOptions {
+  /**
+   * total record count
+   */
+  totalRecords: number;
+  /**
+   * current page (default 0)
+   */
+  currentPage?: number;
+  /**
+   * records per page
+   */
+  perPage?: number;
+  /**
+   * pagination change handler
+   */
+  onChange?: (page: number) => void;
+}
+
+const TOTAL_PILLS = 12;
+const TOTAL_SIBLINGS = 2;
+const TOTAL_MID_SIBLINGS = 3;
+
+const makeRange = (start: number, end: number) => {
+  const length = end - start;
+  return Array.from({ length }, (_: AnyObject, idx: number) => idx + start);
+};
+
+export const usePagination = ({
+  totalRecords,
+  currentPage = 0,
+  perPage = 25,
+  onChange,
+}: PaginationOptions) => {
+  const [page, setPage] = useState(0);
+  const [, startTransition] = useTransition();
+
+  /** ***************** calculate total pages *******************/
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(totalRecords / perPage)),
+    [totalRecords, perPage],
+  );
+
+  /** ***************** calculate ranges *******************/
+  const ranges = useMemo(() => {
+    if (totalPages <= TOTAL_PILLS) {
+      return [makeRange(0, totalPages)];
+    }
+
+    const leftSiblingIndex = Math.max(page - TOTAL_MID_SIBLINGS, 0);
+    const rightSiblingIndex = Math.min(
+      page + TOTAL_MID_SIBLINGS,
+      totalPages - 1,
+    );
+    const shouldShowLeftDots = leftSiblingIndex >= TOTAL_SIBLINGS;
+    const shouldShowRightDots = rightSiblingIndex < totalPages - TOTAL_SIBLINGS;
+
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      return [
+        makeRange(0, TOTAL_SIBLINGS * 3),
+        makeRange(totalPages - TOTAL_SIBLINGS, totalPages),
+      ];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      return [
+        makeRange(0, TOTAL_SIBLINGS),
+        makeRange(totalPages - TOTAL_SIBLINGS * 3, totalPages),
+      ];
+    }
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      return [
+        makeRange(0, TOTAL_SIBLINGS),
+        makeRange(leftSiblingIndex + 1, rightSiblingIndex),
+        makeRange(totalPages - TOTAL_SIBLINGS, totalPages),
+      ];
+    }
+
+    return [];
+  }, [page, totalPages]);
+
+  /** ***************** set page *******************/
+  useEffect(() => {
+    setPage(Math.min(currentPage, totalPages - 1));
+    onChange?.(Math.min(currentPage, totalPages - 1));
+  }, [currentPage, totalPages]);
+
+  const headLabel = useMemo(
+    () => (
+      <span className="text-muted">
+        {page * perPage + 1}
+        &nbsp;-&nbsp;
+        {Math.min(page * perPage + perPage, totalRecords)}
+      </span>
+    ),
+    [page, perPage, totalRecords],
+  );
+
+  const onPageChange = useCallback((page: number) => {
+    setPage(page);
+    startTransition(() => onChange?.(page));
+  }, []);
+
+  return { page, totalPages, headLabel, ranges, onPageChange };
+};

package/src/i18n/ar.json

@@ -0,0 +1,36 @@
+{
+  "label": {
+    "noRecords": "لا تسجيلات"
+  },
+  "tree": {
+    "noItems": "لا توجد عناصر",
+    "error": "خطأ في تحميل العناصر",
+    "loading": "تحميل العناصر…"
+  },
+  "datagrid": {
+    "empty": "لا توجد سجلات متاحة"
+  },
+  "json": {
+    "empty": "لا توجد خصائص بيانات",
+    "true": "نعم",
+    "false": "رقم"
+  },
+  "checkList": {
+    "empty": "لا توجد عناصر قائمة"
+  },
+  "histogram": {
+    "empty": "لا توجد رسوم بيانية"
+  },
+  "action": {
+    "find": "تجد…",
+    "copy": "قيمة النسخ",
+    "filter": "منقي…",
+    "showShortcuts": "اختصارات لوحة المفاتيح…",
+    "collapseAll": "انهيار جميع",
+    "expandAll": "توسيع الكل",
+    "checkAll": "تحقق من الكل",
+    "uncheckAll": "الغاءالكل",
+    "addFilter": "أضف عامل تصفية",
+    "addFilterNot": "إضافة لا تصفية"
+  }
+}