@serhii.olishevskyi/docs 1.2.3 → 1.2.5

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
+import { TextFieldProps, SelectProps, SelectChangeEvent, FormControlLabelProps, SwitchProps, CheckboxProps, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import { SystemProps } from '@mui/system';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient, User, Session } from '@supabase/supabase-js';
@@ -105,6 +105,56 @@ interface SelectComponentProps<T = string> extends Omit<SelectProps<T | T[]>, 'o
     defaultValueOnClear?: T;
 }
 
+type SwitchComponentProps = Omit<FormControlLabelProps, 'control' | 'label' | 'onChange'> & {
+    checked?: boolean;
+    /**
+     * Стандартный обработчик изменения состояния MUI Switch
+     */
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обоих состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    overrideNamespace?: string;
+    switchProps?: SwitchProps;
+};
+
+type CheckboxComponentProps = Omit<FormControlLabelProps, 'control' | 'label' | 'onChange'> & {
+    checked?: boolean;
+    /**
+     * Стандартный обработчик изменения состояния MUI Checkbox
+     */
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка чекбокса (если одинаковая для обоих состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Кастомный namespace для перевода метки
+     */
+    overrideNamespace?: string;
+    /**
+     * Дополнительные пропсы для внутреннего компонента MUI Checkbox
+     */
+    checkboxProps?: CheckboxProps;
+};
+
 interface CopyClipboardButtonComponentProps extends Omit<IconButtonProps, 'onClick'> {
     overrideNamespace?: string;
     /** Текст, який буде скопійовано в буфер обміну */
@@ -330,6 +380,8 @@ declare const UI: {
         EmailField: React$1.FC<EmailInputComponentProps>;
         Search: React$1.FC<SearchComponentProps>;
         Select: <T extends string | number>({ overrideNamespace, label, value, options, onChange, id, fullWidth, size, multiple, withCheckboxes, clearable, maxSelect, disabled, maxDisplayedTags, helperText, defaultValueOnClear, sx, ...restProps }: SelectComponentProps<T>) => React$1.JSX.Element;
+        Checkbox: React$1.FC<CheckboxComponentProps>;
+        Switch: React$1.FC<SwitchComponentProps>;
         Url: typeof UrlComponent;
     };
     Buttons: {
@@ -692,4 +744,4 @@ declare const Hooks: {
     };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageLink, type PageLinkWidgetProps, Providers, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, 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, 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 CheckboxComponentProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageLink, type PageLinkWidgetProps, Providers, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, 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, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
+import { TextFieldProps, SelectProps, SelectChangeEvent, FormControlLabelProps, SwitchProps, CheckboxProps, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import { SystemProps } from '@mui/system';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient, User, Session } from '@supabase/supabase-js';
@@ -105,6 +105,56 @@ interface SelectComponentProps<T = string> extends Omit<SelectProps<T | T[]>, 'o
     defaultValueOnClear?: T;
 }
 
+type SwitchComponentProps = Omit<FormControlLabelProps, 'control' | 'label' | 'onChange'> & {
+    checked?: boolean;
+    /**
+     * Стандартный обработчик изменения состояния MUI Switch
+     */
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обоих состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    overrideNamespace?: string;
+    switchProps?: SwitchProps;
+};
+
+type CheckboxComponentProps = Omit<FormControlLabelProps, 'control' | 'label' | 'onChange'> & {
+    checked?: boolean;
+    /**
+     * Стандартный обработчик изменения состояния MUI Checkbox
+     */
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка чекбокса (если одинаковая для обоих состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Кастомный namespace для перевода метки
+     */
+    overrideNamespace?: string;
+    /**
+     * Дополнительные пропсы для внутреннего компонента MUI Checkbox
+     */
+    checkboxProps?: CheckboxProps;
+};
+
 interface CopyClipboardButtonComponentProps extends Omit<IconButtonProps, 'onClick'> {
     overrideNamespace?: string;
     /** Текст, який буде скопійовано в буфер обміну */
@@ -330,6 +380,8 @@ declare const UI: {
         EmailField: React$1.FC<EmailInputComponentProps>;
         Search: React$1.FC<SearchComponentProps>;
         Select: <T extends string | number>({ overrideNamespace, label, value, options, onChange, id, fullWidth, size, multiple, withCheckboxes, clearable, maxSelect, disabled, maxDisplayedTags, helperText, defaultValueOnClear, sx, ...restProps }: SelectComponentProps<T>) => React$1.JSX.Element;
+        Checkbox: React$1.FC<CheckboxComponentProps>;
+        Switch: React$1.FC<SwitchComponentProps>;
         Url: typeof UrlComponent;
     };
     Buttons: {
@@ -692,4 +744,4 @@ declare const Hooks: {
     };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageLink, type PageLinkWidgetProps, Providers, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, 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, 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 CheckboxComponentProps, type CompanyMember, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, type FullCompanyMemberItem, Hooks, type Language, LocalizationProvider, type Membership, type MembershipRole, type MyAvatarComponentProps, type NumberInputComponentProps, type PageLink, type PageLinkWidgetProps, Providers, type SaveCompanyUserPayload, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type SwitchComponentProps, type TextFieldComponentProps, 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, defaultUserSettings, initI18n, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.js

@@ -4526,6 +4526,82 @@ var PageLinkWidget = ({
   );
 };
 
+// src/UI/components/inputs/CheckboxComponent.tsx
+var import_material22 = require("@mui/material");
+init_TranslateText();
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var CheckboxComponent = ({
+  checked = false,
+  onChange,
+  label,
+  checkedLabel,
+  uncheckedLabel,
+  overrideNamespace,
+  checkboxProps,
+  ...props
+}) => {
+  const currentLabel = label ?? (checked ? checkedLabel : uncheckedLabel);
+  const renderLabel = (node) => {
+    if (typeof node === "string") {
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TranslateText, { overrideNamespace, children: node });
+    }
+    return node;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material22.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_material22.FormControlLabel,
+    {
+      control: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_material22.Checkbox,
+        {
+          checked,
+          onChange,
+          ...checkboxProps
+        }
+      ),
+      label: renderLabel(currentLabel),
+      ...props
+    }
+  ) });
+};
+
+// src/UI/components/inputs/SwitchComponent.tsx
+var import_material23 = require("@mui/material");
+init_TranslateText();
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var SwitchComponent = ({
+  checked = false,
+  onChange,
+  label,
+  checkedLabel,
+  uncheckedLabel,
+  overrideNamespace,
+  switchProps,
+  ...props
+}) => {
+  const currentLabel = label ?? (checked ? checkedLabel : uncheckedLabel);
+  const renderLabel = (node) => {
+    if (typeof node === "string") {
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TranslateText, { overrideNamespace, children: node });
+    }
+    return node;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material23.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_material23.FormControlLabel,
+    {
+      control: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_material23.Switch,
+        {
+          checked,
+          onChange,
+          ...switchProps
+        }
+      ),
+      label: renderLabel(currentLabel),
+      ...props
+    }
+  ) });
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -4534,6 +4610,8 @@ var UI = {
     EmailField: EmailInputComponent,
     Search: SearchComponent,
     Select: SelectComponent,
+    Checkbox: CheckboxComponent,
+    Switch: SwitchComponent,
     Url: UrlComponent
   },
   Buttons: {

package/dist/index.mjs

@@ -1791,6 +1791,88 @@ var PageLinkWidget = ({
   );
 };
 
+// src/UI/components/inputs/CheckboxComponent.tsx
+import {
+  FormControlLabel,
+  Checkbox as Checkbox2,
+  Box as Box6
+} from "@mui/material";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var CheckboxComponent = ({
+  checked = false,
+  onChange,
+  label,
+  checkedLabel,
+  uncheckedLabel,
+  overrideNamespace,
+  checkboxProps,
+  ...props
+}) => {
+  const currentLabel = label ?? (checked ? checkedLabel : uncheckedLabel);
+  const renderLabel = (node) => {
+    if (typeof node === "string") {
+      return /* @__PURE__ */ jsx12(TranslateText, { overrideNamespace, children: node });
+    }
+    return node;
+  };
+  return /* @__PURE__ */ jsx12(Box6, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsx12(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsx12(
+        Checkbox2,
+        {
+          checked,
+          onChange,
+          ...checkboxProps
+        }
+      ),
+      label: renderLabel(currentLabel),
+      ...props
+    }
+  ) });
+};
+
+// src/UI/components/inputs/SwitchComponent.tsx
+import {
+  FormControlLabel as FormControlLabel2,
+  Switch,
+  Box as Box7
+} from "@mui/material";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var SwitchComponent = ({
+  checked = false,
+  onChange,
+  label,
+  checkedLabel,
+  uncheckedLabel,
+  overrideNamespace,
+  switchProps,
+  ...props
+}) => {
+  const currentLabel = label ?? (checked ? checkedLabel : uncheckedLabel);
+  const renderLabel = (node) => {
+    if (typeof node === "string") {
+      return /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace, children: node });
+    }
+    return node;
+  };
+  return /* @__PURE__ */ jsx13(Box7, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsx13(
+    FormControlLabel2,
+    {
+      control: /* @__PURE__ */ jsx13(
+        Switch,
+        {
+          checked,
+          onChange,
+          ...switchProps
+        }
+      ),
+      label: renderLabel(currentLabel),
+      ...props
+    }
+  ) });
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -1799,6 +1881,8 @@ var UI = {
     EmailField: EmailInputComponent,
     Search: SearchComponent,
     Select: SelectComponent,
+    Checkbox: CheckboxComponent,
+    Switch: SwitchComponent,
     Url: UrlComponent
   },
   Buttons: {

package/package.json

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