@lunit/oui 1.0.1-alpha.1 → 1.0.1-alpha.11

package/src/icons/InformationLarge/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcInformationLargeOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const InformationLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-InformationLarge.displayName = 'InformationLarge';
-InformationLarge.variants = variants;
-
-export default InformationLarge;

package/src/icons/InformationSmall/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcInformationSmallOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const InformationSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-InformationSmall.displayName = 'InformationSmall';
-InformationSmall.variants = variants;
-
-export default InformationSmall;

package/src/icons/Manufacturer/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcManufacturerOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const Manufacturer = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-Manufacturer.displayName = 'Manufacturer';
-Manufacturer.variants = variants;
-
-export default Manufacturer;

package/src/icons/Rectangle/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcRectangleOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const Rectangle = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-Rectangle.displayName = 'Rectangle';
-Rectangle.variants = variants;
-
-export default Rectangle;

package/src/icons/RefreshLeft/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcRefreshLeftOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const RefreshLeft = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-RefreshLeft.displayName = 'RefreshLeft';
-RefreshLeft.variants = variants;
-
-export default RefreshLeft;

package/src/icons/RefreshRight/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcRefreshRightOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const RefreshRight = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-RefreshRight.displayName = 'RefreshRight';
-RefreshRight.variants = variants;
-
-export default RefreshRight;

package/src/icons/ShowLarge/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcShowLargeOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const ShowLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-ShowLarge.displayName = 'ShowLarge';
-ShowLarge.variants = variants;
-
-export default ShowLarge;

package/src/icons/ShowSmall/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
-
-import { IcShowSmallOutlined20Px as outlined } from '../../assets';
-
-const variants = ['outlined'] as const;
-type Variant = (typeof variants)[number];
-type IconProps = SvgIconProps & {
-  variant?: Variant;
-};
-const ShowSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
-  if (variant === 'outlined') {
-    return (
-      <SvgIcon
-        {...rest}
-        component={outlined}
-        inheritViewBox
-      />
-    );
-  }
-
-  return null;
-};
-
-ShowSmall.displayName = 'ShowSmall';
-ShowSmall.variants = variants;
-
-export default ShowSmall;

package/src/icons/index.ts

