@niledatabase/react 3.0.0-alpha.2 → 3.0.0-alpha.21

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@niledatabase/react",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.21",
   "license": "MIT",
   "main": "./dist/index.js",
-  "module": "./dist/react.esm.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "require": "./dist/index.js",
-      "import": "./dist/react.esm.js"
+      "import": "./dist/index.mjs"
     }
   },
   "files": [
@@ -17,18 +18,20 @@
     "node": ">=18.0"
   },
   "scripts": {
-    "start": "dts watch",
-    "build": "dts build --tsconfig tsconfig.build.json && yarn build:move-types",
-    "build:move-types": "cp dist/index.d.ts dist/react.esm.d.ts",
-    "test": "yarn jest",
+    "analyze": "size-limit --why",
+    "build:storybook": "yarn build:tailwind && storybook build",
+    "build:tailwind": "npx tailwindcss -i ./.storybook/globals.css -o ./.storybook/output.css",
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev:tailwind": "npx tailwindcss -i ./.storybook/globals.css -o ./.storybook/output.css --watch",
+    "dev": "storybook dev",
     "lint": "eslint src",
     "size": "size-limit",
-    "analyze": "size-limit --why",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook": "yarn build:tailwind && CACHE_DIR=$PWD/.yarn/cache storybook dev -p 6006",
+    "test": "yarn jest"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.23.0",
+    "next-auth": "^4.24.7",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -62,16 +65,19 @@
     "@babel/preset-env": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
+    "@chromatic-com/storybook": "^1.9.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@size-limit/preset-small-lib": "^8.2.6",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-interactions": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
     "@storybook/addon-onboarding": "8.0.4",
+    "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
     "@storybook/blocks": "^8.0.0",
     "@storybook/react": "^8.0.0",
-    "@storybook/react-webpack5": "^8.0.0",
+    "@storybook/react-webpack5": "^8.3.4",
     "@storybook/test": "^8.0.0",
     "@storybook/theming": "^8.0.4",
     "@svgr/rollup": "^8.1.0",
@@ -82,8 +88,11 @@
     "@types/react": "18.2.38",
     "@types/react-dom": "18.2.16",
     "@typescript-eslint/parser": "^6.12.0",
+    "autoprefixer": "^10.4.20",
     "babel-jest": "29.7.0",
     "babel-loader": "^9.1.3",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
     "dts-cli": "^2.0.3",
     "eslint": "^8.54.0",
     "eslint-config-prettier": "^9.0.0",
@@ -93,28 +102,32 @@
     "husky": "^8.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.47",
     "prop-types": "^15.8.1",
     "rollup-plugin-terser": "^7.0.2",
     "size-limit": "^8.2.6",
     "storybook": "^8.0.0",
+    "tailwind": "^4.0.0",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss": "^3.4.13",
+    "tailwindcss-animate": "^1.0.7",
     "ts-jest": "^29.1.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.2"
+    "tsup": "^8.3.0",
+    "typescript": "^5.3.2",
+    "zod": "^3.23.8"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.18",
-    "@mui/joy": "5.0.0-beta.15",
-    "@mui/material": "5.14.18",
-    "@mui/x-data-grid": "^7.0.0",
-    "@niledatabase/browser": "^3.0.0-alpha.2",
-    "@tanstack/react-query": "^4.36.1",
+    "@hookform/resolvers": "^3.9.0",
+    "@niledatabase/browser": "^3.0.0-alpha.21",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@tanstack/react-query": "^5.23.0",
     "next-auth": "^4.24.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.48.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-hook-form": "^7.53.0",
     "react-is": "^18.2.0"
   },
-  "gitHead": "7efb0236cc07c8021673e24f0fdb3e794b5f1775"
+  "gitHead": "e7fed252032085c4f2e81769374c0688284ad5fe"
 }

package/dist/GoogleLoginButton/GoogleLoginButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * A component for a Google login button, according to their design language.
- * This works when an identity provider is configured in the admin dashboard.
- * @param props href: a string to override the URL provided by the context
- * @returns a JSX.Element to render
- */
-export default function GoogleSSOButton(props: {
-    callbackUrl?: string;
-}): React.JSX.Element;

