@max-ts/components 0.1.0 → 0.2.0

package/lib/components/TagsList/utils/getKey/getKey.mjs

@@ -0,0 +1,9 @@
+const n = (e, r) => {
+  if (typeof e == "string")
+    return e;
+  const t = e[r];
+  return typeof t == "number" ? t.toString() : t;
+};
+export {
+  n as getKey
+};

package/lib/components/TextArea/TextArea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),i=require("../TextField/TextField.cjs"),u=({rows:e=7,...t})=>r.j.jsx(i.TextField,{multiline:!0,rows:e,...t});exports.TextArea=u;

package/lib/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '../TextField';
+export type TextAreaProps = Omit<TextFieldProps, 'multiline'>;
+export declare const TextArea: ({ rows, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/TextArea/TextArea.mjs

@@ -0,0 +1,6 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { TextField as o } from "../TextField/TextField.mjs";
+const x = ({ rows: t = 7, ...r }) => /* @__PURE__ */ e.jsx(o, { multiline: !0, rows: t, ...r });
+export {
+  x as TextArea
+};

package/lib/components/TextField/TextField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs"),T=require("@mui/material"),l=require("react"),o=require("../FormHelperText/FormHelperTextContent/FormHelperTextContent.cjs"),C=({success:r,error:u,helperText:e,fullWidth:a=!1,startAdornment:s,endAdornment:j,slotProps:m,maxLength:d,trimmed:c=!0,onBlur:x,...i})=>{const f=l.useMemo(()=>{if(r)return"success"},[r]),g=l.useMemo(()=>r?t.j.jsx(o.FormHelperTextContent,{success:!0,children:e}):u?t.j.jsx(o.FormHelperTextContent,{error:!0,children:e}):e||t.j.jsx(t.j.Fragment,{}),[e,r,u]),F=n=>{if(c){const q=n.target.value?.trim();i.onChange?.({...n,target:{...n.target,value:q}})}x?.(n)};return t.j.jsx(T.TextField,{variant:"outlined",fullWidth:a,error:u,color:f,helperText:g,slotProps:{htmlInput:{maxLength:d},input:{startAdornment:s,endAdornment:j},...m},onBlur:F,...i})};exports.TextField=C;

package/lib/components/TextField/TextField.d.ts

@@ -0,0 +1,28 @@
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'variant' | 'color'> & {
+    /**
+     * Флаг отображения успешного состояния
+     */
+    success?: boolean;
+    /**
+     * Элемент, который добавляется в начало
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Элемент, который добавляется в конец
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Максимальная длина ввода
+     */
+    maxLength?: number;
+    /**
+     * Параметр для обрезания пробелов в текст филде при вызове onBlur.
+     * @default true
+     * @example <TextField trimmed={false} />
+     */
+    trimmed?: boolean;
+};
+export declare const TextField: ({ success, error, helperText: helperTextProp, fullWidth, startAdornment, endAdornment, slotProps, maxLength, trimmed, onBlur, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/TextField/TextField.mjs

@@ -0,0 +1,56 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { TextField as p } from "@mui/material";
+import { useMemo as u } from "react";
+import { FormHelperTextContent as l } from "../FormHelperText/FormHelperTextContent/FormHelperTextContent.mjs";
+const w = ({
+  success: e,
+  error: i,
+  helperText: t,
+  fullWidth: a = !1,
+  startAdornment: m,
+  endAdornment: s,
+  slotProps: f,
+  maxLength: x,
+  trimmed: d = !0,
+  onBlur: c,
+  ...o
+}) => {
+  const j = u(() => {
+    if (e)
+      return "success";
+  }, [e]), g = u(() => e ? /* @__PURE__ */ r.jsx(l, { success: !0, children: t }) : i ? /* @__PURE__ */ r.jsx(l, { error: !0, children: t }) : t || /* @__PURE__ */ r.jsx(r.Fragment, {}), [t, e, i]), F = (n) => {
+    if (d) {
+      const h = n.target.value?.trim();
+      o.onChange?.({
+        ...n,
+        target: { ...n.target, value: h }
+      });
+    }
+    c?.(n);
+  };
+  return /* @__PURE__ */ r.jsx(
+    p,
+    {
+      variant: "outlined",
+      fullWidth: a,
+      error: i,
+      color: j,
+      helperText: g,
+      slotProps: {
+        htmlInput: {
+          maxLength: x
+        },
+        input: {
+          startAdornment: m,
+          endAdornment: s
+        },
+        ...f
+      },
+      onBlur: F,
+      ...o
+    }
+  );
+};
+export {
+  w as TextField
+};

package/lib/components/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),p=require("./constants.cjs"),r=require("./styles.cjs"),c=o=>{const{title:i,placement:n="top",size:s=p.TooltipSizes.MEDIUM,withoutContainer:l=!0,children:t,...u}=o;return e.j.jsx(r.StyledTooltip,{title:i,size:s,placement:n,arrow:!0,...u,children:l?t:e.j.jsx(r.ContentWrapper,{children:t})})};exports.Tooltip=c;

package/lib/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+import { TooltipSize } from './types';
+export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
+    /**
+     * Размер тултипа
+     */
+    size?: TooltipSize;
+    /**
+     * При значении false оборачивает компонент в div. По-умолчанию true
+     * Это позволяет показывать тултипы на задизейбленных компонентах
+     * @example <Tooltip withoutContainer={false} ...><Button disabled></Tooltip>
+     */
+    withoutContainer?: boolean;
+};
+export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,27 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { TooltipSizes as l } from "./constants.mjs";
+import { StyledTooltip as m, ContentWrapper as a } from "./styles.mjs";
+const j = (r) => {
+  const {
+    title: e,
+    placement: i = "top",
+    size: p = l.MEDIUM,
+    withoutContainer: n = !0,
+    children: t,
+    ...s
+  } = r;
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      title: e,
+      size: p,
+      placement: i,
+      arrow: !0,
+      ...s,
+      children: n ? t : /* @__PURE__ */ o.jsx(a, { children: t })
+    }
+  );
+};
+export {
+  j as Tooltip
+};

