@datawheel/bespoke 0.10.0-beta.1 → 0.10.0-test.6

package/package.json

@@ -1,51 +1,38 @@
 {
   "name": "@datawheel/bespoke",
-  "version": "0.10.0-beta.1",
+  "version": "0.10.0-test.6",
   "description": "Content management system for creating automated data reports",
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
       "import": "./dist/index.js"
     },
     "./server": {
-      "types": "./dist/server.d.mts",
       "import": "./dist/server.js"
     },
     "./explore": {
-      "types": "./dist/explore.d.mts",
       "import": "./dist/explore.js"
     },
     "./store": {
-      "types": "./dist/redux-store.d.mts",
       "import": "./dist/redux-store.js"
     },
     "./cms": {
-      "types": "./dist/cms.d.mts",
       "import": "./dist/cms.js"
     },
     "./report": {
-      "types": "./dist/report.d.mts",
       "import": "./dist/report.js"
     },
     "./auth": {
-      "types": "./dist/auth.d.mts",
       "import": "./dist/auth.js"
-    },
-    "./cms.css": "./dist/cms.css",
-    "./explore.css": "./dist/explore.css",
-    "./report.css": "./dist/report.css",
-    "./css/mixins.scss": "./css/mixins.scss"
+    }
   },
   "files": [
     "dist",
-    "css",
     "README.md"
   ],
   "style": "./dist/index.css",
   "scripts": {
-    "prepublishOnly": "npm run typecheck && tsup",
-    "build": "npm run typecheck && tsup",
-    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "tsup",
+    "build": "tsup",
     "dev": "tsup --watch",
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx --fix"
@@ -67,16 +54,20 @@
   },
   "homepage": "https://github.com/Datawheel/reports#readme",
   "dependencies": {
-    "@auth0/nextjs-auth0": "^3.8.0",
-    "@d3plus/color": "^3.0.11",
-    "@d3plus/data": "^3.0.11",
-    "@d3plus/dom": "^3.0.11",
-    "@d3plus/export": "^3.0.11",
-    "@d3plus/math": "^3.0.14",
-    "@d3plus/react": "^3.0.11",
-    "@d3plus/text": "^3.0.11",
-    "@hello-pangea/dnd": "^16.6.0",
+    "@auth0/nextjs-auth0": "^3.6.0",
+    "@emotion/react": "^11.10.4",
+    "@hello-pangea/dnd": "16.3.0",
+    "@mantine/core": "^6.0.19",
+    "@mantine/dates": "^6.0.19",
+    "@mantine/dropzone": "^6.0.19",
+    "@mantine/form": "^6.0.19",
+    "@mantine/hooks": "^6.0.19",
+    "@mantine/next": "^6.0.19",
+    "@mantine/notifications": "^6.0.19",
+    "@mantine/prism": "^6.0.19",
     "@monaco-editor/react": "^4.4.5",
+    "@reduxjs/toolkit": "^1.8.4",
+    "@tabler/icons-react": "^2.15.0",
     "@tiptap/extension-hard-break": "^2.5.9",
     "@tiptap/extension-history": "^2.5.9",
     "@tiptap/extension-mention": "^2.5.9",
@@ -93,9 +84,7 @@
     "axios-retry": "^3.8.0",
     "base58": "^2.0.1",
     "buble": "^0.20.0",
-    "clsx": "^2.1.1",
     "comment-parser": "^1.3.1",
-    "cors": "^2.8.5",
     "d3": "^7.8.4",
     "d3-array": "^3.1.6",
     "d3-collection": "^1.0.7",
@@ -104,7 +93,13 @@
     "d3-format": "^3.1.0",
     "d3-selection": "^3.0.0",
     "d3-time-format": "^4.1.0",
-    "dayjs": "^1.11.13",
+    "d3plus-axis": "^1.2.24",
+    "d3plus-common": "^1.2.8",
+    "d3plus-export": "^1.3.0",
+    "d3plus-format": "^1.2.8",
+    "d3plus-react": "^1.3.3",
+    "d3plus-text": "^1.2.5",
+    "d3plus-viz": "^1.3.11",
     "dom-parser": "^0.1.6",
     "fast-glob": "^3.2.12",
     "file-loader": "^6.2.0",
@@ -112,20 +107,26 @@
     "flexsearch": "^0.7.43",
     "flickr-sdk": "6.3.0",
     "formidable": "^2.1.1",
-    "html-react-parser": "^5.2.5",
+    "html-react-parser": "^3.0.15",
     "html-to-image": "^1.10.8",
     "image-type": "^5.2.0",
-    "immer": "^10.1.1",
     "jsonwebtoken": "^9.0.2",
     "jszip": "^3.10.1",
-    "mantine-react-table": "^2.0.0-beta.9",
+    "mantine-react-table": "^1.3.4",
     "monaco-themes": "^0.4.2",
+    "next-auth": "^4.24.7",
+    "next-redux-wrapper": "^7.0.0",
+    "nextjs-cors": "^2.1.1",
     "normalizr": "^3.6.2",
     "pg": "^8.7.3",
     "pretty-format": "^28.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.3.1",
+    "react-redux": "^7.2.6",
     "react-share": "^5.2.2",
     "sequelize": "^6.17.0",
-    "sharp": "^0.34.2",
+    "sharp": "^0.32.6",
     "shelljs": "^0.8.5",
     "slugify": "^1.6.5",
     "toposort": "^2.0.2",
@@ -134,20 +135,10 @@
     "yn": "^5.0.0"
   },
   "devDependencies": {
-    "@mantine/code-highlight": "^8.3.0",
-    "@mantine/core": "^8.3.0",
-    "@mantine/dates": "^8.3.0",
-    "@mantine/dropzone": "^8.3.0",
-    "@mantine/form": "^8.3.0",
-    "@mantine/hooks": "^8.3.0",
-    "@mantine/notifications": "^8.3.0",
-    "@next/bundle-analyzer": "^15.3.4",
-    "@reduxjs/toolkit": "^2.8.2",
-    "@tabler/icons-react": "^3.34.0",
+    "@next/bundle-analyzer": "^14.2.5",
     "@types/express": "^4.17.13",
     "@types/node": "^17.0.45",
-    "@types/react": "^18.3.23",
-    "@types/react-beautiful-dnd": "^13.1.8",
+    "@types/react-beautiful-dnd": "^13.1.2",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/parser": "^5.15.0",
     "autoprefixer": "^10.0.0",
@@ -155,42 +146,15 @@
     "eslint": "^8.11.0",
     "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "monaco-editor": "^0.34.1",
-    "next-auth": "^4.24.7",
-    "next-redux-wrapper": "^8.1.0",
     "postcss": "^8.4.20",
     "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-redux": "^8.1.3",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
+    "tsup": "^8.3.7"
   },
   "peerDependencies": {
-    "@mantine/code-highlight": "^8.3.0",
-    "@mantine/core": "^8.3.0",
-    "@mantine/dates": "^8.3.0",
-    "@mantine/dropzone": "^8.3.0",
-    "@mantine/form": "^8.3.0",
-    "@mantine/hooks": "^8.3.0",
-    "@mantine/notifications": "^8.3.0",
-    "@reduxjs/toolkit": "^2.0.0",
-    "@tabler/icons-react": "^3.0.0",
-    "next": "^15.3.4",
-    "next-auth": "^4.24.0",
-    "next-redux-wrapper": "^8.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-redux": "^8.0.0 || ^9.0.0"
-  },
-  "overrides": {
-    "mantine-react-table": {
-      "@mantine/core": "^8.0.0",
-      "@mantine/hooks": "^8.0.0",
-      "@mantine/dates": "^8.0.0"
-    }
+    "next": "^14.2.3"
   }
 }

