norma-library 0.6.64 → 0.6.66

package/src/interfaces/IconButton.ts

@@ -1,22 +1,22 @@
-import { ReactNode } from 'react';
-import { Theme } from '@emotion/react';
-
-import {
-  ButtonPropsColorOverrides,
-  ButtonPropsSizeOverrides,
-  ButtonPropsVariantOverrides,
-  SxProps,
-} from '@mui/material';
-
-import { OverridableStringUnion } from '@mui/types';
-import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
-
-export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
-  sx?: SxProps<Theme>;
-  children?: ReactNode;
-  circle?: boolean;
-  cursor?: string;
-  color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
-  size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
-  variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
-}
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+
+import {
+  ButtonPropsColorOverrides,
+  ButtonPropsSizeOverrides,
+  ButtonPropsVariantOverrides,
+  SxProps,
+} from '@mui/material';
+
+import { OverridableStringUnion } from '@mui/types';
+import { ColorVariant, ButtonVariant, SizeVariant, MuiIconButtonBaseProps } from '../types';
+
+export interface IconButtonBaseProps extends MuiIconButtonBaseProps {
+  sx?: SxProps<Theme>;
+  children?: ReactNode;
+  circle?: boolean;
+  cursor?: string;
+  color?: OverridableStringUnion<ColorVariant, ButtonPropsColorOverrides>;
+  size?: OverridableStringUnion<SizeVariant, ButtonPropsSizeOverrides>;
+  variant?: OverridableStringUnion<ButtonVariant, ButtonPropsVariantOverrides>;
+}

package/src/interfaces/Icons.ts

@@ -1,17 +1,17 @@
-import { ComponentProps } from 'react';
-import { IconScale, IconColors, IconType } from '../types';
-import { Svg } from '../components/Icons';
-
-export interface IconsProps extends ComponentProps<typeof Svg> {
-  useSymbol?: boolean;
-  scale?: IconScale;
-  color?: IconColors;
-  width?: number;
-  height?: number;
-  fill?: string;
-  icon: IconType;
-}
-
-export interface SvgProps {
-  inline?: boolean;
-}
+import { ComponentProps } from 'react';
+import { IconScale, IconColors, IconType } from '../types';
+import { Svg } from '../components/Icons';
+
+export interface IconsProps extends ComponentProps<typeof Svg> {
+  useSymbol?: boolean;
+  scale?: IconScale;
+  color?: IconColors;
+  width?: number;
+  height?: number;
+  fill?: string;
+  icon: IconType;
+}
+
+export interface SvgProps {
+  inline?: boolean;
+}

package/src/interfaces/Modal.ts

