@licklist/design 0.78.5-dev.71 → 0.78.5-dev.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +22 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -29
- package/dist/static/tabs/index.d.ts +1 -0
- package/dist/static/tabs/index.d.ts.map +1 -1
- package/dist/v2/components/AvatarUpload/AvatarUpload.js +62 -0
- package/dist/v2/components/AvatarUpload/AvatarUpload.scss.js +6 -0
- package/dist/v2/components/DataTable/DataTable.js +221 -0
- package/dist/v2/components/DataTable/DataTable.scss.js +6 -0
- package/dist/v2/components/EmptyState/EmptyState.js +36 -0
- package/dist/v2/components/EmptyState/EmptyState.scss.js +6 -0
- package/dist/v2/components/InfoGrid/InfoGrid.js +27 -0
- package/dist/v2/components/InfoGrid/InfoGrid.scss.js +6 -0
- package/dist/v2/components/RadioCard/RadioCard.js +58 -0
- package/dist/v2/components/RadioCard/RadioCard.scss.js +6 -0
- package/dist/v2/components/StatusBadge/StatusBadge.js +22 -0
- package/dist/v2/components/StatusBadge/StatusBadge.scss.js +6 -0
- package/dist/v2/components/StepIndicator/StepIndicator.js +38 -0
- package/dist/v2/components/StepIndicator/StepIndicator.scss.js +6 -0
- package/dist/v2/components/TableControls/TableControls.js +83 -0
- package/dist/v2/components/TableControls/TableControls.scss.js +6 -0
- package/dist/v2/components/Tabs/Tabs.scss.js +6 -0
- package/dist/v2/components/index.d.ts +19 -1
- package/dist/v2/components/index.d.ts.map +1 -1
- package/dist/v2/icons/index.d.ts +3 -1
- package/dist/v2/icons/index.d.ts.map +1 -1
- package/dist/v2/icons/index.js +274 -1
- package/dist/v2/index.d.ts +2 -2
- package/dist/v2/index.d.ts.map +1 -1
- package/dist/v2/navigation/DashboardLayout/ProviderSidebar.js +1 -13
- package/dist/v2/pages/Settings/components/SidebarCustomisation.js +9 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.js +9 -0
- package/dist/v2/pages/auth/CreatePassword/CreatePasswordPage.d.ts.map +1 -1
- package/dist/v2/pages/auth/Login/LoginPage.d.ts.map +1 -1
- package/dist/v2/pages/auth/ResetPassword/ResetPasswordPage.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +35 -3
- package/src/static/tabs/index.ts +1 -0
- package/src/v2/components/index.ts +52 -1
- package/src/v2/icons/index.tsx +2 -2
- package/src/v2/index.ts +4 -65
- package/src/v2/pages/auth/CreatePassword/CreatePasswordPage.tsx +1 -3
- package/src/v2/pages/auth/Login/LoginPage.tsx +1 -3
- package/src/v2/pages/auth/ResetPassword/ResetPasswordPage.tsx +1 -2
- package/dist/radio-card/RadioCard.js +0 -64
package/src/v2/index.ts
CHANGED
|
@@ -89,6 +89,10 @@ export type { AvatarUploadProps } from './components/AvatarUpload'
|
|
|
89
89
|
export { InfoGrid } from './components/InfoGrid'
|
|
90
90
|
export type { InfoGridProps, InfoGridItem } from './components/InfoGrid'
|
|
91
91
|
|
|
92
|
+
// QuickFilter Component
|
|
93
|
+
export { QuickFilter } from './components/QuickFilter'
|
|
94
|
+
export type { QuickFilterProps, QuickFilterOption } from './components/QuickFilter'
|
|
95
|
+
|
|
92
96
|
|
|
93
97
|
// ============================================================================
|
|
94
98
|
// Navigation Components
|
|
@@ -188,71 +192,6 @@ export type { SettingsPageProps, SettingsTabsProps, SettingsTab, SidebarCustomis
|
|
|
188
192
|
export { AuthLayout, LoginPage, ResetPasswordPage, CreatePasswordPage, VerifyEmailPage } from './pages/auth'
|
|
189
193
|
export type { AuthLayoutProps, LoginPageProps, ResetPasswordPageProps, CreatePasswordPageProps, VerifyEmailPageProps } from './pages/auth'
|
|
190
194
|
|
|
191
|
-
// ============================================================================
|
|
192
|
-
// Admin Section
|
|
193
|
-
// ============================================================================
|
|
194
|
-
|
|
195
|
-
export {
|
|
196
|
-
// Home
|
|
197
|
-
AdminHomePage,
|
|
198
|
-
// Companies
|
|
199
|
-
AdminCompaniesPage, AdminCompanyDetailPage, AddCompanyPage,
|
|
200
|
-
// Providers
|
|
201
|
-
AdminProvidersPage, AdminProviderDetailPage, AddProviderPage, UpdateVenuePage,
|
|
202
|
-
// Users
|
|
203
|
-
AdminUsersPage, AdminUserDetailPage, AdminRolesPage,
|
|
204
|
-
EditRolePermissionsPage, EditUserPage, ChangeUserRolePage, CreateRolePage,
|
|
205
|
-
AdminPermissionsPage, CreatePermissionPage,
|
|
206
|
-
AddUserToProviderCompanyPage, UserActivityHistory,
|
|
207
|
-
// Customers
|
|
208
|
-
AdminCustomersPage,
|
|
209
|
-
// Analytics
|
|
210
|
-
AdminAnalyticsPage,
|
|
211
|
-
// Reports
|
|
212
|
-
AdminReportsPage,
|
|
213
|
-
// Payments
|
|
214
|
-
AdminPaymentsPage,
|
|
215
|
-
// Settings
|
|
216
|
-
AdminSettingsPage, AdminFeesPage,
|
|
217
|
-
} from './admin'
|
|
218
|
-
|
|
219
|
-
export type {
|
|
220
|
-
// Home
|
|
221
|
-
AdminHomePageProps, NPSSummaryData, NPSTrend, OnlineUsersData, BookingsSummaryData, BookingRow,
|
|
222
|
-
// Companies
|
|
223
|
-
AdminCompaniesPageProps, AdminCompanyRow, CompanyStatus,
|
|
224
|
-
AdminCompanyDetailPageProps, AdminCompanyDetailData, CompanyProvider,
|
|
225
|
-
AddCompanyPageProps, AddCompanyFormData, AddCompanyProvider, AddCompanyStep,
|
|
226
|
-
// Providers
|
|
227
|
-
AdminProvidersPageProps, AdminProviderRow, ProviderStatus, ProviderType,
|
|
228
|
-
AdminProviderDetailPageProps, AdminProviderDetailData, ProviderCompany, AccountManagerInfo,
|
|
229
|
-
AddProviderPageProps, AddProviderFormData, AddProviderCompany, AddProviderType, AddProviderStep,
|
|
230
|
-
UpdateVenuePageProps, VenueFormData, VenueWorkHour, VenueLocation, CategoryOption, TimezoneOption,
|
|
231
|
-
// Users
|
|
232
|
-
AdminUsersPageProps, AdminUserRow, UserStatus, UserPrimaryRole,
|
|
233
|
-
AdminUserDetailPageProps, AdminUserDetailData, DetailUserAssignment, DetailUserStatus,
|
|
234
|
-
AdminRolesPageProps, RoleRow,
|
|
235
|
-
EditRolePermissionsPageProps, PermissionItem, PermissionCategory, PermissionValues,
|
|
236
|
-
EditUserPageProps, EditUserFormData,
|
|
237
|
-
CreateRolePageProps, CreateRoleFormData,
|
|
238
|
-
AdminPermissionsPageProps, PermissionRow,
|
|
239
|
-
CreatePermissionPageProps, CreatePermissionFormData,
|
|
240
|
-
ChangeUserRolePageProps,
|
|
241
|
-
AddUserToProviderCompanyPageProps, AssignmentCandidate, NewAssignment, AssignmentRole, AssignmentRoleOption,
|
|
242
|
-
UserActivityHistoryProps, ActivityEntry,
|
|
243
|
-
// Customers
|
|
244
|
-
AdminCustomersPageProps, AdminCustomerRow, CustomerWaiverStatus,
|
|
245
|
-
// Analytics
|
|
246
|
-
AdminAnalyticsPageProps, AnalyticsTab, NPSMetrics, NPSResponseRow, NPSScoreFilter, NPSTrendDirection,
|
|
247
|
-
// Reports
|
|
248
|
-
AdminReportsPageProps,
|
|
249
|
-
// Payments
|
|
250
|
-
AdminPaymentsPageProps,
|
|
251
|
-
// Settings
|
|
252
|
-
AdminSettingsPageProps, SettingsLink,
|
|
253
|
-
AdminFeesPageProps, FeeSettings, FeeStructure, PercentageConfig, FixedConfig, FixedPercentageConfig,
|
|
254
|
-
} from './admin'
|
|
255
|
-
|
|
256
195
|
// ============================================================================
|
|
257
196
|
// Design Tokens
|
|
258
197
|
// ============================================================================
|
|
@@ -26,7 +26,7 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
|
|
|
26
26
|
error,
|
|
27
27
|
}) => {
|
|
28
28
|
const { t } = useTranslation(['Validation', 'User'])
|
|
29
|
-
const { register, handleSubmit, watch
|
|
29
|
+
const { register, handleSubmit, watch } = useForm<FormValues>()
|
|
30
30
|
|
|
31
31
|
const password = watch('password', '')
|
|
32
32
|
const confirmPassword = watch('confirmPassword', '')
|
|
@@ -100,7 +100,6 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
|
|
|
100
100
|
label={t('User:password')}
|
|
101
101
|
type="password"
|
|
102
102
|
disabled={isLoading}
|
|
103
|
-
error={errors.password?.message}
|
|
104
103
|
{...register('password', {
|
|
105
104
|
required: t('Validation:fieldRequired', { attribute: t('User:password') }) as string,
|
|
106
105
|
minLength: {
|
|
@@ -133,7 +132,6 @@ export const CreatePasswordPage: React.FC<CreatePasswordPageProps> = ({
|
|
|
133
132
|
label={t('User:confirmPassword')}
|
|
134
133
|
type="password"
|
|
135
134
|
disabled={isLoading}
|
|
136
|
-
error={errors.confirmPassword?.message}
|
|
137
135
|
{...register('confirmPassword', {
|
|
138
136
|
required: t('Validation:fieldRequired', { attribute: t('User:confirmPassword') }) as string,
|
|
139
137
|
validate: (value) =>
|
|
@@ -29,7 +29,7 @@ export const LoginPage: React.FC<LoginPageProps> = ({
|
|
|
29
29
|
version,
|
|
30
30
|
}) => {
|
|
31
31
|
const { t } = useTranslation(['Validation', 'User'])
|
|
32
|
-
const { register, handleSubmit
|
|
32
|
+
const { register, handleSubmit } = useForm<FormValues>()
|
|
33
33
|
|
|
34
34
|
const onFormSubmit = async (data: FormValues) => {
|
|
35
35
|
await onSubmit(data.email, data.password)
|
|
@@ -50,7 +50,6 @@ export const LoginPage: React.FC<LoginPageProps> = ({
|
|
|
50
50
|
label={t('User:emailAddress')}
|
|
51
51
|
type="email"
|
|
52
52
|
disabled={isLoading}
|
|
53
|
-
error={errors.email?.message}
|
|
54
53
|
{...register('email', {
|
|
55
54
|
required: t('Validation:fieldRequired', { attribute: t('User:email') }) as string,
|
|
56
55
|
pattern: {
|
|
@@ -65,7 +64,6 @@ export const LoginPage: React.FC<LoginPageProps> = ({
|
|
|
65
64
|
label={t('User:password')}
|
|
66
65
|
type="password"
|
|
67
66
|
disabled={isLoading}
|
|
68
|
-
error={errors.password?.message}
|
|
69
67
|
{...register('password', {
|
|
70
68
|
required: t('Validation:fieldRequired', { attribute: t('User:password') }) as string,
|
|
71
69
|
})}
|
|
@@ -30,7 +30,7 @@ export const ResetPasswordPage: React.FC<ResetPasswordPageProps> = ({
|
|
|
30
30
|
version,
|
|
31
31
|
}) => {
|
|
32
32
|
const { t } = useTranslation(['Validation', 'User'])
|
|
33
|
-
const { register, handleSubmit
|
|
33
|
+
const { register, handleSubmit } = useForm<FormValues>()
|
|
34
34
|
|
|
35
35
|
const onFormSubmit = async (data: FormValues) => {
|
|
36
36
|
await onSubmit(data.email)
|
|
@@ -56,7 +56,6 @@ export const ResetPasswordPage: React.FC<ResetPasswordPageProps> = ({
|
|
|
56
56
|
label={t('User:emailAddress')}
|
|
57
57
|
type="email"
|
|
58
58
|
disabled={isLoading}
|
|
59
|
-
error={errors.email?.message}
|
|
60
59
|
{...register('email', {
|
|
61
60
|
required: t('Validation:fieldRequired', { attribute: t('User:email') }) as string,
|
|
62
61
|
pattern: {
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { Form } from 'react-bootstrap';
|
|
4
|
-
import { useFormContext } from 'react-hook-form';
|
|
5
|
-
|
|
6
|
-
function _define_property(obj, key, value) {
|
|
7
|
-
if (key in obj) {
|
|
8
|
-
Object.defineProperty(obj, key, {
|
|
9
|
-
value: value,
|
|
10
|
-
enumerable: true,
|
|
11
|
-
configurable: true,
|
|
12
|
-
writable: true
|
|
13
|
-
});
|
|
14
|
-
} else {
|
|
15
|
-
obj[key] = value;
|
|
16
|
-
}
|
|
17
|
-
return obj;
|
|
18
|
-
}
|
|
19
|
-
function _object_spread(target) {
|
|
20
|
-
for(var i = 1; i < arguments.length; i++){
|
|
21
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
22
|
-
var ownKeys = Object.keys(source);
|
|
23
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
24
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
25
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
ownKeys.forEach(function(key) {
|
|
29
|
-
_define_property(target, key, source[key]);
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
return target;
|
|
33
|
-
}
|
|
34
|
-
var RadioCard = function(param) {
|
|
35
|
-
var label = param.label, description = param.description, name = param.name, value = param.value, rules = param.rules, inputProps = param.inputProps;
|
|
36
|
-
var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors;
|
|
37
|
-
var isInvalid = !!errors[name] || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isInvalid);
|
|
38
|
-
return /*#__PURE__*/ jsx(Form.Check, {
|
|
39
|
-
className: clsx('radio-card', isInvalid && 'invalid'),
|
|
40
|
-
children: /*#__PURE__*/ jsxs(Form.Check.Label, {
|
|
41
|
-
children: [
|
|
42
|
-
/*#__PURE__*/ jsxs("div", {
|
|
43
|
-
className: "radio-card-controls",
|
|
44
|
-
children: [
|
|
45
|
-
/*#__PURE__*/ jsx(Form.Check.Input, _object_spread({
|
|
46
|
-
type: "radio",
|
|
47
|
-
isInvalid: isInvalid,
|
|
48
|
-
value: value
|
|
49
|
-
}, register(name, rules), inputProps)),
|
|
50
|
-
/*#__PURE__*/ jsx("span", {
|
|
51
|
-
children: label
|
|
52
|
-
})
|
|
53
|
-
]
|
|
54
|
-
}),
|
|
55
|
-
/*#__PURE__*/ jsx("p", {
|
|
56
|
-
className: "radio-card-description",
|
|
57
|
-
children: description
|
|
58
|
-
})
|
|
59
|
-
]
|
|
60
|
-
})
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
export { RadioCard };
|