@licklist/design 0.78.5-dev.70 → 0.78.5-dev.72

package/src/v2/components/index.ts

@@ -10,6 +10,33 @@ export type { QuickFilterProps, QuickFilterOption } from './QuickFilter'
 export { NewTable } from './NewTable'
 export type { NewTableProps, NewTableColumn } from './NewTable'
 
+export { DataTable } from './DataTable'
+export type { DataTableColumn, DataTableRowAction, DataTableProps, DataTableSortDirection } from './DataTable'
+
+export { TableControls } from './TableControls'
+export type { TableControlsProps, TableSearchConfig, TableFilterConfig, TableHeaderAction } from './TableControls'
+
+export { EmptyState } from './EmptyState'
+export type { EmptyStateProps } from './EmptyState'
+
+export { RadioCard } from './RadioCard'
+export type { RadioCardProps, RadioCardOption } from './RadioCard'
+
+export { Tabs } from './Tabs'
+export type { TabsProps, TabItem } from './Tabs'
+
+export { StepIndicator } from './StepIndicator'
+export type { StepIndicatorProps, StepItem } from './StepIndicator'
+
+export { AvatarUpload } from './AvatarUpload'
+export type { AvatarUploadProps } from './AvatarUpload'
+
+export { InfoGrid } from './InfoGrid'
+export type { InfoGridProps, InfoGridItem } from './InfoGrid'
+
+export { StatusBadge } from './StatusBadge'
+export type { StatusBadgeProps, StatusBadgeStatus } from './StatusBadge'
+
 export { TableSortIcon } from './TableSortIcon'
 export type { TableSortIconProps } from './TableSortIcon'
 
