@serhii.olishevskyi/docs 1.2.3 → 1.2.4

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,50 @@ interface SelectComponentProps<T = string> extends Omit<SelectProps<T | T[]>, 'o
     defaultValueOnClear?: T;
 }
 
+type SwitchComponentProps = Omit<FormControlLabelProps, 'control' | 'label'> & {
+    checked?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обох состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Ключ перевода для интерактивного редактирования (TranslationDialog)
+     */
+    overrideNamespace?: string;
+    switchProps?: SwitchProps;
+};
+
+type CheckboxComponentProps = Omit<FormControlLabelProps, 'control' | 'label'> & {
+    checked?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обох состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Ключ перевода для интерактивного редактирования (TranslationDialog)
+     */
+    overrideNamespace?: string;
+    switchProps?: CheckboxProps;
+};
+
 interface CopyClipboardButtonComponentProps extends Omit<IconButtonProps, 'onClick'> {
     overrideNamespace?: string;
     /** Текст, який буде скопійовано в буфер обміну */
@@ -330,6 +374,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 +738,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,50 @@ interface SelectComponentProps<T = string> extends Omit<SelectProps<T | T[]>, 'o
     defaultValueOnClear?: T;
 }
 
+type SwitchComponentProps = Omit<FormControlLabelProps, 'control' | 'label'> & {
+    checked?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обох состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Switch в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Ключ перевода для интерактивного редактирования (TranslationDialog)
+     */
+    overrideNamespace?: string;
+    switchProps?: SwitchProps;
+};
+
+type CheckboxComponentProps = Omit<FormControlLabelProps, 'control' | 'label'> & {
+    checked?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /**
+     * Общая метка switch (если одинаковая для обох состояний)
+     */
+    label?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === true
+     */
+    checkedLabel?: ReactNode;
+    /**
+     * Метка, когда Checkbox в состоянии checked === false
+     */
+    uncheckedLabel?: ReactNode;
+    /**
+     * Ключ перевода для интерактивного редактирования (TranslationDialog)
+     */
+    overrideNamespace?: string;
+    switchProps?: CheckboxProps;
+};
+
 interface CopyClipboardButtonComponentProps extends Omit<IconButtonProps, 'onClick'> {
     overrideNamespace?: string;
     /** Текст, який буде скопійовано в буфер обміну */
@@ -330,6 +374,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 +738,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,
+  switchProps,
+  ...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_jsx_runtime32.Fragment, { children: /* @__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,
+          ...switchProps
+        }
+      ),
+      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_jsx_runtime33.Fragment, { children: /* @__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 { Fragment as Fragment9, jsx as jsx12 } from "react/jsx-runtime";
+var CheckboxComponent = ({
+  checked = false,
+  onChange,
+  label,
+  checkedLabel,
+  uncheckedLabel,
+  overrideNamespace,
+  switchProps,
+  ...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(Fragment9, { children: /* @__PURE__ */ jsx12(Box6, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsx12(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsx12(
+        Checkbox2,
+        {
+          checked,
+          onChange,
+          ...switchProps
+        }
+      ),
+      label: renderLabel(currentLabel),
+      ...props
+    }
+  ) }) });
+};
+
+// src/UI/components/inputs/SwitchComponent.tsx
+import {
+  FormControlLabel as FormControlLabel2,
+  Switch,
+  Box as Box7
+} from "@mui/material";
+import { Fragment as Fragment10, 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(Fragment10, { children: /* @__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.4",
   "description": "DOCS.UA react packages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",