norma-library 0.6.64 → 0.6.66

package/src/helpers/sizes.ts

@@ -1,72 +1,72 @@
-function getSize(size: string) {
-  switch (size) {
-    case 'small':
-      return 'text-sm';
-    case 'medium':
-      return 'text-lg';
-    case 'large':
-      return 'text-xl';
-    default:
-      return 'text-base';
-  }
-}
-
-function getBtnSize(size: string) {
-  switch (size) {
-    case 'small':
-      return 'px-3 py-2 text-xs font-medium';
-    case 'medium':
-      return 'px-5 py-2.5 text-sm font-medium ';
-    case 'large':
-      return 'px-6 py-3.5 text-base font-medium font-semibold';
-    default:
-      return 'h-10 py-2 px-4 text-lg';
-  }
-}
-
-function getPaddingSize(size: string) {
-  switch (size) {
-    case 'small':
-      return 'px-4 py-2.5';
-    case 'medium':
-      return 'px-5 py-2.5';
-    case 'large':
-      return 'px-6 py-3';
-    default:
-      return 'px-5 py-2.5';
-  }
-}
-
-function getHeightSize(size: string) {
-  switch (size) {
-    case 'small':
-      return 'h-6';
-    case 'medium':
-      return 'h-10';
-    case 'large':
-      return '10';
-    default:
-      return 'h-12';
-  }
-}
-
-function getIconSize(size: string) {
-  switch (size) {
-    case 'small':
-      return 'px-1.5 py-0 h-6 w-6';
-    case 'medium':
-      return 'px-1.5 py-0 h-8 w-8';
-    case 'large':
-      return 'px-1.5 py-0 h-10 w-10';
-    default:
-      return 'px-1.5 py-0 h-8 w-8';
-  }
-}
-
-const sizes = {
-  small: 'small',
-  medium: 'medium',
-  large: 'large',
-};
-
-export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize };
+function getSize(size: string) {
+  switch (size) {
+    case 'small':
+      return 'text-sm';
+    case 'medium':
+      return 'text-lg';
+    case 'large':
+      return 'text-xl';
+    default:
+      return 'text-base';
+  }
+}
+
+function getBtnSize(size: string) {
+  switch (size) {
+    case 'small':
+      return 'px-3 py-2 text-xs font-medium';
+    case 'medium':
+      return 'px-5 py-2.5 text-sm font-medium ';
+    case 'large':
+      return 'px-6 py-3.5 text-base font-medium font-semibold';
+    default:
+      return 'h-10 py-2 px-4 text-lg';
+  }
+}
+
+function getPaddingSize(size: string) {
+  switch (size) {
+    case 'small':
+      return 'px-4 py-2.5';
+    case 'medium':
+      return 'px-5 py-2.5';
+    case 'large':
+      return 'px-6 py-3';
+    default:
+      return 'px-5 py-2.5';
+  }
+}
+
+function getHeightSize(size: string) {
+  switch (size) {
+    case 'small':
+      return 'h-6';
+    case 'medium':
+      return 'h-10';
+    case 'large':
+      return '10';
+    default:
+      return 'h-12';
+  }
+}
+
+function getIconSize(size: string) {
+  switch (size) {
+    case 'small':
+      return 'px-1.5 py-0 h-6 w-6';
+    case 'medium':
+      return 'px-1.5 py-0 h-8 w-8';
+    case 'large':
+      return 'px-1.5 py-0 h-10 w-10';
+    default:
+      return 'px-1.5 py-0 h-8 w-8';
+  }
+}
+
+const sizes = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large',
+};
+
+export { sizes, getBtnSize, getSize, getPaddingSize, getHeightSize, getIconSize };

package/src/hooks/useClickOutside.tsx

