sitero 0.0.1 → 0.0.3

package/dist/src/cms/client/interfaces/components/resources/tag/tag-list.js

@@ -1,147 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { POST_TYPES } from '../../../../../../core/domain/resources/post/props.js';
-import 'mime-types';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { debounce } from '../../../../../../shared/utils/debounce.js';
-import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
-import '../../../../../../constants/paths/auth.js';
-import '../../../../../../constants/paths/main.js';
-import '../../../../../../constants/paths/resources.js';
-import { CACHE_KEYS } from '../../../../../../constants/cache-keys.js';
-import '../../../../../../constants/redirect-paths.js';
-import '../../../../infrastructure/contexts/admin/admin.js';
-import '../../../../infrastructure/react-query/client.js';
-import '@tanstack/react-query';
-import 'sonner';
-import { useQuery } from '../../../../infrastructure/react-query/use-query.js';
-import 'intor/react';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
-import '../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'ua-parser-js';
-import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
-import 'next/link';
-import 'next/image';
-import { Tick } from '../../ui/features/tick.js';
-import { ControlFieldsButtons } from '../post/control-fields-buttons.js';
-import { TagCard } from './tag-card.js';
-
-function createTagList({
-  postFindListCardsAction
-}) {
-  return function TagList({
-    usableFields = ["isActive", "index", "slug"],
-    //
-    setItemStates,
-    // Link Props
-    openNewTab = false,
-    // Pick Mode
-    pickedItems,
-    handleClick
-  }) {
-    const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(20);
-    const [searchString, setSearchString] = useState("");
-    const debouncedSetSearchString = useMemo(
-      () => debounce((v) => setSearchString(v), 300),
-      []
-    );
-    const [controlFields, setControlFields] = useState({
-      isActive: false,
-      index: false,
-      slug: false
-    });
-    useEffect(() => {
-      setPage(1);
-    }, [controlFields, setPage]);
-    const { data, isFetching } = useQuery(
-      () => postFindListCardsAction({
-        type: POST_TYPES.TAG,
-        page,
-        pageSize,
-        searchString,
-        ...controlFields
-      }),
-      [
-        CACHE_KEYS.findListCards("tag"),
-        page,
-        pageSize,
-        searchString,
-        JSON.stringify(controlFields)
-      ]
-    );
-    const tags = useMemo(() => ensureArray(data?.items), [data?.items]);
-    useEffect(() => {
-      setItemStates?.({
-        items: tags,
-        count: data?.total ?? 0,
-        isFetching
-      });
-    }, [data?.total, isFetching, tags, setItemStates]);
-    return /* @__PURE__ */ jsx(
-      ListCardsContainer,
-      {
-        page,
-        setPage,
-        pageSize,
-        setPageSize,
-        total: data?.total ?? 0,
-        searchString,
-        setSearchString: debouncedSetSearchString,
-        isFetching,
-        headerChildren: /* @__PURE__ */ jsx(
-          ControlFieldsButtons,
-          {
-            usableFields,
-            controlFields,
-            setControlFields
-          }
-        ),
-        children: tags.map((tag) => {
-          const isPicked = pickedItems?.some((item) => item.id === tag.id);
-          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
-              TagCard,
-              {
-                tag,
-                openNewTab,
-                className: cn(pickedItems && !isPicked && "opacity-50"),
-                anchorProps: handleClick && {
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleClick(tag);
-                  }
-                }
-              }
-            ),
-            pickedItems && /* @__PURE__ */ jsx(
-              Tick,
-              {
-                isPicked: isPicked || false,
-                className: "absolute top-2 right-2"
-              }
-            )
-          ] }, tag.id);
-        })
-      }
-    );
-  };
-}
-
-export { createTagList };

package/dist/src/cms/client/interfaces/components/resources/topic/topic-list.js

