@domun/component-library 1.0.0

package/lib/ui/ui-checkbox/ui-checkbox.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiCheckboxProps } from "./types";
+declare const UiCheckbox: FC<UiCheckboxProps>;
+export default UiCheckbox;

package/lib/ui/ui-checkbox/ui-checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiCheckboxProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiCheckboxProps>>;

package/lib/ui/ui-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiDropdown } from './ui-dropdown';

package/lib/ui/ui-dropdown/types.d.ts

@@ -0,0 +1,20 @@
+export declare type UiDropdownOption = {
+    label: string;
+    value: string;
+    flagUrl?: string;
+};
+export declare type UiDropdownProps = {
+    label?: string;
+    className?: string;
+    value?: string;
+    expandiblePosition?: 'top' | 'bottom';
+    options: UiDropdownOption[];
+    hasError?: boolean;
+    errorMessage?: string;
+    hint?: string;
+    dataTestId?: string;
+    placeholder?: string;
+    isFullWidth?: boolean;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+};

package/lib/ui/ui-dropdown/ui-dropdown.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiDropdownProps } from "./types";
+declare const UiDropdown: FC<UiDropdownProps>;
+export default UiDropdown;

package/lib/ui/ui-dropdown/ui-dropdown.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiDropdownProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiDropdownProps>>;

package/lib/ui/ui-full-screen-loader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiFullScreenLoader } from './ui-full-screen-loader';

package/lib/ui/ui-full-screen-loader/types.d.ts

@@ -0,0 +1,3 @@
+export declare type UiFullScreenLoaderProps = {
+    show: boolean;
+};

package/lib/ui/ui-full-screen-loader/ui-full-screen-loader.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiFullScreenLoaderProps } from "./types";
+declare const UiFullScreenLoader: FC<UiFullScreenLoaderProps>;
+export default UiFullScreenLoader;

package/lib/ui/ui-full-screen-loader/ui-full-screen-loader.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiFullScreenLoaderProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiFullScreenLoaderProps>>;

package/lib/ui/ui-icons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UiIconsDev } from './ui-icons-dev';
+export { default as UiIconsProd } from './ui-icons-prod';

package/lib/ui/ui-icons/ui-icons-dev.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '../../styles/icomoon-font.dev.css';
+declare const UiIconsDev: () => JSX.Element;
+export default UiIconsDev;

package/lib/ui/ui-icons/ui-icons-prod.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '../../styles/icomoon-font.prod.css';
+declare const UiIconsProd: () => JSX.Element;
+export default UiIconsProd;

package/lib/ui/ui-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiInput } from './ui-input';

package/lib/ui/ui-input/types.d.ts

@@ -0,0 +1,25 @@
+import { FormikHandlers } from "formik";
+export declare type UiInputProps = {
+    className?: string;
+    autocomplete?: boolean;
+    hint?: string;
+    label?: string;
+    name?: string;
+    value?: string | number | any;
+    initialValue?: string | number | any;
+    style?: string;
+    type?: 'text' | 'number' | 'password' | 'email';
+    maxLength?: number;
+    minLength?: number;
+    disabled?: boolean;
+    prefix?: string;
+    placeholder?: string;
+    hasError?: boolean;
+    success?: boolean;
+    errorMessage?: string;
+    role?: string;
+    onBlur?: FormikHandlers["handleBlur"];
+    onChange: FormikHandlers["handleChange"];
+    onInput?: (event: any) => any;
+    onFocus?: (event: any) => any;
+};

package/lib/ui/ui-input/ui-input.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiInputProps } from "./types";
+declare const UiInput: FC<UiInputProps>;
+export default UiInput;

package/lib/ui/ui-landing-footer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiLandingFooter } from './ui-landing-footer';

package/lib/ui/ui-landing-footer/types.d.ts

@@ -0,0 +1,3 @@
+export declare type UiLandingFooterProps = {
+    className?: string;
+};

package/lib/ui/ui-landing-footer/ui-landing-footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiLandingFooterProps } from "./types";
+declare const UiLandingFooter: FC<UiLandingFooterProps>;
+export default UiLandingFooter;

package/lib/ui/ui-landing-footer/ui-landing-footer.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiLandingFooterProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiLandingFooterProps>>;

package/lib/ui/ui-landing-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiLandingHeader } from './ui-landing-header';

package/lib/ui/ui-landing-header/types.d.ts

@@ -0,0 +1,22 @@
+export declare type UiLandingHeaderProps = {
+    showLogin?: boolean;
+    className?: string;
+    onLoginClick?: () => void;
+} & UiLandingHeaderStyledProps;
+export declare type UiLandingHeaderMenuSubItem = {
+    name: string;
+    description: string;
+    link: string;
+    icon?: string;
+};
+export declare type UiLandingHeaderMenuItem = {
+    icon: string;
+    title: string;
+    description: string;
+    link?: string;
+    subItems?: UiLandingHeaderMenuSubItem[];
+};
+export declare type UiLandingHeaderTheme = 'light' | 'dark';
+export declare type UiLandingHeaderStyledProps = {
+    appearance?: UiLandingHeaderTheme;
+};

package/lib/ui/ui-landing-header/ui-landing-header.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiLandingHeaderProps } from "./types";
+declare const UiLandingHeader: FC<UiLandingHeaderProps>;
+export default UiLandingHeader;

package/lib/ui/ui-landing-header/ui-landing-header.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiLandingHeaderProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiLandingHeaderProps>>;
+export declare const darkMode: ComponentStory<React.FC<import("./types").UiLandingHeaderProps>>;
+export declare const lightMode: ComponentStory<React.FC<import("./types").UiLandingHeaderProps>>;

