sitero 0.1.7 → 0.3.0

package/dist/src/cms/client/interfaces/components/ui/features/pick-modal/pick-modal-body.js

@@ -1,148 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { useState, isValidElement, cloneElement } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import { usePickItems } from '../../../../../applications/form/use-pick-items.js';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import 'next/navigation';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import { DialogContent, DialogDescription, DialogTitle } from '../../../shadcn/dialog.js';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-import 'next/link';
-import { FieldBody } from '../../form/field-body.js';
-import { SideFields } from '../../form/containers/side-fields.js';
-import { ActionButtonsCard } from '../../cards/action-buttons-card.js';
-
-function PickModalBody({
-  // form context
-  fieldName,
-  setFormData,
-  onMultiSubmit,
-  onSingleSubmit,
-  // modal control
-  setIsOpen,
-  // pick
-  pickedItems,
-  setPickedItems,
-  isMultiPick = false,
-  // base
-  itemList,
-  aboveManagementCard
-}) {
-  const { t } = useTranslator();
-  const hasPicked = pickedItems.length > 0;
-  const [itemStates, setListItemStates] = useState({
-    count: 0,
-    isFetching: false,
-    items: []
-  });
-  const { pick, multiPick } = usePickItems({
-    ...setPickedItems && { setPickedItems }
-  });
-  const handleClick = (item) => isMultiPick ? multiPick(item) : pick(item);
-  const itemListElement = itemList;
-  const aboveManagementCardElement = aboveManagementCard;
-  return /* @__PURE__ */ jsxs(DialogContent, { className: "w-[calc(100%-24px)] max-lg:px-0", children: [
-    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Dialog" }),
-    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog" }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex h-[80svh] w-full gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-80 flex-1 overflow-auto p-2", children: isValidElement(itemListElement) && cloneElement(itemListElement, {
-        setListItemStates,
-        pickedItems,
-        handleClick
-      }) }),
-      /* @__PURE__ */ jsxs(
-        SideFields,
-        {
-          wrapperClassName: "flex flex-col gap-4 max-lg:fixed max-lg:bottom-0 max-lg:left-1/2 max-lg:-translate-x-1/2",
-          className: "max-lg:gap-1 lg:gap-3",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "max-lg:hidden", children: isValidElement(aboveManagementCardElement) && cloneElement(aboveManagementCardElement, {
-              setPickedItems
-            }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex max-lg:gap-1 max-lg:px-1 lg:gap-3", children: [
-              /* @__PURE__ */ jsx(FieldBody, { className: "!w-fit text-sm", children: /* @__PURE__ */ jsx("span", { className: "opacity-50", children: isMultiPick ? t("ui.pick-modal.multiple.text") : t("ui.pick-modal.single.text") }) }),
-              /* @__PURE__ */ jsxs(FieldBody, { className: "flex-1 text-sm", children: [
-                /* @__PURE__ */ jsxs("span", { className: "opacity-50", children: [
-                  t("ui.pick-modal.picked.text"),
-                  "\uFF1A"
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: cn(hasPicked && "text-success font-semibold"), children: pickedItems.length ?? 0 })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  isDisabled: !hasPicked,
-                  onClick: () => setPickedItems?.([]),
-                  children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("ui.pick-modal.clear.text") })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              ActionButtonsCard,
-              {
-                action: "confirm",
-                isInitializing: itemStates.isFetching ?? false,
-                cancelButtonProps: {
-                  onClick: () => {
-                    setIsOpen(false);
-                    setPickedItems?.([]);
-                  }
-                },
-                actionButtonProps: {
-                  onClick: () => {
-                    if (onMultiSubmit && isMultiPick) {
-                      onMultiSubmit(pickedItems);
-                      setIsOpen(false);
-                      return;
-                    }
-                    if (onSingleSubmit && !isMultiPick) {
-                      onSingleSubmit(pickedItems[0] ?? null);
-                      setIsOpen(false);
-                      return;
-                    }
-                    if (setFormData && fieldName) {
-                      setFormData((p) => ({
-                        ...p,
-                        [fieldName]: isMultiPick ? pickedItems : pickedItems[0] ?? null
-                        // Prevent using undefined
-                      }));
-                    }
-                    setIsOpen(false);
-                  }
-                }
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-export { PickModalBody };

package/dist/src/cms/client/interfaces/components/ui/features/pick-modal/pick-modal-trigger.js

@@ -1,142 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Plus, X, MousePointerClick } from 'lucide-react';
-import { useState, Children, isValidElement, cloneElement } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import { buttonVariants } from '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import { DialogTrigger } from '../../../shadcn/dialog.js';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-import 'next/navigation';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-
-function PickModalTrigger({
-  // form context
-  fieldName,
-  formData,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // modal control
-  setIsOpen,
-  // pick
-  isMultiPick = false,
-  setPickedItems,
-  handleClear,
-  // base
-  pickedDisplay
-  // Can be array
-}) {
-  const { t } = useTranslator();
-  const [isHovered, setIsHovered] = useState(false);
-  const fieldValue = formData?.[fieldName ?? ""];
-  const isArray = Array.isArray(fieldValue);
-  const hasPickedItems = !isMultiPick && fieldValue || isMultiPick && isArray && fieldValue?.length > 0;
-  const handleClick = () => {
-    if (isDisabled || isLoading) return;
-    setIsOpen?.(true);
-    setPickedItems(isArray ? fieldValue : fieldValue ? [fieldValue] : []);
-  };
-  return /* @__PURE__ */ jsx(
-    DialogTrigger,
-    {
-      asChild: true,
-      className: cn(isDisabled && "pointer-events-none"),
-      "aria-invalid": isError,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn("h-max w-full justify-start"),
-          onClick: handleClick,
-          onMouseEnter: () => setIsHovered(true),
-          onMouseLeave: () => setIsHovered(false),
-          children: hasPickedItems ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                buttonVariants({ variant: "outline" }),
-                "cursor-pointer",
-                "flex h-max w-full flex-wrap justify-start gap-3 px-3",
-                !isHovered && "hover:bg-background dark:hover:bg-input/30"
-              ),
-              "aria-invalid": isError,
-              children: [
-                Children.toArray(pickedDisplay).map((child, i) => {
-                  if (isValidElement(child)) {
-                    const props = { ...child.props, openNewTab: true };
-                    child = cloneElement(child, props);
-                  }
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      onMouseEnter: () => setIsHovered(false),
-                      onMouseLeave: () => setIsHovered(true),
-                      children: child
-                    },
-                    i
-                  );
-                }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-center ml-auto flex-col justify-evenly gap-6 p-4", children: [
-                  /* @__PURE__ */ jsx(Plus, { className: "text-muted-foreground size-8! opacity-25" }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        handleClear();
-                      },
-                      onMouseEnter: () => setIsHovered(false),
-                      onMouseLeave: () => setIsHovered(true),
-                      children: /* @__PURE__ */ jsx(X, { className: "text-destructive size-4!" })
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "outline",
-              isLoading,
-              isDisabled,
-              "aria-invalid": isError,
-              className: "text-muted-foreground w-full justify-start",
-              children: [
-                /* @__PURE__ */ jsx(MousePointerClick, {}),
-                /* @__PURE__ */ jsx("span", { children: t("ui.pick-modal.pick.text") })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-
-export { PickModalTrigger };

package/dist/src/cms/client/interfaces/components/ui/features/pick-modal/pick-modal.js

@@ -1,103 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import { Dialog } from '../../../shadcn/dialog.js';
-import '@radix-ui/react-dropdown-menu';
-import 'lucide-react';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '@radix-ui/react-dialog';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { PickModalBody } from './pick-modal-body.js';
-import { PickModalTrigger } from './pick-modal-trigger.js';
-
-function PickModal({
-  // form context
-  fieldName,
-  formData,
-  setFormData,
-  onMultiSubmit,
-  onSingleSubmit,
-  onClear,
-  // ui states
-  isLoading = false,
-  isDisabled = false,
-  isError = false,
-  // External Control (use in CKEditor)
-  isOpen: externalIsOpen,
-  setIsOpen: externalSetIsOpen,
-  // pick
-  isMultiPick = false,
-  // base
-  pickedDisplay,
-  // Can be array
-  itemList,
-  aboveManagementCard
-}) {
-  const [internalIsOpen, setInternalIsOpen] = useState(false);
-  const isOpen = externalIsOpen ?? internalIsOpen;
-  const setIsOpen = externalSetIsOpen ?? setInternalIsOpen;
-  const [pickedItems, setPickedItems] = useState([]);
-  const handleClear = () => {
-    if (onClear) {
-      onClear();
-      return;
-    }
-    if (setFormData && fieldName) {
-      setFormData((p) => ({ ...p, [fieldName]: isMultiPick ? [] : null }));
-    }
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx(
-      PickModalTrigger,
-      {
-        fieldName,
-        formData,
-        isLoading,
-        isDisabled,
-        isError,
-        setIsOpen,
-        isMultiPick,
-        setPickedItems,
-        pickedDisplay,
-        handleClear
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
-      PickModalBody,
-      {
-        setIsOpen,
-        fieldName,
-        setFormData,
-        onMultiSubmit,
-        onSingleSubmit,
-        pickedItems,
-        setPickedItems,
-        isMultiPick,
-        itemList,
-        aboveManagementCard
-      }
-    ) })
-  ] });
-}
-
-export { PickModal };

package/dist/src/cms/client/interfaces/components/ui/i18n/display/i18n-array-display.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
-import 'zod';
-import { ArrayList } from '../../display/array-list.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 '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-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/link';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import 'intor/react';
-
-function createI18nArrayDisplay({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nArrayDisplay({
-    fieldName = "",
-    translations,
-    isLoading
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    return /* @__PURE__ */ jsx(I18nTabsWrapper, { setCurrentLocale, children: locales.map((locale) => {
-      const translation = findTranslation(
-        translations,
-        locale
-      );
-      const values = ensureArray(translation?.[fieldName]);
-      if (currentLocale === locale) {
-        return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsx(ArrayList, { values, isLoading }) }, locale);
-      }
-      return null;
-    }) });
-  };
-}
-
-export { createI18nArrayDisplay };

package/dist/src/cms/client/interfaces/components/ui/i18n/display/i18n-display.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import 'next/link';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.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 '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-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 { FieldBody } from '../../form/field-body.js';
-import 'intor/react';
-import { HtmlDisplay } from '../../display/html-display.js';
-
-function createI18nDisplay({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nDisplay({
-    fieldName = "",
-    translations,
-    isLoading,
-    isHtml = false,
-    // For Editor using
-    className,
-    ...props
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    return /* @__PURE__ */ jsx(I18nTabsWrapper, { setCurrentLocale, children: locales.map((locale) => {
-      const translation = findTranslation(
-        translations,
-        locale
-      );
-      const value = translation?.[fieldName];
-      if (currentLocale === locale) {
-        return /* @__PURE__ */ jsx(
-          FieldBody,
-          {
-            isLoading,
-            isEmpty: !value,
-            className: cn(className, "whitespace-pre-line"),
-            ...props,
-            children: !isHtml ? value : /* @__PURE__ */ jsx(HtmlDisplay, { html: value })
-          },
-          locale
-        );
-      }
-      return null;
-    }) });
-  };
-}
-
-export { createI18nDisplay };

package/dist/src/cms/client/interfaces/components/ui/i18n/display/i18n-object-array-display.js

@@ -1,69 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
-import 'zod';
-import 'next/link';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.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 '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-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 { ObjectArrayList } from '../../display/object-array-list.js';
-
-function createI18nObjectArrayDisplay({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nObjectArrayDisplay({
-    fieldName = "",
-    translations,
-    fields,
-    isLoading
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    return /* @__PURE__ */ jsx(I18nTabsWrapper, { setCurrentLocale, children: locales.map((locale) => {
-      const translation = findTranslation(
-        translations,
-        locale
-      );
-      const items = ensureArray(translation?.[fieldName]);
-      if (currentLocale === locale) {
-        return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          ObjectArrayList,
-          {
-            items,
-            fields: ensureArray(fields),
-            isLoading
-          }
-        ) }, locale);
-      }
-      return null;
-    }) });
-  };
-}
-
-export { createI18nObjectArrayDisplay };

package/dist/src/cms/client/interfaces/components/ui/i18n/i18n-tabs-wrapper.js

@@ -1,60 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import 'mime-types';
-import 'sitero-domain';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import 'zod';
-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 '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import { Tabs, TabsList, TabsTrigger } from '../../shadcn/tabs.js';
-import '@radix-ui/react-tooltip';
-
-function createI18nTabsWrapper({
-  enabled,
-  webLocales: locales
-}) {
-  return function I18nTabsWrapper({
-    setCurrentLocale,
-    errorLocales = [],
-    children
-  }) {
-    const { format } = useTranslator();
-    return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-1", children: [
-      locales.length > 1 && enabled && /* @__PURE__ */ jsx(Tabs, { defaultValue: locales[0] ?? "", className: "w-fit", children: /* @__PURE__ */ jsx(TabsList, { children: locales.map((locale) => {
-        const language = locale.split("-")[0] ?? "";
-        const isError = errorLocales.includes(locale);
-        return /* @__PURE__ */ jsx(
-          TabsTrigger,
-          {
-            value: locale,
-            onClick: () => setCurrentLocale(locale),
-            className: cn(isError && "text-destructive"),
-            children: format.displayName(language, { type: "language" })
-          },
-          locale
-        );
-      }) }) }),
-      children
-    ] });
-  };
-}
-
-export { createI18nTabsWrapper };