@@ -1,180 +0,0 @@
-export { default as BellNoti } from './BellNoti';
-export { default as CloseLarge } from './CloseLarge';
-export { default as CloseSmall } from './CloseSmall';
-export { default as DownloadPdf } from './DownloadPdf';
-export { default as Ellipse } from './Ellipse';
-export { default as FilterNoti } from './FilterNoti';
-export { default as HideLarge } from './HideLarge';
-export { default as HideSmall } from './HideSmall';
-export { default as InformationLarge } from './InformationLarge';
-export { default as InformationSmall } from './InformationSmall';
-export { default as Manufacturer } from './Manufacturer';
-export { default as Rectangle } from './Rectangle';
-export { default as RefreshLeft } from './RefreshLeft';
-export { default as RefreshRight } from './RefreshRight';
-export { default as ShowLarge } from './ShowLarge';
-export { default as ShowSmall } from './ShowSmall';
-
-export { Analyze } from '@lunit/design-system-icons';
-export { Annotation } from '@lunit/design-system-icons';
-export { Apps } from '@lunit/design-system-icons';
-export { ArrowDoubleDown } from '@lunit/design-system-icons';
-export { ArrowDoubleLeft } from '@lunit/design-system-icons';
-export { ArrowDoubleRight } from '@lunit/design-system-icons';
-export { ArrowDoubleUp } from '@lunit/design-system-icons';
-export { ArrowDown } from '@lunit/design-system-icons';
-export { ArrowDownSm } from '@lunit/design-system-icons';
-export { ArrowDownXs } from '@lunit/design-system-icons';
-export { ArrowDownward } from '@lunit/design-system-icons';
-export { ArrowExpand } from '@lunit/design-system-icons';
-export { ArrowLeft } from '@lunit/design-system-icons';
-export { ArrowMore } from '@lunit/design-system-icons';
-export { ArrowRight } from '@lunit/design-system-icons';
-export { ArrowUp } from '@lunit/design-system-icons';
-export { ArrowUpSm } from '@lunit/design-system-icons';
-export { ArrowUpXs } from '@lunit/design-system-icons';
-export { ArrowUpward } from '@lunit/design-system-icons';
-export { Avatar16 } from '@lunit/design-system-icons';
-export { Avatar } from '@lunit/design-system-icons';
-export { Avatar28 } from '@lunit/design-system-icons';
-export { Bell } from '@lunit/design-system-icons';
-export { Brightness } from '@lunit/design-system-icons';
-export { BrightnessPreset } from '@lunit/design-system-icons';
-export { Brush } from '@lunit/design-system-icons';
-export { Calendar } from '@lunit/design-system-icons';
-export { Check } from '@lunit/design-system-icons';
-export { Close16 } from '@lunit/design-system-icons';
-export { Close } from '@lunit/design-system-icons';
-export { CloudDownload } from '@lunit/design-system-icons';
-export { CloudUpload } from '@lunit/design-system-icons';
-export { Convert } from '@lunit/design-system-icons';
-export { Crop } from '@lunit/design-system-icons';
-export { Cursor } from '@lunit/design-system-icons';
-export { Dashboard } from '@lunit/design-system-icons';
-export { Delete } from '@lunit/design-system-icons';
-export { Demo } from '@lunit/design-system-icons';
-export { DownloadFolder } from '@lunit/design-system-icons';
-export { DownloadT1 } from '@lunit/design-system-icons';
-export { DownloadT2 } from '@lunit/design-system-icons';
-export { DownloadT3 } from '@lunit/design-system-icons';
-export { DownloadT4 } from '@lunit/design-system-icons';
-export { DrawArrow } from '@lunit/design-system-icons';
-export { DrawLine } from '@lunit/design-system-icons';
-export { Dummy16 } from '@lunit/design-system-icons';
-export { Dummy } from '@lunit/design-system-icons';
-export { Duplicate } from '@lunit/design-system-icons';
-export { Edit } from '@lunit/design-system-icons';
-export { EditTtr } from '@lunit/design-system-icons';
-export { EditType } from '@lunit/design-system-icons';
-export { Eraser } from '@lunit/design-system-icons';
-export { Error16 } from '@lunit/design-system-icons';
-export { Error } from '@lunit/design-system-icons';
-export { Exclude16 } from '@lunit/design-system-icons';
-export { Exclude } from '@lunit/design-system-icons';
-export { Feedback } from '@lunit/design-system-icons';
-export { File } from '@lunit/design-system-icons';
-export { Filter } from '@lunit/design-system-icons';
-export { FlipHorizontal } from '@lunit/design-system-icons';
-export { FlipVertical } from '@lunit/design-system-icons';
-export { FloodFill } from '@lunit/design-system-icons';
-export { Forward } from '@lunit/design-system-icons';
-export { Fullscreen } from '@lunit/design-system-icons';
-export { Hand } from '@lunit/design-system-icons';
-export { Help } from '@lunit/design-system-icons';
-export { Hide16 } from '@lunit/design-system-icons';
-export { Hide } from '@lunit/design-system-icons';
-export { History } from '@lunit/design-system-icons';
-export { Home } from '@lunit/design-system-icons';
-export { Include16 } from '@lunit/design-system-icons';
-export { Include } from '@lunit/design-system-icons';
-export { Information16 } from '@lunit/design-system-icons';
-export { Information } from '@lunit/design-system-icons';
-export { Invert } from '@lunit/design-system-icons';
-export { Label } from '@lunit/design-system-icons';
-export { Language } from '@lunit/design-system-icons';
-export { Layout1x1 } from '@lunit/design-system-icons';
-export { Layout1x2 } from '@lunit/design-system-icons';
-export { Layout1x4 } from '@lunit/design-system-icons';
-export { Layout2x1 } from '@lunit/design-system-icons';
-export { Layout2x2 } from '@lunit/design-system-icons';
-export { Lock } from '@lunit/design-system-icons';
-export { Logo16 } from '@lunit/design-system-icons';
-export { Logo } from '@lunit/design-system-icons';
-export { Logo32 } from '@lunit/design-system-icons';
-export { Logout } from '@lunit/design-system-icons';
-export { LunitLogo } from '@lunit/design-system-icons';
-export { Magnify } from '@lunit/design-system-icons';
-export { Menu as MenuIcon } from '@lunit/design-system-icons';
-export { MenuOpen } from '@lunit/design-system-icons';
-export { Minus } from '@lunit/design-system-icons';
-export { MoreHorizontal } from '@lunit/design-system-icons';
-export { MoreVertical } from '@lunit/design-system-icons';
-export { MoveDown } from '@lunit/design-system-icons';
-export { MoveLeft } from '@lunit/design-system-icons';
-export { MoveRight } from '@lunit/design-system-icons';
-export { MoveUp } from '@lunit/design-system-icons';
-export { Pan } from '@lunit/design-system-icons';
-export { Password } from '@lunit/design-system-icons';
-export { PathologySlides } from '@lunit/design-system-icons';
-export { PauseT1 } from '@lunit/design-system-icons';
-export { PauseT2 } from '@lunit/design-system-icons';
-export { PdfDownload } from '@lunit/design-system-icons';
-export { PdfUpload } from '@lunit/design-system-icons';
-export { Pen } from '@lunit/design-system-icons';
-export { Play } from '@lunit/design-system-icons';
-export { Plus } from '@lunit/design-system-icons';
-export { PolygonSelection } from '@lunit/design-system-icons';
-export { Project } from '@lunit/design-system-icons';
-export { Redo } from '@lunit/design-system-icons';
-export { Refresh } from '@lunit/design-system-icons';
-export { Removable16 } from '@lunit/design-system-icons';
-export { Removable } from '@lunit/design-system-icons';
-export { Reorder } from '@lunit/design-system-icons';
-export { Report } from '@lunit/design-system-icons';
-export { Reset } from '@lunit/design-system-icons';
-export { ResetText } from '@lunit/design-system-icons';
-export { ResetView } from '@lunit/design-system-icons';
-export { Review } from '@lunit/design-system-icons';
-export { Rewind } from '@lunit/design-system-icons';
-export { RotationLeft } from '@lunit/design-system-icons';
-export { RotationRight } from '@lunit/design-system-icons';
-export { RulerT1 } from '@lunit/design-system-icons';
-export { RulerT2 } from '@lunit/design-system-icons';
-export { RulerviewCircle } from '@lunit/design-system-icons';
-export { RulerviewLine } from '@lunit/design-system-icons';
-export { Save } from '@lunit/design-system-icons';
-export { SearchT1 } from '@lunit/design-system-icons';
-export { SearchT2 } from '@lunit/design-system-icons';
-export { SendEmail } from '@lunit/design-system-icons';
-export { Setting } from '@lunit/design-system-icons';
-export { Shortcut } from '@lunit/design-system-icons';
-export { Show16 } from '@lunit/design-system-icons';
-export { Show } from '@lunit/design-system-icons';
-export { Skip } from '@lunit/design-system-icons';
-export { StartT1 } from '@lunit/design-system-icons';
-export { StartT2 } from '@lunit/design-system-icons';
-export { Storage } from '@lunit/design-system-icons';
-export { Success16 } from '@lunit/design-system-icons';
-export { Success } from '@lunit/design-system-icons';
-export { TagT1 } from '@lunit/design-system-icons';
-export { TagT2 } from '@lunit/design-system-icons';
-export { TagT3 } from '@lunit/design-system-icons';
-export { Text } from '@lunit/design-system-icons';
-export { Toggle } from '@lunit/design-system-icons';
-export { Undo } from '@lunit/design-system-icons';
-export { Unlock } from '@lunit/design-system-icons';
-export { UploadFolder } from '@lunit/design-system-icons';
-export { UploadT1 } from '@lunit/design-system-icons';
-export { UploadT2 } from '@lunit/design-system-icons';
-export { UploadT3 } from '@lunit/design-system-icons';
-export { UploadT4 } from '@lunit/design-system-icons';
-export { User } from '@lunit/design-system-icons';
-export { ViewList } from '@lunit/design-system-icons';
-export { ViewModule } from '@lunit/design-system-icons';
-export { ViewfinderT1 } from '@lunit/design-system-icons';
-export { ViewfinderT2 } from '@lunit/design-system-icons';
-export { ViewfinderT3 } from '@lunit/design-system-icons';
-export { Warning16 } from '@lunit/design-system-icons';
-export { Warning } from '@lunit/design-system-icons';
-export { ZoomIn } from '@lunit/design-system-icons';
-export { ZoomOut } from '@lunit/design-system-icons';

