@undefine-ui/design-system 2.6.0 → 2.8.0
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/README.md +1 -1
- package/dist/index.cjs +28 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +25 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -82,6 +82,13 @@ declare const fShortenNumber: (inputValue: unknown, locale?: string, options?: F
|
|
|
82
82
|
*/
|
|
83
83
|
declare const fData: (inputValue: unknown) => string;
|
|
84
84
|
|
|
85
|
+
declare const getInitials: (name: string) => string;
|
|
86
|
+
declare const splitFullname: (name: string) => {
|
|
87
|
+
firstname: string;
|
|
88
|
+
lastname: string;
|
|
89
|
+
};
|
|
90
|
+
declare const formatFullname: (firstname: string, lastname: string) => string;
|
|
91
|
+
|
|
85
92
|
interface UseBooleanReturnType {
|
|
86
93
|
value: boolean;
|
|
87
94
|
onTrue: () => void;
|
|
@@ -1796,4 +1803,4 @@ interface LoadingScreenProps extends BoxProps {
|
|
|
1796
1803
|
declare const LoadingScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
|
|
1797
1804
|
declare const SplashScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
|
|
1798
1805
|
|
|
1799
|
-
export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, getCurrencySymbol, getInitColorSchemeScript, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
|
|
1806
|
+
export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
|
package/dist/index.d.ts
CHANGED
|
@@ -82,6 +82,13 @@ declare const fShortenNumber: (inputValue: unknown, locale?: string, options?: F
|
|
|
82
82
|
*/
|
|
83
83
|
declare const fData: (inputValue: unknown) => string;
|
|
84
84
|
|
|
85
|
+
declare const getInitials: (name: string) => string;
|
|
86
|
+
declare const splitFullname: (name: string) => {
|
|
87
|
+
firstname: string;
|
|
88
|
+
lastname: string;
|
|
89
|
+
};
|
|
90
|
+
declare const formatFullname: (firstname: string, lastname: string) => string;
|
|
91
|
+
|
|
85
92
|
interface UseBooleanReturnType {
|
|
86
93
|
value: boolean;
|
|
87
94
|
onTrue: () => void;
|
|
@@ -1796,4 +1803,4 @@ interface LoadingScreenProps extends BoxProps {
|
|
|
1796
1803
|
declare const LoadingScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
|
|
1797
1804
|
declare const SplashScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
|
|
1798
1805
|
|
|
1799
|
-
export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, getCurrencySymbol, getInitColorSchemeScript, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
|
|
1806
|
+
export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
|
package/dist/index.js
CHANGED
|
@@ -133,6 +133,25 @@ var fData = (inputValue) => {
|
|
|
133
133
|
return fm;
|
|
134
134
|
};
|
|
135
135
|
|
|
136
|
+
// src/libs/fullname-utils.ts
|
|
137
|
+
var getInitials = (name) => {
|
|
138
|
+
const names = name?.split(" ");
|
|
139
|
+
const initials = names?.map((n) => n.charAt(0)?.toUpperCase())?.join("");
|
|
140
|
+
return initials;
|
|
141
|
+
};
|
|
142
|
+
var splitFullname = (name) => {
|
|
143
|
+
if (!name) {
|
|
144
|
+
return { firstname: "", lastname: "" };
|
|
145
|
+
}
|
|
146
|
+
const names = name.split(" ");
|
|
147
|
+
const firstname = names[0];
|
|
148
|
+
const lastname = names[names.length - 1];
|
|
149
|
+
return { firstname, lastname };
|
|
150
|
+
};
|
|
151
|
+
var formatFullname = (firstname, lastname) => {
|
|
152
|
+
return `${firstname} ${lastname}`;
|
|
153
|
+
};
|
|
154
|
+
|
|
136
155
|
// src/hooks/useBoolean.ts
|
|
137
156
|
import { useMemo, useState, useCallback } from "react";
|
|
138
157
|
var useBoolean = (defaultValue) => {
|
|
@@ -3429,7 +3448,7 @@ var MuiButtonBase = {
|
|
|
3429
3448
|
*************************************** */
|
|
3430
3449
|
styleOverrides: {
|
|
3431
3450
|
root: ({ theme }) => ({
|
|
3432
|
-
fontFamily: theme.typography.
|
|
3451
|
+
fontFamily: theme.typography.fontSecondaryFamily
|
|
3433
3452
|
})
|
|
3434
3453
|
}
|
|
3435
3454
|
};
|
|
@@ -3549,7 +3568,8 @@ var MuiButton = {
|
|
|
3549
3568
|
styleOverrides: {
|
|
3550
3569
|
root: ({ theme }) => ({
|
|
3551
3570
|
fontWeight: 500,
|
|
3552
|
-
borderRadius: theme.radius["radius-xl"]
|
|
3571
|
+
borderRadius: theme.radius["radius-xl"],
|
|
3572
|
+
fontFamily: theme.typography.fontSecondaryFamily
|
|
3553
3573
|
}),
|
|
3554
3574
|
/**
|
|
3555
3575
|
* @variant contained
|
|
@@ -7146,8 +7166,10 @@ export {
|
|
|
7146
7166
|
fNumber,
|
|
7147
7167
|
fPercent,
|
|
7148
7168
|
fShortenNumber,
|
|
7169
|
+
formatFullname,
|
|
7149
7170
|
getCurrencySymbol,
|
|
7150
7171
|
getInitColorSchemeScript,
|
|
7172
|
+
getInitials,
|
|
7151
7173
|
getStorage,
|
|
7152
7174
|
grey,
|
|
7153
7175
|
hexToRgbChannel,
|
|
@@ -7180,6 +7202,7 @@ export {
|
|
|
7180
7202
|
setStorage,
|
|
7181
7203
|
shadows,
|
|
7182
7204
|
snakeCase,
|
|
7205
|
+
splitFullname,
|
|
7183
7206
|
stylesMode,
|
|
7184
7207
|
success,
|
|
7185
7208
|
surface,
|