@@ -1,144 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { POST_TYPES } from '../../../../../../core/domain/resources/post/props.js';
-import 'mime-types';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { debounce } from '../../../../../../shared/utils/debounce.js';
-import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
-import '../../../../../../constants/paths/auth.js';
-import '../../../../../../constants/paths/main.js';
-import '../../../../../../constants/paths/resources.js';
-import { CACHE_KEYS } from '../../../../../../constants/cache-keys.js';
-import '../../../../../../constants/redirect-paths.js';
-import '../../../../infrastructure/contexts/admin/admin.js';
-import '../../../../infrastructure/react-query/client.js';
-import '@tanstack/react-query';
-import 'sonner';
-import { useQuery } from '../../../../infrastructure/react-query/use-query.js';
-import 'intor/react';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../shadcn/input-group.js';
-import '../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'ua-parser-js';
-import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
-import 'next/link';
-import 'next/image';
-import { Tick } from '../../ui/features/tick.js';
-import { ControlFieldsButtons } from '../post/control-fields-buttons.js';
-import { TopicCard } from './topic-card.js';
-
-function createTopicList({
-  postFindListCardsAction
-}) {
-  return function TopicList({
-    usableFields = ["isActive", "index", "slug"],
-    // pick
-    pickedItems,
-    handleClick,
-    // item states
-    setItemStates
-  }) {
-    const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(20);
-    const [searchString, setSearchString] = useState("");
-    const debouncedSetSearchString = useMemo(
-      () => debounce((v) => setSearchString(v), 300),
-      []
-    );
-    const [controlFields, setControlFields] = useState({
-      isActive: false,
-      index: false,
-      slug: false
-    });
-    useEffect(() => {
-      queueMicrotask(() => setPage(1));
-    }, [setPage, controlFields]);
-    const { data, isFetching } = useQuery(
-      () => postFindListCardsAction({
-        type: POST_TYPES.TOPIC,
-        page,
-        pageSize,
-        searchString,
-        ...controlFields
-      }),
-      [
-        CACHE_KEYS.findListCards("topic"),
-        page,
-        pageSize,
-        searchString,
-        JSON.stringify(controlFields)
-      ]
-    );
-    const topics = useMemo(() => ensureArray(data?.items), [data?.items]);
-    useEffect(() => {
-      setItemStates?.({
-        items: topics,
-        count: data?.total ?? 0,
-        isFetching
-      });
-    }, [topics, data?.total, isFetching, setItemStates]);
-    return /* @__PURE__ */ jsx(
-      ListCardsContainer,
-      {
-        page,
-        setPage,
-        pageSize,
-        setPageSize,
-        total: data?.total ?? 0,
-        searchString,
-        setSearchString: debouncedSetSearchString,
-        isFetching,
-        headerChildren: /* @__PURE__ */ jsx(
-          ControlFieldsButtons,
-          {
-            usableFields,
-            controlFields,
-            setControlFields
-          }
-        ),
-        children: topics.map((topic) => {
-          const isPicked = pickedItems?.some((item) => item.id === topic.id);
-          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
-              TopicCard,
-              {
-                topic,
-                className: cn(pickedItems && !isPicked && "opacity-50"),
-                anchorProps: handleClick && {
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleClick(topic);
-                  }
-                }
-              }
-            ),
-            pickedItems && /* @__PURE__ */ jsx(
-              Tick,
-              {
-                isPicked: isPicked || false,
-                className: "absolute top-2 right-2"
-              }
-            )
-          ] }, topic.id);
-        })
-      }
-    );
-  };
-}
-
-export { createTopicList };

package/dist/src/cms/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js

