@mcf/lib-ui 2.0.156 → 2.0.168

package/.babelrc.json

@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/README.md

@@ -70,8 +70,8 @@ List of CSS variables overridable (default only if you use the provided style):
 
 ## Quick Links
 NPM: https://www.npmjs.com/package/@mcf/lib-ui
-Dependency Images: https://gitlab.com/mycf.sg/lib-ui/container_registry/2214294
-Application Images: https://gitlab.com/mycf.sg/lib-ui/container_registry/2214299
+Dependency Images: https://sgts.gitlab-dedicated.com/wog/wsg/mycareersfuture/wsg-mycareersfuture/lib-ui/container_registry/3171
+Application Images: https://sgts.gitlab-dedicated.com/wog/wsg/mycareersfuture/wsg-mycareersfuture/lib-ui/container_registry/3173
 
 ## Contributing
 

package/dist/@types/Component/Button/Button.d.ts

@@ -0,0 +1,15 @@
+import { FC, ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+import { BUTTON_CATEGORY, BUTTON_COLOR, BUTTON_ICON_POSITION, BUTTON_SIZE } from './ButtonConstants';
+import { IconProps } from '../Icon/Icon';
+interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    category?: BUTTON_CATEGORY;
+    color: BUTTON_COLOR;
+    size?: BUTTON_SIZE;
+    rounded?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    iconPosition?: BUTTON_ICON_POSITION;
+    iconProps?: IconProps;
+}
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/@types/Component/Button/ButtonConstants.d.ts

@@ -0,0 +1,19 @@
+export declare enum BUTTON_COLOR {
+    Primary = "Primary",
+    Generic = "Peneric",
+    Danger = "Danger"
+}
+export declare enum BUTTON_CATEGORY {
+    Solid = "Solid",
+    Outline = "Outline",
+    Transparent = "Transparent",
+    Text = "Text"
+}
+export declare enum BUTTON_SIZE {
+    Small = "Small",
+    Large = "Large"
+}
+export declare enum BUTTON_ICON_POSITION {
+    Left = "Left",
+    Right = "Right"
+}

package/dist/@types/Component/CheckBox/CheckBox.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { IEmptyInterface } from '../utils';
 export interface ICheckBoxProps {
     id: string;
     input: {
         value?: boolean;
         onChange: (isChecked: boolean) => void;
     };
-    label: React.ReactElement<{}> | string;
+    label: React.ReactElement<IEmptyInterface> | string;
     disabled?: boolean;
 }
 export declare const CheckBox: React.SFC<ICheckBoxProps>;

