@serhii.olishevskyi/docs 1.2.22 → 1.2.23

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, PropsWithChildren } from 'react';
 import { TextFieldProps, SelectProps, SelectChangeEvent, FormControlLabelProps, SwitchProps, CheckboxProps, ButtonProps, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import { SystemProps } from '@mui/system';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
@@ -457,6 +457,22 @@ type CollapsedWidgetContainerProps = {
     onExpanded?: (expanded: boolean) => void;
 };
 
+type FilterWidth = '25%' | '33%' | '50%' | '66%' | '75%' | '100%';
+interface FilterSectionProps extends PropsWithChildren {
+    /** Ширина самой секции на десктопе (по умолчанию '100%') */
+    width?: FilterWidth;
+    /** Ширина самой секции на мобильном (по умолчанию '100%') */
+    mobileWidth?: FilterWidth;
+    /** Ширина каждого элемента ВНУТРИ секции на десктопе (по умолчанию '50%') */
+    itemWidth?: FilterWidth;
+    /** Ширина каждого элемента ВНУТРИ секции на мобильном (по умолчанию '100%') */
+    itemMobileWidth?: FilterWidth;
+}
+interface FilterContainerWidgetProps extends PropsWithChildren {
+    sections?: ReactNode[];
+    sx?: SxProps<Theme>;
+}
+
 interface ErrorAlertWidgetProps {
     overrideNamespace?: string;
     title?: ReactNode;
@@ -502,6 +518,8 @@ declare const UI: {
         Pages: {
             PageLinkWidget: React$1.FC<PageLinkWidgetProps>;
             CollapsedWidgetContainer: (props: React$1.PropsWithChildren<CollapsedWidgetContainerProps>) => React$1.JSX.Element;
+            FilterContainerWidget: React$1.FC<FilterContainerWidgetProps>;
+            FilterSection: React$1.FC<FilterSectionProps>;
         };
         Misc: {
             ErrorAlertWidget: React$1.FC<ErrorAlertWidgetProps>;
@@ -859,4 +877,4 @@ declare const Utils: {
     };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ButtonComponentProps, type CheckboxComponentProps, type CollapsedWidgetContainerProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ErrorAlertWidgetProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, type HeaderActionItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageComponentProps, type PageHeaderProps, type PageLink, type PageLinkWidgetProps, type PrimaryActionProps, Providers, type RefreshActionProps, type RefreshButtonComponentProps, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, type TextTruncateMode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserProfile, type UserRoleChipComponentProps, type UserSessionItem, type UserSettings, UserSettingsProvider, type UserStatusChipComponentProps, type UserStatusType, Utils, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ButtonComponentProps, type CheckboxComponentProps, type CollapsedWidgetContainerProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ErrorAlertWidgetProps, type ExpandableNoteComponentProps, type FilterContainerWidgetProps, type FilterSectionProps, type FilterWidth, type FullCompanyMemberItem, type HeaderActionItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageComponentProps, type PageHeaderProps, type PageLink, type PageLinkWidgetProps, type PrimaryActionProps, Providers, type RefreshActionProps, type RefreshButtonComponentProps, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, type TextTruncateMode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserProfile, type UserRoleChipComponentProps, type UserSessionItem, type UserSettings, UserSettingsProvider, type UserStatusChipComponentProps, type UserStatusType, Utils, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, PropsWithChildren } from 'react';
 import { TextFieldProps, SelectProps, SelectChangeEvent, FormControlLabelProps, SwitchProps, CheckboxProps, ButtonProps, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import { SystemProps } from '@mui/system';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
@@ -457,6 +457,22 @@ type CollapsedWidgetContainerProps = {
     onExpanded?: (expanded: boolean) => void;
 };
 
+type FilterWidth = '25%' | '33%' | '50%' | '66%' | '75%' | '100%';
+interface FilterSectionProps extends PropsWithChildren {
+    /** Ширина самой секции на десктопе (по умолчанию '100%') */
+    width?: FilterWidth;
+    /** Ширина самой секции на мобильном (по умолчанию '100%') */
+    mobileWidth?: FilterWidth;
+    /** Ширина каждого элемента ВНУТРИ секции на десктопе (по умолчанию '50%') */
+    itemWidth?: FilterWidth;
+    /** Ширина каждого элемента ВНУТРИ секции на мобильном (по умолчанию '100%') */
+    itemMobileWidth?: FilterWidth;
+}
+interface FilterContainerWidgetProps extends PropsWithChildren {
+    sections?: ReactNode[];
+    sx?: SxProps<Theme>;
+}
+
 interface ErrorAlertWidgetProps {
     overrideNamespace?: string;
     title?: ReactNode;
@@ -502,6 +518,8 @@ declare const UI: {
         Pages: {
             PageLinkWidget: React$1.FC<PageLinkWidgetProps>;
             CollapsedWidgetContainer: (props: React$1.PropsWithChildren<CollapsedWidgetContainerProps>) => React$1.JSX.Element;
+            FilterContainerWidget: React$1.FC<FilterContainerWidgetProps>;
+            FilterSection: React$1.FC<FilterSectionProps>;
         };
         Misc: {
             ErrorAlertWidget: React$1.FC<ErrorAlertWidgetProps>;
@@ -859,4 +877,4 @@ declare const Utils: {
     };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ButtonComponentProps, type CheckboxComponentProps, type CollapsedWidgetContainerProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ErrorAlertWidgetProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, type HeaderActionItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageComponentProps, type PageHeaderProps, type PageLink, type PageLinkWidgetProps, type PrimaryActionProps, Providers, type RefreshActionProps, type RefreshButtonComponentProps, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, type TextTruncateMode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserProfile, type UserRoleChipComponentProps, type UserSessionItem, type UserSettings, UserSettingsProvider, type UserStatusChipComponentProps, type UserStatusType, Utils, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ButtonComponentProps, type CheckboxComponentProps, type CollapsedWidgetContainerProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ErrorAlertWidgetProps, type ExpandableNoteComponentProps, type FilterContainerWidgetProps, type FilterSectionProps, type FilterWidth, type FullCompanyMemberItem, type HeaderActionItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageComponentProps, type PageHeaderProps, type PageLink, type PageLinkWidgetProps, type PrimaryActionProps, Providers, type RefreshActionProps, type RefreshButtonComponentProps, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, type TextTruncateMode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserProfile, type UserRoleChipComponentProps, type UserSessionItem, type UserSettings, UserSettingsProvider, type UserStatusChipComponentProps, type UserStatusType, Utils, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.js

@@ -5443,6 +5443,68 @@ var PageComponent = ({
   );
 };
 
+// src/UI/widgets/page/FilterContainerWidget.tsx
+var import_react33 = __toESM(require("react"));
+var import_material29 = require("@mui/material");
+var import_jsx_runtime39 = (
+  /* Автоматическая обертка каждого дочернего элемента в Grid size */
+  require("react/jsx-runtime")
+);
+var widthToGridColumns = (width) => {
+  switch (width) {
+    case "25%":
+      return 3;
+    case "33%":
+      return 4;
+    case "50%":
+      return 6;
+    case "66%":
+      return 8;
+    case "75%":
+      return 9;
+    case "100%":
+    default:
+      return 12;
+  }
+};
+var createGridSize = (desktopWidth, mobileWidth = "100%") => {
+  return {
+    xs: widthToGridColumns(mobileWidth),
+    md: widthToGridColumns(desktopWidth)
+  };
+};
+var FilterSection = ({
+  width = "100%",
+  mobileWidth = "100%",
+  itemWidth = "50%",
+  itemMobileWidth = "100%",
+  children
+}) => {
+  const sectionGridSize = createGridSize(width, mobileWidth);
+  const itemGridSize = createGridSize(itemWidth, itemMobileWidth);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material29.Grid, { size: sectionGridSize, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material29.Grid, { container: true, spacing: 2, sx: { alignItems: "center" }, children: import_react33.default.Children.map(children, (child) => {
+    if (!child) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material29.Grid, { size: itemGridSize, children: child });
+  }) }) });
+};
+var FilterContainerWidget = ({
+  sections,
+  children,
+  sx
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_material29.Paper,
+    {
+      variant: "outlined",
+      sx: [
+        { p: 2, mb: 3 },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material29.Grid, { container: true, spacing: 2, sx: { alignItems: "center" }, children: sections ? sections.map((sec, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react33.default.Fragment, { children: sec }, idx)) : children })
+    }
+  );
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -5479,7 +5541,9 @@ var UI = {
     },
     Pages: {
       PageLinkWidget,
-      CollapsedWidgetContainer
+      CollapsedWidgetContainer,
+      FilterContainerWidget,
+      FilterSection
     },
     Misc: {
       ErrorAlertWidget
@@ -5510,16 +5574,16 @@ var Services = {
 };
 
 // src/hooks/useUserStatus.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 init_deviceId();
 init_context();
 var ONLINE_THRESHOLD_MINUTES = 2;
 var AWAY_THRESHOLD_MINUTES = 15;
 var useUserStatus2 = (userId, initialLastSeenAt, currentAuthUserId) => {
   const supabase = useSupabase();
-  const [status, setStatus] = (0, import_react33.useState)("offline");
-  const [lastSeen, setLastSeen] = (0, import_react33.useState)(initialLastSeenAt ?? null);
-  const lastSeenRef = (0, import_react33.useRef)(initialLastSeenAt ?? null);
+  const [status, setStatus] = (0, import_react34.useState)("offline");
+  const [lastSeen, setLastSeen] = (0, import_react34.useState)(initialLastSeenAt ?? null);
+  const lastSeenRef = (0, import_react34.useRef)(initialLastSeenAt ?? null);
   lastSeenRef.current = lastSeen;
   const calculateStatus = (isOnline, lastSeenIso) => {
     if (isOnline) return "online";
@@ -5535,7 +5599,7 @@ var useUserStatus2 = (userId, initialLastSeenAt, currentAuthUserId) => {
     }
     return "offline";
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!userId) return;
     let isMounted = true;
     const isSelf = currentAuthUserId && userId === currentAuthUserId;

package/dist/index.mjs

@@ -2540,6 +2540,68 @@ var PageComponent = ({
   );
 };
 
+// src/UI/widgets/page/FilterContainerWidget.tsx
+import React13 from "react";
+import { Grid, Paper } from "@mui/material";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var widthToGridColumns = (width) => {
+  switch (width) {
+    case "25%":
+      return 3;
+    case "33%":
+      return 4;
+    case "50%":
+      return 6;
+    case "66%":
+      return 8;
+    case "75%":
+      return 9;
+    case "100%":
+    default:
+      return 12;
+  }
+};
+var createGridSize = (desktopWidth, mobileWidth = "100%") => {
+  return {
+    xs: widthToGridColumns(mobileWidth),
+    md: widthToGridColumns(desktopWidth)
+  };
+};
+var FilterSection = ({
+  width = "100%",
+  mobileWidth = "100%",
+  itemWidth = "50%",
+  itemMobileWidth = "100%",
+  children
+}) => {
+  const sectionGridSize = createGridSize(width, mobileWidth);
+  const itemGridSize = createGridSize(itemWidth, itemMobileWidth);
+  return /* @__PURE__ */ jsx19(Grid, { size: sectionGridSize, children: /* @__PURE__ */ jsx19(Grid, { container: true, spacing: 2, sx: { alignItems: "center" }, children: React13.Children.map(children, (child) => {
+    if (!child) return null;
+    return (
+      /* Автоматическая обертка каждого дочернего элемента в Grid size */
+      /* @__PURE__ */ jsx19(Grid, { size: itemGridSize, children: child })
+    );
+  }) }) });
+};
+var FilterContainerWidget = ({
+  sections,
+  children,
+  sx
+}) => {
+  return /* @__PURE__ */ jsx19(
+    Paper,
+    {
+      variant: "outlined",
+      sx: [
+        { p: 2, mb: 3 },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      children: /* @__PURE__ */ jsx19(Grid, { container: true, spacing: 2, sx: { alignItems: "center" }, children: sections ? sections.map((sec, idx) => /* @__PURE__ */ jsx19(React13.Fragment, { children: sec }, idx)) : children })
+    }
+  );
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -2576,7 +2638,9 @@ var UI = {
     },
     Pages: {
       PageLinkWidget,
-      CollapsedWidgetContainer
+      CollapsedWidgetContainer,
+      FilterContainerWidget,
+      FilterSection
     },
     Misc: {
       ErrorAlertWidget

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serhii.olishevskyi/docs",
-  "version": "1.2.22",
+  "version": "1.2.23",
   "description": "DOCS.UA react packages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",