@@ -1,90 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { useEffect } from 'react';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import 'clsx';
-import 'tailwind-merge';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import 'lucide-react';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import { Spinner } from '../../../shadcn/spinner.js';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'ua-parser-js';
-import '../../../../../../../core/domain/resources/admin/constants.js';
-import { SearchInput } from '../../inputs/search-input.js';
-import { PageSizeSelector } from './page-size-selector.js';
-import { Pagination } from './pagination.js';
-
-function ListCardsContainer({
-  // pagination
-  page,
-  setPage,
-  pageSize,
-  setPageSize,
-  total,
-  // search string
-  searchString,
-  setSearchString,
-  // ui states
-  isFetching,
-  // base
-  children,
-  headerChildren
-}) {
-  const { t } = useTranslator();
-  const isNotFound = total === 0;
-  useEffect(() => {
-    setPage(1);
-  }, [searchString, setPage]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      headerChildren,
-      /* @__PURE__ */ jsx("div", { className: "ml-auto w-64", children: /* @__PURE__ */ jsx(
-        SearchInput,
-        {
-          searchString,
-          setSearchString,
-          isLoading: isFetching
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "max-h-[88%] flex-1 overflow-y-auto", children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : isNotFound ? /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50", children: t("ui.no-data.text") }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-52" }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          page,
-          setPage,
-          pageSize,
-          total
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PageSizeSelector,
-        {
-          pageSize,
-          setPageSize,
-          setPage
-        }
-      )
-    ] })
-  ] });
-}
-
-export { ListCardsContainer };

package/dist/src/cms/client/interfaces/components/ui/blocks/list-cards-container/page-size-selector.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import 'lucide-react';
-import 'mime-types';
-import 'clsx';
-import 'tailwind-merge';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../core/domain/resources/admin/constants.js';
-import { Select, Option } from '../../inputs/select.js';
-
-function PageSizeSelector({
-  pageSize,
-  setPageSize,
-  setPage
-}) {
-  const { t } = useTranslator();
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-52 items-center gap-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm whitespace-nowrap", children: t("ui.layout.item-list-container.items-per-page.text") }),
-    /* @__PURE__ */ jsxs(
-      Select,
-      {
-        value: String(pageSize),
-        onValueChange: (value) => {
-          setPageSize(Number(value ?? 20));
-          setPage(1);
-        },
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ jsx(Option, { value: String(20), children: "20" }),
-          /* @__PURE__ */ jsx(Option, { value: String(40), children: "40" }),
-          /* @__PURE__ */ jsx(Option, { value: String(80), children: "80" })
-        ]
-      }
-    )
-  ] });
-}
-
-export { PageSizeSelector };

package/dist/src/cms/client/interfaces/components/ui/blocks/list-cards-container/pagination.js

@@ -1,96 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import 'clsx';
-import 'tailwind-merge';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import 'lucide-react';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
-import '@radix-ui/react-label';
-import { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationEllipsis, PaginationNext } from '../../../shadcn/pagination.js';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-
-function Pagination({
-  page,
-  setPage,
-  pageSize,
-  total = 0
-}) {
-  const totalPages = Math.ceil(total / pageSize);
-  const isFirst = page === 1;
-  const isLastPage = page === totalPages;
-  const handlePrev = () => {
-    if (isFirst) return;
-    setPage((prev) => prev - 1);
-  };
-  const handleNext = () => {
-    if (isLastPage) return;
-    setPage((prev) => prev + 1);
-  };
-  const siblingsCount = 2;
-  let startPage = Math.max(2, page - siblingsCount);
-  let endPage = Math.min(totalPages - 1, page + siblingsCount);
-  if (page - siblingsCount < 2) {
-    endPage = Math.min(totalPages - 1, endPage + (2 - (page - siblingsCount)));
-  }
-  if (page + siblingsCount > totalPages - 1) {
-    startPage = Math.max(
-      2,
-      startPage - (page + siblingsCount - (totalPages - 1))
-    );
-  }
-  const pages = [];
-  for (let i = startPage; i <= endPage; i++) {
-    pages.push(i);
-  }
-  const isAtFirstPage = page === 1;
-  const isAtLastPage = page === totalPages;
-  return /* @__PURE__ */ jsx(Pagination$1, { className: "flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { disabled: isAtFirstPage, onClick: handlePrev }) }),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === 1,
-        disabled: isAtFirstPage,
-        onClick: () => setPage(1),
-        children: "1"
-      }
-    ) }),
-    startPage > 2 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    pages.map((p) => {
-      const isThisPage = page === p;
-      return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { isActive: isThisPage, onClick: () => setPage(p), children: p }) }, p);
-    }),
-    endPage < totalPages - 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
-    totalPages > 1 && /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationLink,
-      {
-        isActive: page === totalPages,
-        disabled: isAtLastPage,
-        onClick: () => setPage(totalPages),
-        children: totalPages
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-      PaginationNext,
-      {
-        disabled: isAtLastPage || totalPages <= 1,
-        onClick: handleNext
-      }
-    ) })
-  ] }) });
-}
-
-export { Pagination };

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/batch-create.js

