freemium-ui 1.0.114

package/lib/types/theme/index.d.ts

@@ -0,0 +1,352 @@
+export interface FreemiumUIThemesLayout {
+    gap: string;
+    gapNegative: string;
+    gapHalf: string;
+    gapHalfNegative: string;
+    gapQuarter: string;
+    gapQuarterNegative: string;
+    pageMargin: string;
+    pageWidth: string;
+    pageWidthWithMargin: string;
+    radius: string;
+}
+export interface FreemiumUIThemesPalette {
+    jade: string;
+    celery: string;
+    candlelight: string;
+    sunrise: string;
+    scotchMist: string;
+    pearlLusta: string;
+    dodger: string;
+    amethyst: string;
+    permission: string;
+    ferrari: string;
+    mintCream: string;
+    athens: string;
+    smoke: string;
+    porcelain: string;
+    zircon: string;
+    chateau: string;
+    raven: string;
+    elephant: string;
+    rhino: string;
+    jungle: string;
+    azure: string;
+    skylight: string;
+    clara: string;
+    casablanca: string;
+    transparent: string;
+    passion: string;
+    peach: string;
+    babylon: string;
+    coral: string;
+    black: string;
+    white: string;
+    E900: string;
+    E800: string;
+    E700: string;
+    E600: string;
+    E500: string;
+    E400: string;
+    E300: string;
+    S900: string;
+    S800: string;
+    S700: string;
+    S600: string;
+    S500: string;
+    S400: string;
+    S300: string;
+    S200: string;
+    S100: string;
+    S75: string;
+    S50: string;
+    S25: string;
+    S10: string;
+}
+declare type HeadingType = {
+    fontSize: string;
+    lineHeight: string;
+    margin: string;
+};
+declare type FontType = {
+    fontSize?: string;
+    lineHeight?: string;
+    margin?: string;
+    padding?: string;
+    fontWeight?: string | 400 | 500 | 600 | 700 | 800;
+    letterSpacing?: string;
+};
+interface TableType extends FontType {
+    header?: FontType;
+    body?: FontType;
+}
+interface MenuType extends FontType {
+    menuItem?: FontType;
+}
+export interface FreemiumUITypography {
+    fontFamily: string;
+    headings: {
+        h1: HeadingType;
+        h2: HeadingType;
+        h3: HeadingType;
+        h4: HeadingType;
+        h5: HeadingType;
+    };
+    text: {
+        regular: FontType;
+        semiBold: FontType;
+        bold: FontType;
+    };
+    body: {
+        regular: FontType;
+        regularBold: FontType;
+        secondary: FontType;
+        secondaryBold: FontType;
+        dropdown: FontType;
+        label: FontType;
+        anchor: {
+            light: FontType;
+            bold: FontType;
+        };
+        requiredLabel: FontType;
+        tagText: FontType;
+        errorText: {
+            fontSize: string;
+        };
+    };
+    input: {
+        text: FontType;
+        textarea: FontType;
+        disabled: FontType;
+        label: FontType;
+        error: FontType;
+    };
+    tabs: FontType;
+    table: TableType;
+    menu: MenuType;
+}
+declare type DefaultColorsType = {
+    primary: string;
+    secondary: string;
+    hover?: string;
+    disabled?: string;
+    active?: string;
+    selected?: string;
+    error?: string;
+    light?: string;
+};
+declare type GradientColorsType = {
+    from: string;
+    to: string;
+};
+declare type BasicTextType = {
+    color?: string;
+    background?: string;
+};
+declare type ButtonColorsType = {
+    backgroundColor: string;
+    backgroundGradient: GradientColorsType;
+    hover: string;
+    borderColor: string;
+    color: string;
+    disabled: {
+        borderColor: string;
+        backgroundGradient: GradientColorsType;
+        color: string;
+    };
+    active: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+};
+declare type InputColorsType = {
+    borderColor: string;
+    hoverBorderColor: string;
+};
+declare type AppStatesColorType = {
+    error: string;
+    warning: string;
+    info: string;
+    success: string;
+    neutral?: string;
+};
+export interface FreemiumUIAllColors {
+    body: {
+        background: DefaultColorsType;
+    };
+    primary: string;
+    link: string;
+    white: string;
+    black: string;
+    text: {
+        primary: string;
+        secondary: string;
+        light: string;
+        disabled: string;
+        placeholder: string;
+        error: string;
+        success: string;
+        label: string;
+        warning: string;
+        extraLight: string;
+        link: string;
+    };
+    toolTip: {
+        normal: string;
+        success: string;
+        error: string;
+        ferrari: string;
+        black: string;
+    };
+    label: {
+        primary: string;
+    };
+    success: BasicTextType;
+    warning: BasicTextType;
+    info: BasicTextType;
+    error: BasicTextType;
+    icon: DefaultColorsType;
+    border: DefaultColorsType;
+    background: DefaultColorsType;
+    layout: {
+        asidePane: string;
+    };
+    errorText: {
+        primary: string;
+    };
+    components: {
+        menu: {
+            background?: string;
+            color?: string;
+            menuItem: {
+                background?: string;
+                color: string;
+                hover: BasicTextType;
+                selected: BasicTextType;
+                disabled: BasicTextType;
+            };
+        };
+        table: {
+            header: {
+                background: string;
+                text: string;
+            };
+            body: {
+                background: string;
+                text: string;
+                selected: string;
+                hover: string;
+            };
+        };
+        alert: {
+            background: string;
+        };
+        input: {
+            primary: InputColorsType;
+        };
+        toggle: {
+            backgroundColorOn: string;
+            backgroundColorOff: string;
+            borderColor: string;
+        };
+        checkbox: {
+            backgroundColor: string;
+            borderColor: string;
+            hoverBorderColor: string;
+        };
+        radio: {
+            hoverBorderColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        button: {
+            primary: ButtonColorsType;
+            secondary: ButtonColorsType;
+            danger: ButtonColorsType;
+            link: ButtonColorsType;
+            buttonGroup: {
+                normal: string;
+            };
+        };
+        inlineMessage: AppStatesColorType;
+        inlineBanner: {
+            border: AppStatesColorType;
+            background: AppStatesColorType;
+        };
+        panel: {
+            gradientStart: string;
+            gradientEnd: string;
+            border: string;
+            background: string;
+            level: {
+                warning: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                danger: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+        confirmModal: {
+            background: string;
+            border: string;
+        };
+        modal: {
+            overlayBackground: string;
+        };
+        tag: {
+            background: AppStatesColorType;
+            border: AppStatesColorType;
+            color: AppStatesColorType;
+        };
+        railNavigation: {
+            backgroundColor: string;
+            activeColor: string;
+        };
+        listCard: {
+            borderLeft: string;
+            highlight: string;
+            background: string;
+        };
+        tabs: {
+            selectedBorderColor: string;
+            selectedColor: string;
+            color: string;
+            hoverBg: string;
+            disabledBg: string;
+            disabledColor: string;
+        };
+        tooltip: {
+            backgroundColor: string;
+        };
+        accordion: {
+            header: {
+                borderColor: string;
+            };
+            section: {
+                background: string;
+                borderColor: string;
+            };
+        };
+        toast: {
+            success: string;
+            error: string;
+            loading: string;
+            warning: string;
+        };
+    };
+    pseudo: {
+        focus: string;
+        hover: string;
+        highlight: string;
+    };
+}
+export default interface FreemiumUIThemes {
+    palette: FreemiumUIThemesPalette;
+    colors: FreemiumUIAllColors;
+    layout: FreemiumUIThemesLayout;
+    typography: FreemiumUITypography;
+}
+export {};

package/lib/types/theme/shared.d.ts

@@ -0,0 +1,2 @@
+import { FreemiumUIThemesLayout } from './index';
+export declare const layout: FreemiumUIThemesLayout;

package/lib/types/utils/date.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    isBeforeDay: (aDate: any, anotherDate: any) => boolean;
+    isInclusivelyAfterDay: (aDate: any, anotherDate: any) => boolean;
+    isToday: (millis: any) => boolean | undefined;
+    getCurrentMillis: () => number;
+};
+export default _default;

package/lib/types/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getId: () => string;

package/lib/types/utils/use-current-state.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export declare type CurrentStateType<S> = [S, Dispatch<SetStateAction<S>>, MutableRefObject<S>];
+declare const useCurrentState: <S>(initialState: S | (() => S)) => CurrentStateType<S>;
+export default useCurrentState;

package/lib/types/utils/use-portal.d.ts

@@ -0,0 +1,2 @@
+declare const usePortal: (selectId?: string) => HTMLElement | null;
+export default usePortal;

package/lib/types/utils/use-ssr.d.ts

@@ -0,0 +1,6 @@
+export declare type SSRState = {
+    isBrowser: boolean;
+    isServer: boolean;
+};
+declare const useSSR: () => SSRState;
+export default useSSR;

package/lib/types/utils/use-ui-context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ToastWithID } from '../components/use-toasts/toast-container';
+export declare type UpdateToastsFunction<T> = (fn: (toasts: Array<T>) => Array<T>) => any;
+export interface UiContextParams {
+    toasts: Array<ToastWithID>;
+    toastHovering: boolean;
+    updateToasts: UpdateToastsFunction<ToastWithID>;
+    updateToastHoverStatus: Function;
+}
+export declare const UIContent: React.Context<UiContextParams>;
+export declare const useUIContext: () => UiContextParams;

package/lib/types/utils/with-defaults.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const withDefaults: <P, DP>(component: React.ComponentType<P>, defaultProps: DP) => React.ComponentType<Partial<DP> & Pick<P, Exclude<keyof P, keyof DP>>>;
+export default withDefaults;

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "freemium-ui",
+  "version": "1.0.114",
+  "description": "React Ui Components for Freemium Apps",
+  "main": "lib/index.cjs.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/types",
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "lint": "eslint src --fix",
+    "start": "webpack-dev-server --config webpack.config.js",
+    "build:dev": "webpack --config webpack.config.js",
+    "build": "rollup -c rollup.config.ts",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freshdesk/freemium-ui.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "Freemiui",
+    "React",
+    "UI",
+    "Material"
+  ],
+  "author": "Freshworks",
+  "bugs": {
+    "url": "https://github.com/freshdesk/freemium-ui/issues"
+  },
+  "homepage": "https://github.com/freshdesk/freemium-ui#readme",
+  "dependencies": {
+    "@reach/dialog": "^0.10.4",
+    "@rebass/grid": "6.1.0",
+    "@styled-system/should-forward-prop": "5.1.5",
+    "deepmerge": "^4.2.2",
+    "downshift": "^5.4.2",
+    "match-sorter": "^4.1.0",
+    "moment": "^2.27.0",
+    "polished": "3.6.4",
+    "react": ">=16.13.1",
+    "react-dates": "^21.8.0",
+    "react-dom": ">=16.13.1",
+    "react-table": "^7.7.0",
+    "react-tippy": "^1.4.0",
+    "react-transition-group": "^4.4.1",
+    "styled-components": ">=5.0.0",
+    "styled-system": "5.1.5"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "13.0.0",
+    "@rollup/plugin-node-resolve": "8.1.0",
+    "@storybook/addon-actions": "5.3.17",
+    "@storybook/addon-docs": "5.3.17",
+    "@storybook/addon-info": "5.3.19",
+    "@storybook/addon-knobs": "5.3.17",
+    "@storybook/addon-links": "5.3.17",
+    "@storybook/addons": "5.3.17",
+    "@storybook/react": "5.3.17",
+    "@storybook/theming": "5.3.17",
+    "@types/jest": "25.1.4",
+    "@types/node": "13.9.0",
+    "@types/react": "16.9.41",
+    "@types/react-dom": "^16.9.8",
+    "@types/react-transition-group": "^4.4.0",
+    "@types/storybook__addon-knobs": "5.2.1",
+    "@types/storybook__react": "5.2.1",
+    "@types/styled-components": "^5.1.0",
+    "@typescript-eslint/eslint-plugin": "^3.0.2",
+    "@typescript-eslint/parser": "^3.0.2",
+    "babel-loader": "8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^6.0.1",
+    "css-loader": "^3.5.3",
+    "eslint": "^7.1.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^4.0.4",
+    "file-loader": "^6.0.0",
+    "fork-ts-checker-webpack-plugin": "4.1.1",
+    "html-loader": "^1.1.0",
+    "html-webpack-plugin": "^4.3.0",
+    "jest": "25.2.0",
+    "prettier": "^2.0.5",
+    "react": "^16.13.1",
+    "react-docgen-typescript-loader": "3.7.1",
+    "react-dom": "^16.13.1",
+    "rollup": "2.18.0",
+    "rollup-plugin-typescript2": "0.27.1",
+    "style-loader": "^1.2.1",
+    "styled-components": "^5.1.1",
+    "ts-jest": "25.2.1",
+    "ts-loader": "^7.0.5",
+    "typescript": "^3.9.3",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.11.0"
+  }
+}