@domun/component-library 1.0.0

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

@@ -0,0 +1,36 @@
+import React, { CSSProperties } from "react";
+export declare enum ModalType {
+    DEFAULT = "default",
+    LEFT = "left",
+    RIGHT = "right",
+    MOBILE_BOTTOM = "mobileBottom",
+    TOP = "top"
+}
+export type ModalContextProps = {
+    show: boolean;
+    children: React.ReactNode;
+    type?: ModalType;
+    element?: Element;
+    showHeader?: boolean;
+    title?: string;
+    closeElement?: React.ReactNode;
+    className?: string;
+    styles?: CSSProperties;
+    overlay?: {
+        className?: string;
+        styles?: CSSProperties;
+    };
+    content?: {
+        className?: string;
+        styles?: CSSProperties;
+    };
+    header?: {
+        className?: string;
+        styles?: CSSProperties;
+    };
+    body?: {
+        className?: string;
+        styles?: CSSProperties;
+    };
+    onClose?: () => void;
+};

package/lib/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: import("./paginationProps").PaginationProps) => JSX.Element | null;
+    argTypes: {
+        totalPageCount: number;
+        currentPage: number;
+        onPageChange: () => void;
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: import("./paginationProps").PaginationProps) => JSX.Element | null>;
+export declare const WithCustomControls: ComponentStory<({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: import("./paginationProps").PaginationProps) => JSX.Element | null>;
+export declare const WithHtmlControls: ComponentStory<({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: import("./paginationProps").PaginationProps) => JSX.Element | null>;
+export declare const WithMoreSiblings: ComponentStory<({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: import("./paginationProps").PaginationProps) => JSX.Element | null>;

package/lib/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./pagination";

package/lib/components/Pagination/pagination.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PaginationProps } from './paginationProps';
+declare const Pagination: ({ onPageChange, totalPageCount, siblingCount, currentPage, previousLabel, nextLabel, currentItemClassName, }: PaginationProps) => JSX.Element | null;
+export default Pagination;

package/lib/components/Pagination/paginationProps.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type PaginationProps = {
+    totalPageCount: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    previousLabel?: string | React.ReactNode | undefined;
+    nextLabel?: string | React.ReactNode | undefined;
+    siblingCount?: number;
+    currentItemClassName?: string;
+};

package/lib/components/Pagination/usePagination.d.ts

@@ -0,0 +1,2 @@
+export declare const DOTS = "...";
+export declare const usePagination: ({ totalPageCount, siblingCount, currentPage }: any) => any[] | undefined;

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const ProgressBar: ({ width }: {
+    width: number;
+}) => JSX.Element;
+export default ProgressBar;

package/lib/components/SelectLoginMethod/SelectLoginMethod.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LoginType } from "~/components/Login/types";
+declare const SelectLoginMethod: ({ validationSuccess, apiUrl, apiKey, setStepTo, loginType, handleRegisterModal, }: {
+    validationSuccess: (token: string, expiresIn: number, refreshToken: string, channel: string) => void;
+    apiUrl: string;
+    apiKey: string;
+    setStepTo: (step: string) => void;
+    loginType: LoginType;
+    handleRegisterModal: () => void;
+}) => JSX.Element;
+export default SelectLoginMethod;

package/lib/components/SelectLoginMethod/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SelectLoginMethod";

package/lib/components/Slider/Slider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SliderProps } from "./Slider.type";
+declare const Slider: ({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: SliderProps) => JSX.Element;
+export default Slider;

package/lib/components/Slider/Slider.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: ({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element;
+    argTypes: {
+        hideArrows: boolean;
+        dragMode: boolean;
+    };
+};
+export default _default;
+export declare const Slide: ComponentStory<({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element>;
+export declare const SlideArrowIcons: ComponentStory<({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element>;
+export declare const HiddenArrows: ComponentStory<({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element>;
+export declare const HiddenDots: ComponentStory<({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element>;
+export declare const DragMode: ComponentStory<({ children, hideArrows, hideDots, iconBackArrow, iconNextArrow, dragMode, dotsStyle }: import("./Slider.type").SliderProps) => JSX.Element>;

package/lib/components/Slider/Slider.type.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export type SliderProps = {
+    children: React.ReactNode;
+    hideArrows?: boolean;
+    hideDots?: boolean;
+    dotsStyle?: DotsStyle;
+    dragMode?: boolean;
+    iconBackArrow?: JSX.Element;
+    iconNextArrow?: JSX.Element;
+};
+export type DotsStyle = {
+    type?: string;
+    backgroundColor?: string;
+    width?: string;
+    height?: string;
+};

package/lib/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Slider";

package/lib/components/index.d.ts

@@ -0,0 +1,10 @@
+export { Modal } from "./Modal";
+export { default as Slider } from "./Slider";
+export { default as Pagination } from "./Pagination";
+export { default as SelectLoginMethod } from "./SelectLoginMethod";
+export * from "./Modal/types";
+export * from "./Login";
+export * from "./Inputs";
+export * from "./DropDown";
+export * from "./ErrorMessage";
+export { default as ProgressBar } from "./ProgressBar/ProgressBar";

package/lib/constants/constants.d.ts

@@ -0,0 +1,30 @@
+export declare const HOST: string;
+export declare const DEV_HOST: string;
+export declare const ASSETS_URL: string;
+export declare const ASSETS_URL_2: string;
+export declare const DEV_API_URL: string;
+export declare const API_KEY: string;
+export declare const API_KEY_SP: string;
+export declare const SUPPORT_PHONE: string;
+export declare const SUPPORT_CHANNEL: string;
+export declare const COMMUNITY_URL: string;
+export declare const BLOG_URL: string;
+export declare const APP_INSTALLED_URL: string;
+export declare const APP_STORE_ANDROID_URL: string;
+export declare const APP_STORE_IOS_URL: string;
+export declare const DOWNLOAD_APP_URL: string;
+export declare const FLAGS_URL: string;
+export declare const WEB_ASSETS: string;
+export declare const OPEN_APP_STORE_ANDROID: string;
+export declare const OPEN_APP_STORE_IOS: string;
+export declare const OPEN_APP_INSTALLED: string;
+export declare enum Breakpoints {
+    Mobile = "375px",
+    MobileMedium = "425px",
+    Tablet = "768px",
+    LaptopShort = "1024px",
+    LaptopMedium = "1440px",
+    LaptopLarge = "1980px"
+}
+export declare const ALPHANUMERIC_REGEX: RegExp;
+export declare const NUMERIC_REGEX: RegExp;

package/lib/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './constants';

package/lib/icons/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ArrowDown: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default ArrowDown;

package/lib/icons/ArrowTop.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ArrowTop: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default ArrowTop;

package/lib/icons/Chat.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Chat: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default Chat;

package/lib/icons/Information.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const InfoIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default InfoIcon;

package/lib/icons/LightSupport.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LightSupport: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default LightSupport;

package/lib/icons/Password.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Password: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default Password;

package/lib/icons/Rocket.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LightSupport: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default LightSupport;

package/lib/icons/WhatsAppFill.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const WhatsAppFill: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export default WhatsAppFill;

package/lib/icons/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ArrowDown } from './ArrowDown';
+export { default as Chat } from './Chat';
+export { default as ArrowTop } from './ArrowTop';
+export { default as Information } from './Information';
+export { default as WhatsAppFill } from './WhatsAppFill';
+export { default as LightSupport } from './LightSupport';

package/lib/index.css

@@ -0,0 +1,24 @@
+@import url('./icons.css');
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('../assets/fonts/icomoon.eot') format('embedded-opentype'), 
+    url('../assets/fonts/icomoon.ttf') format('ttf'),
+    url('../assets/fonts/icomoon.woff') format('woff'),
+    url('../assets/fonts/icomoon.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+@import url('./icons.css');
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('../assets/fonts/icomoon.eot') format('embedded-opentype'),
+    url('../assets/fonts/icomoon.ttf') format('ttf'),
+    url('../assets/fonts/icomoon.woff') format('woff'),
+    url('../assets/fonts/icomoon.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './common';
+export * from './icons';
+export * from './constants';
+export * from './ui';
+export * from './utils';
+export * from './providers';

package/lib/index.esm.css

@@ -0,0 +1,24 @@
+@import url('./icons.css');
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('../assets/fonts/icomoon.eot') format('embedded-opentype'), 
+    url('../assets/fonts/icomoon.ttf') format('ttf'),
+    url('../assets/fonts/icomoon.woff') format('woff'),
+    url('../assets/fonts/icomoon.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+@import url('./icons.css');
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('../assets/fonts/icomoon.eot') format('embedded-opentype'),
+    url('../assets/fonts/icomoon.ttf') format('ttf'),
+    url('../assets/fonts/icomoon.woff') format('woff'),
+    url('../assets/fonts/icomoon.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}