package/lib/ui/ui-loader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiLoader } from './ui-loader';

package/lib/ui/ui-loader/types.d.ts

@@ -0,0 +1,4 @@
+export declare type UiLoaderProps = {
+    className?: string;
+    size?: number;
+};

package/lib/ui/ui-loader/ui-loader.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiLoaderProps } from "./types";
+declare const UiLoader: FC<UiLoaderProps>;
+export default UiLoader;

package/lib/ui/ui-phone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiPhone } from './ui-phone';

package/lib/ui/ui-phone/types.d.ts

@@ -0,0 +1,24 @@
+export interface UiPhoneOption {
+    label: string;
+    value: string;
+    flagUrl: string;
+}
+export declare type UiPhoneProps = {
+    options: UiPhoneOption[];
+    label?: string;
+    placeholder?: string;
+    hasError?: boolean;
+    className?: string;
+    errorMessage?: string;
+    expandiblePosition?: 'top' | 'bottom';
+    hint?: string;
+    prefixValue?: string;
+    phoneValue?: string;
+    maxLength?: number;
+    onBlur?: () => void;
+    onChange: (value: {
+        prefixPhone?: string;
+        phone?: string;
+    }) => void;
+    onFocusInput?: () => void;
+};

package/lib/ui/ui-phone/ui-phone.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiPhoneProps } from "./types";
+declare const UiPhone: FC<UiPhoneProps>;
+export default UiPhone;

package/lib/ui/ui-phone/ui-phone.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiPhoneProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiPhoneProps>>;

package/lib/ui/ui-radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiRadio } from './ui-radio';

package/lib/ui/ui-radio/types.d.ts

@@ -0,0 +1,6 @@
+export declare type UiRadioProps = {
+    className?: string;
+    active?: boolean;
+    isDisabled?: boolean;
+    onChange?: (value: boolean) => void;
+};

package/lib/ui/ui-radio/ui-input.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./types").UiRadioProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("./types").UiRadioProps>>;

package/lib/ui/ui-radio/ui-radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { UiRadioProps } from "./types";
+declare const UiRadio: FC<UiRadioProps>;
+export default UiRadio;

package/lib/ui/ui-timer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export { default as UiTimer } from './ui-timer';

package/lib/ui/ui-timer/types.d.ts

@@ -0,0 +1,8 @@
+export declare type UiTimerProps = {
+    initFromSeconds?: number;
+    showText?: boolean;
+    className?: string;
+    secText?: string;
+    minText?: string;
+    onTimerEnds: () => void;
+};

package/lib/ui/ui-timer/ui-input.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<React.NamedExoticComponent<import("./types").UiTimerProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.NamedExoticComponent<import("./types").UiTimerProps>>;

package/lib/ui/ui-timer/ui-timer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { UiTimerProps } from "./types";
+declare const _default: React.NamedExoticComponent<UiTimerProps>;
+export default _default;

package/lib/utils/go-to-app.d.ts

@@ -0,0 +1 @@
+export declare const goToApp: (sendToStore?: boolean) => void;

package/lib/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './go-to-app';
+export * from './scroll-to';

package/lib/utils/scroll-to.d.ts

@@ -0,0 +1 @@
+export declare const scrollToY: (yPosition?: number) => void;

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@domun/component-library",
+  "version": "1.0.0",
+  "description": "Component library",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "rollup": "rollup -c",
+    "storybook": "start-storybook -p 6006",
+    "storybook-ssh": "start-storybook -p 6006 --https --ssl-cert ~/server.crt --ssl-key ~/server.key",
+    "build-storybook": "build-storybook",
+    "patch": "npm run rollup && npm version patch && npm publish",
+    "minor": "npm run rollup && npm version minor && npm publish",
+    "major": "npm run rollup && npm version major && npm publish"
+  },
+  "author": "yamid@sumerlabs.com",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@types/node": "^18.0.0",
+    "@react-theming/storybook-addon": "^1.1.10",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-terser": "^0.4.1",
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-essentials": "^6.4.19",
+    "@storybook/addon-interactions": "^6.4.19",
+    "@storybook/addon-links": "^6.4.19",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^6.4.19",
+    "@storybook/testing-library": "^0.0.9",
+    "@types/humps": "^2.0.1",
+    "@types/react": "^18.0.10",
+    "@types/react-dom": "^18.0.10",
+    "babel-loader": "^8.2.3",
+    "css-loader": "5.2.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^2.68.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-dts": "^4.1.0",
+    "rollup-plugin-import-css": "^3.0.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sass": "^1.12.18",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "sass-loader": "10.1.1",
+    "style-loader": "2.0.0",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "typescript": "^4.5.5",
+    "typescript-plugin-css-modules": "^4.2.2"
+  },
+  "dependencies": {
+    "@greatsumini/react-facebook-login": "^3.2.1",
+    "@react-oauth/google": "^0.6.0",
+    "framer-motion": "^6.2.8",
+    "humps": "^2.0.1",
+    "sass": "^1.58.3",
+    "swr": "^1.2.2"
+  },
+  "peerDependencies": {
+    "formik": "^2.2.9",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "react-i18next": ">=11.16.7",
+    "yup": "^0.32.11"
+  },
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "/lib"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://bitbucket.org/sumerlabs/component-library.git"
+  },
+  "bugs": {
+    "url": "https://bitbucket.org/sumerlabs/component-library/jira"
+  },
+  "homepage": "https://bitbucket.org/sumerlabs/component-library#readme"
+}