@serhii.olishevskyi/docs 1.1.7 → 1.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +10 -2
- package/dist/index.d.ts +10 -2
- package/dist/index.js +68 -1
- package/dist/index.mjs +67 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode } from 'react';
|
|
3
|
-
import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
|
|
3
|
+
import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
|
|
4
4
|
import * as _supabase_supabase_js from '@supabase/supabase-js';
|
|
5
5
|
import { SupabaseClient, User, Session } from '@supabase/supabase-js';
|
|
6
6
|
|
|
@@ -224,6 +224,13 @@ interface MyAvatarComponentProps {
|
|
|
224
224
|
sx?: SxProps<Theme>;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
interface ExpandableNoteComponentProps extends Omit<TypographyProps, 'children'> {
|
|
228
|
+
overrideNamespace?: string;
|
|
229
|
+
text?: string;
|
|
230
|
+
maxLength?: number;
|
|
231
|
+
label?: React__default.ReactNode;
|
|
232
|
+
}
|
|
233
|
+
|
|
227
234
|
declare const UI: {
|
|
228
235
|
Inputs: {
|
|
229
236
|
TextField: React$1.FC<TextFieldComponentProps>;
|
|
@@ -243,6 +250,7 @@ declare const UI: {
|
|
|
243
250
|
UserRoleChip: React$1.FC<UserRoleChipComponentProps>;
|
|
244
251
|
UserStatusChip: React$1.FC<UserStatusChipComponentProps>;
|
|
245
252
|
MyAvatar: React$1.FC<MyAvatarComponentProps>;
|
|
253
|
+
ExpandableNote: React$1.FC<ExpandableNoteComponentProps>;
|
|
246
254
|
};
|
|
247
255
|
Widgets: {
|
|
248
256
|
ProtectedLanguageSelector: React$1.FC<{}>;
|
|
@@ -569,4 +577,4 @@ declare const Hooks: {
|
|
|
569
577
|
readonly useDebounce: typeof useDebounce;
|
|
570
578
|
};
|
|
571
579
|
|
|
572
|
-
export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, 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 UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
|
|
580
|
+
export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, 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 UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ReactNode } from 'react';
|
|
3
|
-
import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
|
|
3
|
+
import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
|
|
4
4
|
import * as _supabase_supabase_js from '@supabase/supabase-js';
|
|
5
5
|
import { SupabaseClient, User, Session } from '@supabase/supabase-js';
|
|
6
6
|
|
|
@@ -224,6 +224,13 @@ interface MyAvatarComponentProps {
|
|
|
224
224
|
sx?: SxProps<Theme>;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
interface ExpandableNoteComponentProps extends Omit<TypographyProps, 'children'> {
|
|
228
|
+
overrideNamespace?: string;
|
|
229
|
+
text?: string;
|
|
230
|
+
maxLength?: number;
|
|
231
|
+
label?: React__default.ReactNode;
|
|
232
|
+
}
|
|
233
|
+
|
|
227
234
|
declare const UI: {
|
|
228
235
|
Inputs: {
|
|
229
236
|
TextField: React$1.FC<TextFieldComponentProps>;
|
|
@@ -243,6 +250,7 @@ declare const UI: {
|
|
|
243
250
|
UserRoleChip: React$1.FC<UserRoleChipComponentProps>;
|
|
244
251
|
UserStatusChip: React$1.FC<UserStatusChipComponentProps>;
|
|
245
252
|
MyAvatar: React$1.FC<MyAvatarComponentProps>;
|
|
253
|
+
ExpandableNote: React$1.FC<ExpandableNoteComponentProps>;
|
|
246
254
|
};
|
|
247
255
|
Widgets: {
|
|
248
256
|
ProtectedLanguageSelector: React$1.FC<{}>;
|
|
@@ -569,4 +577,4 @@ declare const Hooks: {
|
|
|
569
577
|
readonly useDebounce: typeof useDebounce;
|
|
570
578
|
};
|
|
571
579
|
|
|
572
|
-
export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, 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 UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
|
|
580
|
+
export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, 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 UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
|
package/dist/index.js
CHANGED
|
@@ -4311,6 +4311,72 @@ var SelectComponent = ({
|
|
|
4311
4311
|
);
|
|
4312
4312
|
};
|
|
4313
4313
|
|
|
4314
|
+
// src/UI/components/data.display/ExpandableNoteComponent.tsx
|
|
4315
|
+
var import_react27 = require("react");
|
|
4316
|
+
var import_material20 = require("@mui/material");
|
|
4317
|
+
init_context();
|
|
4318
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4319
|
+
var ExpandableNoteComponent = ({
|
|
4320
|
+
overrideNamespace,
|
|
4321
|
+
text,
|
|
4322
|
+
maxLength = 100,
|
|
4323
|
+
label,
|
|
4324
|
+
sx,
|
|
4325
|
+
...restProps
|
|
4326
|
+
}) => {
|
|
4327
|
+
const [isExpanded, setIsExpanded] = (0, import_react27.useState)(false);
|
|
4328
|
+
if (!text) return null;
|
|
4329
|
+
const isLong = text.length > maxLength;
|
|
4330
|
+
const displayedText = isExpanded || !isLong ? text : `${text.slice(0, maxLength).trim()}...`;
|
|
4331
|
+
const toggleExpand = (e) => {
|
|
4332
|
+
e.stopPropagation();
|
|
4333
|
+
setIsExpanded((prev) => !prev);
|
|
4334
|
+
};
|
|
4335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
4336
|
+
import_material20.Typography,
|
|
4337
|
+
{
|
|
4338
|
+
variant: "caption",
|
|
4339
|
+
sx: {
|
|
4340
|
+
color: "text.secondary",
|
|
4341
|
+
fontStyle: "italic",
|
|
4342
|
+
display: "inline-block",
|
|
4343
|
+
...sx
|
|
4344
|
+
},
|
|
4345
|
+
...restProps,
|
|
4346
|
+
children: [
|
|
4347
|
+
label !== void 0 ? label : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
|
|
4348
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Note" }),
|
|
4349
|
+
": "
|
|
4350
|
+
] }),
|
|
4351
|
+
" ",
|
|
4352
|
+
displayedText,
|
|
4353
|
+
" ",
|
|
4354
|
+
isLong && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4355
|
+
import_material20.Link,
|
|
4356
|
+
{
|
|
4357
|
+
component: "button",
|
|
4358
|
+
type: "button",
|
|
4359
|
+
variant: "caption",
|
|
4360
|
+
underline: "hover",
|
|
4361
|
+
onClick: toggleExpand,
|
|
4362
|
+
sx: {
|
|
4363
|
+
fontStyle: "normal",
|
|
4364
|
+
fontWeight: "bold",
|
|
4365
|
+
ml: 0.5,
|
|
4366
|
+
cursor: "pointer",
|
|
4367
|
+
verticalAlign: "baseline"
|
|
4368
|
+
},
|
|
4369
|
+
children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "less" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
|
|
4370
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "more" }),
|
|
4371
|
+
"..."
|
|
4372
|
+
] })
|
|
4373
|
+
}
|
|
4374
|
+
)
|
|
4375
|
+
]
|
|
4376
|
+
}
|
|
4377
|
+
);
|
|
4378
|
+
};
|
|
4379
|
+
|
|
4314
4380
|
// src/UI/index.ts
|
|
4315
4381
|
var UI = {
|
|
4316
4382
|
Inputs: {
|
|
@@ -4330,7 +4396,8 @@ var UI = {
|
|
|
4330
4396
|
UserPopover: UserPopoverComponent_default,
|
|
4331
4397
|
UserRoleChip: UserRoleChipComponent,
|
|
4332
4398
|
UserStatusChip: UserStatusChipComponent,
|
|
4333
|
-
MyAvatar: MyAvatarComponent
|
|
4399
|
+
MyAvatar: MyAvatarComponent,
|
|
4400
|
+
ExpandableNote: ExpandableNoteComponent
|
|
4334
4401
|
},
|
|
4335
4402
|
/*Layout: {
|
|
4336
4403
|
Row: FormRow,
|
package/dist/index.mjs
CHANGED
|
@@ -1585,6 +1585,71 @@ var SelectComponent = ({
|
|
|
1585
1585
|
);
|
|
1586
1586
|
};
|
|
1587
1587
|
|
|
1588
|
+
// src/UI/components/data.display/ExpandableNoteComponent.tsx
|
|
1589
|
+
import { useState as useState10 } from "react";
|
|
1590
|
+
import { Typography as Typography5, Link } from "@mui/material";
|
|
1591
|
+
import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1592
|
+
var ExpandableNoteComponent = ({
|
|
1593
|
+
overrideNamespace,
|
|
1594
|
+
text,
|
|
1595
|
+
maxLength = 100,
|
|
1596
|
+
label,
|
|
1597
|
+
sx,
|
|
1598
|
+
...restProps
|
|
1599
|
+
}) => {
|
|
1600
|
+
const [isExpanded, setIsExpanded] = useState10(false);
|
|
1601
|
+
if (!text) return null;
|
|
1602
|
+
const isLong = text.length > maxLength;
|
|
1603
|
+
const displayedText = isExpanded || !isLong ? text : `${text.slice(0, maxLength).trim()}...`;
|
|
1604
|
+
const toggleExpand = (e) => {
|
|
1605
|
+
e.stopPropagation();
|
|
1606
|
+
setIsExpanded((prev) => !prev);
|
|
1607
|
+
};
|
|
1608
|
+
return /* @__PURE__ */ jsxs9(
|
|
1609
|
+
Typography5,
|
|
1610
|
+
{
|
|
1611
|
+
variant: "caption",
|
|
1612
|
+
sx: {
|
|
1613
|
+
color: "text.secondary",
|
|
1614
|
+
fontStyle: "italic",
|
|
1615
|
+
display: "inline-block",
|
|
1616
|
+
...sx
|
|
1617
|
+
},
|
|
1618
|
+
...restProps,
|
|
1619
|
+
children: [
|
|
1620
|
+
label !== void 0 ? label : /* @__PURE__ */ jsxs9(Fragment8, { children: [
|
|
1621
|
+
/* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Note" }),
|
|
1622
|
+
": "
|
|
1623
|
+
] }),
|
|
1624
|
+
" ",
|
|
1625
|
+
displayedText,
|
|
1626
|
+
" ",
|
|
1627
|
+
isLong && /* @__PURE__ */ jsx10(
|
|
1628
|
+
Link,
|
|
1629
|
+
{
|
|
1630
|
+
component: "button",
|
|
1631
|
+
type: "button",
|
|
1632
|
+
variant: "caption",
|
|
1633
|
+
underline: "hover",
|
|
1634
|
+
onClick: toggleExpand,
|
|
1635
|
+
sx: {
|
|
1636
|
+
fontStyle: "normal",
|
|
1637
|
+
fontWeight: "bold",
|
|
1638
|
+
ml: 0.5,
|
|
1639
|
+
cursor: "pointer",
|
|
1640
|
+
verticalAlign: "baseline"
|
|
1641
|
+
},
|
|
1642
|
+
children: isExpanded ? /* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "less" }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
|
|
1643
|
+
/* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "more" }),
|
|
1644
|
+
"..."
|
|
1645
|
+
] })
|
|
1646
|
+
}
|
|
1647
|
+
)
|
|
1648
|
+
]
|
|
1649
|
+
}
|
|
1650
|
+
);
|
|
1651
|
+
};
|
|
1652
|
+
|
|
1588
1653
|
// src/UI/index.ts
|
|
1589
1654
|
var UI = {
|
|
1590
1655
|
Inputs: {
|
|
@@ -1604,7 +1669,8 @@ var UI = {
|
|
|
1604
1669
|
UserPopover: UserPopoverComponent_default,
|
|
1605
1670
|
UserRoleChip: UserRoleChipComponent,
|
|
1606
1671
|
UserStatusChip: UserStatusChipComponent,
|
|
1607
|
-
MyAvatar: MyAvatarComponent
|
|
1672
|
+
MyAvatar: MyAvatarComponent,
|
|
1673
|
+
ExpandableNote: ExpandableNoteComponent
|
|
1608
1674
|
},
|
|
1609
1675
|
/*Layout: {
|
|
1610
1676
|
Row: FormRow,
|