package/dist/@types/Component/ConfirmationBox/ConfirmationBox.d.ts

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { TYPE } from '~/Component/BaseButton/BaseButton';
+import { TYPE } from '../BaseButton/BaseButton';
+import { IEmptyInterface } from '../utils';
 export interface IConfirmationBoxProps {
     text: string;
     buttonType?: TYPE;
@@ -9,7 +10,7 @@ export interface IConfirmationBoxProps {
     handleReset: () => void;
     container?: HTMLElement;
 }
-export declare class ConfirmationBox extends Component<IConfirmationBoxProps, {}> {
+export declare class ConfirmationBox extends Component<IConfirmationBoxProps, IEmptyInterface> {
     private el;
     constructor(props: IConfirmationBoxProps);
     componentDidMount(): void;

package/dist/@types/Component/Icon/Icon.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from 'react';
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    name: string;
+}
+declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/@types/Component/ReactFileReader/ReactFileReader.d.ts

@@ -15,7 +15,7 @@ export interface IReactFileReaderDefaultProps {
     isBase64: boolean;
     isDisabled: boolean;
 }
-export declare type FileReaderResult = string | ArrayBuffer | null;
+export type FileReaderResult = string | ArrayBuffer | null;
 export interface IReactFileReaderResult {
     base64: FileReaderResult[] | null;
     fileList: FileList | null;

package/dist/@types/Component/TextArea/TextArea.d.ts

@@ -15,6 +15,6 @@ interface ITextAreaWithoutCounterProps extends IBaseProps {
     hasCounter?: undefined;
     maxLength?: undefined;
 }
-export declare type ITextAreaProps = ITextAreaWithCounterProps | ITextAreaWithoutCounterProps;
+export type ITextAreaProps = ITextAreaWithCounterProps | ITextAreaWithoutCounterProps;
 export declare const TextArea: React.SFC<ITextAreaProps>;
 export {};

package/dist/@types/Component/TypeAhead/TypeAhead.d.ts

@@ -15,6 +15,7 @@ export interface ITypeAheadProps {
             newValue: string;
         } | null | string) => void;
         onBlur: () => void;
+        value?: any;
     };
     subtitle?: string;
     meta?: {

package/dist/@types/Component/Typography/Typography.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLProps } from 'react';
+import { TypographyVariants } from './TypographyConstants';
+type TypographyVariant = (typeof TypographyVariants)[keyof typeof TypographyVariants];
+interface TypographyProps extends HTMLProps<HTMLDivElement> {
+    variant: TypographyVariant;
+}
+declare const Typography: FC<TypographyProps>;
+export default Typography;

package/dist/@types/Component/Typography/TypographyConstants.d.ts

@@ -0,0 +1,79 @@
+declare enum DisplayVariants {
+    Display01 = "Display-01",
+    Display02 = "Display-02",
+    Display03 = "Display-03",
+    Display03SB = "Display-03SB",
+    Display04 = "Display-04",
+    Display05 = "Display-05"
+}
+declare enum HeadingVariants {
+    Heading01 = "Heading-01",
+    Heading02 = "Heading-02",
+    Heading02Tight = "Heading-02Tight",
+    Heading03 = "Heading-03",
+    Heading04 = "Heading-04",
+    Heading05 = "Heading-05",
+    Heading06 = "Heading-06",
+    Heading07 = "Heading-07",
+    Heading08 = "Heading-08",
+    Heading09 = "Heading-09"
+}
+declare enum BodyVariants {
+    Body01 = "Body-01",
+    Body01I = "Body-01i",
+    Body01U = "Body-01u",
+    Body02 = "Body-02",
+    Body02I = "Body-02I",
+    Body02U = "Body-02U",
+    Body03 = "Body-03",
+    Body03Tight = "Body-03Tight",
+    Body03I = "Body-03I",
+    Body03U = "Body-03U",
+    Body04 = "Body-04",
+    Body04I = "Body-04I"
+}
+declare enum LabelsAndCaptionsVariants {
+    Field01 = "Field-01",
+    Button01 = "Button-01",
+    Button02 = "Button-02",
+    Button03 = "Button-03",
+    Pill01 = "Pill-01",
+    Pill02 = "Pill-02"
+}
+export declare const TypographyVariants: {
+    Field01: LabelsAndCaptionsVariants.Field01;
+    Button01: LabelsAndCaptionsVariants.Button01;
+    Button02: LabelsAndCaptionsVariants.Button02;
+    Button03: LabelsAndCaptionsVariants.Button03;
+    Pill01: LabelsAndCaptionsVariants.Pill01;
+    Pill02: LabelsAndCaptionsVariants.Pill02;
+    Body01: BodyVariants.Body01;
+    Body01I: BodyVariants.Body01I;
+    Body01U: BodyVariants.Body01U;
+    Body02: BodyVariants.Body02;
+    Body02I: BodyVariants.Body02I;
+    Body02U: BodyVariants.Body02U;
+    Body03: BodyVariants.Body03;
+    Body03Tight: BodyVariants.Body03Tight;
+    Body03I: BodyVariants.Body03I;
+    Body03U: BodyVariants.Body03U;
+    Body04: BodyVariants.Body04;
+    Body04I: BodyVariants.Body04I;
+    Heading01: HeadingVariants.Heading01;
+    Heading02: HeadingVariants.Heading02;
+    Heading02Tight: HeadingVariants.Heading02Tight;
+    Heading03: HeadingVariants.Heading03;
+    Heading04: HeadingVariants.Heading04;
+    Heading05: HeadingVariants.Heading05;
+    Heading06: HeadingVariants.Heading06;
+    Heading07: HeadingVariants.Heading07;
+    Heading08: HeadingVariants.Heading08;
+    Heading09: HeadingVariants.Heading09;
+    Display01: DisplayVariants.Display01;
+    Display02: DisplayVariants.Display02;
+    Display03: DisplayVariants.Display03;
+    Display03SB: DisplayVariants.Display03SB;
+    Display04: DisplayVariants.Display04;
+    Display05: DisplayVariants.Display05;
+};
+export {};

package/dist/@types/Component/utils.d.ts

@@ -0,0 +1,2 @@
+export interface IEmptyInterface {
+}

package/dist/@types/Example/ReactFileReader/ReactFileReader.story.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DisplayReactFileReader: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/@types/Example/ReactFileReader/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { IReactFileReaderResult } from '../../Component/index';
+import { IEmptyInterface } from '~/Component/utils';
 interface IExampleReactFileReaderState {
     results: {
         [key: string]: IReactFileReaderResult;
     };
 }
-export declare class ExampleReactFileReader extends React.Component<{}, IExampleReactFileReaderState> {
+export declare class ExampleReactFileReader extends React.Component<IEmptyInterface, IExampleReactFileReaderState> {
     state: Readonly<IExampleReactFileReaderState>;
     render(): JSX.Element;
     private renderReactFileReader;

package/dist/@types/stories/Button.stories.d.ts

@@ -0,0 +1,12 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import Button from '../Component/Button/Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const PrimaryButton: Story;
+export declare const GenericButton: Story;
+export declare const DangerButton: Story;
+export declare const OutlinedButton: Story;
+export declare const TransparentButton: Story;
+export declare const TextButton: Story;
+export declare const IconButton: Story;

package/dist/@types/stories/Typography.stories.d.ts

@@ -0,0 +1,38 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import Typography from '../Component/Typography/Typography';
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const Display01: Story;
+export declare const Display02: Story;
+export declare const Display03: Story;
+export declare const Display03SB: Story;
+export declare const Display04: Story;
+export declare const Display05: Story;
+export declare const Body01: Story;
+export declare const Body01Italic: Story;
+export declare const Body01Underline: Story;
+export declare const Body02: Story;
+export declare const Body02Italic: Story;
+export declare const Body02Underline: Story;
+export declare const Body03: Story;
+export declare const Body03Tight: Story;
+export declare const Body03Italic: Story;
+export declare const Body03Underline: Story;
+export declare const Body04: Story;
+export declare const Body04Italic: Story;
+export declare const Heading01: Story;
+export declare const Heading02: Story;
+export declare const Heading02Tight: Story;
+export declare const Heading03: Story;
+export declare const Heading04: Story;
+export declare const Heading05: Story;
+export declare const Heading06: Story;
+export declare const Heading07: Story;
+export declare const Heading08: Story;
+export declare const Field01: Story;
+export declare const Button01: Story;
+export declare const Button02: Story;
+export declare const Button03: Story;
+export declare const Pill01: Story;
+export declare const Pill02: Story;