@@ -1,18 +1,18 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
-
-export interface ModalBaseProps extends MuiModalBaseProps {
-  sx?: SxProps<Theme>;
-  children: React.ReactElement;
-  open: boolean;
-  onClose?: React.ReactEventHandler<{}>;
-  action?: OnAction[];
-  actionSpaceBetween?: boolean;
-  className?: string;
-  title?: string;
-  id?: string;
-  paperProps?: MuiPaperBaseProps;
-  width?: string;
-
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
+
+export interface ModalBaseProps extends MuiModalBaseProps {
+  sx?: SxProps<Theme>;
+  children: React.ReactElement;
+  open: boolean;
+  onClose?: React.ReactEventHandler<{}>;
+  action?: OnAction[];
+  actionSpaceBetween?: boolean;
+  className?: string;
+  title?: string;
+  id?: string;
+  paperProps?: MuiPaperBaseProps;
+  width?: string;
+
+}

package/src/interfaces/Paper.ts

@@ -1,12 +1,12 @@
-import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { MuiPaperBaseProps, PaperVariant } from '../types';
-import { OverridableStringUnion } from '@mui/types';
-
-export interface PaperBaseProps extends MuiPaperBaseProps {
-  sx?: SxProps<Theme>;
-  elevation?: number;
-  square?: boolean;
-  children?: React.ReactNode;
-  variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
-}
+import { PaperPropsVariantOverrides, SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { MuiPaperBaseProps, PaperVariant } from '../types';
+import { OverridableStringUnion } from '@mui/types';
+
+export interface PaperBaseProps extends MuiPaperBaseProps {
+  sx?: SxProps<Theme>;
+  elevation?: number;
+  square?: boolean;
+  children?: React.ReactNode;
+  variant?: OverridableStringUnion<PaperVariant, PaperPropsVariantOverrides>;
+}

package/src/interfaces/ProgressBar.ts

@@ -1,29 +1,29 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { OverridableStringUnion } from '@mui/types';
-import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
-import { ProgressBar } from '..';
-
-export interface LinearProgressPropsColorOverrides {}
-
-export interface CustomColor {
-  root: string;
-  bar: string;
-}
-
-export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
-  sx?: SxProps<Theme>;
-  value?: number;
-  total?: number;
-  label?: string;
-  colorCustom?: CustomColor;
-  variant?: ProgressVariant;
-  localeString?: boolean;
-  color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
-  h?: number;
-  hideValue?: boolean;
-  fSize?: string;
-  htmlLabel?: React.ReactNode;
-}
-
-export type ProgressBarType = keyof typeof ProgressBar;
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { OverridableStringUnion } from '@mui/types';
+import { ColorVariant, MuiProgressBarBaseProps, ProgressVariant } from '../types';
+import { ProgressBar } from '..';
+
+export interface LinearProgressPropsColorOverrides {}
+
+export interface CustomColor {
+  root: string;
+  bar: string;
+}
+
+export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
+  sx?: SxProps<Theme>;
+  value?: number;
+  total?: number;
+  label?: string;
+  colorCustom?: CustomColor;
+  variant?: ProgressVariant;
+  localeString?: boolean;
+  color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
+  h?: number;
+  hideValue?: boolean;
+  fSize?: string;
+  htmlLabel?: React.ReactNode;
+}
+
+export type ProgressBarType = keyof typeof ProgressBar;

package/src/interfaces/RadioGroup.ts

@@ -1,23 +1,23 @@
-import { ReactNode } from 'react';
-import {
-  CheckBoxColorVariant,
-  DirectionVariant,
-  MuiRadioBaseProps,
-  OptionsRadios,
-  TextFieldSizeVariant,
-} from '../types';
-import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
-import { OverridableStringUnion } from '@mui/types';
-
-export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
-  id?: string;
-  name?: string;
-  options?: OptionsRadios[];
-  required?: boolean;
-  direction?: DirectionVariant;
-  label?: ReactNode;
-  size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
-  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
-  checked?: string;
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
-}
+import { ReactNode } from 'react';
+import {
+  CheckBoxColorVariant,
+  DirectionVariant,
+  MuiRadioBaseProps,
+  OptionsRadios,
+  TextFieldSizeVariant,
+} from '../types';
+import { CheckboxPropsColorOverrides, RadioPropsSizeOverrides } from '@mui/material';
+import { OverridableStringUnion } from '@mui/types';
+
+export interface RadioBaseProps extends Omit<MuiRadioBaseProps, 'onChange'> {
+  id?: string;
+  name?: string;
+  options?: OptionsRadios[];
+  required?: boolean;
+  direction?: DirectionVariant;
+  label?: ReactNode;
+  size?: OverridableStringUnion<TextFieldSizeVariant, RadioPropsSizeOverrides>;
+  color?: OverridableStringUnion<CheckBoxColorVariant, CheckboxPropsColorOverrides>;
+  checked?: string;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+}

package/src/interfaces/RangerSlider.ts

