@m5kdev/web-ui 0.1.3 → 0.1.5

package/src/modules/table/filterTransformers.ts

@@ -1,323 +0,0 @@
-import type { DateValue, RangeValue, SharedSelection } from "@heroui/react";
-import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
-import type { QueryFilter, QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
-import type { ColumnDataType, FilterMethod } from "@m5kdev/commons/modules/table/filter.types";
-import { DateTime } from "luxon";
-
-export type FilterValue =
-  | string
-  | number
-  | string[]
-  | DateValue
-  | RangeValue<DateValue>
-  | boolean
-  | SharedSelection
-  | null;
-
-export interface HeroUIFilter {
-  columnId: string;
-  type: ColumnDataType | null;
-  value: FilterValue;
-  method: FilterMethod | null;
-  options?: { label: string; value: string }[] | null;
-  endColumnId?: string | null;
-  periodStartColumnId?: string | null;
-  periodEndColumnId?: string | null;
-}
-
-/**
- * Convert CalendarDate to UTC ISO string at midnight UTC
- */
-export const calendarDateToUTC = (date: CalendarDate): string => {
-  return DateTime.utc(date.year, date.month, date.day).toISO() ?? "";
-};
-
-/**
- * Convert CalendarDate to end of day UTC ISO string
- */
-export const calendarDateToEndOfDayUTC = (date: CalendarDate): string => {
-  return DateTime.utc(date.year, date.month, date.day).endOf("day").toISO() ?? "";
-};
-
-/**
- * Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)
- */
-const parseUTCToCalendarDate = (isoString: string): CalendarDate | null => {
-  try {
-    const dt = DateTime.fromISO(isoString, { zone: "utc" });
-    if (!dt.isValid) return null;
-    return new CalendarDate(dt.year, dt.month, dt.day);
-  } catch {
-    return null;
-  }
-};
-
-/**
- * Convert any date filter method from URL to a RangeValue for DateRangePicker
- * Handles: on, before, after, between, intersect
- * Parses UTC ISO strings as UTC to avoid timezone shifts
- */
-export const dateFilterToRangeValue = (
-  filters: QueryFilters | undefined,
-  columnId: string
-): RangeValue<DateValue> | null => {
-  if (!filters) return null;
-
-  const filter = filters.find((f) => f.columnId === columnId);
-  if (!filter || filter.type !== "date") return null;
-
-  const todayDate = today(getLocalTimeZone());
-  const epochStart = new CalendarDate(1970, 1, 1);
-
-  try {
-    switch (filter.method) {
-      case "on": {
-        // Same day range
-        if (typeof filter.value !== "string" || !filter.value) return null;
-        const day = parseUTCToCalendarDate(filter.value);
-        if (!day) return null;
-        return {
-          start: day as unknown as DateValue,
-          end: day as unknown as DateValue,
-        } as RangeValue<DateValue>;
-      }
-      case "before": {
-        // [epochStart, selectedDay]
-        if (typeof filter.value !== "string" || !filter.value) return null;
-        const day = parseUTCToCalendarDate(filter.value);
-        if (!day) return null;
-        return {
-          start: epochStart as unknown as DateValue,
-          end: day as unknown as DateValue,
-        } as RangeValue<DateValue>;
-      }
-      case "after": {
-        // [selectedDay, today]
-        if (typeof filter.value !== "string" || !filter.value) return null;
-        const day = parseUTCToCalendarDate(filter.value);
-        if (!day) return null;
-        return {
-          start: day as unknown as DateValue,
-          end: todayDate as unknown as DateValue,
-        } as RangeValue<DateValue>;
-      }
-      case "between":
-      case "intersect": {
-        // [value, valueTo]
-        if (typeof filter.value !== "string" || !filter.value || !filter.valueTo) return null;
-        const startDate = parseUTCToCalendarDate(filter.value);
-        const endDate = parseUTCToCalendarDate(filter.valueTo);
-        if (!startDate || !endDate) return null;
-        return {
-          start: startDate as unknown as DateValue,
-          end: endDate as unknown as DateValue,
-        } as RangeValue<DateValue>;
-      }
-      default:
-        return null;
-    }
-  } catch {
-    return null;
-  }
-};
-
-/**
- * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
- * Used when loading filters from URL/backend to populate HeroUI components
- */
-export const transformFiltersToHeroUI = (
-  filtersToTransform: QueryFilters,
-  columnsMap: Map<
-    string,
-    {
-      id: string;
-      label: string;
-      type?: ColumnDataType | null;
-      options?: { label: string; value: string }[] | null;
-      endColumnId?: string | null;
-      periodStartColumnId?: string | null;
-      periodEndColumnId?: string | null;
-    }
-  >,
-  filterMethods: Record<ColumnDataType, FilterMethod[]>
-): HeroUIFilter[] => {
-  return filtersToTransform.map((filter) => {
-    let value: FilterValue = null;
-    let method: FilterMethod | null = null;
-    let columnId = filter.columnId;
-
-    // Check if this intersect filter should map to Period pseudo-column
-    if (filter.type === "date" && filter.method === "intersect" && filter.endColumnId) {
-      const periodColumnId = `${filter.columnId}__period`;
-      const periodColumn = columnsMap.get(periodColumnId);
-      if (periodColumn) {
-        // Map to Period pseudo-column
-        columnId = periodColumnId;
-      }
-    }
-
-    // Find the method object from the methods configuration
-    if (filter.type) {
-      const availableMethods = filterMethods[filter.type as ColumnDataType];
-      const methodObj = availableMethods?.find((m: FilterMethod) => m.value === filter.method);
-      if (methodObj) {
-        method = methodObj;
-      } else if (filter.method === "isEmpty" || filter.method === "isNotEmpty") {
-        // Handle isEmpty/isNotEmpty even if not in the provided method list
-        method = {
-          value: filter.method,
-          label: filter.method === "isEmpty" ? "Is Empty" : "Is Not Empty",
-          component: null,
-        };
-      }
-    }
-
-    // Transform value based on type
-    switch (filter.type) {
-      case "string":
-        value = filter.value as string;
-        break;
-      case "number":
-        value = filter.value as number;
-        break;
-      case "date":
-        // Use the shared helper for range conversion, or parse single dates as UTC
-        if (filter.method === "between" || filter.method === "intersect") {
-          // For range methods, use the helper function
-          const range = dateFilterToRangeValue([filter], filter.columnId);
-          value = range;
-        } else {
-          // Single date value: parse UTC ISO string and extract UTC calendar date
-          if (typeof filter.value === "string" && filter.value) {
-            const day = parseUTCToCalendarDate(filter.value);
-            value = day ? (day as unknown as DateValue) : null;
-          } else {
-            value = null;
-          }
-        }
-        break;
-      case "boolean":
-        value = filter.value as boolean;
-        break;
-      case "enum":
-        if (filter.method === "oneOf" && Array.isArray(filter.value)) {
-          // Multi-select: array of strings to SharedSelection (Set)
-          value = new Set(filter.value) as SharedSelection;
-        } else {
-          // Single select: string to SharedSelection with currentKey
-          const selection = new Set([filter.value as string]) as SharedSelection;
-          // Set currentKey property
-          Object.defineProperty(selection, "currentKey", {
-            value: filter.value as string,
-            writable: true,
-            enumerable: false,
-            configurable: true,
-          });
-          value = selection;
-        }
-        break;
-      default:
-        value = filter.value;
-    }
-
-    const column = columnsMap.get(columnId);
-    return {
-      columnId,
-      type: filter.type,
-      value,
-      method,
-      options: column?.options ?? null,
-      endColumnId: column?.endColumnId ?? null,
-      periodStartColumnId: column?.periodStartColumnId ?? null,
-      periodEndColumnId: column?.periodEndColumnId ?? null,
-    };
-  });
-};
-
-/**
- * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
- * Used when applying filters to send to backend/URL
- */
-export const transformFiltersFromHeroUI = (filters: HeroUIFilter[]): QueryFilters => {
-  const filtersToApply: QueryFilters = [];
-
-  for (const filter of filters) {
-    let value: FilterValue | undefined;
-    let valueTo: FilterValue | undefined;
-
-    // Handle isEmpty/isNotEmpty methods - they don't need a value
-    if (filter.method?.value === "isEmpty" || filter.method?.value === "isNotEmpty") {
-      if (filter.columnId === "") continue;
-
-      const result: QueryFilter = {
-        columnId: filter.columnId,
-        type: filter.type as ColumnDataType,
-        method: filter.method.value,
-        value: "",
-      };
-      filtersToApply.push(result);
-      continue;
-    }
-
-    // Handle Period pseudo-column: map to intersect on real columns
-    const isPeriodColumn = filter.columnId.endsWith("__period");
-    const actualColumnId =
-      isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;
-    const actualEndColumnId =
-      isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;
-
-    switch (filter.type) {
-      case "date":
-        if (
-          filter.method?.value === "between" ||
-          filter.method?.value === "intersect" ||
-          isPeriodColumn
-        ) {
-          const range = filter.value as RangeValue<DateValue>;
-          if (range?.start && range?.end) {
-            value = calendarDateToUTC(range.start as unknown as CalendarDate);
-            valueTo = calendarDateToUTC(range.end as unknown as CalendarDate);
-          }
-        } else {
-          const dateValue = filter.value as unknown as CalendarDate;
-          if (dateValue?.year) {
-            value = calendarDateToUTC(dateValue);
-          }
-        }
-        break;
-      case "enum": {
-        const selection = filter.value as SharedSelection;
-        if (selection) {
-          value =
-            filter.method?.value === "oneOf"
-              ? Array.from(selection).map(String)
-              : String(selection.currentKey);
-        }
-        break;
-      }
-      default:
-        value = filter.value;
-    }
-
-    // Skip filters without valid values
-    if (!value || value === "" || filter.columnId === "") continue;
-    if (filter.type === "enum" && Array.isArray(value) && value.length === 0) continue;
-
-    // For Period columns, always use intersect method
-    const actualMethod = isPeriodColumn ? "intersect" : (filter.method as FilterMethod).value;
-
-    const result: QueryFilter = {
-      columnId: actualColumnId,
-      type: filter.type as ColumnDataType,
-      method: actualMethod,
-      value: value as string | number | boolean | string[],
-      ...(valueTo && { valueTo: valueTo as string }),
-      ...(actualMethod === "intersect" && actualEndColumnId
-        ? { endColumnId: actualEndColumnId }
-        : {}),
-    };
-    filtersToApply.push(result);
-  }
-
-  return filtersToApply;
-};

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/translations/en/web-ui.json

@@ -1,192 +0,0 @@
-{
-  "auth.login.apple": "Login with Apple",
-  "auth.login.google": "Continue with Google",
-  "auth.login.email": "Email",
-  "auth.login.password": "Password",
-  "auth.login.forgotPassword": "Forgot your password?",
-  "auth.login.button": "Login",
-  "auth.login.noAccount": "Don't have an account?",
-  "auth.login.signUp": "Sign up",
-  "auth.login.welcome": "Welcome back",
-  "auth.login.description": "Login using your emaill and password",
-  "auth.login.orContinueWith": "Or continue with",
-  "auth.login.placeholder.email": "m@example.com",
-  "auth.signup.button": "Sign Up",
-  "auth.signup.signingUp": "Signing up...",
-  "auth.signup.success": "Account created successfully",
-  "auth.signup.successMessage": "Account created successfully",
-  "auth.signup.emailRequired": "Email is required",
-  "auth.signup.passwordRequired": "Password is required",
-  "auth.signup.createAccount": "Create an account",
-  "auth.signup.description": "Sign up to get started",
-  "auth.signup.alreadyHaveAccount": "Already have an account?",
-  "auth.signup.verificationEmailSent.title": "Verification email sent",
-  "auth.signup.verificationEmailSent.description": "We've sent a verification email to your inbox. Please click the link in the email to verify your account before logging in.",
-  "auth.signup.verificationEmailSent.openEmail": "Open your email",
-  "auth.errors.authentication": "Authentication Error",
-  "auth.errors.server": "Server Error",
-  "common.termsOfService": "Terms of Service",
-  "common.privacyPolicy": "Privacy Policy",
-  "common.byClickingContinue": "By clicking continue, you agree to our",
-  "common.and": "and",
-  "common.cancel": "Cancel",
-  "common.save": "Save",
-  "common.saving": "Saving...",
-  "image.crop.title": "Crop Image",
-  "image.crop.failedContext": "Failed to get canvas context",
-  "image.crop.failedCrop": "Failed to get cropped image",
-  "image.crop.error": "Error cropping image:",
-  "upload.errors.invalidType": "Please select a valid image file (JPG, PNG, or WebP)",
-  "upload.errors.tooLarge": "File size must be less than 5MB",
-  "profile.updated": "Profile updated",
-  "profile.updateDescription": "Your profile has been updated.",
-  "profile.error": "Error",
-  "profile.errorDescription": "Failed to update profile. Please try again.",
-  "common.copySuccess": "Copied to clipboard",
-  "common.copyError": "Failed to copy to clipboard",
-  "common.copy": "Copy",
-  "common.copied": "Copied!",
-  "alert.dismissLabel": "Dismiss alert",
-  "profile.placeholders.name": "Enter your name",
-  "profile.settings.title": "Profile Settings",
-  "profile.settings.description": "Update your profile information below.",
-  "avatar.preview.alt": "Avatar preview",
-  "ui.steps.progressLabel": "Progress",
-  "ui.sidebar.toggleLabel": "Toggle Sidebar",
-  "ui.breadcrumb.label": "breadcrumb",
-  "ui.segment.resetLabel": "Reset",
-  "auth.forgotPassword.button": "Reset Password",
-  "auth.forgotPassword.title": "Forgot Password",
-  "auth.forgotPassword.description": "Enter your email to reset your password",
-  "auth.forgotPassword.rememberPassword": "Remember your password?",
-  "auth.forgotPassword.success": "Password reset email sent",
-  "auth.forgotPassword.error": "Failed to send password reset email",
-  "auth.resetPassword.title": "Reset Password",
-  "auth.resetPassword.description": "Enter your new password",
-  "auth.resetPassword.newPassword": "New Password",
-  "auth.resetPassword.confirmPassword": "Confirm Password",
-  "auth.resetPassword.button": "Reset Password",
-  "auth.resetPassword.passwordRequired": "Password is required",
-  "auth.resetPassword.confirmPasswordRequired": "Please confirm your password",
-  "auth.resetPassword.passwordMismatch": "Passwords do not match",
-  "auth.resetPassword.tokenRequired": "Token is required",
-  "auth.resetPassword.success": "Password reset successfully",
-  "auth.resetPassword.error": "Failed to reset password",
-  "preferences.title": "Preferences",
-  "preferences.submit": "Save",
-  "billing.beta.badge": "Beta",
-  "billing.title": "Billing & Pricing",
-  "billing.subtitle": "{{appName}} is currently free to use during the beta. We’re finalizing pricing for the production launch.",
-  "billing.card.free.title": "Free during Beta",
-  "billing.card.free.description": "Use the full product while we refine it.",
-  "billing.card.free.price": "$0",
-  "billing.card.free.priceSuffix": "for now",
-  "billing.card.free.feature.fullAccess": "Full access during beta",
-  "billing.card.free.feature.noCard": "No credit card required",
-  "billing.card.free.feature.riskFree": "Try features risk‑free",
-  "billing.card.progress.title": "Pricing In Progress",
-  "billing.card.progress.description": "Final pricing will apply at production readiness.",
-  "billing.card.progress.feature.transparentPlans": "Transparent plans",
-  "billing.card.progress.feature.fairValue": "Fair value for teams and individuals",
-  "billing.card.progress.feature.simpleBilling": "Simple, predictable billing",
-  "billing.card.notice.title": "Plenty of Notice",
-  "billing.card.notice.description": "We’ll notify you well in advance of any changes.",
-  "billing.card.notice.feature.timeToDecide": "Ample time to decide whether to continue",
-  "billing.card.notice.feature.safeData": "Your projects/data remain safe",
-  "billing.card.notice.feature.autoFreeTier": "If a free tier exists, you’ll be moved automatically",
-  "impersonating.message": "You are currently impersonating a user",
-  "impersonating.stop": "Stop Impersonating",
-  "sidebar.user.upgradeToPro": "Upgrade to Pro",
-  "sidebar.user.adminDashboard": "Admin Dashboard",
-  "sidebar.user.account": "Account",
-  "sidebar.user.billing": "Billing",
-  "sidebar.user.logout": "Log out",
-  "auth.login.descriptionWithProviders": "Login using your favorite provider",
-  "auth.login.linkedin": "Sign in with LinkedIn",
-  "auth.login.microsoft": "Sign in with Microsoft",
-  "auth.waitlist.title": "Join the waitlist",
-  "auth.waitlist.description": "We don't allow signups yet, but you can join the waitlist to be notified when we launch.",
-  "auth.waitlist.email": "Email",
-  "auth.waitlist.button": "Join the waitlist",
-  "auth.waitlist.success": "You successfully joined the waitlist",
-  "auth.waitlist.error": "Failed to join waitlist. Please try again.",
-  "auth.errors.invitationCodeInvalid": "Invalid or expired invitation code",
-  "auth.error.title": "Authentication Failed",
-  "auth.error.description": "We encountered an issue with your authentication request",
-  "auth.error.alertTitle": "Authentication Error",
-  "auth.error.alertDescription": "Your authentication request could not be completed. This may be due to an expired or invalid link, or a server error. Please try again.",
-  "auth.error.backToLogin": "Back to Login",
-  "auth.error.backToSignup": "Back to Sign Up",
-  "sidebar.invites.title": "Invite Friends",
-  "auth.login.lastUsed": "Last Used",
-  "auth.waitlist.placeholder.email": "your@email.com",
-  "organization.roles.member": "member",
-  "organization.roles.admin": "admin",
-  "organization.roles.owner": "owner",
-  "organization.settings.title": "Organization settings",
-  "organization.settings.description": "Update organization name, slug, and metadata.",
-  "organization.settings.noActive": "No active organization selected.",
-  "organization.settings.manageOnly": "Only organization admins and owners can manage organization settings.",
-  "organization.settings.form.name": "Name",
-  "organization.settings.form.slug": "Slug",
-  "organization.settings.form.metadata": "Metadata (JSON)",
-  "organization.settings.form.metadataInvalidJson": "Metadata must be valid JSON.",
-  "organization.settings.form.metadataInvalid": "Invalid metadata value.",
-  "organization.settings.button.save": "Save organization",
-  "organization.settings.updateSuccess": "Organization updated",
-  "organization.settings.updateError": "Failed to update organization",
-  "organization.settings.loadError": "Failed to load organization",
-  "organization.members.loadError": "Failed to load organization",
-  "organization.members.title": "Organization members",
-  "organization.members.noActive": "No active organization selected.",
-  "organization.members.manageOnly": "Only organization admins and owners can manage members and invitations.",
-  "organization.members.description": "{{name}} member and invitation management.",
-  "organization.members.defaultName": "Organization",
-  "organization.members.loadMembersError": "Failed to load members",
-  "organization.members.loadInvitationsError": "Failed to load invitations",
-  "organization.members.roleUpdateSuccess": "Member role updated",
-  "organization.members.roleUpdateError": "Failed to update member role",
-  "organization.members.removeMemberSuccess": "Member removed",
-  "organization.members.removeMemberError": "Failed to remove member",
-  "organization.members.emailRequired": "Email is required",
-  "organization.members.inviteSuccess": "Invitation sent",
-  "organization.members.inviteError": "Failed to invite member",
-  "organization.members.cancelInvitationSuccess": "Invitation canceled",
-  "organization.members.cancelInvitationError": "Failed to cancel invitation",
-  "organization.members.inviteLinkCopied": "Invitation link copied",
-  "organization.members.copyInviteLinkError": "Failed to copy invitation link",
-  "organization.members.unknownName": "Unknown",
-  "organization.members.invitedUser": "Invited user",
-  "organization.members.emailLabel": "Email",
-  "organization.members.emailPlaceholder": "name@company.com",
-  "organization.members.roleLabel": "Role",
-  "organization.members.inviteButton": "Invite",
-  "organization.members.tableTitle": "Organization members and invitations",
-  "organization.members.columnName": "Name",
-  "organization.members.columnEmail": "Email",
-  "organization.members.columnRole": "Role",
-  "organization.members.columnStatus": "Status",
-  "organization.members.columnActions": "Actions",
-  "organization.members.tableEmpty": "No members or invitations yet.",
-  "organization.members.roleFor": "Role for {{name}}",
-  "organization.members.statusActive": "active",
-  "organization.members.statusInvited": "invited",
-  "organization.members.removeMember": "Remove member",
-  "organization.members.copyInviteLink": "Copy invitation link",
-  "organization.members.cancelInvitation": "Cancel invitation",
-  "organization.members.roleUnknown": "Unknown role",
-  "organization.invitation.errorMissing": "Invitation id is missing.",
-  "organization.invitation.acceptFailed": "Failed to accept organization invitation.",
-  "organization.invitation.activateFailed": "Failed to switch to invited organization.",
-  "organization.invitation.accepted": "Invitation accepted",
-  "organization.invitation.error": "Invitation Error",
-  "organization.invitation.unableAccept": "Unable to accept invitation.",
-  "organization.invitation.accepting": "Accepting invitation",
-  "organization.invitation.redirecting": "Invitation accepted. Redirecting...",
-  "organization.invitation.pleaseWait": "Please wait while we process your invitation.",
-  "organization.switcher.label": "Organization",
-  "organization.switcher.failedToLoadOrganizations": "Failed to load organizations",
-  "organization.switcher.failedToSwitchOrganization": "Failed to switch organization",
-  "organization.switcher.organizationSwitched": "Organization switched",
-  "organization.switcher.retry": "Retry"
-}

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "extends": "@m5kdev/config/tsconfig.vite.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-    "outDir": "dist",
-    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
-    "types": [
-      "vite/client"
-    ],
-    "emitDeclarationOnly": false,
-    "noEmit": false,
-    "allowImportingTsExtensions": false,
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "out-tsc",
-    "dist",
-    "tests/**/*.spec.ts",
-    "tests/**/*.test.ts",
-    "tests/**/*.spec.tsx",
-    "tests/**/*.test.tsx",
-    "tests/**/*.spec.js",
-    "tests/**/*.test.js",
-    "tests/**/*.spec.jsx",
-    "tests/**/*.test.jsx"
-  ]
-}