@sqrzro/admin 2.0.0 → 2.1.0-bz.0

package/src/services/ConfigService.ts

@@ -1,93 +1,24 @@
-import { AuthIdentifier } from '@sqrzro/hooks';
-import type { AuthObject } from '@sqrzro/hooks';
-
-import type { NavigationObject } from '../utility/interfaces';
-
-export interface Me {
-    name: string;
-    permissions?: string[];
-}
-
-export enum AppLayout {
-    sidebar = 'sidebar',
-    topbar = 'topbar',
-}
-
-export interface AppConfigObject {
-    auth: AuthObject;
-    Logo?: React.ComponentType;
-    me?: Me;
-    name: string;
-    navigation: NavigationObject[];
-    paths: { api: string };
-    style: { brand?: string; isDarkMode?: boolean; layout: AppLayout };
-}
-
 export interface Config {
-    auth?: Partial<AppConfigObject['auth']>;
-    Logo?: AppConfigObject['Logo'];
-    me?: AppConfigObject['me'];
-    name?: string;
-    navigation?: AppConfigObject['navigation'];
-    paths?: Partial<AppConfigObject['paths']>;
-    style?: Partial<AppConfigObject['style']>;
+    app: {
+        name: string;
+        url: string;
+    };
+    navigation: Record<string, string>;
 }
 