@@ -1,21 +1,21 @@
-import { Theme } from '@emotion/react';
-
-import { SliderPropsColorOverrides, SliderPropsSizeOverrides, SxProps } from '@mui/material';
-import { OverridableStringUnion } from '@mui/types';
-
-import { MuiRangerSliderBaseProps } from '../types';
-
-export interface RangerSliderBaseProps extends MuiRangerSliderBaseProps {
-  sx?: SxProps<Theme>;
-  max?: number;
-  min?: number;
-  name?: string;
-  mode?: Boolean;
-  onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
-  orientation?: 'horizontal' | 'vertical';
-  size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
-  step?: number | null;
-  defaultValue?: number | number[];
-  valueLabelDisplay?: 'on' | 'auto' | 'off';
-  color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
-}
+import { Theme } from '@emotion/react';
+
+import { SliderPropsColorOverrides, SliderPropsSizeOverrides, SxProps } from '@mui/material';
+import { OverridableStringUnion } from '@mui/types';
+
+import { MuiRangerSliderBaseProps } from '../types';
+
+export interface RangerSliderBaseProps extends MuiRangerSliderBaseProps {
+  sx?: SxProps<Theme>;
+  max?: number;
+  min?: number;
+  name?: string;
+  mode?: Boolean;
+  onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
+  orientation?: 'horizontal' | 'vertical';
+  size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
+  step?: number | null;
+  defaultValue?: number | number[];
+  valueLabelDisplay?: 'on' | 'auto' | 'off';
+  color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
+}

package/src/interfaces/Select.ts