@@ -1,18 +1,18 @@
-import { useEffect } from 'react';
-
-const useClickOutside = (ref: React.RefObject<HTMLElement>, callback: () => void) => {
-  const handleClickOutside = (event: MouseEvent) => {
-    if (ref.current && !ref.current.contains(event.target as Node)) {
-      callback();
-    }
-  };
-
-  useEffect(() => {
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, callback]);
-};
-
-export default useClickOutside;
+import { useEffect } from 'react';
+
+const useClickOutside = (ref: React.RefObject<HTMLElement>, callback: () => void) => {
+  const handleClickOutside = (event: MouseEvent) => {
+    if (ref.current && !ref.current.contains(event.target as Node)) {
+      callback();
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [ref, callback]);
+};
+
+export default useClickOutside;

package/src/index.ts

@@ -1,70 +1,70 @@
-import { Accordion } from './components/Accordion';
-import { Button } from './components/Button';
-import { Card } from './components/Card';
-import { CheckBox } from './components/CheckBox';
-import { IconButton } from './components/IconButton';
-import { Icons } from './components/Icons';
-import { Modal } from './components/Modal';
-import { Paper } from './components/Paper';
-import { ProgressBar } from './components/ProgressBar';
-import { RadioGroup } from './components/RadioGroup';
-import { RangerSlider } from './components/RangerSlider';
-import { Select } from './components/Select';
-import { Tabs } from './components/Tabs';
-import { Tag } from './components/Tag';
-import { TextField } from './components/TextField';
-import { DatePicker } from './components/DatePicker';
-import { ChatMessage, ChatMessageBalloon } from './components';
-import { NormaProvider } from './providers/NormaProvider';
-import { themes, getPalette } from './helpers';
-import DateInput from './components/DateInput';
-import Box from './components/Box';
-import Breadcrumb from './components/Breadcrumb';
-import SelectInput from './components/SelectInput';
-import MultiSelectInput from './components/MultiSelectInput';
-import { Title, Text } from './components/Typography';
-import TextInput from './components/TextInput';
-import Table from './components/Table';
-import UncontrolledTable from './components/UncontrolledTable';
-import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
-import { ModalStatus } from './components/StatusModal/StatusModal';
-import { breakpoints } from './utils/styledBreakpoints';
-import { useTheme } from '@mui/material';
-
-export {
-  Accordion,
-  Button,
-  Card,
-  ChatMessage,
-  ChatMessageBalloon,
-  CheckBox,
-  DatePicker,
-  getPalette,
-  IconButton,
-  Icons,
-  Modal,
-  Paper,
-  ProgressBar,
-  RadioGroup,
-  RangerSlider,
-  Select,
-  Tabs,
-  Tag,
-  TextField,
-  NormaProvider,
-  themes,
-  DateInput,
-  Box,
-  Breadcrumb,
-  SelectInput,
-  MultiSelectInput,
-  Text,
-  Title,
-  TextInput,
-  Table,
-  UncontrolledTable,
-  UncontrolledTabs,
-  ModalStatus,
-  breakpoints,
-  useTheme
-};
+import { Accordion } from './components/Accordion';
+import { Button } from './components/Button';
+import { Card } from './components/Card';
+import { CheckBox } from './components/CheckBox';
+import { IconButton } from './components/IconButton';
+import { Icons } from './components/Icons';
+import { Modal } from './components/Modal';
+import { Paper } from './components/Paper';
+import { ProgressBar } from './components/ProgressBar';
+import { RadioGroup } from './components/RadioGroup';
+import { RangerSlider } from './components/RangerSlider';
+import { Select } from './components/Select';
+import { Tabs } from './components/Tabs';
+import { Tag } from './components/Tag';
+import { TextField } from './components/TextField';
+import { DatePicker } from './components/DatePicker';
+import { ChatMessage, ChatMessageBalloon } from './components';
+import { NormaProvider } from './providers/NormaProvider';
+import { themes, getPalette } from './helpers';
+import DateInput from './components/DateInput';
+import Box from './components/Box';
+import Breadcrumb from './components/Breadcrumb';
+import SelectInput from './components/SelectInput';
+import MultiSelectInput from './components/MultiSelectInput';
+import { Title, Text } from './components/Typography';
+import TextInput from './components/TextInput';
+import Table from './components/Table';
+import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
+import { ModalStatus } from './components/StatusModal/StatusModal';
+import { breakpoints } from './utils/styledBreakpoints';
+import { useTheme } from '@mui/material';
+
+export {
+  Accordion,
+  Button,
+  Card,
+  ChatMessage,
+  ChatMessageBalloon,
+  CheckBox,
+  DatePicker,
+  getPalette,
+  IconButton,
+  Icons,
+  Modal,
+  Paper,
+  ProgressBar,
+  RadioGroup,
+  RangerSlider,
+  Select,
+  Tabs,
+  Tag,
+  TextField,
+  NormaProvider,
+  themes,
+  DateInput,
+  Box,
+  Breadcrumb,
+  SelectInput,
+  MultiSelectInput,
+  Text,
+  Title,
+  TextInput,
+  Table,
+  UncontrolledTable,
+  UncontrolledTabs,
+  ModalStatus,
+  breakpoints,
+  useTheme
+};

package/src/interfaces/Accordion.ts

@@ -1,12 +1,12 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { DataAccordion, MuiAccordionBaseProps } from '../types';
-
-export interface AccordionBaseProps extends MuiAccordionBaseProps {
-  label?: React.ReactNode | String;
-  sx?: SxProps<Theme>;
-  onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
-  defaultExpanded?: boolean | string;
-  expanded?: boolean;
-  data?: DataAccordion[];
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { DataAccordion, MuiAccordionBaseProps } from '../types';
+
+export interface AccordionBaseProps extends MuiAccordionBaseProps {
+  label?: React.ReactNode | String;
+  sx?: SxProps<Theme>;
+  onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+  defaultExpanded?: boolean | string;
+  expanded?: boolean;
+  data?: DataAccordion[];
+}

package/src/interfaces/Avatar.tsx

@@ -1,15 +1,15 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-
-import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
-
-import { MuiAvatarBaseProps } from '../types';
-import { OverridableStringUnion } from '@mui/types';
-
-export interface AvatarBaseProps extends MuiAvatarBaseProps {
-  sx?: SxProps<Theme>;
-  src?: string;
-  children?: ReactNode;
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
-  sizes?: string;
-}
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+
+import { AvatarPropsVariantOverrides, SxProps } from '@mui/material';
+
+import { MuiAvatarBaseProps } from '../types';
+import { OverridableStringUnion } from '@mui/types';
+
+export interface AvatarBaseProps extends MuiAvatarBaseProps {
+  sx?: SxProps<Theme>;
+  src?: string;
+  children?: ReactNode;
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+  sizes?: string;
+}

package/src/interfaces/Badge.ts

@@ -1,19 +1,19 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-
-import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
-import { MuiBadgeBaseProps } from '@/types';
-import { OverridableStringUnion } from '@mui/types';
-
-export interface BadgeBaseProps extends MuiBadgeBaseProps {
-  sx?: SxProps<Theme>;
-  className?: string;
-  children?: ReactNode;
-  badgeContent?: ReactNode;
-  invisible?: boolean;
-  color?: OverridableStringUnion<
-    'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
-    BadgePropsColorOverrides
-  >;
-  variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
-}
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+
+import { BadgePropsColorOverrides, BadgePropsVariantOverrides, SxProps } from '@mui/material';
+import { MuiBadgeBaseProps } from '@/types';
+import { OverridableStringUnion } from '@mui/types';
+
+export interface BadgeBaseProps extends MuiBadgeBaseProps {
+  sx?: SxProps<Theme>;
+  className?: string;
+  children?: ReactNode;
+  badgeContent?: ReactNode;
+  invisible?: boolean;
+  color?: OverridableStringUnion<
+    'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning',
+    BadgePropsColorOverrides
+  >;
+  variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+}

package/src/interfaces/Button.ts

@@ -1,19 +1,19 @@
-import { ReactNode } from 'react';
-
-import {
-  ButtonPropsColorOverrides,
-  ButtonPropsSizeOverrides,
-  ButtonPropsVariantOverrides,
-} from '@mui/material';
-
-import { OverridableStringUnion } from '@mui/types';
-import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
-
-export interface ButtonBaseProps extends MuiButtonBaseProps {
-  label?: string;
-  children?: ReactNode;
-  fullWidth?: boolean;
-  color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
-  size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
-  variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
-}
+import { ReactNode } from 'react';
+
+import {
+  ButtonPropsColorOverrides,
+  ButtonPropsSizeOverrides,
+  ButtonPropsVariantOverrides,
+} from '@mui/material';
+
+import { OverridableStringUnion } from '@mui/types';
+import { ColorVariant, ButtonVariant, SizeVariant, MuiButtonBaseProps } from '../types';
+
+export interface ButtonBaseProps extends MuiButtonBaseProps {
+  label?: string;
+  children?: ReactNode;
+  fullWidth?: boolean;
+  color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
+  size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
+  variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
+}

package/src/interfaces/Card.ts

@@ -1,11 +1,11 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { ColorVariant, MuiCardBaseProps } from '../types';
-
-export interface CardBaseProps extends MuiCardBaseProps {
-  sx?: SxProps<Theme>;
-  raised?: boolean;
-  border?: boolean;
-  color?: ColorVariant;
-  children?: React.ReactNode;
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { ColorVariant, MuiCardBaseProps } from '../types';
+
+export interface CardBaseProps extends MuiCardBaseProps {
+  sx?: SxProps<Theme>;
+  raised?: boolean;
+  border?: boolean;
+  color?: ColorVariant;
+  children?: React.ReactNode;
+}

package/src/interfaces/ChatMessage.ts

@@ -1,12 +1,12 @@
-export interface ChatProps {
-  name: string;
-  message: string;
-  emotion?: React.ReactNode;
-  emotionReplay?: React.ReactNode;
-  time: string;
-  send: 'me' | 'replay';
-}
-
-export interface ChatMessageProps {
-  data: ChatProps[];
-}
+export interface ChatProps {
+  name: string;
+  message: string;
+  emotion?: React.ReactNode;
+  emotionReplay?: React.ReactNode;
+  time: string;
+  send: 'me' | 'replay';
+}
+
+export interface ChatMessageProps {
+  data: ChatProps[];
+}

package/src/interfaces/ChatMessageBalloon.ts

@@ -1,17 +1,17 @@
-import { ReactNode, MouseEventHandler } from "react";
-
-export interface ChatMessageBalloonProps {
-  label: string;
-  description: ReactNode;
-  date: string;
-  direction: "I" | "O";
-  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-  onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-  onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
-  onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
-  highlight?: boolean;
-  attachments?: string[];
-  children?:ReactNode;
-  bottomChildren?:ReactNode;
-  className?:string;
-}
+import { ReactNode, MouseEventHandler } from "react";
+
+export interface ChatMessageBalloonProps {
+  label: string;
+  description: ReactNode;
+  date: string;
+  direction: "I" | "O";
+  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+  onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+  onRowMouseEnter?: MouseEventHandler<HTMLDivElement>;
+  onRowMouseLeave?: MouseEventHandler<HTMLDivElement>;
+  highlight?: boolean;
+  attachments?: string[];
+  children?:ReactNode;
+  bottomChildren?:ReactNode;
+  className?:string;
+}

package/src/interfaces/CheckBox.ts

@@ -1,27 +1,27 @@
-import { OverridableStringUnion } from '@mui/types';
-import { Checkbox, SxProps, Theme } from '@mui/material';
-import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
-import {
-  CheckBoxColorVariant,
-  CheckboxPropsColorOverrides,
-  CheckboxPropsSizeOverrides,
-  MuiCheckBoxBaseProps,
-  TextFieldSizeVariant,
-} from '../types';
-
-export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
-  sx?: SxProps<Theme>;
-  name?: string;
-  label?: string;
-  checked?: SwitchBaseProps['checked'];
-  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
-  disabled?: SwitchBaseProps['disabled'];
-  id?: SwitchBaseProps['id'];
-  onChange?: SwitchBaseProps['onChange'];
-  required?: SwitchBaseProps['required'];
-  size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
-  value?: SwitchBaseProps['value'];
-  defaultChecked?: boolean;
-}
-
-export type CheckboxType = keyof typeof Checkbox;
+import { OverridableStringUnion } from '@mui/types';
+import { Checkbox, SxProps, Theme } from '@mui/material';
+import { SwitchBaseProps } from '@mui/material/internal/SwitchBase';
+import {
+  CheckBoxColorVariant,
+  CheckboxPropsColorOverrides,
+  CheckboxPropsSizeOverrides,
+  MuiCheckBoxBaseProps,
+  TextFieldSizeVariant,
+} from '../types';
+
+export interface CheckBoxBaseProps extends MuiCheckBoxBaseProps {
+  sx?: SxProps<Theme>;
+  name?: string;
+  label?: string;
+  checked?: SwitchBaseProps['checked'];
+  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
+  disabled?: SwitchBaseProps['disabled'];
+  id?: SwitchBaseProps['id'];
+  onChange?: SwitchBaseProps['onChange'];
+  required?: SwitchBaseProps['required'];
+  size?: OverridableStringUnion<TextFieldSizeVariant, CheckboxPropsSizeOverrides>;
+  value?: SwitchBaseProps['value'];
+  defaultChecked?: boolean;
+}
+
+export type CheckboxType = keyof typeof Checkbox;

package/src/interfaces/DatePicker.ts

@@ -1,13 +1,13 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-
-import { DatePickVariant } from '../types';
-
-export interface DatePickerBaseProps {
-  sx?: SxProps<Theme>;
-  label?: string;
-  format?: string;
-  language?: string;
-  onChange?: React.ChangeEvent<HTMLInputElement>;
-  variant?: DatePickVariant;
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+
+import { DatePickVariant } from '../types';
+
+export interface DatePickerBaseProps {
+  sx?: SxProps<Theme>;
+  label?: string;
+  format?: string;
+  language?: string;
+  onChange?: React.ChangeEvent<HTMLInputElement>;
+  variant?: DatePickVariant;
+}

package/src/interfaces/DropDown.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-
-import { SxProps } from '@mui/material';
-
-import { DropVariant, MuiDropDownBaseProps } from '../types';
-
-export interface DropDownBaseProps extends MuiDropDownBaseProps {
-  sx?: SxProps<Theme>;
-  open: boolean;
-  onClose?: React.ReactEventHandler<{}>;
-  children?: ReactNode;
-  variant?: DropVariant;
-}
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+
+import { SxProps } from '@mui/material';
+
+import { DropVariant, MuiDropDownBaseProps } from '../types';
+
+export interface DropDownBaseProps extends MuiDropDownBaseProps {
+  sx?: SxProps<Theme>;
+  open: boolean;
+  onClose?: React.ReactEventHandler<{}>;
+  children?: ReactNode;
+  variant?: DropVariant;
+}