@@ -1,37 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { FilePlus } from 'lucide-react';
-import 'next/navigation';
-import 'react';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import 'clsx';
-import 'tailwind-merge';
-import '../../../../shadcn/badge.js';
-import '../../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../../shadcn/input-group.js';
-import '../../../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { ReturnButton } from '../../../buttons/return-button.js';
-
-function createBatchCreatePreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true, ...props.returnButtonProps }) }),
-    titleProps: {
-      icon: FilePlus,
-      subtitle: t("ui.page-header.batch-create.subtitle.text")
-    }
-  };
-}
-
-export { createBatchCreatePreset };

package/dist/src/cms/client/interfaces/components/ui/blocks/page-header/presets/batch.js

@@ -1,39 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { FilePen, CopyCheck, CopyX, FileX, FilePlus } from 'lucide-react';
-import { Button } from '../../../buttons/button.js';
-import { ReturnButton } from '../../../buttons/return-button.js';
-
-function createBatchPreset(ctx) {
-  const { props, t } = ctx;
-  return {
-    left: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true, ...props.returnButtonProps, children: t("ui.button.exit-batch-mode.text") }) }),
-    titleProps: {
-      icon: FilePen,
-      subtitle: t("ui.page-header.batch.subtitle.text"),
-      children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "success",
-          href: props.batchCreateButtonHref,
-          icon: FilePlus,
-          children: t("ui.button.batch-create.text")
-        }
-      )
-    },
-    right: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.selectAllFn, children: /* @__PURE__ */ jsx(CopyCheck, {}) }),
-      /* @__PURE__ */ jsx(Button, { size: "icon", variant: "outline", onClick: props.cancelAllFn, children: /* @__PURE__ */ jsx(CopyX, {}) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          ...props.destroyButtonProps,
-          variant: "destructive",
-          icon: FileX,
-          children: t("ui.button.destroy.text")
-        }
-      )
-    ] })
-  };
-}
-
-export { createBatchPreset };

package/dist/src/cms/client/interfaces/components/ui/cards/resource-card/card-status-bar.js

@@ -1,53 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'mime-types';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'next/link';
-import 'react';
-import '../../../../../../../constants/paths/auth.js';
-import '../../../../../../../constants/paths/main.js';
-import '../../../../../../../constants/paths/resources.js';
-import '../../../../../../../constants/redirect-paths.js';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import 'lucide-react';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '../../../shadcn/item.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'intor/react';
-import { Badge } from '../../display/badge.js';
-
-function CardStatusBar({
-  badge,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { className: cn("h-10", "relative z-10", "bg-background"), children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        className,
-        "size-full",
-        "flex items-center gap-1",
-        "px-4 py-1",
-        "bg-background group-hover:bg-accent/50 transition"
-      ),
-      children: [
-        children,
-        badge && /* @__PURE__ */ jsx("div", { className: "absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-6 w-20", children: badge }) })
-      ]
-    }
-  ) });
-}
-
-export { CardStatusBar };