@@ -1,17 +1,17 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { DataSelect, MuiSelectBaseProps, TextFieldVariant } from '../types';
-
-export interface SelectBaseProps extends MuiSelectBaseProps {
-  sx?: SxProps<Theme>;
-  id?: string;
-  label?: React.ReactNode;
-  input?: React.ReactElement<any, any>;
-  variant?: TextFieldVariant;
-  value?: string  | string[];
-  open?: boolean;
-  onOpen?: (event: React.SyntheticEvent) => void;
-  onClose?: (event: React.SyntheticEvent) => void;
-  multiple?: boolean;
-  data?: DataSelect[];
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { DataSelect, MuiSelectBaseProps, TextFieldVariant } from '../types';
+
+export interface SelectBaseProps extends MuiSelectBaseProps {
+  sx?: SxProps<Theme>;
+  id?: string;
+  label?: React.ReactNode;
+  input?: React.ReactElement<any, any>;
+  variant?: TextFieldVariant;
+  value?: string  | string[];
+  open?: boolean;
+  onOpen?: (event: React.SyntheticEvent) => void;
+  onClose?: (event: React.SyntheticEvent) => void;
+  multiple?: boolean;
+  data?: DataSelect[];
+}

package/src/interfaces/Tabs.ts

@@ -1,19 +1,19 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '../types';
-
-export interface TabsBaseProps extends MuiTabsBaseProps {
-  sx?: SxProps<Theme>;
-  children?: React.ReactNode;
-  onChange?: (event: React.SyntheticEvent, value: any) => void;
-  color?: ColorVariant;
-  variant?: TabsVariant;
-  value?: any;
-  data?: DataTabs[];
-}
-
-export interface TabPanelProps {
-  children?: React.ReactNode;
-  index: number;
-  value: number;
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '../types';
+
+export interface TabsBaseProps extends MuiTabsBaseProps {
+  sx?: SxProps<Theme>;
+  children?: React.ReactNode;
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  color?: ColorVariant;
+  variant?: TabsVariant;
+  value?: any;
+  data?: DataTabs[];
+}
+
+export interface TabPanelProps {
+  children?: React.ReactNode;
+  index: number;
+  value: number;
+}

package/src/interfaces/Tag.ts

@@ -1,17 +1,17 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { ColorVariant, MuiTagBaseProps } from '../types';
-import { OverridableStringUnion } from '@mui/types';
-
-export interface ChipPropsColorOverrides {}
-export interface ChipPropsSizeOverrides {}
-
-export interface TagBaseProps extends MuiTagBaseProps {
-  label?: React.ReactNode | String;
-  sx?: SxProps<Theme>;
-  avatar?: React.ReactElement;
-  outlined?: Boolean;
-  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
-  color?: OverridableStringUnion<ColorVariant, ChipPropsColorOverrides>;
-  onClose?: React.ReactEventHandler<{}>;
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { ColorVariant, MuiTagBaseProps } from '../types';
+import { OverridableStringUnion } from '@mui/types';
+
+export interface ChipPropsColorOverrides {}
+export interface ChipPropsSizeOverrides {}
+
+export interface TagBaseProps extends MuiTagBaseProps {
+  label?: React.ReactNode | String;
+  sx?: SxProps<Theme>;
+  avatar?: React.ReactElement;
+  outlined?: Boolean;
+  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
+  color?: OverridableStringUnion<ColorVariant, ChipPropsColorOverrides>;
+  onClose?: React.ReactEventHandler<{}>;
+}

package/src/interfaces/TextField.ts

@@ -1,44 +1,44 @@
-import React, { ReactNode } from 'react';
-
-import { TextFieldPropsColorOverrides, TextFieldPropsSizeOverrides } from '@mui/material/TextField';
-import { FormHelperTextProps, InputBaseProps, InputLabelProps, OutlinedInputProps, SelectProps, SxProps, Theme } from '@mui/material';
-import { InputProps as StandardInputProps } from '@mui/material/Input';
-import { OverridableStringUnion } from '@mui/types';
-import { TextField } from '@mui/material';
-import { TextFieldColorVariant, MuiTextFieldBaseProps, TextFieldSizeVariant, TextFieldVariant } from '../types';
-
-export interface TextFieldBaseProps extends MuiTextFieldBaseProps {
-  id?: string;
-  name?: string;
-  defaultValue?: string;
-  disabled?: boolean;
-  required?: boolean;
-  type?: React.InputHTMLAttributes<unknown>['type'];
-  hasError?: boolean;
-  label?: ReactNode;
-  children?: ReactNode;
-  error?: boolean;
-  variant?: TextFieldVariant;
-  helperText?: React.ReactNode;
-  InputLabelProps?: Partial<InputLabelProps>;
-  InputProps?: Partial<OutlinedInputProps>;
-  autoComplete?: string;
-  placeholder?: string;
-  multiline?: boolean;
-  rows?: string | number;
-  maxRows?: string | number;
-  minRows?: string | number;
-  select?: boolean;
-  SelectProps?: Partial<SelectProps>;
-  onChange?: OutlinedInputProps['onChange'];
-  onClick?: InputBaseProps['onClick'];
-  onBlur?: InputBaseProps['onBlur'];
-  onFocus?: StandardInputProps['onFocus'];
-  size?: OverridableStringUnion<TextFieldSizeVariant, TextFieldPropsSizeOverrides>;
-  FormHelperTextProps?: Partial<FormHelperTextProps>;
-  color?: OverridableStringUnion<TextFieldColorVariant, TextFieldPropsColorOverrides>;
-  value?: unknown;
-  sx?: SxProps<Theme> | undefined
-}
-
-export type TextFieldType = keyof typeof TextField;
+import React, { ReactNode } from 'react';
+
+import { TextFieldPropsColorOverrides, TextFieldPropsSizeOverrides } from '@mui/material/TextField';
+import { FormHelperTextProps, InputBaseProps, InputLabelProps, OutlinedInputProps, SelectProps, SxProps, Theme } from '@mui/material';
+import { InputProps as StandardInputProps } from '@mui/material/Input';
+import { OverridableStringUnion } from '@mui/types';
+import { TextField } from '@mui/material';
+import { TextFieldColorVariant, MuiTextFieldBaseProps, TextFieldSizeVariant, TextFieldVariant } from '../types';
+
+export interface TextFieldBaseProps extends MuiTextFieldBaseProps {
+  id?: string;
+  name?: string;
+  defaultValue?: string;
+  disabled?: boolean;
+  required?: boolean;
+  type?: React.InputHTMLAttributes<unknown>['type'];
+  hasError?: boolean;
+  label?: ReactNode;
+  children?: ReactNode;
+  error?: boolean;
+  variant?: TextFieldVariant;
+  helperText?: React.ReactNode;
+  InputLabelProps?: Partial<InputLabelProps>;
+  InputProps?: Partial<OutlinedInputProps>;
+  autoComplete?: string;
+  placeholder?: string;
+  multiline?: boolean;
+  rows?: string | number;
+  maxRows?: string | number;
+  minRows?: string | number;
+  select?: boolean;
+  SelectProps?: Partial<SelectProps>;
+  onChange?: OutlinedInputProps['onChange'];
+  onClick?: InputBaseProps['onClick'];
+  onBlur?: InputBaseProps['onBlur'];
+  onFocus?: StandardInputProps['onFocus'];
+  size?: OverridableStringUnion<TextFieldSizeVariant, TextFieldPropsSizeOverrides>;
+  FormHelperTextProps?: Partial<FormHelperTextProps>;
+  color?: OverridableStringUnion<TextFieldColorVariant, TextFieldPropsColorOverrides>;
+  value?: unknown;
+  sx?: SxProps<Theme> | undefined
+}
+
+export type TextFieldType = keyof typeof TextField;

package/src/interfaces/TimeLine.ts

@@ -1,11 +1,11 @@
-import { SxProps } from '@mui/material';
-import { Theme } from '@emotion/react';
-import { ColorVariant, DataTimeLine, MuiTimeLineBaseProps, PositionVariant } from '../types';
-
-export interface TimeLineBaseProps extends MuiTimeLineBaseProps {
-  position?: PositionVariant;
-  children?: React.ReactNode;
-  sx?: SxProps<Theme>;
-  color: ColorVariant;
-  data: DataTimeLine[];
-}
+import { SxProps } from '@mui/material';
+import { Theme } from '@emotion/react';
+import { ColorVariant, DataTimeLine, MuiTimeLineBaseProps, PositionVariant } from '../types';
+
+export interface TimeLineBaseProps extends MuiTimeLineBaseProps {
+  position?: PositionVariant;
+  children?: React.ReactNode;
+  sx?: SxProps<Theme>;
+  color: ColorVariant;
+  data: DataTimeLine[];
+}

package/src/interfaces/TimePicker.ts

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

package/src/interfaces/index.ts

@@ -1,23 +1,23 @@
-export * from './Accordion';
-export * from './Avatar';
-export * from './Badge';
-export * from './Button';
-export * from './Card';
-export * from './ChatMessage';
-export * from './CheckBox';
-export * from './DatePicker';
-export * from './DropDown';
-export * from './IconButton';
-export * from './Icons';
-export * from './Modal';
-export * from './Paper';
-export * from './ProgressBar';
-export * from './RadioGroup';
-export * from './RangerSlider';
-export * from './Select';
-export * from './Tabs';
-export * from './Tag';
-export * from './TextField';
-export * from './TimeLine';
-export * from './TimePicker';
-export * from './ChatMessageBalloon';
+export * from './Accordion';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './ChatMessage';
+export * from './CheckBox';
+export * from './DatePicker';
+export * from './DropDown';
+export * from './IconButton';
+export * from './Icons';
+export * from './Modal';
+export * from './Paper';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './RangerSlider';
+export * from './Select';
+export * from './Tabs';
+export * from './Tag';
+export * from './TextField';
+export * from './TimeLine';
+export * from './TimePicker';
+export * from './ChatMessageBalloon';

package/src/providers/NormaProvider.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ThemeProvider } from '@mui/material';
-import { ThemeProviderProps } from "@mui/material/styles/ThemeProvider";
-
-export const NormaProvider = (props:ThemeProviderProps) => {
-  const { theme, children } = props;
-  
-  return (
-    <ThemeProvider theme={theme}>
-      {children}
-    </ThemeProvider>
-  );
-};
+import React from 'react';
+import { ThemeProvider } from '@mui/material';
+import { ThemeProviderProps } from "@mui/material/styles/ThemeProvider";
+
+export const NormaProvider = (props:ThemeProviderProps) => {
+  const { theme, children } = props;
+  
+  return (
+    <ThemeProvider theme={theme}>
+      {children}
+    </ThemeProvider>
+  );
+};