@cayuse-test/react 1.0.0

package/README.md

@@ -0,0 +1,346 @@
+# @cayuse-react-2/core
+
+A comprehensive React component library providing reusable, accessible components, hooks, and utilities for modern web applications.
+
+## 📦 Installation
+
+```bash
+npm install @cayuse-react-2/core
+# or
+pnpm add @cayuse-react-2/core
+```
+
+## 🚀 Quick Start
+
+```tsx
+// Import components, hooks, and utilities
+import {
+	Button,
+	Input,
+	DynamicTable,
+	isValidEmail,
+	formatDate,
+	useClickOutside,
+	useDictionary,
+} from '@cayuse-react-2/core';
+
+function MyApp() {
+	return (
+		<div>
+			<Button variant="primary">Click me</Button>
+			<Input label="Email" type="email" />
+		</div>
+	);
+}
+```
+
+### Using Shared Configs
+
+**ESLint Configuration:**
+
+```js
+// eslint.config.js
+import { config } from '@cayuse-react-2/core/eslint-config/base';
+// or for React projects
+import { config } from '@cayuse-react-2/core/eslint-config/react-internal';
+// or for Next.js
+import { config } from '@cayuse-react-2/core/eslint-config/next';
+
+export default config;
+```
+
+**TypeScript Configuration:**
+
+```json
+{
+	"extends": "@cayuse-react-2/core/typescript-config/base.json"
+}
+```
+
+## 📚 What's Included
+
+### Components (40+)
+
+- **Forms**: Input, Checkbox, Radio, TextArea, RichText, FileUpload, Toggle, Combobox, UserSelect
+- **Navigation**: Breadcrumbs, NavLink, Submenu, Tabs
+- **Layout**: Button, ButtonGroup, Divider, SectionHeader, SubHeader, BasePadding
+- **Data Display**: DynamicTable, FormattedDate, FormattedRichText, SetView, Pagination
+- **Modals & Dialogs**: ModalDialog, AlertDialog, ConfirmationModal, PreventLeavePageDialog
+- **Complex Components**: TaskForm, AttachmentsForm, FormNoteAttachmentsView
+- **Misc**: Icon, IconButton, LoadingIndicator, Popup, DateSelector, CustomDropdown
+
+### Hooks
+
+- `useClickOutside` - Detect clicks outside elements
+- `useConfirmNavigation` - Confirmation dialogs for unsaved changes
+- `useDebounceCallback` - Debounced callbacks
+- `useDictionary` - Internationalization/translations
+- `useFileUploader` - File uploads with Uppy integration
+- `useModalState` - Modal state management
+
+### Utilities
+
+- **Auth**: Token management, authentication helpers
+- **DOM**: DOM manipulation utilities
+- **Forms**: Validation, form helpers
+- **HTTP**: Request utilities and constants
+- **Helpers**: Date formatting, ID generation, common utilities
+- **Type Checks**: Type guard functions
+
+### Context
+
+- `TenantContextProvider` - Multi-tenancy support
+
+### Globals
+
+- **Constants**: Shared application constants
+- **CSS**: Global styles, CSS variables, media queries, reset
+
+### Shared Configs
+
+- **ESLint**: `base`, `react-internal`, `next` configurations
+- **TypeScript**: `base.json`, `react-library.json`, `nextjs.json` configurations
+
+## 🛠️ Development
+
+### Prerequisites
+
+- Node.js >= 20
+- PNPM v10.14.0
+
+### Setup
+
+```bash
+# Clone and install
+git clone <repository-url>
+cd cayuse-react-components-single-repo
+pnpm install
+
+# Start Storybook for development
+pnpm run storybook
+```
+
+### Development Commands
+
+```bash
+# Build the package
+pnpm run build
+
+# Build in watch mode
+pnpm run dev
+
+# Type checking
+pnpm run check-types
+
+# Linting
+pnpm run lint
+pnpm run lint:fix
+
+# Format code
+pnpm run format
+
+# Run tests
+pnpm test
+
+# Storybook
+pnpm run storybook
+pnpm run build-storybook
+```
+
+## 📖 Storybook
+
+View interactive component documentation and examples:
+
+```bash
+pnpm run storybook
+# Opens http://localhost:6006
+```
+
+Features:
+
+- Interactive component playground
+- Accessibility testing (a11y addon)
+- Visual testing with Vitest integration
+- CSS custom properties documentation
+
+## 🚀 Publishing & Version Management
+
+### Quick Publish Workflow
+
+```bash
+# 1. Make changes and commit
+git add .
+git commit -m "feat: add new component"
+
+# 2. Run quality checks
+pnpm run check-types && pnpm run lint && pnpm run build
+
+# 3. Bump version (patch/minor/major)
+npm version patch
+
+# 4. Push with tags
+git push --follow-tags
+
+# 5. Publish to npm
+pnpm publish
+```
+
+### Version Types
+
+| Change Type         | Command                  | Example         | When to Use        |
+| ------------------- | ------------------------ | --------------- | ------------------ |
+| **Bug Fix**         | `npm version patch`      | 1.0.0 → 1.0.1   | Fixing bugs        |
+| **New Feature**     | `npm version minor`      | 1.0.0 → 1.1.0   | Adding features    |
+| **Breaking Change** | `npm version major`      | 1.0.0 → 2.0.0   | Breaking changes   |
+| **Pre-release**     | `npm version prerelease` | 1.0.0 → 1.0.1-0 | Alpha/beta testing |
+
+### What `npm version` Does
+
+1. Updates `package.json` version
+2. Creates a git commit
+3. Creates a git tag (e.g., `v1.0.1`)
+
+### Publishing
+
+```bash
+# Publish as public package
+pnpm publish --access public
+
+# Or for beta releases
+pnpm publish --tag beta
+```
+
+### Verify Publication
+
+```bash
+# Check published version
+npm view @cayuse-react-2/core version
+
+# See all versions
+npm view @cayuse-react-2/core versions
+
+# Test in another project
+npm install @cayuse-react-2/core@latest
+```
+
+## 🔒 Code Quality
+
+### Git Hooks
+
+Pre-commit hook automatically runs:
+
+- **Prettier** - Formats staged files
+- **ESLint** - Checks code quality
+- **TypeScript** - Validates types
+
+```bash
+# Skip hooks in emergencies only
+git commit -m "emergency fix" --no-verify
+```
+
+### Testing
+
+- **Vitest** with Playwright browser testing
+- **Storybook** integration for component testing
+- **Accessibility** testing with a11y addon
+
+## 🏗️ Project Structure
+
+```
+@cayuse-react-2/core/
+├── packages/
+│   ├── components/          # 40+ React components
+│   ├── hooks/              # Custom React hooks
+│   ├── utils/              # Utility functions
+│   ├── context/tenant/     # Tenant context
+│   ├── globals/            # Constants and CSS
+│   ├── services/           # S3 upload service
+│   ├── eslint-config/      # Shared ESLint configs
+│   └── typescript-config/  # Shared TypeScript configs
+├── dist/                   # Built package (generated)
+├── .storybook/            # Storybook configuration
+└── package.json           # Single package config
+```
+
+## 🤝 Contributing
+
+1. Create feature branch: `git checkout -b feature/new-component`
+2. Make changes following existing patterns
+3. Add Storybook stories for new components
+4. Write tests as needed
+5. Commit changes (hooks run automatically)
+6. Create pull request
+
+### Code Standards
+
+- TypeScript for all code
+- React Aria Components for accessibility
+- CSS custom properties for styling
+- Conventional commits recommended
+
+## 🚨 Troubleshooting
+
+### Build Fails
+
+```bash
+# Check for errors
+pnpm run check-types
+pnpm run lint
+
+# Auto-fix what can be fixed
+pnpm run lint:fix
+pnpm run format
+```
+
+### Git Hooks Prevent Commit
+
+```bash
+# Fix the reported issues
+pnpm run check-types
+pnpm run lint:fix
+
+# Emergency bypass (use sparingly!)
+git commit --no-verify -m "emergency fix"
+```
+
+### npm version Fails
+
+```bash
+# Cause: Uncommitted changes
+git status
+
+# Fix: Commit changes first
+git add .
+git commit -m "your changes"
+npm version patch
+```
+
+### Publish Fails
+
+```bash
+# Check if logged in
+npm whoami
+
+# If not logged in
+npm login
+
+# Ensure public access
+pnpm publish --access public
+```
+
+## 📚 Resources
+
+- **Storybook**: [http://localhost:6006](http://localhost:6006)
+- **React Aria**: [https://react-spectrum.adobe.com/react-aria/](https://react-spectrum.adobe.com/react-aria/)
+- **PNPM**: [https://pnpm.io/](https://pnpm.io/)
+
+## 📄 License
+
+See LICENSE file for details.
+
+---
+
+**Package**: `@cayuse-react-2/core`
+**Version**: 1.0.0
+**Node**: >= 20
+**Package Manager**: PNPM 10.14.0

package/dist/chunk-2K3CWMLR.js

@@ -0,0 +1,108 @@
+import {
+  useAuth
+} from "./chunk-XRUFEGUC.js";
+import {
+  executeRequest
+} from "./chunk-SZMEZFAR.js";
+
+// packages/context/tenant/tenant-context-provider.tsx
+import React2, { useEffect } from "react";
+
+// packages/context/tenant/tenant-context.tsx
+import React from "react";
+var TenantContext = React.createContext({
+  isLoaded: false,
+  isLoading: false,
+  isError: false,
+  data: {
+    groups: [],
+    person: {},
+    tenant: {},
+    tenantProducts: [],
+    user: {}
+  }
+});
+var useTenantContext = () => {
+  const ctx = React.useContext(TenantContext);
+  if (!ctx) {
+    throw new Error(
+      "TenantContext is not initialized. Wrap your component with TenantContext.Provider"
+    );
+  }
+  return ctx;
+};
+
+// packages/context/tenant/tenant-context-provider.tsx
+import { jsx } from "react/jsx-runtime";
+var TenantProvider = ({ children }) => {
+  const auth = useAuth();
+  const [loading, setLoading] = React2.useState({
+    isLoaded: false,
+    isLoading: false,
+    isError: false
+  });
+  const [data, setData] = React2.useState({
+    groups: [],
+    person: {},
+    tenant: {},
+    tenantProducts: [],
+    user: {}
+  });
+  useEffect(() => {
+    let canceled = false;
+    const load = async () => {
+      setLoading({ isLoaded: false, isLoading: true, isError: false });
+      try {
+        const response = await executeRequest(
+          `/api/v2/tenant/product/user/${auth.user?.username}`
+        );
+        if (!canceled) {
+          setData(response);
+          setLoading({
+            isLoaded: true,
+            isLoading: false,
+            isError: false
+          });
+        }
+      } catch (error) {
+        console.error(error);
+        global.__CAYUSE__?.notify?.(
+          error.message ?? "Something went wrong when loading user information.",
+          { type: "error" }
+        );
+        if (!canceled) {
+          setLoading({
+            isLoaded: false,
+            isLoading: false,
+            isError: true
+          });
+        }
+      }
+    };
+    if (auth?.user && !loading.isLoaded && !loading.isError && !loading.isLoading) {
+      load();
+    }
+    return () => {
+      canceled = true;
+    };
+  }, [auth?.user]);
+  return /* @__PURE__ */ jsx(
+    TenantContext.Provider,
+    {
+      value: {
+        data,
+        isLoaded: loading.isLoaded,
+        isLoading: loading.isLoading,
+        isError: loading.isError
+      },
+      children
+    }
+  );
+};
+
+export {
+  TenantContext,
+  useTenantContext,
+  TenantProvider
+};
+//# sourceMappingURL=chunk-2K3CWMLR.js.map

package/dist/chunk-2K3CWMLR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/context/tenant/tenant-context-provider.tsx","../packages/context/tenant/tenant-context.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useAuth } from '@/utils/auth';\nimport { executeRequest } from '@/utils/http';\nimport {\n\tITenantContext,\n\tTenantContext,\n\tTenantContextData,\n} from './tenant-context.js';\n\nexport const TenantProvider = ({ children }: { children: React.ReactNode }) => {\n\tconst auth = useAuth();\n\n\tconst [loading, setLoading] = React.useState({\n\t\tisLoaded: false,\n\t\tisLoading: false,\n\t\tisError: false,\n\t});\n\n\tconst [data, setData] = React.useState<TenantContextData>({\n\t\tgroups: [],\n\t\tperson: {},\n\t\ttenant: {},\n\t\ttenantProducts: [],\n\t\tuser: {},\n\t} as unknown as TenantContextData);\n\n\tuseEffect(() => {\n\t\tlet canceled = false;\n\n\t\tconst load = async () => {\n\t\t\tsetLoading({ isLoaded: false, isLoading: true, isError: false });\n\n\t\t\ttry {\n\t\t\t\tconst response = await executeRequest(\n\t\t\t\t\t`/api/v2/tenant/product/user/${auth.user?.username}`,\n\t\t\t\t);\n\t\t\t\tif (!canceled) {\n\t\t\t\t\tsetData(response);\n\t\t\t\t\tsetLoading({\n\t\t\t\t\t\tisLoaded: true,\n\t\t\t\t\t\tisLoading: false,\n\t\t\t\t\t\tisError: false,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t} catch (error: any) {\n\t\t\t\tconsole.error(error);\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t(global as any).__CAYUSE__?.notify?.(\n\t\t\t\t\terror.message ?? 'Something went wrong when loading user information.',\n\t\t\t\t\t{ type: 'error' },\n\t\t\t\t);\n\t\t\t\tif (!canceled) {\n\t\t\t\t\tsetLoading({\n\t\t\t\t\t\tisLoaded: false,\n\t\t\t\t\t\tisLoading: false,\n\t\t\t\t\t\tisError: true,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tif (auth?.user && !loading.isLoaded && !loading.isError && !loading.isLoading) {\n\t\t\tload();\n\t\t}\n\n\t\treturn () => {\n\t\t\tcanceled = true;\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [auth?.user]);\n\n\treturn (\n\t\t<TenantContext.Provider\n\t\t\tvalue={\n\t\t\t\t{\n\t\t\t\t\tdata,\n\t\t\t\t\tisLoaded: loading.isLoaded,\n\t\t\t\t\tisLoading: loading.isLoading,\n\t\t\t\t\tisError: loading.isError,\n\t\t\t\t} satisfies ITenantContext\n\t\t\t}\n\t\t>\n\t\t\t{children}\n\t\t</TenantContext.Provider>\n\t);\n};\n","/* eslint-disable  @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nexport interface TenantProduct {\n\tcreateUser: string;\n\tcreateDate: string;\n\tupdateUser: string;\n\tupdateDate: string;\n\thibVersion: number;\n\tactive: boolean;\n\tbaseAccessRoles: string[];\n\tdescription: string;\n\tdisplayName: string;\n\tdisplayOrder: number;\n\timage: string;\n\tinternalName: string;\n\tisExternal: boolean;\n\tisProvisionable: boolean;\n\tisCustom: boolean;\n\tname: string;\n\tpath: string;\n\tplaceholder?: string;\n\tthumbnail: string;\n\tcustomerId: string;\n\tproductSettings: any;\n\tproductId: string;\n\tcustomerName: string;\n\ttenantProductId: string;\n\tinstanceURL?: string;\n\tappId?: string;\n\tproductBulkLoad: boolean;\n\tproductBulkDelete: boolean;\n\tproductInfoReady: boolean;\n\tproductUseSimpleFormBuilder: boolean;\n\tproductNewCoiUi: boolean;\n\ttenantProductSettings: any;\n\ttenantId: string;\n\ttenantName: string;\n\tcustomerProductId: string;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface User {\n\tactive: boolean;\n\temail: string;\n\temailVerified: boolean;\n\tfirstName: string;\n\tlastName: string;\n\tguestUser: boolean;\n\tunitName: any;\n\ttenantId: string;\n\tupdatePassword: boolean;\n\tupdateProfile: boolean;\n\tusername: string;\n\tverifyEmail: boolean;\n\tuserStatus: string;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface Person {\n\tcreateUser: string;\n\tcreateDate: string;\n\tupdateUser: string;\n\tupdateDate: string;\n\thibVersion: number;\n\tactive: boolean;\n\tfirstName: string;\n\tfullName: string;\n\tlastName: string;\n\taffiliations: Affiliation[];\n\texternalAffiliations: ExternalAffiliation[];\n\tuserAccountType: string;\n\tusername: string;\n\tmiddleName: string;\n\tcontactEmail: string;\n\tuserAccountId: string;\n\ttenantId: string;\n\tuserStatus: string;\n\tuserAccountStatus: boolean;\n\tprofileTypes: unknown[];\n\trolesCount: number;\n\tcontactId: string;\n\tpersonUserLinkId: string;\n\tprefix: string | null;\n\tsuffix: string | null;\n\tpreferredName: string | null;\n\temployeeId: string;\n\tdemographicsId: string | null;\n\texternalIdentifiersId: string | null;\n\tguestUser: boolean;\n\tuserAccountStatusName: string | null;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface Affiliation {\n\tcreateUser: string;\n\tcreateDate: string;\n\tupdateUser: string;\n\tupdateDate: string;\n\thibVersion: number;\n\tactive: boolean;\n\tcontactId: string | null;\n\tprimaryAppointment: boolean;\n\tprimaryAppointmentDisplay?: string;\n\temployeeId?: string;\n\tgovAgency: string | null;\n\tstartDate: string;\n\tendDate?: string;\n\tpersonId: string;\n\tuserId: string;\n\tperformanceSiteId: string | null;\n\ttitle: string;\n\tunitId: string;\n\tunitName: string;\n\ttenantId: string;\n\tappointmentTypeId: string;\n\teraRoleId: string | null;\n\troutingProfileId: string | null;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface ExternalAffiliation {\n\tcreateUser: string;\n\tcreateDate: string;\n\tupdateUser: string;\n\tupdateDate: string;\n\thibVersion: number;\n\tactive: boolean;\n\torganizationId: string;\n\tpersonId: string;\n\ttitle: string;\n\ttenantId: string;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface Group {\n\tuserId: string;\n\tgroupId: string;\n\ttenantId: string;\n\tunitId: string | null;\n\tgroupGroupName: string;\n\tgroupGroupDescription?: string;\n\tuserEmail: string;\n\tuserUsername: string;\n\tsubunits: boolean;\n\tactive: boolean;\n\tlinks: any[];\n}\n\nexport interface Tenant {\n\tcreateUser: string;\n\tcreateDate: string;\n\tupdateUser: string;\n\tupdateDate: string;\n\thibVersion: number;\n\tactive: boolean;\n\tbulkDelete: boolean;\n\tbulkLoad: boolean;\n\thrConnect: boolean;\n\tdataLakeEnabled: boolean;\n\tcurrentFiscalYear: number;\n\tcustomerId: string;\n\tcustomerActive: boolean;\n\tcustomerName: string;\n\tdescription: string;\n\tfiscalYearStartDay: number;\n\tfiscalYearStartMonth: number;\n\thostname: string;\n\tname: string;\n\torcidClientId: any;\n\torcidClientSecret: any;\n\tssoIdpEntityIdName: any;\n\tssoLoginType: string;\n\tssoPrimaryUserAttribute: any;\n\ttenantProductDtoList: any;\n\ttimezone: string;\n\tdemographics: any;\n\tlinks: any[];\n\tid: string;\n}\n\nexport interface TenantContextData {\n\ttenantProducts: TenantProduct[];\n\tuser: User;\n\tperson: Person;\n\tgroups: Group[];\n\ttenant: Tenant;\n}\n\nexport interface ITenantContext {\n\tisLoaded: boolean;\n\tisLoading: boolean;\n\tisError: boolean;\n\tdata: TenantContextData;\n}\n\nexport const TenantContext = React.createContext<ITenantContext>({\n\tisLoaded: false,\n\tisLoading: false,\n\tisError: false,\n\tdata: {\n\t\tgroups: [],\n\t\tperson: {},\n\t\ttenant: {},\n\t\ttenantProducts: [],\n\t\tuser: {},\n\t},\n} as unknown as ITenantContext);\n\nexport const useTenantContext = () => {\n\tconst ctx: ITenantContext = React.useContext<ITenantContext>(TenantContext);\n\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t'TenantContext is not initialized. Wrap your component with TenantContext.Provider',\n\t\t);\n\t}\n\n\treturn ctx;\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,UAAS,iBAAiB;;;ACCjC,OAAO,WAAW;AAwMX,IAAM,gBAAgB,MAAM,cAA8B;AAAA,EAChE,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,IACL,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,gBAAgB,CAAC;AAAA,IACjB,MAAM,CAAC;AAAA,EACR;AACD,CAA8B;AAEvB,IAAM,mBAAmB,MAAM;AACrC,QAAM,MAAsB,MAAM,WAA2B,aAAa;AAE1E,MAAI,CAAC,KAAK;AACT,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;;;ADvJE;AAhEK,IAAM,iBAAiB,CAAC,EAAE,SAAS,MAAqC;AAC9E,QAAM,OAAO,QAAQ;AAErB,QAAM,CAAC,SAAS,UAAU,IAAIC,OAAM,SAAS;AAAA,IAC5C,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,EACV,CAAC;AAED,QAAM,CAAC,MAAM,OAAO,IAAIA,OAAM,SAA4B;AAAA,IACzD,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,gBAAgB,CAAC;AAAA,IACjB,MAAM,CAAC;AAAA,EACR,CAAiC;AAEjC,YAAU,MAAM;AACf,QAAI,WAAW;AAEf,UAAM,OAAO,YAAY;AACxB,iBAAW,EAAE,UAAU,OAAO,WAAW,MAAM,SAAS,MAAM,CAAC;AAE/D,UAAI;AACH,cAAM,WAAW,MAAM;AAAA,UACtB,+BAA+B,KAAK,MAAM,QAAQ;AAAA,QACnD;AACA,YAAI,CAAC,UAAU;AACd,kBAAQ,QAAQ;AAChB,qBAAW;AAAA,YACV,UAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,UACV,CAAC;AAAA,QACF;AAAA,MAED,SAAS,OAAY;AACpB,gBAAQ,MAAM,KAAK;AAEnB,QAAC,OAAe,YAAY;AAAA,UAC3B,MAAM,WAAW;AAAA,UACjB,EAAE,MAAM,QAAQ;AAAA,QACjB;AACA,YAAI,CAAC,UAAU;AACd,qBAAW;AAAA,YACV,UAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,UACV,CAAC;AAAA,QACF;AAAA,MACD;AAAA,IACD;AAEA,QAAI,MAAM,QAAQ,CAAC,QAAQ,YAAY,CAAC,QAAQ,WAAW,CAAC,QAAQ,WAAW;AAC9E,WAAK;AAAA,IACN;AAEA,WAAO,MAAM;AACZ,iBAAW;AAAA,IACZ;AAAA,EAED,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACC;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACA,OACC;AAAA,QACC;AAAA,QACA,UAAU,QAAQ;AAAA,QAClB,WAAW,QAAQ;AAAA,QACnB,SAAS,QAAQ;AAAA,MAClB;AAAA,MAGA;AAAA;AAAA,EACF;AAEF;","names":["React","React"]}