package/dist/GoogleLoginButton/GoogleLoginButton.stories.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import GoogleLoginButton from './GoogleLoginButton';
-declare const meta: {
-    title: string;
-    component: typeof GoogleLoginButton;
-    tags: string[];
-};
-export default meta;
-export declare function Basic(): React.JSX.Element;
-export declare function AlphaVersionWithOutProvider(): React.JSX.Element;
-export declare function AlphaVersionWithProvider(): React.JSX.Element;

package/dist/GoogleLoginButton/index.d.ts

@@ -1 +0,0 @@
-export { default } from './GoogleLoginButton';

package/dist/SignInForm/SignInForm.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-export default function SignInForm(props: Props): React.JSX.Element;

package/dist/SignInForm/UserLoginForm.stories.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare function Basic(): React.JSX.Element;

package/dist/SignInForm/index.d.ts

@@ -1 +0,0 @@
-export { default } from './SignInForm';

package/dist/SignInForm/types.d.ts

@@ -1,15 +0,0 @@
-import { Attribute } from '../lib/SimpleForm/types';
-export type AllowedAny = any;
-export type LoginInfo = {
-    email: string;
-    password: string;
-};
-type LoginSuccess = (response: AllowedAny, formValues: LoginInfo, ...args: AllowedAny) => void;
-export interface Props {
-    beforeMutate?: (data: AllowedAny) => AllowedAny;
-    onSuccess: LoginSuccess;
-    onError?: (error: Error, data: AllowedAny) => void;
-    attributes?: Attribute[];
-    disableSSO?: boolean;
-}
-export {};

package/dist/SignUpForm/NewUserSignUp.stories.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare function Basic(): React.JSX.Element;

package/dist/SignUpForm/SignUpForm.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-export default function SignUpForm(props: Props): React.JSX.Element;

package/dist/SignUpForm/index.d.ts

@@ -1 +0,0 @@
-export { default } from './SignUpForm';

package/dist/SignUpForm/types.d.ts

@@ -1,13 +0,0 @@
-import { CreateBasicUserRequest, User } from '@niledatabase/browser';
-import { Attribute } from '../lib/SimpleForm/types';
-export type SignUpInfo = CreateBasicUserRequest;
-type SignInSuccess = (response: void | User, formValues: SignUpInfo) => void;
-export type AllowedAny = any;
-export interface Props {
-    onSuccess: SignInSuccess;
-    onError?: (e: Error, info: SignUpInfo) => void;
-    beforeMutate?: (data: AllowedAny) => AllowedAny;
-    attributes?: Attribute[];
-    buttonText?: string;
-}
-export {};

package/dist/UserTenantList/CreateUser.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type Props = {
-    allowCreation: boolean;
-    buttonText: string;
-    onUserCreateSuccess?: (user: any) => void;
-};
-export default function CreateUser(props: Props): React.JSX.Element | null;
-export {};

package/dist/UserTenantList/UserList.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
-import { Theme } from '@mui/system/createTheme';
-import { User } from '@niledatabase/browser';
-type ColumnNames = string;
-type Props = {
-    data: void | User[];
-    allowCreation?: boolean;
-    buttonText?: string;
-    onUserCreateSuccess?: (user: any) => void;
-    slots?: {
-        dataGrid?: SxProps<Theme>;
-    };
-    include?: ColumnNames[];
-};
-export default function UserList(props: Props): React.JSX.Element;
-export {};

package/dist/UserTenantList/UserList.stories.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare function Basic(): React.JSX.Element;

package/dist/UserTenantList/UserModal.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type UserFormProps = {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    refetch?: (user: any) => void;
-};
-export default function AddUser(props: UserFormProps): React.JSX.Element;

package/dist/UserTenantList/index.d.ts

@@ -1 +0,0 @@
-export { default } from './UserList';

package/dist/UserTenantList/useDataParser.d.ts

@@ -1,4 +0,0 @@
-import { GridColDef, GridRowsProp } from '@mui/x-data-grid';
-import { User } from '@niledatabase/browser';
-export declare const internalRowId = "_nile_data_grid_identifier";
-export default function useDataParser(data: void | User[], include: string[]): [GridColDef[], GridRowsProp];