@@ -77,6 +104,8 @@ export {
   EditIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
   SearchIcon,
   RefreshIcon,
   SendIcon,
@@ -89,6 +118,28 @@ export {
   GripVerticalIcon,
   PlusIcon,
   DeleteIcon,
-  ClockIcon
+  ClockIcon,
+  AdminIcon,
+  ProfileIcon,
+  SettingsIcon,
+  LoyaltyIcon,
+  WaiversIcon,
+  SlidersIcon,
+  UserAddIcon,
+  UserImportIcon,
+  ProviderPlusIcon,
+  DashboardIcon,
+  CompanyIcon,
+  VenueIcon,
+  MarketingIcon,
+  CustomersIcon,
+  ReportsIcon,
+  AnalyticsIcon,
+  PaymentsIcon,
+  CalendarIcon,
+  BookingsIcon,
+  BookingTypesIcon,
+  SecurityIcon,
+  UploadIcon,
 } from '../icons'
 

package/src/v2/icons/index.tsx

@@ -384,8 +384,8 @@ export const ClockIcon = ({ width = 20, height = 20 }: { width?: number; height?
   </svg>
 )
 
-export const WarningTriangleIcon = () => (
-  <svg width="32" height="32" viewBox="0 0 32 32" fill="none">
+export const WarningTriangleIcon = ({ size = 32 }: { size?: number } = {}) => (
+  <svg width={size} height={size} viewBox="0 0 32 32" fill="none">
     <path
       d="M15.3496 8.46973C15.7414 7.84329 16.6543 7.84314 17.0459 8.46973L25.2412 21.583C25.6574 22.249 25.1788 23.113 24.3936 23.1133H8.00195C7.21654 23.1133 6.73711 22.249 7.15332 21.583L15.3496 8.46973ZM16.1973 19.1133C15.6451 19.1134 15.1973 19.5611 15.1973 20.1133C15.1973 20.6654 15.6451 21.1132 16.1973 21.1133C16.7495 21.1133 17.1972 20.6655 17.1973 20.1133C17.1973 19.561 16.7496 19.1133 16.1973 19.1133ZM15.1973 18.1133H17.1973V13.1133H15.1973V18.1133Z"
       fill="currentColor"

package/src/v2/index.ts

@@ -89,6 +89,10 @@ export type { AvatarUploadProps } from './components/AvatarUpload'
 export { InfoGrid } from './components/InfoGrid'
 export type { InfoGridProps, InfoGridItem } from './components/InfoGrid'
 
+// QuickFilter Component
+export { QuickFilter } from './components/QuickFilter'
+export type { QuickFilterProps, QuickFilterOption } from './components/QuickFilter'
+
 
 // ============================================================================
 // Navigation Components
@@ -188,71 +192,6 @@ export type { SettingsPageProps, SettingsTabsProps, SettingsTab, SidebarCustomis
 export { AuthLayout, LoginPage, ResetPasswordPage, CreatePasswordPage, VerifyEmailPage } from './pages/auth'
 export type { AuthLayoutProps, LoginPageProps, ResetPasswordPageProps, CreatePasswordPageProps, VerifyEmailPageProps } from './pages/auth'
 
-// ============================================================================
-// Admin Section
-// ============================================================================
-
-export {
-  // Home
-  AdminHomePage,
-  // Companies
-  AdminCompaniesPage, AdminCompanyDetailPage, AddCompanyPage,
-  // Providers
-  AdminProvidersPage, AdminProviderDetailPage, AddProviderPage, UpdateVenuePage,
-  // Users
-  AdminUsersPage, AdminUserDetailPage, AdminRolesPage,
-  EditRolePermissionsPage, EditUserPage, ChangeUserRolePage, CreateRolePage,
-  AdminPermissionsPage, CreatePermissionPage,
-  AddUserToProviderCompanyPage, UserActivityHistory,
-  // Customers
-  AdminCustomersPage,
-  // Analytics
-  AdminAnalyticsPage,
-  // Reports
-  AdminReportsPage,
-  // Payments
-  AdminPaymentsPage,
-  // Settings
-  AdminSettingsPage, AdminFeesPage,
-} from './admin'
-
-export type {
-  // Home
-  AdminHomePageProps, NPSSummaryData, NPSTrend, OnlineUsersData, BookingsSummaryData, BookingRow,
-  // Companies
-  AdminCompaniesPageProps, AdminCompanyRow, CompanyStatus,
-  AdminCompanyDetailPageProps, AdminCompanyDetailData, CompanyProvider,
-  AddCompanyPageProps, AddCompanyFormData, AddCompanyProvider, AddCompanyStep,
-  // Providers
-  AdminProvidersPageProps, AdminProviderRow, ProviderStatus, ProviderType,
-  AdminProviderDetailPageProps, AdminProviderDetailData, ProviderCompany, AccountManagerInfo,
-  AddProviderPageProps, AddProviderFormData, AddProviderCompany, AddProviderType, AddProviderStep,
-  UpdateVenuePageProps, VenueFormData, VenueWorkHour, VenueLocation, CategoryOption, TimezoneOption,
-  // Users
-  AdminUsersPageProps, AdminUserRow, UserStatus, UserPrimaryRole,
-  AdminUserDetailPageProps, AdminUserDetailData, DetailUserAssignment, DetailUserStatus,
-  AdminRolesPageProps, RoleRow,
-  EditRolePermissionsPageProps, PermissionItem, PermissionCategory, PermissionValues,
-  EditUserPageProps, EditUserFormData,
-  CreateRolePageProps, CreateRoleFormData,
-  AdminPermissionsPageProps, PermissionRow,
-  CreatePermissionPageProps, CreatePermissionFormData,
-  ChangeUserRolePageProps,
-  AddUserToProviderCompanyPageProps, AssignmentCandidate, NewAssignment, AssignmentRole, AssignmentRoleOption,
-  UserActivityHistoryProps, ActivityEntry,
-  // Customers
-  AdminCustomersPageProps, AdminCustomerRow, CustomerWaiverStatus,
-  // Analytics
-  AdminAnalyticsPageProps, AnalyticsTab, NPSMetrics, NPSResponseRow, NPSScoreFilter, NPSTrendDirection,
-  // Reports
-  AdminReportsPageProps,
-  // Payments
-  AdminPaymentsPageProps,
-  // Settings
-  AdminSettingsPageProps, SettingsLink,
-  AdminFeesPageProps, FeeSettings, FeeStructure, PercentageConfig, FixedConfig, FixedPercentageConfig,
-} from './admin'
-
 // ============================================================================
 // Design Tokens
 // ============================================================================

package/src/v2/pages/auth/CreatePassword/CreatePasswordPage.tsx

@@ -26,7 +26,7 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
   error,
 }) => {
   const { t } = useTranslation(['Validation', 'User'])
-  const { register, handleSubmit, watch, formState: { errors } } = useForm<FormValues>({ mode: 'onChange' })
+  const { register, handleSubmit, watch } = useForm<FormValues>()
 
   const password = watch('password', '')
   const confirmPassword = watch('confirmPassword', '')
@@ -100,7 +100,6 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
             label={t('User:password')}
             type="password"
             disabled={isLoading}
-            error={errors.password?.message}
             {...register('password', {
               required: t('Validation:fieldRequired', { attribute: t('User:password') }) as string,
               minLength: {
@@ -133,7 +132,6 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
             label={t('User:confirmPassword')}
             type="password"
             disabled={isLoading}
-            error={errors.confirmPassword?.message}
             {...register('confirmPassword', {
               required: t('Validation:fieldRequired', { attribute: t('User:confirmPassword') }) as string,
               validate: (value) =>

package/src/v2/pages/auth/Login/LoginPage.tsx

@@ -29,7 +29,7 @@ export const LoginPage: React.FC<LoginPageProps> = ({
   version,
 }) => {
   const { t } = useTranslation(['Validation', 'User'])
-  const { register, handleSubmit, formState: { errors } } = useForm<FormValues>({ mode: 'onChange' })
+  const { register, handleSubmit } = useForm<FormValues>()
 
   const onFormSubmit = async (data: FormValues) => {
     await onSubmit(data.email, data.password)
@@ -50,7 +50,6 @@ export const LoginPage: React.FC<LoginPageProps> = ({
           label={t('User:emailAddress')}
           type="email"
           disabled={isLoading}
-          error={errors.email?.message}
           {...register('email', {
             required: t('Validation:fieldRequired', { attribute: t('User:email') }) as string,
             pattern: {
@@ -65,7 +64,6 @@ export const LoginPage: React.FC<LoginPageProps> = ({
             label={t('User:password')}
             type="password"
             disabled={isLoading}
-            error={errors.password?.message}
             {...register('password', {
               required: t('Validation:fieldRequired', { attribute: t('User:password') }) as string,
             })}

package/src/v2/pages/auth/ResetPassword/ResetPasswordPage.tsx

@@ -30,7 +30,7 @@ export const ResetPasswordPage: React.FC<ResetPasswordPageProps> = ({
   version,
 }) => {
   const { t } = useTranslation(['Validation', 'User'])
-  const { register, handleSubmit, formState: { errors } } = useForm<FormValues>({ mode: 'onChange' })
+  const { register, handleSubmit } = useForm<FormValues>()
 
   const onFormSubmit = async (data: FormValues) => {
     await onSubmit(data.email)
@@ -56,7 +56,6 @@ export const ResetPasswordPage: React.FC<ResetPasswordPageProps> = ({
           label={t('User:emailAddress')}
           type="email"
           disabled={isLoading}
-          error={errors.email?.message}
           {...register('email', {
             required: t('Validation:fieldRequired', { attribute: t('User:email') }) as string,
             pattern: {

package/dist/radio-card/RadioCard.js

@@ -1,64 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { Form } from 'react-bootstrap';
-import { useFormContext } from 'react-hook-form';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-var RadioCard = function(param) {
-    var label = param.label, description = param.description, name = param.name, value = param.value, rules = param.rules, inputProps = param.inputProps;
-    var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors;
-    var isInvalid = !!errors[name] || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isInvalid);
-    return /*#__PURE__*/ jsx(Form.Check, {
-        className: clsx('radio-card', isInvalid && 'invalid'),
-        children: /*#__PURE__*/ jsxs(Form.Check.Label, {
-            children: [
-                /*#__PURE__*/ jsxs("div", {
-                    className: "radio-card-controls",
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Check.Input, _object_spread({
-                            type: "radio",
-                            isInvalid: isInvalid,
-                            value: value
-                        }, register(name, rules), inputProps)),
-                        /*#__PURE__*/ jsx("span", {
-                            children: label
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    className: "radio-card-description",
-                    children: description
-                })
-            ]
-        })
-    });
-};
-
-export { RadioCard };

package/dist/static/tabs/Tab.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useId } from '@react-aria/utils';
-import { Tab as Tab$1 } from 'react-bootstrap';
-
-// eslint-disable-next-line react/function-component-definition
-var Tab = function(param) {
-    var eventKey = param.eventKey, title = param.title, tabClassName = param.tabClassName, children = param.children;
-    var tabId = useId();
-    return /*#__PURE__*/ jsx(Tab$1, {
-        id: tabId,
-        eventKey: eventKey,
-        title: title,
-        tabClassName: tabClassName,
-        children: children
-    }, tabId);
-};
-
-export { Tab };

package/dist/static/tabs/Tabs.js

@@ -1,105 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useId } from '@react-aria/utils';
-import { Tabs as Tabs$1 } from 'react-bootstrap';
-import { Tab } from './Tab.js';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function Tabs(_param) {
-    var defaultActiveKey = _param.defaultActiveKey, activeKey = _param.activeKey, onSelect = _param.onSelect, children = _param.children, props = _object_without_properties(_param, [
-        "defaultActiveKey",
-        "activeKey",
-        "onSelect",
-        "children"
-    ]);
-    var tabsId = useId();
-    return /*#__PURE__*/ jsx(Tabs$1, _object_spread_props(_object_spread({
-        defaultActiveKey: defaultActiveKey,
-        activeKey: activeKey,
-        onSelect: onSelect,
-        id: tabsId,
-        className: "licklist-tabs"
-    }, props), {
-        children: children
-    }));
-}
-Tabs.Tab = Tab;
-
-export { Tabs };