package/src/index.ts

@@ -1,4 +0,0 @@
-import theme from './theme';
-
-export { theme };
-export * from './components';

package/src/react-app-env.d.ts

@@ -1,71 +0,0 @@
-/// <reference types="node" />
-/// <reference types="react" />
-/// <reference types="react-dom" />
-
-declare namespace NodeJS {
-  interface ProcessEnv {
-    readonly NODE_ENV: 'development' | 'production' | 'test';
-    readonly PUBLIC_URL: string;
-  }
-}
-
-declare module '*.avif' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.bmp' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.gif' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.jpg' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.jpeg' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.png' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.webp' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.svg' {
-  import * as React from 'react';
-
-  export const ReactComponent: React.FunctionComponent<React.SVGProps<
-    SVGSVGElement
-  > & { title?: string }>;
-
-  const src: string;
-  export default src;
-}
-
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';

package/src/systems/drawer.ts

@@ -1,27 +0,0 @@
-import { ThemeOptions } from '@mui/material';
-
-declare module '@mui/material/styles' {
-  interface Theme {
-    leftDrawer: {
-      width: React.CSSProperties['width'];
-    };
-    rightDrawer: {
-      width: React.CSSProperties['width'];
-    };
-  }
-  interface ThemeOptions {
-    leftDrawer: {
-      width: React.CSSProperties['width'];
-    };
-    rightDrawer: {
-      width: React.CSSProperties['width'];
-    };
-  }
-}
-
-const drawer: ThemeOptions = {
-  leftDrawer: { width: 240 },
-  rightDrawer: { width: 260 },
-};
-
-export default drawer;

package/src/systems/index.ts

@@ -1,7 +0,0 @@
-export const SCROLLBAR_WIDTH = 10;
-export const SMALL_SCROLLBAR_WIDTH = 6;
-export const DRAWER_WIDTH_OPEN = 280;
-export const DRAWER_WIDTH_CLOSE = 52;
-export const VIEWER_DRAWER_WIDTH_OPEN = 280;
-
-export { default as drawer } from './drawer';

package/src/theme.ts

@@ -1,22 +0,0 @@
-import { createTheme } from '@mui/material/styles';
-import MuiCssBaseline from './components/MuiCssBaseline';
-import MuiInputBase from './components/MuiInputBase';
-import MuiOutlinedInput from './components/MuiOutlinedInput';
-import MuiTextField from './components/MuiTextField';
-import { palette, spacing, typography } from './foundations';
-import { drawer } from './systems';
-
-const theme = createTheme({
-  ...drawer,
-  palette,
-  spacing,
-  typography,
-  components: {
-    MuiCssBaseline,
-    MuiInputBase,
-    MuiOutlinedInput,
-    MuiTextField,
-  },
-});
-
-export default theme;