@max-ts/components 0.0.2 → 0.1.0

package/dist/components/Tab/Tab.d.ts

@@ -0,0 +1,7 @@
+import type { TabProps as MuiTabProps } from '@mui/material';
+import type { ElementType } from 'react';
+import type { WithoutEmotionSpecific } from '../types';
+export type TabProps<TComponent extends ElementType, TComponentProps = object> = WithoutEmotionSpecific<MuiTabProps<TComponent, TComponentProps>> & {
+    component?: TComponent;
+};
+export declare const Tab: <TComponent extends ElementType = "div", TComponentProps = object>(props: TabProps<TComponent, TComponentProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tab/index.d.ts

@@ -0,0 +1 @@
+export * from './Tab';

package/dist/components/Tab/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "className" | "style" | "tabIndex" | "children" | "classes" | "label" | "action" | "disabled" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "wrapped" | "iconPosition"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,13 @@
+import { type TabsProps as MuiTabsProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+export type TabsProps = WithoutEmotionSpecific<MuiTabsProps> & {
+    nextFeatureFlags?: {
+        /**
+         * @deprecated
+         * Флаг включения нижнего разделителя
+         * В мажорном релизе, флаг будет удален
+         */
+        hasBottomDivider: boolean;
+    };
+};
+export declare const Tabs: ({ nextFeatureFlags, ...tabsProps }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/components/Tabs/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Divider: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import type { TextFieldProps } from '../TextField';
+export type TextAreaProps = Omit<TextFieldProps, 'multiline'>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export * from './TextArea';

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useViewportType';
 export * from './useMenu';
 export * from './usePopover';
+export * from './useToggle';

package/dist/hooks/useToggle/index.d.ts

@@ -0,0 +1 @@
+export * from './useToggle';

package/dist/hooks/useToggle/useToggle.d.ts

@@ -0,0 +1,43 @@
+/**
+ * тип обозначающий какой угодно рест аргументов
+ */
+type Arguments = unknown[];
+/**
+ * хэндлер принимающий на вход неизвестное количество аргументов, неизвестного вида
+ */
+type Handler<Args extends Arguments> = (...a: Args) => void;
+/**
+ * хэндлер на открытие с неизвестным количеством аргументов, неизвестного вида
+ */
+type OpenHandler<Args extends Arguments> = Handler<Args>;
+/**
+ * хэндлер на закрытие с неизвестным количеством аргументов, неизвестного вида
+ */
+type CloseHandler<Args extends Arguments> = Handler<Args>;
+type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+    /**
+     * флаг активности состояния
+     */
+    boolean,
+    OpenHandler<OpenArgs>,
+    CloseHandler<CloseArgs>
+];
+type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+    /**
+     * изначальное состояние активности
+     */
+    initialState?: boolean;
+    /**
+     * коллбэк на открытие
+     */
+    onActive?: OpenHandler<OpenArgs>;
+    /**
+     * коллбэк на закрытие
+     */
+    onInactive?: CloseHandler<CloseArgs>;
+};
+/**
+ * хук хранящий стейт активности, и предоставляющий методы переключения с проксируемыми аргументами, позволяет уменьшить бойлерплейт код
+ */
+export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs>) => UseToggleResultTuple<CloseArgs, OpenArgs>;
+export {};

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Head:()=>Head,Accordion:()=>Accordion,Placeholder:()=>Placeholder,LOADING_BUTTON_CLASSNAME:()=>LOADING_BUTTON_CLASSNAME,DialogTitle:()=>DialogTitle,CircularProgress:()=>CircularProgress,createTheme:()=>createTheme,FormHelperTextContent:()=>FormHelperTextContent,INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT:()=>INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT,Dialog:()=>Dialog,ROOT_ACTION_CELL_WIDTH:()=>ROOT_ACTION_CELL_WIDTH,elevation:()=>elevation_elevation,usePopover:()=>usePopover,MenuItem:()=>MenuItem,AsyncAutocomplete:()=>AsyncAutocomplete,useTheme:()=>useTheme,setDefaultImageStyles:()=>setDefaultImageStyles,ListItem:()=>ListItem,DialogContent:()=>DialogContent,GuidTypography:()=>GuidTypography,Container:()=>Container,Link:()=>Link,List:()=>List,Paper:()=>Paper,FormControlLabel:()=>FormControlLabel,useMenu:()=>useMenu,ConfigProvider:()=>ConfigProvider,CheckboxField:()=>CheckboxField,ButtonColors:()=>enums_ButtonColors,Divider:()=>Divider,ErrorBoundary:()=>ErrorBoundary,MIN_DISPLAY_ROWS_BY_DEFAULT:()=>MIN_DISPLAY_ROWS_BY_DEFAULT,RowContext:()=>RowContext,RowContextProvider:()=>RowContextProvider,SPACING:()=>SPACING,OutdatedReleasePlaceholder:()=>OutdatedReleasePlaceholder,ListItemButton:()=>ListItemButton,Badge:()=>Badge,InternalErrorPlaceholder:()=>InternalErrorPlaceholder,DEFAULT_ROWS_COUNT:()=>DEFAULT_ROWS_COUNT,FormHelperText:()=>FormHelperText,MenuList:()=>MenuList,EXPANDED_LEVEL_BY_DEFAULT:()=>EXPANDED_LEVEL_BY_DEFAULT,Select:()=>Select,TREE_LINE_WIDTH:()=>TREE_LINE_WIDTH,componentsColors:()=>componentsColors,ButtonStates:()=>enums_ButtonStates,ListSubheader:()=>ListSubheader,DataGrid:()=>DataGrid,DialogActions:()=>DialogActions,ConfigContext:()=>ConfigContext,DataGridActionCell:()=>DataGridActionCell,DESCRIPTION_ROOT_CLASSNAME:()=>DESCRIPTION_ROOT_CLASSNAME,ButtonVariants:()=>enums_ButtonVariants,SearchField:()=>SearchField,DialogHeader:()=>DialogHeader,ListItemIcon:()=>ListItemIcon,ContentState:()=>ContentState,IconDropdownButton:()=>IconDropdownButton,Collapse:()=>Collapse,DEFAULT_SYMBOL:()=>DEFAULT_SYMBOL,DialogContentText:()=>DialogContentText,FormControl:()=>FormControl,IconButton:()=>IconButton,Row:()=>Row,MIN_ROW_HEIGHT:()=>MIN_ROW_HEIGHT,Pagination:()=>Pagination,CopyTypography:()=>CopyTypography,TagBadge:()=>TagBadge,BottomDrawer:()=>BottomDrawer,ActionCell:()=>ActionCell,DescriptionList:()=>DescriptionList,TextField:()=>TextField,Variant:()=>enums_Variant,NavMenu:()=>NavMenu,getPalette:()=>getPalette,Typography:()=>Typography,shape:()=>shape,Tag:()=>Tag,TagsList:()=>TagsList,SortStates:()=>enums_SortStates,ConfirmAction:()=>ConfirmAction,Image:()=>Image,ButtonSizes:()=>enums_ButtonSizes,Chevron:()=>Chevron,DataGridPagination:()=>DataGridPagination,Menu:()=>Menu,Autocomplete:()=>Autocomplete,Button:()=>Button,Description:()=>Description_Description,DEFAULT_SEPARATOR:()=>DEFAULT_SEPARATOR,OverflowTypography:()=>OverflowTypography,ListItemText:()=>ListItemText,useViewportType:()=>useViewportType,Tooltip:()=>Tooltip,Checkbox:()=>Checkbox,Popover:()=>Popover});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react");var external_react_default=__webpack_require__.n(external_react_namespaceObject);let material_namespaceObject=require("@mui/material"),external_lucide_react_namespaceObject=require("lucide-react"),ChevronIcon=(0,material_namespaceObject.styled)(external_lucide_react_namespaceObject.ChevronsDown,{shouldForwardProp:e=>"isActive"!==e})`
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Head:()=>Head,Accordion:()=>Accordion,Placeholder:()=>Placeholder,LOADING_BUTTON_CLASSNAME:()=>LOADING_BUTTON_CLASSNAME,DialogTitle:()=>DialogTitle,CircularProgress:()=>CircularProgress,createTheme:()=>createTheme,FormHelperTextContent:()=>FormHelperTextContent,INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT:()=>INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT,Dialog:()=>Dialog,ROOT_ACTION_CELL_WIDTH:()=>ROOT_ACTION_CELL_WIDTH,elevation:()=>elevation_elevation,usePopover:()=>usePopover,MenuItem:()=>MenuItem,AsyncAutocomplete:()=>AsyncAutocomplete,useTheme:()=>useTheme,setDefaultImageStyles:()=>setDefaultImageStyles,ListItem:()=>ListItem,DialogContent:()=>DialogContent,GuidTypography:()=>GuidTypography,Container:()=>Container,Link:()=>Link,List:()=>List,Paper:()=>Paper,FormControlLabel:()=>FormControlLabel,useMenu:()=>useMenu,ConfigProvider:()=>ConfigProvider,CheckboxField:()=>CheckboxField,ButtonColors:()=>enums_ButtonColors,Divider:()=>Divider,ErrorBoundary:()=>ErrorBoundary,MIN_DISPLAY_ROWS_BY_DEFAULT:()=>MIN_DISPLAY_ROWS_BY_DEFAULT,RowContext:()=>RowContext,RowContextProvider:()=>RowContextProvider,SPACING:()=>SPACING,OutdatedReleasePlaceholder:()=>OutdatedReleasePlaceholder,ListItemButton:()=>ListItemButton,Badge:()=>Badge,InternalErrorPlaceholder:()=>InternalErrorPlaceholder,DEFAULT_ROWS_COUNT:()=>DEFAULT_ROWS_COUNT,FormHelperText:()=>FormHelperText,MenuList:()=>MenuList,EXPANDED_LEVEL_BY_DEFAULT:()=>EXPANDED_LEVEL_BY_DEFAULT,Select:()=>Select,TREE_LINE_WIDTH:()=>TREE_LINE_WIDTH,componentsColors:()=>componentsColors,ButtonStates:()=>enums_ButtonStates,ListSubheader:()=>ListSubheader,DataGrid:()=>DataGrid,DialogActions:()=>DialogActions,ConfigContext:()=>ConfigContext,DataGridActionCell:()=>DataGridActionCell,DESCRIPTION_ROOT_CLASSNAME:()=>DESCRIPTION_ROOT_CLASSNAME,ButtonVariants:()=>enums_ButtonVariants,SearchField:()=>SearchField,DialogHeader:()=>DialogHeader,ListItemIcon:()=>ListItemIcon,ContentState:()=>ContentState,IconDropdownButton:()=>IconDropdownButton,Collapse:()=>Collapse,DEFAULT_SYMBOL:()=>DEFAULT_SYMBOL,DialogContentText:()=>DialogContentText,FormControl:()=>FormControl,IconButton:()=>IconButton,Row:()=>Row,MIN_ROW_HEIGHT:()=>MIN_ROW_HEIGHT,Pagination:()=>Pagination,CopyTypography:()=>CopyTypography,TagBadge:()=>TagBadge,BottomDrawer:()=>BottomDrawer,ActionCell:()=>ActionCell,DescriptionList:()=>DescriptionList,TextField:()=>TextField,Variant:()=>enums_Variant,NavMenu:()=>NavMenu,getPalette:()=>getPalette,Typography:()=>Typography,shape:()=>shape,useToggle:()=>useToggle,Tag:()=>Tag,TagsList:()=>TagsList,SortStates:()=>enums_SortStates,ConfirmAction:()=>ConfirmAction,Image:()=>Image,ButtonSizes:()=>enums_ButtonSizes,Chevron:()=>Chevron,DataGridPagination:()=>DataGridPagination,Menu:()=>Menu,Autocomplete:()=>Autocomplete,Button:()=>Button,Description:()=>Description_Description,DEFAULT_SEPARATOR:()=>DEFAULT_SEPARATOR,OverflowTypography:()=>OverflowTypography,ListItemText:()=>ListItemText,useViewportType:()=>useViewportType,Tooltip:()=>Tooltip,Checkbox:()=>Checkbox,Popover:()=>Popover});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react");var external_react_default=__webpack_require__.n(external_react_namespaceObject);let material_namespaceObject=require("@mui/material"),external_lucide_react_namespaceObject=require("lucide-react"),ChevronIcon=(0,material_namespaceObject.styled)(external_lucide_react_namespaceObject.ChevronsDown,{shouldForwardProp:e=>"isActive"!==e})`
   transform: rotateZ(${({isActive:e})=>180*!!e}deg);
 
   transition: ${({theme:e})=>e.transitions.create("transform",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.short})};