-let appConfig: AppConfigObject = {
-    auth: {
-        identifier: AuthIdentifier.username,
-        identifierLabel: 'Username',
-        loginUrl: 'tokens',
-        meUrl: 'me',
-        passwordUrl: 'tokens/password',
-        tfa: false,
+let cachedConfig: Config = {
+    app: {
+        name: 'Square Zero',
+        url: 'http://localhost:8080',
     },
-    name: '',
-    navigation: [],
-    paths: { api: 'http://localhost:8081' },
-    style: { isDarkMode: false, layout: AppLayout.sidebar },
+    navigation: {},
 };
 
-function mergeConfig<T>(defaults: T, config?: Partial<T>): T {
-    if (config) {
-        return { ...defaults, ...config };
-    }
-    return defaults;
+export function setConfig(config: Config): Config {
+    cachedConfig = config;
+    return cachedConfig;
 }
 
-export function registerConfig(userConfig?: Config): AppConfigObject {
-    if (!userConfig) {
-        return appConfig;
-    }
-
-    const config: AppConfigObject = {
-        auth: mergeConfig(appConfig.auth, userConfig.auth),
-        name: userConfig.name || 'Square Zero Admin',
-        navigation: userConfig.navigation || appConfig.navigation,
-        paths: userConfig.paths ? { ...appConfig.paths, ...userConfig.paths } : appConfig.paths,
-        style: userConfig.style ? { ...appConfig.style, ...userConfig.style } : appConfig.style,
-    };
-
-    if (userConfig.Logo) {
-        config.Logo = userConfig.Logo;
-    }
-
-    if (userConfig.me) {
-        config.me = { ...userConfig.me };
-    }
-
-    appConfig = config;
-    return appConfig;
+export function getConfig(): Config {
+    return cachedConfig;
 }
-
-function get(): AppConfigObject {
-    return appConfig;
-}
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const ConfigService = {
-    get,
-    registerConfig,
-};
-
-export default ConfigService;

package/src/styles/config.ts

@@ -0,0 +1,95 @@
+'use client';
+
+import clsx from 'clsx';
+import type { RegisteredClassNames } from '@sqrzro/components';
+
+const classNames: RegisteredClassNames = {
+    button: (props) => ({
+        root: {
+            danger: 'bg-red-500 border-red-500 text-white',
+            default: clsx(
+                'bg-white h-10 px-5 rounded-md text-md text-slate-600 border border-slate-300',
+                props?.isFullWidth ? 'w-full' : null
+            ),
+            primary:
+                'bg-primary font-semibold text-white border-none shadow-[inset_rgba(255,255,255,0.1)_0_20px]',
+        },
+    }),
+    calendar: () => ({
+        root: 'text-sm text-slate-600 p-4 pb-3',
+        head: 'text-xs text-center pb-2 text-slate-400',
+        month: 'w-full table-fixed',
+        day: {
+            default: 'h-10 border border-gray-200',
+            highlighted: 'bg-red-300',
+            selected: 'bg-blue-400',
+        },
+    }),
+    calendarNavigation: () => ({
+        root: 'flex justify-between items-center mb-6',
+        title: 'font-semibold text-base',
+        control: 'h-6 w-6 bg-red-300',
+        previous: '-order-1',
+    }),
+    emptyMessage: () => ({
+        root: 'text-center text-slate-500 my-24',
+        title: 'text-2xl font-semibold mb-2',
+    }),
+    dropdown: () => ({
+        item: { default: 'text-gray-700 block px-3 py-2 text-sm', selected: 'bg-red-400' },
+    }),
+    fieldset: (props) => ({
+        root: clsx(
+            'bg-white p-8 shadow rounded-md',
+            props?.isEditable ? 'grid grid-cols-[30%_1fr]' : ''
+        ),
+        title: 'mb-8 text-xl font-semibold leading-none text-gray-700',
+    }),
+    formField: (props) => ({
+        root: {
+            default: props?.isEditable
+                ? 'grid grid-cols-[25%_1fr] border-t border-slate-200 py-4'
+                : 'mb-6',
+        },
+        label: clsx('font-semibold', props?.isEditable ? 'flex items-center' : 'block mb-2'),
+        optional: 'pl-2 text-base text-grey-dark font-normal',
+        error: 'flex gap-2 items-center mt-2 text-red-700 before:h-4 before:w-4 before:bg-[url(/images/icons/error.svg)] before:rounded-full',
+    }),
+    inputPanel: () => ({
+        root: 'bg-white border border-slate-300 shadow-md',
+    }),
+    modal: () => ({
+        root: {
+            default:
+                'bg-white rounded-lg w-full max-w-2xl backdrop:bg-slate-800/60 backdrop:backdrop-blur-sm transition-opacity opacity-0 open:opacity-100 duration-200',
+        },
+        title: 'text-2xl font-semibold text-center p-4 border-b border-slate-200 text-slate-700',
+        content: 'p-4',
+        actions: 'flex justify-end p-4 border-t border-slate-200',
+    }),
+    staticTextInput: () => ({
+        root: { default: 'bg-white border border-gray-300 h-10 px-3 rounded-sm text-md' },
+    }),
+    switch: () => ({
+        root: {
+            default: 'cursor-pointer w-10 h-6 bg-slate-300 rounded-full p-1 transition-colors my-2',
+            checked: 'bg-green-500',
+        },
+        control: {
+            default:
+                'w-4 h-4 bg-white rounded-full shadow-md transform translate-x-0 transition-transform',
+            checked: 'translate-x-full',
+        },
+    }),
+    textButton: () => ({
+        root: { danger: 'text-red-600' },
+    }),
+    textInput: () => ({
+        root: {
+            default: 'border border-gray-300 h-10 px-3 rounded-sm text-md focus:border-primary',
+            error: 'border-red-700',
+        },
+    }),
+};
+
+export default classNames;

package/src/styles/tailwind.css

@@ -3,55 +3,45 @@
 @tailwind utilities;
 
 @layer base {
-    @keyframes backdropEnter {
+    body {
+        @apply font-body bg-slate-100 text-slate-800 text-sm;
+    }
+}
+
+@layer utilities {
+    @keyframes show {
         from {
             opacity: 0;
+            transform: translateY(2rem);
         }
-
         to {
             opacity: 1;
+            transform: translateY(0);
         }
     }
-
-    dialog {
-        background-color: transparent;
-        padding: 0;
+    .show {
+        animation: show 0.1s ease-in-out;
     }
 
-    dialog::backdrop {
-        animation: backdropEnter .3s;
-        @apply bg-slate-800/80;
-    }
-
-    svg {
-        height: 100%;
-        width: 100%;
-    }
-}
-
-@layer components {
-    @keyframes alertEnter {
-        0% {
+    @keyframes fade {
+        from {
             opacity: 0;
-            transform: translate3d(0, 2rem, 0);
         }
-
-        100% {
+        to {
             opacity: 1;
-            transform: translate3d(0, 0, 0);
         }
     }
-
-    .alert {
-        animation: alertEnter .15s ease-in-out;
-        animation-delay: .2s;
-        animation-fill-mode: both;
+    .fade {
+        animation: fade 0.2s ease-in-out;
     }
 
-    .app-logo svg {
-        height: calc(100% - 1.5rem);
-        max-height: 2.5rem;
-        max-width: 2.5rem;
-        width: calc(100% - 1.5rem);
+    .showpanel:popover-open {
+        @starting-style {
+            opacity: 0;
+            transform: scale(0.95);
+        }
+        opacity: 1;
+        transform: scale(1);
+        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
     }
-}
+}

package/src/utility/formatters.ts

@@ -0,0 +1,9 @@
+export function formatDate(value?: Date): string {
+    if (!value) {
+        return '';
+    }
+
+    return `${value.getDate().toString().padStart(2, '0')}/${(value.getMonth() + 1)
+        .toString()
+        .padStart(2, '0')}/${value.getFullYear()}`;
+}

package/tailwind.config.js

@@ -2,10 +2,15 @@ const { withSZ } = require('@sqrzro/tailwind-plugin');
 
 module.exports = withSZ({
     mode: 'jit',
-    content: ['./src/**/*.tsx'],
+    content: ['./src/**/*.tsx', './src/styles/config.ts'],
     theme: {
-        fontFamily: {
-            sans: 'Inter',
+        extend: {
+            colors: {
+                primary: 'rgba(127, 86, 217, 1)',
+            },
+            fontFamily: {
+                body: ['var(--font-body)', 'sans-serif'],
+            },
         },
     },
 });

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+    "extends": "./tsconfig.json",
+    "exclude": ["node_modules", "src/**/*.spec.tsx", "src/**/*.stories.tsx"]
+}

package/tsconfig.json

@@ -4,7 +4,7 @@
         "declaration": true,
         "esModuleInterop": true,
         "importHelpers": true,
-        "jsx": "react",
+        "jsx": "react-jsx",
         "lib": ["dom", "esnext"],
         "moduleResolution": "node",
         "outDir": "dist",
@@ -13,6 +13,6 @@
         "strictNullChecks": true,
         "target": "esnext"
     },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "src/**/*.spec.tsx", "src/**/*.story.tsx"]
+    "include": ["next-env.d.ts", "src/**/*"],
+    "exclude": ["node_modules"]
 }

package/.turbo/turbo-lint.log

@@ -1,112 +0,0 @@
-$ tsc --noEmit && eslint "./src/**/*.tsx" "./src/**/*.ts"
-src/components/Alert/index.tsx(12,24): error TS2307: Cannot find module '../../hooks/useVariant' or its corresponding type declarations.
-src/components/Alert/index.tsx(14,23): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/components/Alert/index.tsx(51,25): error TS2345: Argument of type 'MouseEvent' is not assignable to parameter of type 'MouseEvent<HTMLButtonElement, MouseEvent>'.
-  Type 'MouseEvent' is missing the following properties from type 'MouseEvent<HTMLButtonElement, MouseEvent>': nativeEvent, isDefaultPrevented, isPropagationStopped, persist
-src/components/Alert/index.tsx(81,33): error TS2322: Type '{ children: string; key: string; isDisabled: boolean | null | undefined; onClick: () => void; variant: any; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/components/Alert/index.tsx(88,51): error TS2322: Type '{ children: string; type: "submit"; variant: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/components/AutoSuggest/index.tsx(13,26): error TS2307: Cannot find module '../../core/DropdownList' or its corresponding type declarations.
-src/components/AutoSuggest/index.tsx(14,35): error TS2307: Cannot find module '../../core/DropdownList' or its corresponding type declarations.
-src/components/AutoSuggest/index.tsx(15,24): error TS2307: Cannot find module '../../core/InputPanel' or its corresponding type declarations.
-src/components/Button/Button.stories.tsx(5,15): error TS2614: Module '"./index"' has no exported member 'ButtonProps'. Did you mean to use 'import ButtonProps from "./index"' instead?
-src/components/CalendarInput/index.tsx(10,24): error TS2307: Cannot find module '../../core/InputPanel' or its corresponding type declarations.
-src/components/CalendarInput/index.tsx(11,29): error TS2307: Cannot find module '../../core/StaticTextInput' or its corresponding type declarations.
-src/components/ConnectedDropdown/index.tsx(8,22): error TS2307: Cannot find module '../Dropdown' or its corresponding type declarations.
-src/components/FileInput/index.tsx(7,29): error TS2307: Cannot find module '../../core/StaticTextInput' or its corresponding type declarations.
-src/components/FormRepeater/index.tsx(106,21): error TS2322: Type '{ key: number; action: Action | null; id: string; label: string | undefined; name: string; onChange: (event: InputEvent<string, SimpleObject>) => void; render: (props: InputProps<...>) => ReactElement<...>; value: string; isShallow: true; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps<string>'.
-  Property 'isShallow' does not exist on type 'IntrinsicAttributes & FormFieldProps<string>'.
-src/components/InfoPanel/index.tsx(5,24): error TS2307: Cannot find module '../../hooks/useVariant' or its corresponding type declarations.
-src/components/InfoPanel/index.tsx(7,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/components/List/index.tsx(6,15): error TS2614: Module '"../../core/EmptyMessage"' has no exported member 'EmptyMessageProps'. Did you mean to use 'import EmptyMessageProps from "../../core/EmptyMessage"' instead?
-src/components/List/index.tsx(8,24): error TS2307: Cannot find module '../../core/Pagination' or its corresponding type declarations.
-src/components/LoginForm/index.tsx(11,27): error TS2307: Cannot find module '../PasswordInput' or its corresponding type declarations.
-src/components/LoginForm/index.tsx(33,9): error TS2554: Expected 1 arguments, but got 3.
-src/components/ModalActions/index.tsx(7,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'ButtonVariant'.
-src/components/ModalActions/index.tsx(34,21): error TS2322: Type '{ children: string; isDisabled: boolean | undefined; onClick: MouseEventHandler<HTMLButtonElement> | undefined; type: "button" | "submit"; variant: any; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/components/MoneyInput/index.tsx(6,15): error TS2614: Module '"../TextInput"' has no exported member 'TextInputProps'. Did you mean to use 'import TextInputProps from "../TextInput"' instead?
-src/components/Switch/index.tsx(7,8): error TS2613: Module '"/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' has no default export. Did you mean to use 'import { Assistive } from "/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' instead?
-src/components/Table/index.tsx(8,15): error TS2614: Module '"../../core/EmptyMessage"' has no exported member 'EmptyMessageProps'. Did you mean to use 'import EmptyMessageProps from "../../core/EmptyMessage"' instead?
-src/components/Table/index.tsx(9,24): error TS2307: Cannot find module '../../core/Pagination' or its corresponding type declarations.
-src/components/Table/index.tsx(11,23): error TS2307: Cannot find module '../../core/TableCell' or its corresponding type declarations.
-src/components/Table/index.tsx(12,23): error TS2307: Cannot find module '../../core/TableHead' or its corresponding type declarations.
-src/components/Table/index.tsx(13,30): error TS2307: Cannot find module '../../core/TableCell' or its corresponding type declarations.
-src/components/Table/index.tsx(14,22): error TS2307: Cannot find module '../../core/TableRow' or its corresponding type declarations.
-src/components/Table/index.tsx(15,40): error TS2307: Cannot find module '../../core/TableRow' or its corresponding type declarations.
-src/components/TextArea/index.tsx(7,15): error TS2614: Module '"../TextInput"' has no exported member 'TextInputProps'. Did you mean to use 'import TextInputProps from "../TextInput"' instead?
-src/components/TextInput/TextInput.stories.tsx(5,15): error TS2614: Module '"./index"' has no exported member 'TextInputProps'. Did you mean to use 'import TextInputProps from "./index"' instead?
-src/components/WebsiteInput/index.tsx(6,15): error TS2614: Module '"../TextInput"' has no exported member 'TextInputProps'. Did you mean to use 'import TextInputProps from "../TextInput"' instead?
-src/core/AlertComponent/index.tsx(12,23): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/core/AlertComponent/index.tsx(81,33): error TS2322: Type '{ children: string; key: string; isDisabled: boolean | null | undefined; onClick: () => void; variant: any; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/core/AlertComponent/index.tsx(87,55): error TS2322: Type '{ children: string; onClick: (event: MouseEvent<HTMLButtonElement, MouseEvent>) => void; variant: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/core/AppLogoImage/index.tsx(5,8): error TS2613: Module '"/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' has no default export. Did you mean to use 'import { Assistive } from "/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' instead?
-src/core/AuthForm/index.tsx(13,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/core/AuthForm/index.tsx(14,24): error TS2307: Cannot find module '../../hooks/useVariant' or its corresponding type declarations.
-src/core/ChkRadList/index.tsx(5,20): error TS2307: Cannot find module '../ChkRad' or its corresponding type declarations.
-src/core/ConnectedRepeater/index.tsx(16,30): error TS2307: Cannot find module '../TableCell' or its corresponding type declarations.
-src/core/ConnectedRepeaterComponent/index.tsx(8,30): error TS2307: Cannot find module '../TableCell' or its corresponding type declarations.
-src/core/EmptyMessage/EmptyMessage.stories.tsx(24,1): error TS2304: Cannot find name 'Custom'.
-src/core/EmptyMessage/EmptyMessage.stories.tsx(31,1): error TS2304: Cannot find name 'WithAction'.
-src/core/FilterItem/index.tsx(12,24): error TS2307: Cannot find module '../InputPanel' or its corresponding type declarations.
-src/core/Filters/index.tsx(91,48): error TS2322: Type '{ children: string[]; onClick: () => void; variant: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/core/Filters/index.tsx(133,33): error TS2322: Type '{ children: string; key: string; isDisabled: boolean | null | undefined; onClick: () => void; variant: any; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/core/Filters/index.tsx(142,48): error TS2322: Type '{ children: string; onClick: () => void; variant: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
-  Property 'variant' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-src/core/Header/index.tsx(9,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/core/IconButton/index.tsx(7,8): error TS2613: Module '"/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' has no default export. Did you mean to use 'import { Assistive } from "/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' instead?
-src/core/ListItemAction/index.tsx(5,24): error TS2307: Cannot find module '../../hooks/useVariant' or its corresponding type declarations.
-src/core/ListItemAction/index.tsx(7,23): error TS2305: Module '"../../utility/interfaces"' has no exported member 'ButtonVariant'.
-src/core/ListItemMetaItem/index.tsx(6,20): error TS2307: Cannot find module '../Styled' or its corresponding type declarations.
-src/core/ListItemTitle/index.tsx(8,17): error TS2307: Cannot find module '../../components/Tag' or its corresponding type declarations.
-src/core/ListItemTitle/index.tsx(10,20): error TS2307: Cannot find module '../Styled' or its corresponding type declarations.
-src/core/MePanel/index.tsx(5,26): error TS2307: Cannot find module '../DropdownList' or its corresponding type declarations.
-src/core/MePanel/index.tsx(6,36): error TS2307: Cannot find module '../DropdownList' or its corresponding type declarations.
-src/core/ModalComponent/index.tsx(10,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/core/PasswordResetForm/index.tsx(9,27): error TS2307: Cannot find module '../../components/PasswordInput' or its corresponding type declarations.
-src/core/SummaryListItem/index.tsx(5,17): error TS2307: Cannot find module '../../components/Tag' or its corresponding type declarations.
-src/core/SummaryListItem/index.tsx(7,20): error TS2307: Cannot find module '../Styled' or its corresponding type declarations.
-src/core/SummaryListItem/index.tsx(9,15): error TS2305: Module '"../../utility/interfaces"' has no exported member 'StyleVariant'.
-src/core/TwoFactorAuthenticator/index.tsx(3,23): error TS2307: Cannot find module '../../components/CodeInput' or its corresponding type declarations.
-src/core/TwoFactorSetupAuthenticator/index.tsx(6,23): error TS2307: Cannot find module '../../components/CodeInput' or its corresponding type declarations.
-src/core/YubikeyInput/index.tsx(4,8): error TS2613: Module '"/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' has no default export. Did you mean to use 'import { Assistive } from "/Users/richard/Sites/@sqrzro/sqrzro/packages/admin/src/core/Assistive/index"' instead?
-src/filters/BooleanFilter/index.tsx(4,22): error TS2307: Cannot find module '../../components/Dropdown' or its corresponding type declarations.
-src/filters/DropdownFilter/index.tsx(4,39): error TS2307: Cannot find module '../../components/Dropdown' or its corresponding type declarations.
-src/filters/QuickDateFilter/index.tsx(4,22): error TS2307: Cannot find module '../../components/Dropdown' or its corresponding type declarations.
-src/index.ts(25,15): error TS2307: Cannot find module './components/CodeInput' or its corresponding type declarations.
-src/index.ts(26,38): error TS2307: Cannot find module './components/CodeInput' or its corresponding type declarations.
-src/index.ts(39,15): error TS2307: Cannot find module './components/Dropdown' or its corresponding type declarations.
-src/index.ts(40,37): error TS2307: Cannot find module './components/Dropdown' or its corresponding type declarations.
-src/index.ts(79,15): error TS2307: Cannot find module './components/PasswordInput' or its corresponding type declarations.
-src/index.ts(80,42): error TS2307: Cannot find module './components/PasswordInput' or its corresponding type declarations.
-src/index.ts(91,15): error TS2307: Cannot find module './components/Tag' or its corresponding type declarations.
-src/index.ts(92,32): error TS2307: Cannot find module './components/Tag' or its corresponding type declarations.
-src/index.ts(114,15): error TS2307: Cannot find module './core/ChkRad' or its corresponding type declarations.
-src/index.ts(115,15): error TS2307: Cannot find module './core/ChkRadIcon' or its corresponding type declarations.
-src/index.ts(123,15): error TS2307: Cannot find module './core/DropdownList' or its corresponding type declarations.
-src/index.ts(128,15): error TS2307: Cannot find module './core/FormError' or its corresponding type declarations.
-src/index.ts(129,15): error TS2307: Cannot find module './core/FormLabel' or its corresponding type declarations.
-src/index.ts(134,15): error TS2307: Cannot find module './core/InputPanel' or its corresponding type declarations.
-src/index.ts(147,15): error TS2307: Cannot find module './core/Pagination' or its corresponding type declarations.
-src/index.ts(148,15): error TS2307: Cannot find module './core/PaginationItem' or its corresponding type declarations.
-src/index.ts(154,15): error TS2307: Cannot find module './core/StaticTextInput' or its corresponding type declarations.
-src/index.ts(155,15): error TS2307: Cannot find module './core/Styled' or its corresponding type declarations.
-src/index.ts(158,15): error TS2307: Cannot find module './core/TableActionsCell' or its corresponding type declarations.
-src/index.ts(159,15): error TS2307: Cannot find module './core/TableCell' or its corresponding type declarations.
-src/index.ts(160,15): error TS2307: Cannot find module './core/TableHead' or its corresponding type declarations.
-src/index.ts(161,15): error TS2307: Cannot find module './core/TableRow' or its corresponding type declarations.
-src/index.ts(163,15): error TS2307: Cannot find module './core/TextInputAncillary' or its corresponding type declarations.
-src/index.ts(196,15): error TS2307: Cannot find module './hooks/useVariant' or its corresponding type declarations.
-src/index.ts(197,39): error TS2307: Cannot find module './hooks/useVariant' or its corresponding type declarations.
-src/utility/interfaces.ts(60,15): error TS2304: Cannot find name 'ButtonVariant'.
-src/utility/interfaces.ts(60,31): error TS2304: Cannot find name 'ButtonVariant'.
-src/utility/middleware.ts(6,50): error TS2355: A function whose declared type is neither 'void' nor 'any' must return a value.
-src/utility/prop-types.ts(7,15): error TS2305: Module '"../utility/interfaces"' has no exported member 'ButtonVariant'.
-src/utility/prop-types.ts(7,30): error TS2305: Module '"../utility/interfaces"' has no exported member 'StyleVariant'.
-error Command failed with exit code 2.
-info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

package/.turbo/turbo-test.log

@@ -1,6 +0,0 @@
-$ jest
-jest-haste-map: duplicate manual mock found: index
-  The following files share their name; please delete one of them:
-    * <rootDir>/src/components/Link/__mocks__/index.tsx
-    * <rootDir>/dist/components/Link/__mocks__/index.js
-

package/dist/components/Alert/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { AlertComponentProps } from '../../core/AlertComponent';
-declare function Alert(props: AlertComponentProps): React.ReactElement | null;
-export default Alert;

package/dist/components/Alert/index.js

@@ -1,15 +0,0 @@
-/* istanbul ignore file */
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { ifWindow } from '@sqrzro/utility';
-import AlertComponent from '../../core/AlertComponent';
-function Alert(props) {
-    return ifWindow(() => {
-        const portalElement = document.getElementById('alert-portal');
-        if (!portalElement) {
-            return null;
-        }
-        return createPortal(React.createElement(AlertComponent, { ...props }), portalElement);
-    }, null);
-}
-export default Alert;

package/dist/components/Allow/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface AllowProps {
-    children: React.ReactNode;
-    permission?: string;
-}
-/**
- * The `Allow` component is essentially a wrappy that lets a developer display or hide child content
- * based on the permissions a particular user has.
- *
- * By default, the
- */
-declare function Allow({ children, permission }: AllowProps): React.ReactElement | null;
-declare namespace Allow {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        permission: PropTypes.Requireable<string>;
-    };
-}
-export default Allow;

package/dist/components/Allow/index.js

@@ -1,29 +0,0 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import useAppConfig from '../../hooks/useAppConfig';
-const hasPermission = (me, permission) => {
-    if (!me.permissions || !permission) {
-        return true;
-    }
-    return me.permissions.includes(permission);
-};
-/**
- * The `Allow` component is essentially a wrappy that lets a developer display or hide child content
- * based on the permissions a particular user has.
- *
- * By default, the
- */
-function Allow({ children, permission }) {
-    const { me } = useAppConfig();
-    if (me && !hasPermission(me, permission)) {
-        return null;
-    }
-    // Use the `Fragment` here to get around TS complaining about FunctionComponent
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement(Fragment, null, children);
-}
-Allow.propTypes = {
-    children: PropTypes.node.isRequired,
-    permission: PropTypes.string,
-};
-export default Allow;

package/dist/components/AppLayout/AppLayout.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentMeta } from '@storybook/react';
-import AppLayout from './index';
-declare const _default: ComponentMeta<typeof AppLayout>;
-export default _default;
-export declare const Basic: any;

package/dist/components/AppLayout/AppLayout.stories.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import AppLayout from './index';
-export default {
-    title: 'Components/AppLayout',
-    component: AppLayout,
-};
-const Template = (args) => (React.createElement(AppLayout, { ...args }));
-export const Basic = Template.bind({});
-Basic.args = {
-    children: 'Lorem Ipsum',
-};

package/dist/components/AutoSuggest/index.d.ts

@@ -1,74 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { DropdownItem } from '../../core/DropdownPanel';
-import type { InputProps } from '../../utility/interfaces';
-export interface AutoSuggestProps extends InputProps<string> {
-    /**
-     * An array of strings to filter for the suggestions. If a `remote` prop is specified, this is
-     * ignored.
-     */
-    data?: (DropdownItem | string)[] | null;
-    /** The URL for the endpoint that will return the suggestions */
-    remote?: string | null;
-}
-/**
- * As a user types, suggestions based on they've typed are displayed in a panel below. When a user
- * clicks a suggestion, the value is updated. Under the hood, it is more or less a combination of a
- * `TextInput` and a `DropdownPanel`.
- *
- * ## Request Methods
- *
- * At its most basic, the suggestions are a predefined array of `data`. However,
- * if the `remote` prop is specified, the AutoSuggest will `GET` that endpoint as the user types.
- * The following will be appended onto the query:
- *
- * ````
- * ?search={value}
- * ```
- *
- * The endpoint should then handle filtering the data, and returning an array of the results. If the
- * value of the input changes before the previous `GET` request has completed, that one is
- * cancelled and a new one started, with the updated search query.
- *
- * ## Data Formats
- *
- * The data returned should be one of two formats. The choice of format has an impact on how the
- * value is stored, and the label that is displayed.
- *
- * The most basic format is an array of strings. The value is stored as the string itself, and the
- * label displays the same string. This is most useful for situations where no relationships are
- * required on the backend, and the `AutoSuggest` is purely being used to assist the user in
- * defining a value.
- *
- * An example of this data would be:
- *
- * ```
- * ['apple', 'banana', 'carrot']
- * ```
- *
- * The second format is an array of objects. The value is stored as the `id` of the object, and the
- * label displays the `name` of the object. This is most useful for situations where a relationship
- * is required on the backend, and the `AutoSuggest` is being used to assist the user in defining
- * a value. With this format, the `AutoSuggest` works more like a `Dropdown`.
- *
- * For example:
- *
- * ```
- * [{ id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'carrot' }]
- * ```
- */
-declare function AutoSuggest({ data, name, remote, value, hasError, onChange, }: AutoSuggestProps): React.ReactElement;
-declare namespace AutoSuggest {
-    var propTypes: {
-        name: PropTypes.Validator<string>;
-        data: PropTypes.Requireable<NonNullable<NonNullable<string | NonNullable<PropTypes.InferProps<{
-            id: PropTypes.Validator<string>;
-            name: PropTypes.Validator<string>;
-        }>>>>[]>;
-        hasError: PropTypes.Requireable<boolean>;
-        remote: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default AutoSuggest;