package/lib/components/Tooltip/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.MEDIUM="medium",e.SMALL="small",e))(r||{});exports.TooltipSizes=r;

package/lib/components/Tooltip/constants.mjs

@@ -0,0 +1,4 @@
+var m = /* @__PURE__ */ ((r) => (r.MEDIUM = "medium", r.SMALL = "small", r))(m || {});
+export {
+  m as TooltipSizes
+};

package/lib/components/Tooltip/styles.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs"),o=require("@mui/material"),p=require("./constants.cjs"),a=o.styled(({className:t,...e})=>i.j.jsx(o.Tooltip,{...e,classes:{popper:t}}))`
+  & .${o.tooltipClasses.tooltip} {
+    margin: 0;
+
+    font-size: ${({size:t,theme:e})=>t===p.TooltipSizes.SMALL?e.typography.caption.fontSize:e.typography.body1.fontSize};
+    font-weight: ${({theme:t})=>t.typography.fontWeightRegular};
+    line-height: ${({size:t,theme:e})=>t===p.TooltipSizes.SMALL?e.typography.caption.lineHeight:e.typography.body1.lineHeight};
+    white-space: pre-line;
+
+    background-color: ${({theme:t})=>t.palette.grey[900]};
+    border-radius: ${({theme:t})=>t.shape.small};
+  }
+
+  & .${o.tooltipClasses.arrow} {
+    font-size: ${({theme:t})=>t.typography.caption.fontSize};
+    color: ${({theme:t})=>t.palette.grey[900]};
+  }
+
+  &&[data-popper-placement*='top'] .${o.tooltipClasses.tooltip} {
+    margin-bottom: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='bottom'] .${o.tooltipClasses.tooltip} {
+    margin-top: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='left'] .${o.tooltipClasses.tooltip} {
+    margin-right: ${({theme:t})=>t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='right'] .${o.tooltipClasses.tooltip} {
+    margin-left: ${({theme:t})=>t.spacing(2)};
+  }
+`,l=o.styled("div")`
+  display: inherit;
+  flex-direction: inherit;
+`;exports.ContentWrapper=l;exports.StyledTooltip=a;

package/lib/components/Tooltip/styles.d.ts

@@ -0,0 +1,7 @@
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+import { TooltipSize } from './types';
+export declare const StyledTooltip: import('@emotion/styled').StyledComponent<WithoutEmotionSpecific<MuiTooltipProps> & {
+    size?: TooltipSize;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ContentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Tooltip/styles.mjs

@@ -0,0 +1,46 @@
+import { j as a } from "../../_virtual/jsx-runtime.mjs";
+import { tooltipClasses as p, styled as e, Tooltip as r } from "@mui/material";
+import { TooltipSizes as i } from "./constants.mjs";
+const s = e(
+  ({ className: t, ...o }) => /* @__PURE__ */ a.jsx(r, { ...o, classes: { popper: t } })
+)`
+  & .${p.tooltip} {
+    margin: 0;
+
+    font-size: ${({ size: t, theme: o }) => t === i.SMALL ? o.typography.caption.fontSize : o.typography.body1.fontSize};
+    font-weight: ${({ theme: t }) => t.typography.fontWeightRegular};
+    line-height: ${({ size: t, theme: o }) => t === i.SMALL ? o.typography.caption.lineHeight : o.typography.body1.lineHeight};
+    white-space: pre-line;
+
+    background-color: ${({ theme: t }) => t.palette.grey[900]};
+    border-radius: ${({ theme: t }) => t.shape.small};
+  }
+
+  & .${p.arrow} {
+    font-size: ${({ theme: t }) => t.typography.caption.fontSize};
+    color: ${({ theme: t }) => t.palette.grey[900]};
+  }
+
+  &&[data-popper-placement*='top'] .${p.tooltip} {
+    margin-bottom: ${({ theme: t }) => t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='bottom'] .${p.tooltip} {
+    margin-top: ${({ theme: t }) => t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='left'] .${p.tooltip} {
+    margin-right: ${({ theme: t }) => t.spacing(2)};
+  }
+
+  &&[data-popper-placement*='right'] .${p.tooltip} {
+    margin-left: ${({ theme: t }) => t.spacing(2)};
+  }
+`, c = e("div")`
+  display: inherit;
+  flex-direction: inherit;
+`;
+export {
+  c as ContentWrapper,
+  s as StyledTooltip
+};

package/lib/components/Tooltip/types.d.ts

@@ -0,0 +1,2 @@
+import { TooltipSizes } from './constants';
+export type TooltipSize = `${TooltipSizes}`;

package/lib/components/Typography/Typography.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../_virtual/jsx-runtime.cjs"),n=require("./hooks/useTypographyColor/useTypographyColor.cjs"),i=require("./styles.cjs"),s=r=>{},u=({children:r,color:o,colorIntensity:t="800",component:p,...e})=>{const y=n.useTypographyColor({color:o,colorIntensity:t});return s(e.variant),a.j.jsx(i.TypographyWrapper,{...e,component:p,color:y,children:r})};exports.Typography=u;

package/lib/components/Typography/Typography.d.ts

@@ -0,0 +1,34 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+import { ElementType, HTMLAttributes } from 'react';
+import { Intensity, TypographyColor, TypographyVariant } from './types';
+type ComponentProp = ElementType<any>;
+type TypographyPropsBase = Pick<MuiTypographyProps, 'paragraph' | 'noWrap' | 'align' | 'gutterBottom' | 'children' | 'ref'>;
+export type TypographyProps = TypographyPropsBase & {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Применяет стили оформления темы
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+    /**
+     * Тип HTML - элемента
+     * @default 'p'
+     */
+    component?: ComponentProp;
+    /**
+     * Верхний регистр дочерних элементов
+     * @default false
+     */
+    isUpperCase?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+export declare const Typography: ({ children, color, colorIntensity, component, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Typography/Typography.mjs

@@ -0,0 +1,25 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { useTypographyColor as i } from "./hooks/useTypographyColor/useTypographyColor.mjs";
+import { TypographyWrapper as y } from "./styles.mjs";
+const m = (r) => {
+}, f = ({
+  children: r,
+  color: p,
+  colorIntensity: t = "800",
+  component: a,
+  ...o
+}) => {
+  const n = i({ color: p, colorIntensity: t });
+  return m(o.variant), /* @__PURE__ */ e.jsx(
+    y,
+    {
+      ...o,
+      component: a,
+      color: n,
+      children: r
+    }
+  );
+};
+export {
+  f as Typography
+};

package/lib/components/Typography/enums.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(e=>(e.text="text",e.secondary="secondary",e.primary="primary",e.error="error",e.success="success",e.warning="warning",e.info="info",e.textSecondary="text.secondary",e.grey="grey",e.red="red",e.green="green",e.yellow="yellow",e))(n||{});exports.TypographyColors=n;

package/lib/components/Typography/enums.mjs

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((e) => (e.text = "text", e.secondary = "secondary", e.primary = "primary", e.error = "error", e.success = "success", e.warning = "warning", e.info = "info", e.textSecondary = "text.secondary", e.grey = "grey", e.red = "red", e.green = "green", e.yellow = "yellow", e))(n || {});
+export {
+  n as TypographyColors
+};

package/lib/components/Typography/hooks/useTypographyColor/useTypographyColor.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("@mui/material"),o=require("../../enums.cjs"),p=({color:t,colorIntensity:a="800"})=>{const e=s.useTheme();return u.useMemo(()=>{const r=t&&o.TypographyColors[t];if(r)switch(r){case o.TypographyColors.text:return e.palette.text.primary;case o.TypographyColors.textSecondary:return e.palette.text.secondary;default:return e.palette[r]?.[a]||r}},[t,a,e])};exports.useTypographyColor=p;

package/lib/components/Typography/hooks/useTypographyColor/useTypographyColor.d.ts

@@ -0,0 +1,16 @@
+import { TypographyColor } from '../../types';
+type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
+type UseTypographyColorParams = {
+    /**
+     * Цвет текста
+     * @default undefined
+     */
+    color?: TypographyColor;
+    /**
+     * Интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @default '800'
+     */
+    colorIntensity?: Intensity;
+};
+export declare const useTypographyColor: ({ color, colorIntensity, }: UseTypographyColorParams) => any;
+export {};

package/lib/components/Typography/hooks/useTypographyColor/useTypographyColor.mjs

@@ -0,0 +1,24 @@
+import { useMemo as p } from "react";
+import { useTheme as m } from "@mui/material";
+import { TypographyColors as o } from "../../enums.mjs";
+const c = ({
+  color: r,
+  colorIntensity: a = "800"
+}) => {
+  const e = m();
+  return p(() => {
+    const t = r && o[r];
+    if (t)
+      switch (t) {
+        case o.text:
+          return e.palette.text.primary;
+        case o.textSecondary:
+          return e.palette.text.secondary;
+        default:
+          return e.palette[t]?.[a] || t;
+      }
+  }, [r, a, e]);
+};
+export {
+  c as useTypographyColor
+};

package/lib/components/Typography/styles.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),p=e.styled(e.Typography,{shouldForwardProp:r=>r!=="isUpperCase"})`
+  text-transform: ${({isUpperCase:r})=>r?"uppercase":"none"};
+`;exports.TypographyWrapper=p;

package/lib/components/Typography/styles.mjs

@@ -0,0 +1,9 @@
+import { styled as p, Typography as o } from "@mui/material";
+const a = p(o, {
+  shouldForwardProp: (r) => r !== "isUpperCase"
+})`
+  text-transform: ${({ isUpperCase: r }) => r ? "uppercase" : "none"};
+`;
+export {
+  a as TypographyWrapper
+};

package/lib/components/Typography/types.d.ts

@@ -0,0 +1,4 @@
+import { TypographyColors } from './enums';
+export type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
+export type TypographyColor = keyof typeof TypographyColors;
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'caption' | 'button' | 'inherit';

package/lib/components/index.d.ts

@@ -0,0 +1,76 @@
+export * from './Accordion';
+export * from './ActionCell';
+export * from './AsyncAutocomplete';
+export * from './Autocomplete';
+export * from './Badge';
+export * from './BottomDrawer';
+export * from './Button';
+export * from './Checkbox';
+export * from './CheckboxField';
+export * from './Chevron';
+export * from './CircularProgress';
+export * from './Collapse';
+export * from './ConfigProvider';
+export * from './ConfirmAction';
+export * from './ConfirmDialog';
+export * from './Container';
+export * from './ContentState';
+export * from './CopyTypography';
+export * from './DataGrid';
+export * from './DataGridActionCell';
+export * from './DataGridPagination';
+export * from './Description';
+export * from './DescriptionList';
+export * from './Dialog';
+export * from './DialogActions';
+export * from './DialogContent';
+export * from './DialogContentText';
+export * from './DialogHeader';
+export * from './DialogTitle';
+export * from './Divider';
+export * from './DropdownButton';
+export * from './ErrorBoundary';
+export * from './Filename';
+export * from './FormControl';
+export * from './FormControlLabel';
+export * from './FormHelperText';
+export * from './FormLabel';
+export * from './GuidTypography';
+export * from './IconButton';
+export * from './IconDropdownButton';
+export * from './InternalErrorPlaceholder';
+export * from './Link';
+export * from './List';
+export * from './ListItem';
+export * from './ListItemButton';
+export * from './ListItemIcon';
+export * from './ListItemText';
+export * from './ListSubheader';
+export * from './Menu';
+export * from './MenuItem';
+export * from './MenuList';
+export * from './NavMenu';
+export * from './OutdatedReleasePlaceholder';
+export * from './OverflowTypography';
+export * from './Pagination';
+export * from './Paper';
+export * from './Placeholder';
+export * from './Popover';
+export * from './ProgressBar';
+export * from './Radio';
+export * from './RadioField';
+export * from './RadioGroup';
+export * from './RadioGroupField';
+export * from './SearchField';
+export * from './Select';
+export * from './Skeleton';
+export * from './Switch';
+export * from './Tab';
+export * from './Tabs';
+export * from './Tag';
+export * from './TagBadge';
+export * from './TagsList';
+export * from './TextArea';
+export * from './TextField';
+export * from './Tooltip';
+export * from './Typography';

package/lib/hooks/useMenu/useMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function l(e=null){const[s,t]=u.useState(!1),n=u.useRef(null);return u.useEffect(()=>{e&&(typeof e=="function"?e(n.current):e.current=n.current)},[e]),{open:s,anchorRef:n,handleCloseMenu:()=>t(!1),handleOpenMenu:()=>t(!0)}}exports.useMenu=l;

package/lib/hooks/useMenu/useMenu.d.ts

@@ -0,0 +1,21 @@
+import { Ref, RefObject } from 'react';
+type UseMenuResult = {
+    /**
+     * Флаг состояния меню (открыто-закрыто)
+     */
+    open: boolean;
+    /**
+     * Элемент, к которому привязано меню
+     */
+    anchorRef: RefObject<HTMLButtonElement | null>;
+    /**
+     * Обработчик открытия меню
+     */
+    handleCloseMenu: () => void;
+    /**
+     * Обработчик закрытия меню
+     */
+    handleOpenMenu: () => void;
+};
+export declare function useMenu(ref?: Ref<HTMLButtonElement> | null): UseMenuResult;
+export {};

package/lib/hooks/useMenu/useMenu.mjs

@@ -0,0 +1,10 @@
+import { useState as o, useRef as s, useEffect as l } from "react";
+function f(e = null) {
+  const [u, t] = o(!1), n = s(null);
+  return l(() => {
+    e && (typeof e == "function" ? e(n.current) : e.current = n.current);
+  }, [e]), { open: u, anchorRef: n, handleCloseMenu: () => t(!1), handleOpenMenu: () => t(!0) };
+}
+export {
+  f as useMenu
+};

package/lib/hooks/usePopover/usePopover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=()=>{const[e,o]=t.useState(null);return{isOpen:!!e,anchor:e,actions:{open:n=>o(n.currentTarget),close:()=>o(null)}}};exports.usePopover=r;

package/lib/hooks/usePopover/usePopover.d.ts

@@ -0,0 +1,11 @@
+import { SyntheticEvent } from 'react';
+export type AnchorType = Element | null | undefined;
+export type UsePopoverResult = {
+    isOpen: boolean;
+    anchor: AnchorType;
+    actions: {
+        open: (event: SyntheticEvent) => void;
+        close: () => void;
+    };
+};
+export declare const usePopover: () => UsePopoverResult;

package/lib/hooks/usePopover/usePopover.mjs

@@ -0,0 +1,11 @@
+import { useState as t } from "react";
+const a = () => {
+  const [o, n] = t(null);
+  return { isOpen: !!o, anchor: o, actions: {
+    open: (e) => n(e.currentTarget),
+    close: () => n(null)
+  } };
+};
+export {
+  a as usePopover
+};

package/lib/hooks/useToggle/useToggle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=n=>{const{initialState:i=!1,onInactive:c,onActive:s}=n||{},[a,t]=o.useState(i);return[a,(...e)=>{t(!0),s?.(...e)},(...e)=>{t(!1),c?.(...e)}]};exports.useToggle=l;

package/lib/hooks/useToggle/useToggle.mjs

@@ -0,0 +1,12 @@
+import { useState as s } from "react";
+const A = (n) => {
+  const { initialState: c = !1, onInactive: i, onActive: a } = n || {}, [o, t] = s(c);
+  return [o, (...e) => {
+    t(!0), a?.(...e);
+  }, (...e) => {
+    t(!1), i?.(...e);
+  }];
+};
+export {
+  A as useToggle
+};

package/lib/hooks/useViewportType/useViewportType.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),o=()=>{const t=e.useTheme();return{isMobile:e.useMediaQuery(t.breakpoints.down("sm"))}};exports.useViewportType=o;

package/lib/hooks/useViewportType/useViewportType.mjs

@@ -0,0 +1,8 @@
+import { useTheme as o, useMediaQuery as s } from "@mui/material";
+const r = () => {
+  const e = o();
+  return { isMobile: s(e.breakpoints.down("sm")) };
+};
+export {
+  r as useViewportType
+};

package/lib/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components/Accordion/Accordion.cjs"),l=require("./components/ActionCell/ActionCell.cjs"),s=require("./components/AsyncAutocomplete/AsyncAutocomplete.cjs"),T=require("./components/Autocomplete/Autocomplete.cjs"),q=require("./components/Badge/Badge.cjs"),d=require("./components/BottomDrawer/BottomDrawer.cjs"),p=require("./components/Button/Button.cjs"),r=require("./components/Button/enums.cjs"),C=require("./components/Button/constants.cjs"),c=require("./components/Checkbox/Checkbox.cjs"),D=require("./components/CheckboxField/CheckboxField.cjs"),g=require("./components/Chevron/Chevron.cjs"),L=require("./components/CircularProgress/CircularProgress.cjs"),m=require("./components/Collapse/Collapse.cjs"),t=require("./components/ConfigProvider/ConfigProvider.cjs"),I=require("./components/ConfirmAction/ConfirmAction.cjs"),A=require("./components/ConfirmDialog/ConfirmDialog.cjs"),_=require("./components/Container/Container.cjs"),E=require("./components/ContentState/ContentState.cjs"),S=require("./components/CopyTypography/CopyTypography.cjs"),P=require("./components/DataGrid/DataGrid.cjs"),B=require("./components/DataGrid/Head/Head.cjs"),h=require("./components/DataGrid/Row/Row.cjs"),R=require("./components/DataGrid/Row/RowContext/RowContext.cjs"),F=require("./components/DataGrid/Row/RowContext/RowProvider/RowProvider.cjs"),e=require("./components/DataGrid/constants.cjs"),i=require("./components/DataGrid/enums.cjs"),y=require("./components/DataGridActionCell/DataGridActionCell.cjs"),O=require("./components/DataGridPagination/DataGridPagination.cjs"),N=require("./components/Description/Description.cjs"),o=require("./components/Description/constants.cjs"),x=require("./components/DescriptionList/DescriptionList.cjs"),v=require("./components/Dialog/Dialog.cjs"),w=require("./components/DialogActions/DialogActions.cjs"),G=require("./components/DialogContent/DialogContent.cjs"),M=require("./components/DialogContentText/DialogContentText.cjs"),b=require("./components/DialogHeader/DialogHeader.cjs"),H=require("./components/DialogTitle/DialogTitle.cjs"),U=require("./components/Divider/Divider.cjs"),f=require("./components/DropdownButton/DropdownButton.cjs"),k=require("./components/ErrorBoundary/ErrorBoundary.cjs"),W=require("./components/Filename/Filename.cjs"),Y=require("./components/FormControl/FormControl.cjs"),V=require("./components/FormControlLabel/FormControlLabel.cjs"),$=require("./components/FormHelperText/FormHelperText.cjs"),z=require("./components/FormHelperText/FormHelperTextContent/FormHelperTextContent.cjs"),X=require("./components/FormLabel/FormLabel.cjs"),j=require("./components/GuidTypography/GuidTypography.cjs"),J=require("./components/IconButton/IconButton.cjs"),K=require("./components/IconDropdownButton/IconDropdownButton.cjs"),Q=require("./components/InternalErrorPlaceholder/InternalErrorPlaceholder.cjs"),Z=require("./components/Link/Link.cjs"),ee=require("./components/List/List.cjs"),re=require("./components/ListItem/ListItem.cjs"),oe=require("./components/ListItemButton/ListItemButton.cjs"),te=require("./components/ListItemIcon/ListItemIcon.cjs"),ie=require("./components/ListItemText/ListItemText.cjs"),ae=require("./components/ListSubheader/ListSubheader.cjs"),ne=require("./components/Menu/Menu.cjs"),ue=require("./components/MenuItem/MenuItem.cjs"),le=require("./components/MenuList/MenuList.cjs"),se=require("./components/NavMenu/NavMenu.cjs"),Te=require("./components/OutdatedReleasePlaceholder/OutdatedReleasePlaceholder.cjs"),a=require("./components/OverflowTypography/OverflowTypography.cjs"),qe=require("./components/Pagination/Pagination.cjs"),de=require("./components/Paper/Paper.cjs"),n=require("./components/Placeholder/Image/Image.cjs"),pe=require("./components/Placeholder/Placeholder.cjs"),Ce=require("./components/Popover/Popover.cjs"),ce=require("./components/ProgressBar/ProgressBar.cjs"),De=require("./components/Radio/Radio.cjs"),ge=require("./components/RadioField/RadioField.cjs"),Le=require("./components/RadioGroup/RadioGroup.cjs"),me=require("./components/RadioGroup/RadioGroupContext/RadioGroupContext.cjs");require("./_virtual/jsx-runtime.cjs");const Ie=require("./components/RadioGroupField/RadioGroupField.cjs"),Ae=require("./components/SearchField/SearchField.cjs"),_e=require("./components/Select/Select.cjs"),Ee=require("./components/Skeleton/Skeleton.cjs"),Se=require("./components/Switch/Switch.cjs"),Pe=require("./components/Tab/Tab.cjs"),Be=require("./components/Tabs/Tabs.cjs"),he=require("./components/Tag/Tag.cjs"),Re=require("./components/TagBadge/TagBadge.cjs"),Fe=require("./components/TagsList/TagsList.cjs"),ye=require("./components/TextArea/TextArea.cjs"),Oe=require("./components/TextField/TextField.cjs"),Ne=require("./components/Tooltip/Tooltip.cjs"),xe=require("./components/Typography/Typography.cjs"),ve=require("./theme/baseTheme/baseTheme.cjs"),we=require("./theme/palette/componentsColors/componentsColors.cjs"),Ge=require("./theme/palette/palette.cjs"),Me=require("./theme/constants.cjs"),be=require("./theme/elevation.cjs"),He=require("./theme/shape.cjs"),Ue=require("./theme/hooks/useTheme/index.cjs"),fe=require("./hooks/useViewportType/useViewportType.cjs"),ke=require("./hooks/useMenu/useMenu.cjs"),We=require("./hooks/usePopover/usePopover.cjs"),Ye=require("./hooks/useToggle/useToggle.cjs");exports.Accordion=u.Accordion;exports.ActionCell=l.ActionCell;exports.AsyncAutocomplete=s.AsyncAutocomplete;exports.Autocomplete=T.Autocomplete;exports.Badge=q.Badge;exports.BottomDrawer=d.BottomDrawer;exports.Button=p.Button;exports.ButtonColors=r.ButtonColors;exports.ButtonSizes=r.ButtonSizes;exports.ButtonStates=r.ButtonStates;exports.ButtonVariants=r.ButtonVariants;exports.LOADING_BUTTON_CLASSNAME=C.LOADING_BUTTON_CLASSNAME;exports.Checkbox=c.Checkbox;exports.CheckboxField=D.CheckboxField;exports.Chevron=g.Chevron;exports.CircularProgress=L.CircularProgress;exports.Collapse=m.Collapse;exports.ConfigContext=t.ConfigContext;exports.ConfigProvider=t.ConfigProvider;exports.ConfirmAction=I.ConfirmAction;exports.ConfirmDialog=A.ConfirmDialog;exports.Container=_.Container;exports.ContentState=E.ContentState;exports.CopyTypography=S.CopyTypography;exports.DataGrid=P.DataGrid;exports.Head=B.Head;exports.Row=h.Row;exports.RowContext=R.RowContext;exports.RowContextProvider=F.RowContextProvider;exports.EXPANDED_LEVEL_BY_DEFAULT=e.EXPANDED_LEVEL_BY_DEFAULT;exports.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT=e.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT;exports.MIN_DISPLAY_ROWS_BY_DEFAULT=e.MIN_DISPLAY_ROWS_BY_DEFAULT;exports.MIN_ROW_HEIGHT=e.MIN_ROW_HEIGHT;exports.ROOT_ACTION_CELL_WIDTH=e.ROOT_ACTION_CELL_WIDTH;exports.TREE_LINE_WIDTH=e.TREE_LINE_WIDTH;exports.SortStates=i.SortStates;exports.Variant=i.Variant;exports.DataGridActionCell=y.DataGridActionCell;exports.DataGridPagination=O.DataGridPagination;exports.Description=N.Description;exports.DEFAULT_SEPARATOR=o.DEFAULT_SEPARATOR;exports.DEFAULT_SYMBOL=o.DEFAULT_SYMBOL;exports.DESCRIPTION_ROOT_CLASSNAME=o.DESCRIPTION_ROOT_CLASSNAME;exports.DescriptionList=x.DescriptionList;exports.Dialog=v.Dialog;exports.DialogActions=w.DialogActions;exports.DialogContent=G.DialogContent;exports.DialogContentText=M.DialogContentText;exports.DialogHeader=b.DialogHeader;exports.DialogTitle=H.DialogTitle;exports.Divider=U.Divider;exports.DropdownButton=f.DropdownButton;exports.ErrorBoundary=k.ErrorBoundary;exports.Filename=W.Filename;exports.FormControl=Y.FormControl;exports.FormControlLabel=V.FormControlLabel;exports.FormHelperText=$.FormHelperText;exports.FormHelperTextContent=z.FormHelperTextContent;exports.FormLabel=X.FormLabel;exports.GuidTypography=j.GuidTypography;exports.IconButton=J.IconButton;exports.IconDropdownButton=K.IconDropdownButton;exports.InternalErrorPlaceholder=Q.InternalErrorPlaceholder;exports.Link=Z.Link;exports.List=ee.List;exports.ListItem=re.ListItem;exports.ListItemButton=oe.ListItemButton;exports.ListItemIcon=te.ListItemIcon;exports.ListItemText=ie.ListItemText;exports.ListSubheader=ae.ListSubheader;exports.Menu=ne.Menu;exports.MenuItem=ue.MenuItem;exports.MenuList=le.MenuList;exports.NavMenu=se.NavMenu;exports.OutdatedReleasePlaceholder=Te.OutdatedReleasePlaceholder;exports.DEFAULT_ROWS_COUNT=a.DEFAULT_ROWS_COUNT;exports.OverflowTypography=a.OverflowTypography;exports.Pagination=qe.Pagination;exports.Paper=de.Paper;exports.Image=n.Image;exports.setDefaultImageStyles=n.setDefaultImageStyles;exports.Placeholder=pe.Placeholder;exports.Popover=Ce.Popover;exports.ProgressBar=ce.ProgressBar;exports.Radio=De.Radio;exports.RadioField=ge.RadioField;exports.RadioGroup=Le.RadioGroup;exports.RadioGroupContext=me.RadioGroupContext;exports.RadioGroupField=Ie.RadioGroupField;exports.SearchField=Ae.SearchField;exports.Select=_e.Select;exports.Skeleton=Ee.Skeleton;exports.Switch=Se.Switch;exports.Tab=Pe.Tab;exports.Tabs=Be.Tabs;exports.Tag=he.Tag;exports.TagBadge=Re.TagBadge;exports.TagsList=Fe.TagsList;exports.TextArea=ye.TextArea;exports.TextField=Oe.TextField;exports.Tooltip=Ne.Tooltip;exports.Typography=xe.Typography;exports.createTheme=ve.createTheme;exports.componentsColors=we.componentsColors;exports.getPalette=Ge.getPalette;exports.SPACING=Me.SPACING;exports.elevation=be.elevation;exports.shape=He.shape;exports.useTheme=Ue.useTheme;exports.useViewportType=fe.useViewportType;exports.useMenu=ke.useMenu;exports.usePopover=We.usePopover;exports.useToggle=Ye.useToggle;