package/dist/context/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import Browser from '@niledatabase/browser';
-import { NileProviderProps, NileReactConfig } from './types';
-export declare const BaseQueryProvider: ({ children, }: {
-    children: JSX.Element;
-}) => JSX.Element;
-export declare const NileProvider: (props: NileProviderProps) => React.JSX.Element;
-export declare const useNileConfig: () => NileReactConfig;
-export declare const useApi: () => Browser;

package/dist/context/theme.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Theme } from '@mui/joy/styles';
-export default function Themer({ theme, children, slotProps, }: {
-    theme?: Theme;
-    children: JSX.Element;
-    slotProps?: Record<string, string>;
-}): React.JSX.Element;

package/dist/context/types.d.ts

@@ -1,22 +0,0 @@
-import Browser from '@niledatabase/browser';
-import { Theme } from '@mui/joy/styles';
-export interface NileReactConfig {
-    tenantId?: string;
-    apiUrl?: string;
-    appUrl?: string;
-}
-export type NileContext = NileReactConfig & {
-    api: Browser;
-    theme?: Theme;
-};
-export type NileProviderProps = NileReactConfig & {
-    children: JSX.Element | JSX.Element[];
-    theme?: Theme;
-    slotProps?: {
-        provider?: Record<string, string>;
-    };
-    QueryProvider?: (props: {
-        children: JSX.Element;
-    }) => JSX.Element;
-    api?: Browser;
-};

package/dist/hooks/useResults.d.ts

@@ -1,22 +0,0 @@
-import { GridColDef, GridRowsProp } from '@mui/x-data-grid';
-export declare const internalRowId = "_nile_data_grid_identifier";
-declare enum Commands {
-    insert = "INSERT",
-    update = "UPDATE",
-    delete = "DELETE",
-    create = "CREATE",
-    drop = "DROP",
-    alter = "ALTER"
-}
-type Any = any;
-type ResultSet = null | Record<string, never> | {
-    command: Commands;
-    rowCount: number;
-    oid: number;
-    rows: Any[];
-    fields: Any[];
-    RowCtor: null;
-    rowAsArray: boolean;
-};
-export default function useResults(resultSet: null | ResultSet): [GridColDef[], GridRowsProp];
-export {};

package/dist/hooks/useTextSizer.d.ts

@@ -1 +0,0 @@
-export default function useTextSizer(): CanvasRenderingContext2D | undefined;

package/dist/lib/SimpleForm/CheckGroup/index.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { Attribute, DisplayProps, Options } from '../types';
-type Props = {
-    attribute: Attribute;
-    display: DisplayProps;
-    options: Options;
-    helperText: string;
-};
-export default function CheckGroup(props: Props): React.JSX.Element;
-export {};

package/dist/lib/SimpleForm/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Attribute } from './types';
-export declare const getAttributeDefault: (attribute: Attribute) => string | number | boolean | string[] | number[];
-export default function SimpleForm(props: {
-    buttonText: string;
-    cancelButton?: React.ReactNode;
-    attributes: Attribute[];
-    mutation: any;
-    loading?: boolean;
-    successMessage?: JSX.Element;
-}): React.JSX.Element;

package/dist/lib/SimpleForm/types.d.ts

@@ -1,37 +0,0 @@
-export declare enum AttributeType {
-    Text = "text",
-    Email = "email",
-    Password = "password",
-    Select = "select",
-    Number = "number",
-    Float = "float",
-    Checkbox = "checkbox",
-    Switch = "switch"
-}
-type SimplePrimitive = number | string | boolean;
-export type Options = {
-    label: string;
-    value?: SimplePrimitive;
-}[];
-export type Attribute = {
-    name: string;
-    type?: AttributeType;
-    defaultValue?: SimplePrimitive;
-    options?: Options;
-    allowMultiple?: boolean;
-    label?: string;
-    required?: boolean;
-    placeholder?: string;
-    helpText?: string;
-    disabled?: boolean;
-};
-export type DisplayProps = {
-    key: string;
-    id: string;
-    label: string;
-    placeholder: string;
-    error?: boolean;
-    color?: 'danger';
-    disabled?: boolean;
-};
-export {};