@@ -39,7 +39,7 @@
   ${({theme:e})=>e.breakpoints.down("sm")} {
     width: ${getButtonHeightMobile};
   }
-`,IconButton=e=>{let{variant:t=enums_ButtonVariants.Contained,loading:a,children:r,...n}=e,i=(0,external_react_namespaceObject.useMemo)(()=>t===enums_ButtonVariants.Contained?"inverted":"primary",[t]);return(0,jsx_runtime_namespaceObject.jsx)(styles_StyledButton,{loading:a,variant:t,tabIndex:a?-1:0,...n,children:a?(0,jsx_runtime_namespaceObject.jsx)(CircularProgress,{size:"small",color:i}):r})},useViewportType=()=>{let e=(0,material_namespaceObject.useTheme)();return{isMobile:(0,material_namespaceObject.useMediaQuery)(e.breakpoints.down("sm"))}};function useMenu(e=null){let[t,a]=(0,external_react_namespaceObject.useState)(!1),r=(0,external_react_namespaceObject.useRef)(null);return(0,external_react_namespaceObject.useEffect)(()=>{e&&("function"==typeof e?e(r.current):e.current=r.current)},[e]),{open:t,anchorRef:r,handleCloseMenu:()=>a(!1),handleOpenMenu:()=>a(!0)}}let usePopover=()=>{let[e,t]=(0,external_react_namespaceObject.useState)(null);return{isOpen:!!e,anchor:e,actions:{open:e=>t(e.currentTarget),close:()=>t(null)}}},OFFSET_TOP_SCREEN="16px",DEFAULT_HEADER_HEIGHT=56,StyledDrawer=(0,material_namespaceObject.styled)(material_namespaceObject.Drawer)`
+`,IconButton=e=>{let{variant:t=enums_ButtonVariants.Contained,loading:a,children:r,...n}=e,i=(0,external_react_namespaceObject.useMemo)(()=>t===enums_ButtonVariants.Contained?"inverted":"primary",[t]);return(0,jsx_runtime_namespaceObject.jsx)(styles_StyledButton,{loading:a,variant:t,tabIndex:a?-1:0,...n,children:a?(0,jsx_runtime_namespaceObject.jsx)(CircularProgress,{size:"small",color:i}):r})},useViewportType=()=>{let e=(0,material_namespaceObject.useTheme)();return{isMobile:(0,material_namespaceObject.useMediaQuery)(e.breakpoints.down("sm"))}};function useMenu(e=null){let[t,a]=(0,external_react_namespaceObject.useState)(!1),r=(0,external_react_namespaceObject.useRef)(null);return(0,external_react_namespaceObject.useEffect)(()=>{e&&("function"==typeof e?e(r.current):e.current=r.current)},[e]),{open:t,anchorRef:r,handleCloseMenu:()=>a(!1),handleOpenMenu:()=>a(!0)}}let usePopover=()=>{let[e,t]=(0,external_react_namespaceObject.useState)(null);return{isOpen:!!e,anchor:e,actions:{open:e=>t(e.currentTarget),close:()=>t(null)}}},useToggle=e=>{let{initialState:t=!1,onInactive:a,onActive:r}=e||{},[n,i]=(0,external_react_namespaceObject.useState)(t);return[n,(...e)=>{i(!0),r?.(...e)},(...e)=>{i(!1),a?.(...e)}]},OFFSET_TOP_SCREEN="16px",DEFAULT_HEADER_HEIGHT=56,StyledDrawer=(0,material_namespaceObject.styled)(material_namespaceObject.Drawer)`
   ${`.${material_namespaceObject.paperClasses.root}`} {
     max-height: calc(100vh - ${OFFSET_TOP_SCREEN});