package/css/mixins.scss

@@ -1,178 +0,0 @@
-@use "sass:string";
-@use "sass:math";
-
-/* -----------------------------------
-Bespoke Component Mixins
------------------------------------ */
-
-/// @mixin bespoke($component, $element)
-/// Converts @bespoke(Component, element) into :global(.bespoke-Component-element)
-@mixin bespoke($component, $element: "root") {
-    // 1. Construct the class name: .bespoke-Component-element
-    $class-name: ".bespoke-" + $component + "-" + $element;
-
-    // 2. Construct the full selector: :global(.bespoke-Component-element)
-    $selector: ":global(" + $class-name + ")";
-
-    // 3. Output the selector and its content placeholder
-    // The @content directive allows you to pass CSS rules to the mixin call
-
-    #{$selector} {
-        @content;
-    }
-}
-
-
-/* -----------------------------------
-Mantine Mixins
------------------------------------ */
-
-// Define variables for your breakpoints,
-// values must be the same as in your theme
-$mantine-breakpoint-xs: '36em';
-$mantine-breakpoint-sm: '48em';
-$mantine-breakpoint-md: '62em';
-$mantine-breakpoint-lg: '75em';
-$mantine-breakpoint-xl: '94em';
-
-@function rem($value) {
-    @return #{math.div(math.div($value, $value * 0 + 1), 16)}rem;
-}
-
-@mixin light {
-    [data-mantine-color-scheme='light'] & {
-        @content;
-    }
-}
-
-@mixin dark {
-    [data-mantine-color-scheme='dark'] & {
-        @content;
-    }
-}
-
-@mixin hover {
-    @media (hover: hover) {
-        &:hover {
-            @content;
-        }
-    }
-
-    @media (hover: none) {
-        &:active {
-            @content;
-        }
-    }
-}
-
-@mixin smaller-than($breakpoint) {
-    @media (max-width: $breakpoint) {
-        @content;
-    }
-}
-
-@mixin larger-than($breakpoint) {
-    @media (min-width: $breakpoint) {
-        @content;
-    }
-}
-
-// Add direction mixins if you need rtl support
-@mixin rtl {
-    [dir='rtl'] & {
-        @content;
-    }
-}
-
-@mixin ltr {
-    [dir='ltr'] & {
-        @content;
-    }
-}
-
-
-/* -----------------------------------
-Accessibility
------------------------------------ */
-
-/* accessibly hidden text and elements */
-@mixin visually-hidden {
-  clip: rect(1px, 1px, 1px, 1px);
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-
-/* reset visually-hidden properties */
-@mixin reset-visually-hidden {
-  clip: auto;
-  position: relative !important;
-  height: auto;
-  width: 100%;
-  overflow: auto;
-}
-
-
-/* -----------------------------------
-Layout
------------------------------------ */
-
-@mixin clearfix {
-  &:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-}
-
-/* fill up all the space — make sure the parent has pos:rel */
-@mixin absolute-expand {
-  position: absolute;
-  top: 0; right: 0; bottom: 0; left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-/* center elements the dumb but sometimes useful way */
-@mixin absolute-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-@mixin absolute-vertical-center {
-  position: absolute;
-  top: 50%;
-  transform: translate(0, -50%);
-}
-@mixin absolute-horizontal-center {
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, 0);
-}
-
-@mixin hide-scrollbars {
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-/* overflow with inertia scrolling */
-@mixin overflow-container {
-  overflow: auto;
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-}
-@mixin vertical-overflow-container {
-  overflow-y: auto;
-  overscroll-behavior-y: contain;
-  -webkit-overflow-scrolling: touch;
-}
-@mixin horizontal-overflow-container {
-  overflow-x: auto;
-  overscroll-behavior-x: contain;
-  -webkit-overflow-scrolling: touch;
-}
-
-

package/dist/Search-BWmRyIa9.d.mts

@@ -1,129 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { u as SearchReportItem, i as SearchReportParams } from './types-BcIo0oyw.mjs';
-import { AutocompleteProps, TooltipProps } from '@mantine/core';
-
-interface ReportTileProps {
-    reportId: string;
-    reportName: string;
-    members: Array<{
-        original_id: string;
-        name: string;
-        id: number;
-        variant: string;
-        variant_id: number;
-        dimension: string;
-        dimension_id: number;
-        image: {
-            src: string;
-            alt: string;
-        };
-    }>;
-    href: string;
-    onClick: (e: React.MouseEvent) => void;
-}
-
-type TranslationKeys = "try_another" | "search" | "filters_all" | "no_results" | "load_more" | "select_report" | "select_variant" | "count_format";
-type MetaTranslations = {
-    dimension?: Record<string, string>;
-    dimensionIcon?: Record<string, string>;
-    report?: Record<string, string>;
-    variant?: Record<string, string>;
-    variantIcon?: Record<string, string>;
-    tooltip?: string;
-};
-type ExploreTranslations = Partial<Record<TranslationKeys, string> & MetaTranslations>;
-type FiltersType = {
-    profile?: number | undefined;
-    variant?: number | string | undefined;
-};
-interface Selector {
-    id?: number;
-    name: string;
-    members_count?: number;
-    variants?: {
-        id?: number;
-        name: string;
-        members_count?: number;
-    }[];
-}
-interface ExploreContextType {
-    metadata: any[];
-    loadingItems: boolean;
-    setLoadingItems: (q: boolean) => void;
-    loadingMetadata: boolean;
-    setLoadingMetadata: (q: boolean) => void;
-    resultCount: {
-        [key: number]: number;
-    };
-    totalCount: {
-        [key: number]: number;
-    };
-    setResultCount: (params: {
-        [key: number]: number;
-    } | false) => void;
-    activePage: number;
-    setActivePage: (page: number) => void;
-    pageSize: number;
-    results: SearchReportItem[];
-    filters: FiltersType;
-    doQuery: (cancelled: any, newOffset: any) => void;
-    setFilters: (filter: FiltersType) => void;
-    query: string;
-    setQuery: (q: string) => void;
-    debouncedQuery: string;
-    currentPageTotal: number;
-    selectorStructure: Selector[];
-    translations: ExploreTranslations;
-    setTranslations: (t: ExploreTranslations) => void;
-    showSelectors: boolean;
-    initExplore?: (p?: number | undefined, v?: number | undefined, q?: string | undefined) => void;
-}
-declare const useExplore: () => ExploreContextType;
-interface ExploreProviderProps {
-    children: ReactNode;
-    pageSize?: number;
-    sort?: string;
-}
-declare function ExploreProvider({ children, pageSize, sort }: ExploreProviderProps): react_jsx_runtime.JSX.Element;
-
-type BespokeSearchProps = {
-    locale: string;
-    profilePrefix: string;
-    autocompleteProps?: Partial<AutocompleteProps & {
-        searchConfig: {
-            searchLimit?: number;
-            queryThreshold?: number;
-        };
-    }> | Record<string, never>;
-    tooltipProps?: Partial<TooltipProps>;
-    tooltipText?: string;
-    searchReportParams?: Partial<SearchReportParams>;
-    callback?: (item: ReportItemProps) => void;
-    children?: ReactNode;
-};
-interface ReportItemPropsInner {
-    id: string;
-    reportName: string;
-    reportPath: string;
-    profilePrefix: string;
-    members: Array<{
-        original_id: string;
-        name: string;
-        id: number;
-        variant: string;
-        image: {
-            src: string;
-            alt: string;
-        };
-    }>;
-    href: string;
-    value: string;
-}
-type ReportItemProps = ReportItemPropsInner;
-/**
- * React component for rendering an inline search autocomplete
- */
-declare function BespokeSearch({ locale, profilePrefix, autocompleteProps, tooltipProps, tooltipText, searchReportParams, callback, children }: BespokeSearchProps): react_jsx_runtime.JSX.Element;
-
-export { BespokeSearch as B, type ExploreTranslations as E, type ReportTileProps as R, type ReportItemProps as a, ExploreProvider as b, useExplore as u };

package/dist/auth-BwgF4GT9.d.mts

@@ -1,139 +0,0 @@
-import { S as SearchUsersParams, U as UpdateUserParams } from './types-BcIo0oyw.mjs';
-import { User, DefaultSession, NextAuthOptions } from 'next-auth';
-import { SessionContextValue } from 'next-auth/react';
-
-interface BespokeUserInfo {
-    id?: string | null;
-    name?: string | null;
-    email?: string | null;
-    image?: string | null;
-    bespoke_app_metadata: {
-        reports?: {
-            reportId: number;
-            favorites: {
-                variantId: number;
-                contentId: number;
-            }[];
-            [key: string]: any;
-        }[];
-        [key: string]: any;
-    };
-    bespoke_user_metadata: {
-        preferredLocale?: string;
-        [key: string]: any;
-    };
-    bespoke_roles: string[];
-    [key: string]: any;
-}
-declare module "next-auth" {
-    interface User extends User, BespokeUserInfo {
-    }
-    interface Session extends DefaultSession {
-        user: BespokeUserInfo;
-    }
-    interface Profile {
-        bespoke_app_metadata?: {
-            reports?: {
-                reportId: number;
-                favorites: {
-                    variantId: number;
-                    contentId: number;
-                }[];
-                [key: string]: any;
-            }[];
-            preferredLocale?: string;
-            [key: string]: any;
-        };
-        bespoke_user_metadata?: {
-            preferredLocale?: string;
-            [key: string]: any;
-        };
-        bespoke_roles?: string[];
-        name?: string;
-    }
-}
-declare module "next-auth/jwt" {
-    interface JWT {
-        bespoke_app_metadata: {
-            reports?: {
-                reportId: number;
-                favorites: {
-                    variantId: number;
-                    contentId: number;
-                }[];
-                [key: string]: any;
-            }[];
-            [key: string]: any;
-        };
-        bespoke_user_metadata: {
-            preferredLocale?: string;
-            [key: string]: any;
-        };
-        bespoke_roles: string[];
-    }
-}
-/**
- * Auth and roles
- * There is a convention for roles names (no diference with IDs);
- * "Admin" : Manage users and roles
- * "Editor": Manage reports
- * "Writer": Manage posts
- */
-declare const CMS_ROLES: {
-    ADMIN: string;
-    EDITOR: string;
-    WRITER: string;
-};
-/**
- * Roles could be SYSTEM: Defined by the app and needed to work; or USER: Defined by the user
- * */
-declare const addRoleTypes: (roles: BespokeRole[]) => BespokeRole[];
-type BespokeRole = {
-    id: string;
-    name: string;
-    description: string;
-    type?: string;
-};
-interface BespokeUserProfile {
-    app_metadata: {
-        reports?: {
-            reportId: number;
-            favorites: {
-                variantId: number;
-                contentId: number;
-            }[];
-            [key: string]: any;
-        }[];
-    };
-    user_metadata: {
-        preferredLocale?: string;
-    };
-    roles: BespokeRole[];
-    [key: string]: any;
-}
-type BespokeUserData = {
-    isLoading: boolean;
-    update: SessionContextValue["update"];
-    user?: BespokeUserInfo;
-    status: SessionContextValue["status"];
-};
-interface SearchUserResult {
-    users: BespokeUserProfile[];
-    start: number;
-    limit: number;
-    length: number;
-    total: number;
-}
-interface BespokeAuthOptions extends NextAuthOptions {
-    actions?: {
-        searchRole: () => () => Promise<{
-            roles: BespokeRole[];
-        }>;
-        searchUser: () => (filters: SearchUsersParams) => Promise<SearchUserResult>;
-        readUser: () => (userId: string) => Promise<BespokeUserProfile>;
-        updateUser: () => (user: UpdateUserParams) => Promise<Record<string, string>>;
-    };
-    source?: string;
-}
-
-export { type BespokeUserInfo as B, CMS_ROLES as C, type SearchUserResult as S, type BespokeUserData as a, addRoleTypes as b, type BespokeRole as c, type BespokeUserProfile as d, type BespokeAuthOptions as e };

package/dist/auth.d.mts

@@ -1,42 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BespokeUserInfo, a as BespokeUserData } from './auth-BwgF4GT9.mjs';
-export { e as BespokeAuthOptions, c as BespokeRole, S as BespokeSearchUserResult, d as BespokeUserProfile, C as CMS_ROLES, b as addRoleTypes } from './auth-BwgF4GT9.mjs';
-import { UseSessionOptions } from 'next-auth/react';
-export { SessionProvider as BespokeUserProvider } from 'next-auth/react';
-import { ButtonProps, MenuItemProps, MenuProps } from '@mantine/core';
-export { S as BespokeSearchUsersParams, U as BespokeUpdateUserParams } from './types-BcIo0oyw.mjs';
-import 'next-auth';
-import 'sequelize';
-
-declare function withPageRoleAuthRequired(params: {
-    allowedRoles: string[];
-    SuccessComponent: React.ComponentType<{
-        user: BespokeUserInfo;
-    }>;
-    FailureComponent: React.ComponentType;
-}): (props: any) => react_jsx_runtime.JSX.Element;
-
-declare function useBespokeUser(options?: UseSessionOptions<boolean>): BespokeUserData;
-
-type BespokeLoginBtnTranslations = {
-    "Welcome message"?: string;
-    "Disconnect"?: string;
-    "Go to editor"?: string;
-    "Signing in"?: string;
-    "Sign in"?: string;
-};
-type BespokeLoginBtnProps = {
-    buttonProps?: ButtonProps;
-    editorMenuItemProps?: MenuItemProps;
-    editorMenuItemRoute?: string;
-    logoutButtonProps?: ButtonProps;
-    menuProps?: MenuProps;
-    options?: React.ReactNode;
-    optionsPosition?: string;
-    translations?: BespokeLoginBtnTranslations;
-    withEditorMenuItem?: boolean;
-    withSession?: boolean;
-};
-declare function BespokeLoginBtn({ buttonProps, editorMenuItemProps, editorMenuItemRoute, logoutButtonProps, menuProps, options, optionsPosition, translations, withEditorMenuItem, withSession, }: BespokeLoginBtnProps): react_jsx_runtime.JSX.Element;
-
-export { BespokeLoginBtn, BespokeUserData, withPageRoleAuthRequired as BespokeWithPageRoleAuthRequired, useBespokeUser };