@webority/ui-react 0.37.0 → 0.38.0
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/components/AppAccordion.js +1 -57
- package/dist/components/AppActionIcon.js +1 -53
- package/dist/components/AppAlert.js +1 -85
- package/dist/components/AppAsyncBlock.js +1 -48
- package/dist/components/AppAutocomplete.js +1 -93
- package/dist/components/AppAvatar.js +1 -143
- package/dist/components/AppAvatarGroup.js +1 -43
- package/dist/components/AppAvatarPicker.js +1 -247
- package/dist/components/AppBadge.js +1 -28
- package/dist/components/AppBanner.js +1 -49
- package/dist/components/AppBreadcrumbs.js +1 -24
- package/dist/components/AppButton.js +1 -85
- package/dist/components/AppCalendar.js +1 -72
- package/dist/components/AppCard.js +1 -110
- package/dist/components/AppChart.js +1 -153
- package/dist/components/AppChartCard.js +1 -125
- package/dist/components/AppCheckbox.js +1 -21
- package/dist/components/AppChip.js +1 -71
- package/dist/components/AppChoiceCard.js +1 -69
- package/dist/components/AppChoiceChip.js +1 -31
- package/dist/components/AppColorField.js +1 -63
- package/dist/components/AppColumnMenu.js +1 -27
- package/dist/components/AppCommandPalette.js +1 -164
- package/dist/components/AppCompareTable.js +1 -41
- package/dist/components/AppConfirmDialog.js +1 -93
- package/dist/components/AppConsentBanner.js +1 -37
- package/dist/components/AppContextMenu.js +1 -46
- package/dist/components/AppCopyButton.js +1 -41
- package/dist/components/AppCountrySelect.js +1 -75
- package/dist/components/AppDashboardCell.js +1 -19
- package/dist/components/AppDashboardGrid.js +1 -12
- package/dist/components/AppDataTable.js +1 -213
- package/dist/components/AppDatePicker.js +1 -59
- package/dist/components/AppDateRangePicker.js +1 -73
- package/dist/components/AppDescriptions.js +1 -40
- package/dist/components/AppDropZone.js +1 -106
- package/dist/components/AppDropdown.js +1 -90
- package/dist/components/AppEmptyState.js +1 -37
- package/dist/components/AppErrorSummary.js +1 -37
- package/dist/components/AppFileAttachment.js +1 -140
- package/dist/components/AppFilePicker.js +1 -220
- package/dist/components/AppFileViewer.js +1 -50
- package/dist/components/AppFilterBar.js +1 -129
- package/dist/components/AppFloatingDock.js +1 -47
- package/dist/components/AppFormActions.js +1 -23
- package/dist/components/AppFormRow.js +1 -24
- package/dist/components/AppFormSection.js +1 -32
- package/dist/components/AppIcon.js +1 -147
- package/dist/components/AppInfoList.js +1 -36
- package/dist/components/AppInfoTip.js +1 -41
- package/dist/components/AppInput.js +1 -269
- package/dist/components/AppKanban.js +1 -270
- package/dist/components/AppKpiTile.js +1 -91
- package/dist/components/AppLink.js +1 -74
- package/dist/components/AppLogoPicker.js +1 -264
- package/dist/components/AppMeter.js +1 -42
- package/dist/components/AppModal.js +1 -124
- package/dist/components/AppMultiSelect.js +1 -75
- package/dist/components/AppNumberInput.js +1 -139
- package/dist/components/AppOtpInput.js +1 -53
- package/dist/components/AppPageHeader.js +1 -82
- package/dist/components/AppPagination.js +1 -66
- package/dist/components/AppPhoneNumberInput.js +1 -53
- package/dist/components/AppPopover.js +1 -47
- package/dist/components/AppPricingCard.js +1 -58
- package/dist/components/AppProgress.js +1 -42
- package/dist/components/AppQrCode.js +1 -40
- package/dist/components/AppRadio.js +1 -21
- package/dist/components/AppRadioGroup.js +1 -79
- package/dist/components/AppRepeater.js +1 -57
- package/dist/components/AppRequiredMark.js +1 -11
- package/dist/components/AppResourceCard.js +1 -38
- package/dist/components/AppResult.js +1 -66
- package/dist/components/AppRichText.js +1 -72
- package/dist/components/AppScrollbar.js +1 -16
- package/dist/components/AppSearch.js +1 -52
- package/dist/components/AppSegmented.js +1 -87
- package/dist/components/AppSelect.js +1 -95
- package/dist/components/AppSelectMini.js +1 -45
- package/dist/components/AppShell.js +1 -712
- package/dist/components/AppSidebarMenu.js +1 -77
- package/dist/components/AppSkeleton.js +1 -24
- package/dist/components/AppSlider.js +1 -76
- package/dist/components/AppSortableList.js +1 -63
- package/dist/components/AppSparkline.js +1 -47
- package/dist/components/AppSpinner.js +1 -23
- package/dist/components/AppSplash.js +1 -62
- package/dist/components/AppStatusBadge.js +1 -22
- package/dist/components/AppStepper.js +1 -94
- package/dist/components/AppSwitch.js +1 -26
- package/dist/components/AppTableEmptyState.js +1 -30
- package/dist/components/AppTablePagination.js +1 -85
- package/dist/components/AppTableToolbar.js +1 -41
- package/dist/components/AppTabs.js +1 -195
- package/dist/components/AppTagInput.js +1 -63
- package/dist/components/AppTextarea.js +1 -81
- package/dist/components/AppThemeToggle.js +1 -102
- package/dist/components/AppTimePicker.js +1 -68
- package/dist/components/AppTimeline.js +1 -102
- package/dist/components/AppToast.js +1 -169
- package/dist/components/AppToolbar.js +1 -63
- package/dist/components/AppTooltip.js +1 -50
- package/dist/components/AppTour.js +1 -39
- package/dist/components/AppTreeView.js +1 -61
- package/dist/components/AppWizard.js +1 -82
- package/dist/components/AppWorkspaceSwitcher.js +1 -176
- package/dist/components/ModalIcons.js +1 -18
- package/dist/components/iconCatalogFull/bold/a.g.js +1 -69
- package/dist/components/iconCatalogFull/bold/b.g.js +1 -79
- package/dist/components/iconCatalogFull/bold/c.g.js +1 -98
- package/dist/components/iconCatalogFull/bold/d.g.js +1 -54
- package/dist/components/iconCatalogFull/bold/e.g.js +1 -34
- package/dist/components/iconCatalogFull/bold/f.g.js +1 -39
- package/dist/components/iconCatalogFull/bold/g.g.js +1 -43
- package/dist/components/iconCatalogFull/bold/h.g.js +1 -38
- package/dist/components/iconCatalogFull/bold/i.g.js +1 -20
- package/dist/components/iconCatalogFull/bold/j.g.js +1 -8
- package/dist/components/iconCatalogFull/bold/k.g.js +1 -9
- package/dist/components/iconCatalogFull/bold/l.g.js +1 -38
- package/dist/components/iconCatalogFull/bold/m.g.js +1 -91
- package/dist/components/iconCatalogFull/bold/n.g.js +1 -23
- package/dist/components/iconCatalogFull/bold/o.g.js +1 -11
- package/dist/components/iconCatalogFull/bold/p.g.js +1 -45
- package/dist/components/iconCatalogFull/bold/q.g.js +1 -12
- package/dist/components/iconCatalogFull/bold/r.g.js +1 -47
- package/dist/components/iconCatalogFull/bold/s.g.js +1 -99
- package/dist/components/iconCatalogFull/bold/t.g.js +1 -60
- package/dist/components/iconCatalogFull/bold/u.g.js +1 -17
- package/dist/components/iconCatalogFull/bold/v.g.js +1 -27
- package/dist/components/iconCatalogFull/bold/w.g.js +1 -30
- package/dist/components/iconCatalogFull/bold/x.g.js +1 -8
- package/dist/components/iconCatalogFull/bold/y.g.js +1 -0
- package/dist/components/iconCatalogFull/bold/z.g.js +1 -7
- package/dist/components/iconCatalogFull/broken/a.g.js +1 -69
- package/dist/components/iconCatalogFull/broken/b.g.js +1 -79
- package/dist/components/iconCatalogFull/broken/c.g.js +1 -98
- package/dist/components/iconCatalogFull/broken/d.g.js +1 -54
- package/dist/components/iconCatalogFull/broken/e.g.js +1 -34
- package/dist/components/iconCatalogFull/broken/f.g.js +1 -39
- package/dist/components/iconCatalogFull/broken/g.g.js +1 -43
- package/dist/components/iconCatalogFull/broken/h.g.js +1 -38
- package/dist/components/iconCatalogFull/broken/i.g.js +1 -20
- package/dist/components/iconCatalogFull/broken/j.g.js +1 -8
- package/dist/components/iconCatalogFull/broken/k.g.js +1 -9
- package/dist/components/iconCatalogFull/broken/l.g.js +1 -38
- package/dist/components/iconCatalogFull/broken/m.g.js +1 -91
- package/dist/components/iconCatalogFull/broken/n.g.js +1 -23
- package/dist/components/iconCatalogFull/broken/o.g.js +1 -11
- package/dist/components/iconCatalogFull/broken/p.g.js +1 -45
- package/dist/components/iconCatalogFull/broken/q.g.js +1 -12
- package/dist/components/iconCatalogFull/broken/r.g.js +1 -47
- package/dist/components/iconCatalogFull/broken/s.g.js +1 -99
- package/dist/components/iconCatalogFull/broken/t.g.js +1 -60
- package/dist/components/iconCatalogFull/broken/u.g.js +1 -17
- package/dist/components/iconCatalogFull/broken/v.g.js +1 -27
- package/dist/components/iconCatalogFull/broken/w.g.js +1 -30
- package/dist/components/iconCatalogFull/broken/x.g.js +1 -8
- package/dist/components/iconCatalogFull/broken/y.g.js +1 -0
- package/dist/components/iconCatalogFull/broken/z.g.js +1 -7
- package/dist/components/iconCatalogFull/bulk/a.g.js +1 -69
- package/dist/components/iconCatalogFull/bulk/b.g.js +1 -79
- package/dist/components/iconCatalogFull/bulk/c.g.js +1 -98
- package/dist/components/iconCatalogFull/bulk/d.g.js +1 -54
- package/dist/components/iconCatalogFull/bulk/e.g.js +1 -34
- package/dist/components/iconCatalogFull/bulk/f.g.js +1 -39
- package/dist/components/iconCatalogFull/bulk/g.g.js +1 -43
- package/dist/components/iconCatalogFull/bulk/h.g.js +1 -38
- package/dist/components/iconCatalogFull/bulk/i.g.js +1 -20
- package/dist/components/iconCatalogFull/bulk/j.g.js +1 -8
- package/dist/components/iconCatalogFull/bulk/k.g.js +1 -9
- package/dist/components/iconCatalogFull/bulk/l.g.js +1 -38
- package/dist/components/iconCatalogFull/bulk/m.g.js +1 -91
- package/dist/components/iconCatalogFull/bulk/n.g.js +1 -23
- package/dist/components/iconCatalogFull/bulk/o.g.js +1 -11
- package/dist/components/iconCatalogFull/bulk/p.g.js +1 -45
- package/dist/components/iconCatalogFull/bulk/q.g.js +1 -12
- package/dist/components/iconCatalogFull/bulk/r.g.js +1 -47
- package/dist/components/iconCatalogFull/bulk/s.g.js +1 -99
- package/dist/components/iconCatalogFull/bulk/t.g.js +1 -60
- package/dist/components/iconCatalogFull/bulk/u.g.js +1 -17
- package/dist/components/iconCatalogFull/bulk/v.g.js +1 -27
- package/dist/components/iconCatalogFull/bulk/w.g.js +1 -30
- package/dist/components/iconCatalogFull/bulk/x.g.js +1 -8
- package/dist/components/iconCatalogFull/bulk/y.g.js +1 -0
- package/dist/components/iconCatalogFull/bulk/z.g.js +1 -7
- package/dist/components/iconCatalogFull/linear/a.g.js +1 -69
- package/dist/components/iconCatalogFull/linear/b.g.js +1 -79
- package/dist/components/iconCatalogFull/linear/c.g.js +1 -98
- package/dist/components/iconCatalogFull/linear/d.g.js +1 -54
- package/dist/components/iconCatalogFull/linear/e.g.js +1 -34
- package/dist/components/iconCatalogFull/linear/f.g.js +1 -39
- package/dist/components/iconCatalogFull/linear/g.g.js +1 -43
- package/dist/components/iconCatalogFull/linear/h.g.js +1 -38
- package/dist/components/iconCatalogFull/linear/i.g.js +1 -20
- package/dist/components/iconCatalogFull/linear/j.g.js +1 -8
- package/dist/components/iconCatalogFull/linear/k.g.js +1 -9
- package/dist/components/iconCatalogFull/linear/l.g.js +1 -38
- package/dist/components/iconCatalogFull/linear/m.g.js +1 -91
- package/dist/components/iconCatalogFull/linear/n.g.js +1 -23
- package/dist/components/iconCatalogFull/linear/o.g.js +1 -11
- package/dist/components/iconCatalogFull/linear/p.g.js +1 -45
- package/dist/components/iconCatalogFull/linear/q.g.js +1 -12
- package/dist/components/iconCatalogFull/linear/r.g.js +1 -47
- package/dist/components/iconCatalogFull/linear/s.g.js +1 -99
- package/dist/components/iconCatalogFull/linear/t.g.js +1 -60
- package/dist/components/iconCatalogFull/linear/u.g.js +1 -17
- package/dist/components/iconCatalogFull/linear/v.g.js +1 -27
- package/dist/components/iconCatalogFull/linear/w.g.js +1 -30
- package/dist/components/iconCatalogFull/linear/x.g.js +1 -8
- package/dist/components/iconCatalogFull/linear/y.g.js +1 -0
- package/dist/components/iconCatalogFull/linear/z.g.js +1 -7
- package/dist/components/iconCatalogFull/outline/a.g.js +1 -69
- package/dist/components/iconCatalogFull/outline/b.g.js +1 -79
- package/dist/components/iconCatalogFull/outline/c.g.js +1 -98
- package/dist/components/iconCatalogFull/outline/d.g.js +1 -54
- package/dist/components/iconCatalogFull/outline/e.g.js +1 -34
- package/dist/components/iconCatalogFull/outline/f.g.js +1 -39
- package/dist/components/iconCatalogFull/outline/g.g.js +1 -43
- package/dist/components/iconCatalogFull/outline/h.g.js +1 -38
- package/dist/components/iconCatalogFull/outline/i.g.js +1 -20
- package/dist/components/iconCatalogFull/outline/j.g.js +1 -8
- package/dist/components/iconCatalogFull/outline/k.g.js +1 -9
- package/dist/components/iconCatalogFull/outline/l.g.js +1 -38
- package/dist/components/iconCatalogFull/outline/m.g.js +1 -91
- package/dist/components/iconCatalogFull/outline/n.g.js +1 -23
- package/dist/components/iconCatalogFull/outline/o.g.js +1 -11
- package/dist/components/iconCatalogFull/outline/p.g.js +1 -45
- package/dist/components/iconCatalogFull/outline/q.g.js +1 -12
- package/dist/components/iconCatalogFull/outline/r.g.js +1 -47
- package/dist/components/iconCatalogFull/outline/s.g.js +1 -99
- package/dist/components/iconCatalogFull/outline/t.g.js +1 -60
- package/dist/components/iconCatalogFull/outline/u.g.js +1 -17
- package/dist/components/iconCatalogFull/outline/v.g.js +1 -27
- package/dist/components/iconCatalogFull/outline/w.g.js +1 -30
- package/dist/components/iconCatalogFull/outline/x.g.js +1 -8
- package/dist/components/iconCatalogFull/outline/y.g.js +1 -0
- package/dist/components/iconCatalogFull/outline/z.g.js +1 -7
- package/dist/components/iconCatalogFull/twotone/a.g.js +1 -69
- package/dist/components/iconCatalogFull/twotone/b.g.js +1 -79
- package/dist/components/iconCatalogFull/twotone/c.g.js +1 -98
- package/dist/components/iconCatalogFull/twotone/d.g.js +1 -54
- package/dist/components/iconCatalogFull/twotone/e.g.js +1 -34
- package/dist/components/iconCatalogFull/twotone/f.g.js +1 -39
- package/dist/components/iconCatalogFull/twotone/g.g.js +1 -43
- package/dist/components/iconCatalogFull/twotone/h.g.js +1 -38
- package/dist/components/iconCatalogFull/twotone/i.g.js +1 -20
- package/dist/components/iconCatalogFull/twotone/j.g.js +1 -8
- package/dist/components/iconCatalogFull/twotone/k.g.js +1 -9
- package/dist/components/iconCatalogFull/twotone/l.g.js +1 -38
- package/dist/components/iconCatalogFull/twotone/m.g.js +1 -91
- package/dist/components/iconCatalogFull/twotone/n.g.js +1 -23
- package/dist/components/iconCatalogFull/twotone/o.g.js +1 -11
- package/dist/components/iconCatalogFull/twotone/p.g.js +1 -45
- package/dist/components/iconCatalogFull/twotone/q.g.js +1 -12
- package/dist/components/iconCatalogFull/twotone/r.g.js +1 -47
- package/dist/components/iconCatalogFull/twotone/s.g.js +1 -99
- package/dist/components/iconCatalogFull/twotone/t.g.js +1 -60
- package/dist/components/iconCatalogFull/twotone/u.g.js +1 -17
- package/dist/components/iconCatalogFull/twotone/v.g.js +1 -27
- package/dist/components/iconCatalogFull/twotone/w.g.js +1 -30
- package/dist/components/iconCatalogFull/twotone/x.g.js +1 -8
- package/dist/components/iconCatalogFull/twotone/y.g.js +1 -0
- package/dist/components/iconCatalogFull/twotone/z.g.js +1 -7
- package/dist/components/iconCatalogLoaders.g.js +1 -170
- package/dist/components/iconCatalogNames.g.js +1 -4
- package/dist/components/iconGlyphs.g.js +1 -211
- package/dist/components/iconVariants.g.js +1 -1040
- package/dist/components/renderIconProp.js +1 -13
- package/dist/components/toast.js +1 -41
- package/dist/components/toastStore.js +1 -78
- package/dist/components/useWuiControl.js +1 -106
- package/dist/components/warnInvalidValue.js +1 -17
- package/dist/components/warnUnknownProps.js +1 -17
- package/dist/components/withTooltip.js +1 -12
- package/dist/lib/CheckField.js +1 -37
- package/dist/lib/FileItemRow.js +1 -44
- package/dist/lib/emptyValue.js +1 -6
- package/dist/lib/fileItem.js +1 -27
- package/dist/lib/focusField.js +1 -14
- package/dist/lib/listQuery.js +1 -57
- package/dist/lib/navMatch.js +1 -29
- package/dist/lib/pageWindow.js +1 -14
- package/dist/lib/qrCode.js +1 -577
- package/dist/lib/shellCookie.js +1 -16
- package/dist/lib/useCommandPaletteShortcut.js +1 -15
- package/dist/lib/useFloatingStack.js +1 -25
- package/dist/lib/useListQuery.js +1 -120
- package/dist/lib/usePagination.js +1 -29
- package/dist/lib/useTableView.js +1 -42
- package/dist/types/components/AppAlert.d.ts +6 -1
- package/dist/types/components/AppCalendar.d.ts +8 -6
- package/dist/types/components/AppDatePicker.d.ts +4 -1
- package/dist/types/components/AppDateRangePicker.d.ts +2 -1
- package/dist/types/components/AppDropdown.d.ts +12 -1
- package/dist/types/components/AppStepper.d.ts +8 -1
- package/dist/types/components/AppWizard.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bold/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/bold/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bold/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/bold/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bold/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bold/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/bold/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bold/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/bold/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bold/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bold/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/bold/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/bold/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/bold/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/bold/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bold/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/bold/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/bold/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bold/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bold/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bold/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/broken/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/broken/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/broken/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/broken/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/broken/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/broken/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/broken/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/broken/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/broken/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/broken/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/broken/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/broken/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/broken/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/broken/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/broken/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/broken/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/broken/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/broken/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/broken/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/broken/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/broken/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bulk/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/bulk/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bulk/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/bulk/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bulk/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bulk/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/bulk/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bulk/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/bulk/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bulk/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bulk/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/bulk/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/bulk/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/bulk/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/bulk/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/bulk/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/bulk/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/bulk/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bulk/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/bulk/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/bulk/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/linear/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/linear/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/linear/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/linear/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/linear/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/linear/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/linear/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/linear/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/linear/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/linear/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/linear/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/linear/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/linear/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/linear/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/linear/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/linear/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/linear/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/linear/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/linear/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/linear/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/linear/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/outline/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/outline/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/outline/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/outline/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/outline/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/outline/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/outline/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/outline/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/outline/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/outline/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/outline/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/outline/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/outline/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/outline/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/outline/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/outline/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/outline/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/outline/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/outline/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/outline/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/outline/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/twotone/a.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/twotone/b.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/twotone/c.g.d.ts +18 -0
- package/dist/types/components/iconCatalogFull/twotone/d.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/twotone/e.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/twotone/f.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/twotone/g.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/twotone/h.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/twotone/i.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/twotone/k.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/twotone/l.g.d.ts +5 -0
- package/dist/types/components/iconCatalogFull/twotone/m.g.d.ts +10 -0
- package/dist/types/components/iconCatalogFull/twotone/n.g.d.ts +1 -0
- package/dist/types/components/iconCatalogFull/twotone/p.g.d.ts +6 -0
- package/dist/types/components/iconCatalogFull/twotone/r.g.d.ts +4 -0
- package/dist/types/components/iconCatalogFull/twotone/s.g.d.ts +11 -0
- package/dist/types/components/iconCatalogFull/twotone/t.g.d.ts +7 -0
- package/dist/types/components/iconCatalogFull/twotone/u.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/twotone/v.g.d.ts +3 -0
- package/dist/types/components/iconCatalogFull/twotone/w.g.d.ts +2 -0
- package/dist/types/components/iconCatalogFull/twotone/y.g.d.ts +3 -0
- package/dist/types/components/iconCatalogLoaders.g.d.ts +6 -0
- package/dist/ui-react.js +1 -117
- package/package.json +7 -9
- package/dist/types/components/__tests__/restPassthrough.d.ts +0 -9
package/dist/lib/useListQuery.js
CHANGED
|
@@ -1,120 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
|
|
3
|
-
//#region src/lib/useListQuery.js
|
|
4
|
-
function l(t, r) {
|
|
5
|
-
let i = new URL(window.location.href);
|
|
6
|
-
for (let e of n(r)) i.searchParams.delete(e);
|
|
7
|
-
for (let [n, r] of e(t)) i.searchParams.append(n, r);
|
|
8
|
-
window.history.replaceState(window.history.state, "", `${i.pathname}${i.search}${i.hash}`);
|
|
9
|
-
}
|
|
10
|
-
function u({ fetchPage: n, facets: u = [], defaults: d, debounceMs: f = 250 }) {
|
|
11
|
-
let [p, m] = c(() => r(window.location.search, {
|
|
12
|
-
facets: u,
|
|
13
|
-
defaults: d
|
|
14
|
-
})), [h, g] = c(null), [_, v] = c(!0), [y, b] = c(null), x = s(p), S = s(n), C = s(u), w = s(d), T = s(!1);
|
|
15
|
-
a(() => {
|
|
16
|
-
S.current = n, C.current = u, w.current = d;
|
|
17
|
-
});
|
|
18
|
-
let E = i((e, t = !1) => {
|
|
19
|
-
T.current = t, x.current = e, m(e), l(e, C.current);
|
|
20
|
-
}, []);
|
|
21
|
-
a(() => {
|
|
22
|
-
let e = () => {
|
|
23
|
-
let e = r(window.location.search, {
|
|
24
|
-
facets: C.current,
|
|
25
|
-
defaults: w.current
|
|
26
|
-
});
|
|
27
|
-
T.current = !1, x.current = e, m(e);
|
|
28
|
-
};
|
|
29
|
-
return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
|
|
30
|
-
}, []), a(() => {
|
|
31
|
-
let e = new AbortController(), t = T.current ? f : 0;
|
|
32
|
-
v(!0), b(null);
|
|
33
|
-
let n = setTimeout(async () => {
|
|
34
|
-
try {
|
|
35
|
-
let t = await S.current(x.current, { signal: e.signal });
|
|
36
|
-
if (e.signal.aborted) return;
|
|
37
|
-
g(t), v(!1);
|
|
38
|
-
} catch (t) {
|
|
39
|
-
if (e.signal.aborted) return;
|
|
40
|
-
b(t), v(!1);
|
|
41
|
-
}
|
|
42
|
-
}, t);
|
|
43
|
-
return () => {
|
|
44
|
-
clearTimeout(n), e.abort();
|
|
45
|
-
};
|
|
46
|
-
}, [o(() => e(p).toString(), [p]), f]);
|
|
47
|
-
let D = i((e, t) => {
|
|
48
|
-
let n = C.current.find((t) => t.key === e);
|
|
49
|
-
if (!n) throw Error(`useListQuery: no facet named "${e}".`);
|
|
50
|
-
let r = x.current;
|
|
51
|
-
E({
|
|
52
|
-
...r,
|
|
53
|
-
page: 1,
|
|
54
|
-
filters: {
|
|
55
|
-
...r.filters,
|
|
56
|
-
[e]: t
|
|
57
|
-
}
|
|
58
|
-
}, n.type === "text");
|
|
59
|
-
}, [E]), O = i((e, t) => {
|
|
60
|
-
let n = x.current, r = t ?? (n.sortBy === e && n.sortOrder === "asc" ? "desc" : "asc");
|
|
61
|
-
E({
|
|
62
|
-
...n,
|
|
63
|
-
page: 1,
|
|
64
|
-
sortBy: e,
|
|
65
|
-
sortOrder: r
|
|
66
|
-
});
|
|
67
|
-
}, [E]), k = i((e) => E({
|
|
68
|
-
...x.current,
|
|
69
|
-
page: Math.max(1, Math.trunc(e))
|
|
70
|
-
}), [E]), A = i((e) => E({
|
|
71
|
-
...x.current,
|
|
72
|
-
page: 1,
|
|
73
|
-
pageSize: e
|
|
74
|
-
}), [E]), j = i(() => E(r("", {
|
|
75
|
-
facets: C.current,
|
|
76
|
-
defaults: w.current
|
|
77
|
-
})), [E]), M = h?.totalCount ?? 0, N = h?.totalPages ?? 0;
|
|
78
|
-
a(() => {
|
|
79
|
-
!_ && N > 0 && p.page > N && k(N);
|
|
80
|
-
}, [
|
|
81
|
-
_,
|
|
82
|
-
N,
|
|
83
|
-
p.page,
|
|
84
|
-
k
|
|
85
|
-
]);
|
|
86
|
-
let P = u.some((e) => t(e, p.filters[e.key])), F = {
|
|
87
|
-
rows: h?.items ?? [],
|
|
88
|
-
sort: p.sortBy ? {
|
|
89
|
-
key: p.sortBy,
|
|
90
|
-
dir: p.sortOrder
|
|
91
|
-
} : void 0,
|
|
92
|
-
onSort: O,
|
|
93
|
-
loading: _,
|
|
94
|
-
emptyFiltered: P ? "No records match the current filters." : void 0,
|
|
95
|
-
sourceCount: +!!P
|
|
96
|
-
}, I = {
|
|
97
|
-
page: p.page,
|
|
98
|
-
totalPages: Math.max(1, N),
|
|
99
|
-
pageSize: p.pageSize,
|
|
100
|
-
onPageChange: k,
|
|
101
|
-
onPageSizeChange: A
|
|
102
|
-
};
|
|
103
|
-
return {
|
|
104
|
-
query: p,
|
|
105
|
-
rows: F.rows,
|
|
106
|
-
loading: _,
|
|
107
|
-
error: y,
|
|
108
|
-
totalCount: M,
|
|
109
|
-
totalPages: N,
|
|
110
|
-
setFilter: D,
|
|
111
|
-
setSort: O,
|
|
112
|
-
setPage: k,
|
|
113
|
-
setPageSize: A,
|
|
114
|
-
reset: j,
|
|
115
|
-
tableProps: F,
|
|
116
|
-
paginationProps: I
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
//#endregion
|
|
120
|
-
export { u as useListQuery };
|
|
1
|
+
import{buildListQuery as e,isFacetActive as t,listQueryParamNames as n,parseListQuery as r}from"./listQuery.js";import{useCallback as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";function l(t,r){let i=new URL(window.location.href);for(let e of n(r))i.searchParams.delete(e);for(let[n,r]of e(t))i.searchParams.append(n,r);window.history.replaceState(window.history.state,``,`${i.pathname}${i.search}${i.hash}`)}function u({fetchPage:n,facets:u=[],defaults:d,debounceMs:f=250}){let[p,m]=c(()=>r(window.location.search,{facets:u,defaults:d})),[h,g]=c(null),[_,v]=c(!0),[y,b]=c(null),x=s(p),S=s(n),C=s(u),w=s(d),T=s(!1);a(()=>{S.current=n,C.current=u,w.current=d});let E=i((e,t=!1)=>{T.current=t,x.current=e,m(e),l(e,C.current)},[]);a(()=>{let e=()=>{let e=r(window.location.search,{facets:C.current,defaults:w.current});T.current=!1,x.current=e,m(e)};return window.addEventListener(`popstate`,e),()=>window.removeEventListener(`popstate`,e)},[]),a(()=>{let e=new AbortController,t=T.current?f:0;v(!0),b(null);let n=setTimeout(async()=>{try{let t=await S.current(x.current,{signal:e.signal});if(e.signal.aborted)return;g(t),v(!1)}catch(t){if(e.signal.aborted)return;b(t),v(!1)}},t);return()=>{clearTimeout(n),e.abort()}},[o(()=>e(p).toString(),[p]),f]);let D=i((e,t)=>{let n=C.current.find(t=>t.key===e);if(!n)throw Error(`useListQuery: no facet named "${e}".`);let r=x.current;E({...r,page:1,filters:{...r.filters,[e]:t}},n.type===`text`)},[E]),O=i((e,t)=>{let n=x.current,r=t??(n.sortBy===e&&n.sortOrder===`asc`?`desc`:`asc`);E({...n,page:1,sortBy:e,sortOrder:r})},[E]),k=i(e=>E({...x.current,page:Math.max(1,Math.trunc(e))}),[E]),A=i(e=>E({...x.current,page:1,pageSize:e}),[E]),j=i(()=>E(r(``,{facets:C.current,defaults:w.current})),[E]),M=h?.totalCount??0,N=h?.totalPages??0;a(()=>{!_&&N>0&&p.page>N&&k(N)},[_,N,p.page,k]);let P=u.some(e=>t(e,p.filters[e.key])),F={rows:h?.items??[],sort:p.sortBy?{key:p.sortBy,dir:p.sortOrder}:void 0,onSort:O,loading:_,emptyFiltered:P?`No records match the current filters.`:void 0,sourceCount:+!!P},I={page:p.page,totalPages:Math.max(1,N),pageSize:p.pageSize,onPageChange:k,onPageSizeChange:A};return{query:p,rows:F.rows,loading:_,error:y,totalCount:M,totalPages:N,setFilter:D,setSort:O,setPage:k,setPageSize:A,reset:j,tableProps:F,paginationProps:I}}export{u as useListQuery};
|
|
@@ -1,29 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
//#region src/lib/usePagination.js
|
|
3
|
-
function r(r, i = 10) {
|
|
4
|
-
let [a, o] = n(1), [s, c] = n(i), l = r.length, u = Math.max(1, Math.ceil(l / s));
|
|
5
|
-
e(() => {
|
|
6
|
-
a > u && o(u);
|
|
7
|
-
}, [a, u]);
|
|
8
|
-
let d = (a - 1) * s, f = t(() => r.slice(d, d + s), [
|
|
9
|
-
r,
|
|
10
|
-
d,
|
|
11
|
-
s
|
|
12
|
-
]);
|
|
13
|
-
function p(e) {
|
|
14
|
-
c(e), o(1);
|
|
15
|
-
}
|
|
16
|
-
return {
|
|
17
|
-
page: a,
|
|
18
|
-
setPage: o,
|
|
19
|
-
pageSize: s,
|
|
20
|
-
setPageSize: p,
|
|
21
|
-
totalPages: u,
|
|
22
|
-
pageRows: f,
|
|
23
|
-
total: l,
|
|
24
|
-
firstRow: l === 0 ? 0 : d + 1,
|
|
25
|
-
lastRow: Math.min(l, d + s)
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
//#endregion
|
|
29
|
-
export { r as usePagination };
|
|
1
|
+
import{useEffect as e,useMemo as t,useState as n}from"react";function r(r,i=10){let[a,o]=n(1),[s,c]=n(i),l=r.length,u=Math.max(1,Math.ceil(l/s));e(()=>{a>u&&o(u)},[a,u]);let d=(a-1)*s,f=t(()=>r.slice(d,d+s),[r,d,s]);function p(e){c(e),o(1)}return{page:a,setPage:o,pageSize:s,setPageSize:p,totalPages:u,pageRows:f,total:l,firstRow:l===0?0:d+1,lastRow:Math.min(l,d+s)}}export{r as usePagination};
|
package/dist/lib/useTableView.js
CHANGED
|
@@ -1,42 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
//#region src/lib/useTableView.js
|
|
3
|
-
var r = (e) => `wui-view:${e}`;
|
|
4
|
-
function i(e, t) {
|
|
5
|
-
try {
|
|
6
|
-
let n = window.localStorage.getItem(r(e));
|
|
7
|
-
if (!n) return t;
|
|
8
|
-
let i = JSON.parse(n);
|
|
9
|
-
return {
|
|
10
|
-
hidden: Array.isArray(i.hidden) ? i.hidden : t.hidden,
|
|
11
|
-
sort: i.sort && typeof i.sort.key == "string" ? i.sort : t.sort
|
|
12
|
-
};
|
|
13
|
-
} catch {
|
|
14
|
-
return t;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
function a(a, { sort: o } = {}) {
|
|
18
|
-
let [s, c] = n(() => i(a, {
|
|
19
|
-
hidden: [],
|
|
20
|
-
sort: o
|
|
21
|
-
}));
|
|
22
|
-
t(() => {
|
|
23
|
-
try {
|
|
24
|
-
window.localStorage.setItem(r(a), JSON.stringify(s));
|
|
25
|
-
} catch {}
|
|
26
|
-
}, [a, s]);
|
|
27
|
-
let l = e((e) => c((t) => ({
|
|
28
|
-
...t,
|
|
29
|
-
hidden: t.hidden.includes(e) ? t.hidden.filter((t) => t !== e) : [...t.hidden, e]
|
|
30
|
-
})), []), u = e((e) => c((t) => ({
|
|
31
|
-
...t,
|
|
32
|
-
sort: typeof e == "function" ? e(t.sort) : e
|
|
33
|
-
})), []);
|
|
34
|
-
return {
|
|
35
|
-
hiddenColumns: s.hidden,
|
|
36
|
-
toggleColumn: l,
|
|
37
|
-
sort: s.sort,
|
|
38
|
-
setSort: u
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
//#endregion
|
|
42
|
-
export { a as useTableView };
|
|
1
|
+
import{useCallback as e,useEffect as t,useState as n}from"react";var r=e=>`wui-view:${e}`;function i(e,t){try{let n=window.localStorage.getItem(r(e));if(!n)return t;let i=JSON.parse(n);return{hidden:Array.isArray(i.hidden)?i.hidden:t.hidden,sort:i.sort&&typeof i.sort.key==`string`?i.sort:t.sort}}catch{return t}}function a(a,{sort:o}={}){let[s,c]=n(()=>i(a,{hidden:[],sort:o}));t(()=>{try{window.localStorage.setItem(r(a),JSON.stringify(s))}catch{}},[a,s]);let l=e(e=>c(t=>({...t,hidden:t.hidden.includes(e)?t.hidden.filter(t=>t!==e):[...t.hidden,e]})),[]),u=e(e=>c(t=>({...t,sort:typeof e==`function`?e(t.sort):e})),[]);return{hiddenColumns:s.hidden,toggleColumn:l,sort:s.sort,setSort:u}}export{a as useTableView};
|
|
@@ -15,6 +15,9 @@
|
|
|
15
15
|
* @param {import('react').ReactNode} props.children The alert body.
|
|
16
16
|
* @param {import('react').ReactNode} [props.title] A bold heading line above the body (`.alert-heading`).
|
|
17
17
|
* @param {string|import('react').ReactNode} [props.icon] A leading glyph — a semantic icon name or a node. Defaults to the variant's badge glyph; pass `null` for none.
|
|
18
|
+
* @param {'linear'|'outline'|'bold'|'bulk'|'broken'|'twotone'} [props.iconVariant='linear'] The iconsax style of a
|
|
19
|
+
* named icon (the default badge glyph or an `icon` name). It does not touch an `icon` node or an `image`.
|
|
20
|
+
* @param {number} [props.iconSize] The badge glyph's width and height in px. Unset, it follows `size`.
|
|
18
21
|
* @param {string} [props.image] A custom image URL shown in the badge instead of the icon glyph (fills the circle).
|
|
19
22
|
* @param {string} [props.imageAlt] Alt text for the custom image.
|
|
20
23
|
* @param {number} [props.imageSize] Width and height of the image badge in px. Unset, it follows `size`.
|
|
@@ -29,11 +32,13 @@
|
|
|
29
32
|
* @param {"alert"|"status"|"none"} [props.role="alert"] "status" for non-assertive notices; "none" for
|
|
30
33
|
* explanatory page content, which must not interrupt a screen reader.
|
|
31
34
|
*/
|
|
32
|
-
export default function AppAlert({ variant, children, title, icon, image, imageAlt, imageSize, className, onClose, dismissible, bordered, accent, size, action, role, ...rest }: {
|
|
35
|
+
export default function AppAlert({ variant, children, title, icon, iconVariant, iconSize, image, imageAlt, imageSize, className, onClose, dismissible, bordered, accent, size, action, role, ...rest }: {
|
|
33
36
|
variant?: "info" | "success" | "warning" | "danger";
|
|
34
37
|
children: import('react').ReactNode;
|
|
35
38
|
title?: import('react').ReactNode;
|
|
36
39
|
icon?: string | import('react').ReactNode;
|
|
40
|
+
iconVariant?: 'linear' | 'outline' | 'bold' | 'bulk' | 'broken' | 'twotone';
|
|
41
|
+
iconSize?: number;
|
|
37
42
|
image?: string;
|
|
38
43
|
imageAlt?: string;
|
|
39
44
|
imageSize?: number;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Shows events on a month, week, day or list view, in India Standard Time, with weeks starting on
|
|
3
|
-
* Monday
|
|
4
|
-
* `<
|
|
5
|
-
* without a calendar never downloads it.
|
|
3
|
+
* `firstDay` (Monday unless the theme or the prop says otherwise). The calendar is the shared
|
|
4
|
+
* `<wui-calendar>` element, the same one the Razor `<app-calendar>` uses, with its calendar engine
|
|
5
|
+
* loaded the first time a calendar mounts: a page without a calendar never downloads it.
|
|
6
6
|
*
|
|
7
7
|
* Give it events as data (`events`), or an address (`eventsUrl`) it calls whenever the visible
|
|
8
8
|
* period changes, with `start` and `end` query parameters: IST `YYYY-MM-DD` days, `end` being the
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
* (neutral, primary, success, warning, danger, info); `url` makes it a link.
|
|
14
14
|
*
|
|
15
15
|
* Every day can be reached by keyboard: one tab stop among the days, the arrow keys move between
|
|
16
|
-
* them, Home and End go to
|
|
17
|
-
* Enter opens the day. A calendar given no `view` opens as a list when it
|
|
18
|
-
* phone.
|
|
16
|
+
* them, Home and End go to the first and last day of the week, Page Up and Page Down to the
|
|
17
|
+
* previous and next month, Enter opens the day. A calendar given no `view` opens as a list when it
|
|
18
|
+
* is narrower than a phone.
|
|
19
19
|
*
|
|
20
20
|
* ```jsx
|
|
21
21
|
* <AppCalendar
|
|
@@ -33,6 +33,8 @@
|
|
|
33
33
|
* @param {'month'|'week'|'day'|'list'} [props.view] The view to show. Without it a calendar opens on the month, or on the list when it is narrower than a phone.
|
|
34
34
|
* @param {string} [props.date] The IST day (`YYYY-MM-DD`) to show; today when omitted. Changing it moves the calendar.
|
|
35
35
|
* @param {string} [props.emptyText] What a list with no events says.
|
|
36
|
+
* @param {0|1|2|3|4|5|6} [props.firstDay] First weekday of the calendar, 0 Sunday to 6 Saturday. Unset, it
|
|
37
|
+
* follows the theme's `--wui-first-day` token, which is 1 (Monday) unless the product sets it.
|
|
36
38
|
* @param {string} [props.errorText] What is said when `eventsUrl` could not be loaded, and when the calendar's code could not.
|
|
37
39
|
* @param {(event: object) => (void|false)} [props.onEventClick] An event was clicked, or Enter was pressed on it. Gets the event as it was given. Return `false` to stop an event's own link.
|
|
38
40
|
* @param {(detail: { date: string, time: string|null, allDay: boolean }) => void} [props.onDateClick] A day was clicked, or Enter was pressed on it; `time` is set for a click on a time slot.
|
|
@@ -22,7 +22,10 @@ import "@webority/ui-elements/elements/datepicker";
|
|
|
22
22
|
* @param {string} [props.placeholder="Enter Date"]
|
|
23
23
|
* @param {boolean} [props.disabled]
|
|
24
24
|
* @param {'sm'|'md'|'lg'} [props.size] Control height tier, matching AppInput.
|
|
25
|
-
* @param {0|1|2|3|4|5|6} [props.firstDay
|
|
25
|
+
* @param {0|1|2|3|4|5|6} [props.firstDay] First weekday of the calendar, 0 Sunday to 6 Saturday. Unset, it
|
|
26
|
+
* follows the theme's `--wui-first-day` token, which is 1 (Monday) unless the product sets it.
|
|
27
|
+
* @param {string} [props.displayFormat="dd-MMM-yyyy"] How the chosen date reads in the field, from the tokens
|
|
28
|
+
* yyyy, MMMM, MMM, MM, dd and d (for example `dd/MM/yyyy`). The `onChange` value stays ISO.
|
|
26
29
|
* @param {string} [props.id]
|
|
27
30
|
* @param {string} [props.ariaLabel]
|
|
28
31
|
* @param {string} [props.className] Classes for the `<wui-datepicker>` control itself.
|
|
@@ -23,7 +23,8 @@ import "@webority/ui-elements/elements/date-range";
|
|
|
23
23
|
* @param {string} [props.placeholder="Start to End"]
|
|
24
24
|
* @param {boolean} [props.disabled]
|
|
25
25
|
* @param {'sm'|'md'|'lg'} [props.size] Control height tier, matching AppInput.
|
|
26
|
-
* @param {0|1|2|3|4|5|6} [props.firstDay
|
|
26
|
+
* @param {0|1|2|3|4|5|6} [props.firstDay] First weekday of the calendar, 0 Sunday to 6 Saturday. Unset, it
|
|
27
|
+
* follows the theme's `--wui-first-day` token, which is 1 (Monday) unless the product sets it.
|
|
27
28
|
* @param {string} [props.id]
|
|
28
29
|
* @param {string} [props.ariaLabel]
|
|
29
30
|
* @param {string} [props.className] Class to apply to the control element.
|
|
@@ -31,8 +31,14 @@
|
|
|
31
31
|
* "Sort by ▾" labeled button). Wins over `icon`. The button still owns react-bootstrap's
|
|
32
32
|
* ref/onClick/`aria-expanded` and keyboard behavior, so a11y is unchanged. Razor counterpart:
|
|
33
33
|
* the `<app-dropdown-toggle>` child slot.
|
|
34
|
+
* @param {boolean} [props.show] Controlled open state. Leave it unset and the menu manages its own;
|
|
35
|
+
* set it and the caller owns it, updating it from `onToggle`.
|
|
36
|
+
* @param {(nextShow: boolean, meta: { source?: string, originalEvent?: Event }) => void} [props.onToggle]
|
|
37
|
+
* Called whenever the menu asks to open or close: a toggle click, an outside click, Escape, an item
|
|
38
|
+
* pick (react-bootstrap's `source`), and the close on a scroll that moves the toggle or a window
|
|
39
|
+
* resize (`source` "scroll" or "resize"). Fires in both modes.
|
|
34
40
|
*/
|
|
35
|
-
export default function AppDropdown({ icon, iconSize, toggleClassName, label, ariaLabel, align, items, menuClassName, linkComponent, children, trigger, ...rest }: {
|
|
41
|
+
export default function AppDropdown({ icon, iconSize, toggleClassName, label, ariaLabel, align, items, menuClassName, linkComponent, children, trigger, show, onToggle, ...rest }: {
|
|
36
42
|
icon: string;
|
|
37
43
|
iconSize?: number;
|
|
38
44
|
toggleClassName?: string;
|
|
@@ -53,4 +59,9 @@ export default function AppDropdown({ icon, iconSize, toggleClassName, label, ar
|
|
|
53
59
|
linkComponent?: import('react').ElementType;
|
|
54
60
|
children?: import('react').ReactNode;
|
|
55
61
|
trigger?: import('react').ReactNode;
|
|
62
|
+
show?: boolean;
|
|
63
|
+
onToggle?: (nextShow: boolean, meta: {
|
|
64
|
+
source?: string;
|
|
65
|
+
originalEvent?: Event;
|
|
66
|
+
}) => void;
|
|
56
67
|
}): import("react").JSX.Element;
|
|
@@ -23,6 +23,10 @@
|
|
|
23
23
|
* @param {{ key?: string, label: string, description?: string, status?: 'done'|'active'|'pending'|'error', href?: string, icon?: string }[]} props.steps
|
|
24
24
|
* @param {'steps'|'journey'} [props.variant='steps']
|
|
25
25
|
* @param {'horizontal'|'vertical'} [props.orientation='horizontal']
|
|
26
|
+
* @param {'linear'|'outline'|'bold'|'bulk'|'broken'|'twotone'} [props.iconVariant='linear'] The iconsax style of
|
|
27
|
+
* every step glyph: the done tick, the error alert and each step's own `icon`.
|
|
28
|
+
* @param {'sm'|'md'|'lg'} [props.size='md'] Scales the badge, its number, the labels and the glyphs together.
|
|
29
|
+
* @param {number} [props.iconSize] Every step glyph's width and height in px. Unset, it follows `size` (12, 14 or 18).
|
|
26
30
|
* @param {number} [props.activeStep] When set, statuses are DERIVED from the index —
|
|
27
31
|
* steps before it are `done`, the one at it is `active`, the rest `pending`. A step's
|
|
28
32
|
* own explicit `status` still wins, so a failed step can be marked `error`.
|
|
@@ -33,7 +37,7 @@
|
|
|
33
37
|
* step; it receives `to` instead of `href`.
|
|
34
38
|
* @param {string} [props.className]
|
|
35
39
|
*/
|
|
36
|
-
export default function AppStepper({ steps, variant, orientation, activeStep, onStepClick, label, linkComponent: Link, className, ...rest }: {
|
|
40
|
+
export default function AppStepper({ steps, variant, orientation, iconVariant, size, iconSize, activeStep, onStepClick, label, linkComponent: Link, className, ...rest }: {
|
|
37
41
|
steps: {
|
|
38
42
|
key?: string;
|
|
39
43
|
label: string;
|
|
@@ -44,6 +48,9 @@ export default function AppStepper({ steps, variant, orientation, activeStep, on
|
|
|
44
48
|
}[];
|
|
45
49
|
variant?: 'steps' | 'journey';
|
|
46
50
|
orientation?: 'horizontal' | 'vertical';
|
|
51
|
+
iconVariant?: 'linear' | 'outline' | 'bold' | 'bulk' | 'broken' | 'twotone';
|
|
52
|
+
size?: 'sm' | 'md' | 'lg';
|
|
53
|
+
iconSize?: number;
|
|
47
54
|
activeStep?: number;
|
|
48
55
|
onStepClick?: (step: object, index: number) => void;
|
|
49
56
|
label?: string;
|
|
@@ -23,6 +23,10 @@ import "@webority/ui-elements/elements/wizard";
|
|
|
23
23
|
* @param {'primary'|'success'|'warning'|'danger'|'info'} [props.tone] Recolour the whole stepper accent (active fill, done rail, ring, done tint) to a semantic ramp. Unset keeps the variant's default (primary for steps/journey, success/green for icons). For any other colour, override the `--wui-step-accent` / `--wui-step-soft` CSS variables via `style` or a `className` instead.
|
|
24
24
|
* @param {'primary'|'success'|'warning'|'danger'|'info'} [props.doneTone] Recolour completed steps only (their badge, "STEP n" eyebrow and the filled line after them) to a semantic ramp; the current step keeps the `tone` accent. Unset, completed steps follow `tone`. For any other colour, override the `--wui-step-done-accent` / `--wui-step-done-soft` CSS variables via `style` or a `className` instead.
|
|
25
25
|
* @param {'horizontal'|'vertical'} [props.orientation='horizontal']
|
|
26
|
+
* @param {'linear'|'outline'|'bold'|'bulk'|'broken'|'twotone'} [props.iconVariant='linear'] The iconsax style of
|
|
27
|
+
* every header glyph: the done tick, the error alert, the skipped dash and each step's own `icon`.
|
|
28
|
+
* @param {'sm'|'md'|'lg'} [props.size='md'] Scales the stepper header: the badge, its number, the labels and the glyphs.
|
|
29
|
+
* @param {number} [props.iconSize] Every header glyph's width and height in px. Unset, it follows `size` (14, 16 or 20).
|
|
26
30
|
* @param {boolean} [props.skippable=false] Show a Skip button on every step (bar the last), without needing per-step `optional`. A per-step `optional` still works on its own.
|
|
27
31
|
* @param {boolean} [props.nonLinear=false] Allow jumping to any step, not only completed ones.
|
|
28
32
|
* @param {boolean} [props.hideStepper=false] Hide the progress header.
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export declare const FULL_VARIANT_GLYPHS: {
|
|
2
2
|
aave: string;
|
|
3
|
+
activity: string;
|
|
4
|
+
add: string;
|
|
5
|
+
"add-circle": string;
|
|
3
6
|
"add-square": string;
|
|
4
7
|
additem: string;
|
|
5
8
|
airdrop: string;
|
|
@@ -7,6 +10,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
7
10
|
"airplane-square": string;
|
|
8
11
|
airpod: string;
|
|
9
12
|
airpods: string;
|
|
13
|
+
alarm: string;
|
|
10
14
|
"align-bottom": string;
|
|
11
15
|
"align-horizontally": string;
|
|
12
16
|
"align-left": string;
|
|
@@ -39,11 +43,16 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
39
43
|
"arrow-circle-right-2": string;
|
|
40
44
|
"arrow-circle-up": string;
|
|
41
45
|
"arrow-circle-up-2": string;
|
|
46
|
+
"arrow-down": string;
|
|
42
47
|
"arrow-down-2": string;
|
|
43
48
|
"arrow-down-3": string;
|
|
44
49
|
"arrow-forward": string;
|
|
45
50
|
"arrow-forward-square": string;
|
|
51
|
+
"arrow-left": string;
|
|
52
|
+
"arrow-left-2": string;
|
|
46
53
|
"arrow-left-3": string;
|
|
54
|
+
"arrow-right": string;
|
|
55
|
+
"arrow-right-2": string;
|
|
47
56
|
"arrow-right-3": string;
|
|
48
57
|
"arrow-rotate-left": string;
|
|
49
58
|
"arrow-rotate-right": string;
|
|
@@ -52,7 +61,9 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
52
61
|
"arrow-square-left": string;
|
|
53
62
|
"arrow-square-right": string;
|
|
54
63
|
"arrow-square-up": string;
|
|
64
|
+
"arrow-swap-horizontal": string;
|
|
55
65
|
"arrow-swap-vertical": string;
|
|
66
|
+
"arrow-up": string;
|
|
56
67
|
"arrow-up-2": string;
|
|
57
68
|
"arrow-up-3": string;
|
|
58
69
|
"attach-circle": string;
|
|
@@ -38,6 +38,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
38
38
|
"bluetooth-circle": string;
|
|
39
39
|
"bluetooth-rectangle": string;
|
|
40
40
|
blur: string;
|
|
41
|
+
book: string;
|
|
41
42
|
"book-1": string;
|
|
42
43
|
"book-saved": string;
|
|
43
44
|
"book-square": string;
|
|
@@ -52,6 +53,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
52
53
|
"box-search": string;
|
|
53
54
|
"box-tick": string;
|
|
54
55
|
"box-time": string;
|
|
56
|
+
briefcase: string;
|
|
55
57
|
"brifecase-cross": string;
|
|
56
58
|
"brifecase-tick": string;
|
|
57
59
|
"brifecase-timer": string;
|
|
@@ -66,6 +68,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
66
68
|
bucket: string;
|
|
67
69
|
"bucket-circle": string;
|
|
68
70
|
"bucket-square": string;
|
|
71
|
+
building: string;
|
|
69
72
|
"building-3": string;
|
|
70
73
|
"building-4": string;
|
|
71
74
|
buildings: string;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
export declare const FULL_VARIANT_GLYPHS: {
|
|
2
|
+
cake: string;
|
|
3
|
+
calculator: string;
|
|
4
|
+
calendar: string;
|
|
5
|
+
"calendar-1": string;
|
|
2
6
|
"calendar-2": string;
|
|
7
|
+
"calendar-add": string;
|
|
3
8
|
"calendar-circle": string;
|
|
4
9
|
"calendar-edit": string;
|
|
5
10
|
"calendar-remove": string;
|
|
6
11
|
"calendar-search": string;
|
|
12
|
+
"calendar-tick": string;
|
|
7
13
|
call: string;
|
|
8
14
|
"call-add": string;
|
|
9
15
|
"call-calling": string;
|
|
@@ -13,6 +19,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
13
19
|
"call-received": string;
|
|
14
20
|
"call-remove": string;
|
|
15
21
|
"call-slash": string;
|
|
22
|
+
camera: string;
|
|
16
23
|
"camera-slash": string;
|
|
17
24
|
candle: string;
|
|
18
25
|
"candle-2": string;
|
|
@@ -37,6 +44,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
37
44
|
celo: string;
|
|
38
45
|
celsius: string;
|
|
39
46
|
chainlink: string;
|
|
47
|
+
chart: string;
|
|
40
48
|
"chart-1": string;
|
|
41
49
|
"chart-2": string;
|
|
42
50
|
"chart-21": string;
|
|
@@ -44,6 +52,7 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
44
52
|
"chart-fail": string;
|
|
45
53
|
"chart-square": string;
|
|
46
54
|
"chart-success": string;
|
|
55
|
+
check: string;
|
|
47
56
|
"chemical-glass": string;
|
|
48
57
|
chrome: string;
|
|
49
58
|
civic: string;
|
|
@@ -51,7 +60,12 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
51
60
|
"clipboard-close": string;
|
|
52
61
|
"clipboard-export": string;
|
|
53
62
|
"clipboard-import": string;
|
|
63
|
+
"clipboard-text": string;
|
|
64
|
+
"clipboard-tick": string;
|
|
65
|
+
clock: string;
|
|
66
|
+
"close-circle": string;
|
|
54
67
|
"close-square": string;
|
|
68
|
+
cloud: string;
|
|
55
69
|
"cloud-add": string;
|
|
56
70
|
"cloud-change": string;
|
|
57
71
|
"cloud-connection": string;
|
|
@@ -65,7 +79,9 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
65
79
|
"cloud-remove": string;
|
|
66
80
|
"cloud-snow": string;
|
|
67
81
|
"cloud-sunny": string;
|
|
82
|
+
code: string;
|
|
68
83
|
"code-1": string;
|
|
84
|
+
"code-circle": string;
|
|
69
85
|
coffee: string;
|
|
70
86
|
coin: string;
|
|
71
87
|
"coin-1": string;
|
|
@@ -81,9 +97,11 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
81
97
|
"convert-card": string;
|
|
82
98
|
convertshape: string;
|
|
83
99
|
"convertshape-2": string;
|
|
100
|
+
copy: string;
|
|
84
101
|
"copy-success": string;
|
|
85
102
|
copyright: string;
|
|
86
103
|
courthouse: string;
|
|
104
|
+
cpu: string;
|
|
87
105
|
"cpu-charge": string;
|
|
88
106
|
"cpu-setting": string;
|
|
89
107
|
"creative-commons": string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const FULL_VARIANT_GLYPHS: {
|
|
2
2
|
dai: string;
|
|
3
|
+
danger: string;
|
|
3
4
|
dash: string;
|
|
4
5
|
data: string;
|
|
5
6
|
"data-2": string;
|
|
@@ -27,16 +28,19 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
27
28
|
"discount-shape": string;
|
|
28
29
|
discover: string;
|
|
29
30
|
dislike: string;
|
|
31
|
+
document: string;
|
|
30
32
|
"document-cloud": string;
|
|
31
33
|
"document-code": string;
|
|
32
34
|
"document-code-2": string;
|
|
33
35
|
"document-copy": string;
|
|
36
|
+
"document-download": string;
|
|
34
37
|
"document-favorite": string;
|
|
35
38
|
"document-filter": string;
|
|
36
39
|
"document-forward": string;
|
|
37
40
|
"document-like": string;
|
|
38
41
|
"document-previous": string;
|
|
39
42
|
"document-sketch": string;
|
|
43
|
+
"document-text": string;
|
|
40
44
|
"document-text-1": string;
|
|
41
45
|
"document-upload": string;
|
|
42
46
|
"dollar-circle": string;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export declare const FULL_VARIANT_GLYPHS: {
|
|
2
|
+
edit: string;
|
|
3
|
+
"edit-2": string;
|
|
2
4
|
educare: string;
|
|
3
5
|
electricity: string;
|
|
4
6
|
element: string;
|
|
@@ -23,9 +25,11 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
23
25
|
"eraser-square": string;
|
|
24
26
|
ethereum: string;
|
|
25
27
|
"ethereum-classic": string;
|
|
28
|
+
export: string;
|
|
26
29
|
"export-circle": string;
|
|
27
30
|
"export-curve": string;
|
|
28
31
|
"export-square": string;
|
|
29
32
|
"external-drive": string;
|
|
33
|
+
eye: string;
|
|
30
34
|
"eye-slash": string;
|
|
31
35
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export declare const FULL_VARIANT_GLYPHS: {
|
|
2
|
+
facebook: string;
|
|
2
3
|
fatrows: string;
|
|
3
4
|
"favorite-chart": string;
|
|
4
5
|
figma: string;
|
|
5
6
|
"figma-1": string;
|
|
7
|
+
filter: string;
|
|
6
8
|
"filter-add": string;
|
|
7
9
|
"filter-edit": string;
|
|
8
10
|
"filter-remove": string;
|
|
@@ -12,16 +14,21 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
12
14
|
"finger-cricle": string;
|
|
13
15
|
"finger-scan": string;
|
|
14
16
|
firstline: string;
|
|
17
|
+
flag: string;
|
|
15
18
|
"flag-2": string;
|
|
19
|
+
flash: string;
|
|
16
20
|
"flash-circle": string;
|
|
17
21
|
"flash-slash": string;
|
|
18
22
|
flashy: string;
|
|
23
|
+
folder: string;
|
|
24
|
+
"folder-2": string;
|
|
19
25
|
"folder-add": string;
|
|
20
26
|
"folder-cloud": string;
|
|
21
27
|
"folder-connection": string;
|
|
22
28
|
"folder-cross": string;
|
|
23
29
|
"folder-favorite": string;
|
|
24
30
|
"folder-minus": string;
|
|
31
|
+
"folder-open": string;
|
|
25
32
|
forbidden: string;
|
|
26
33
|
"forbidden-2": string;
|
|
27
34
|
"format-circle": string;
|
|
@@ -14,11 +14,13 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
14
14
|
gemini: string;
|
|
15
15
|
"gemini-2": string;
|
|
16
16
|
ghost: string;
|
|
17
|
+
gift: string;
|
|
17
18
|
glass: string;
|
|
18
19
|
global: string;
|
|
19
20
|
"global-edit": string;
|
|
20
21
|
"global-refresh": string;
|
|
21
22
|
"global-search": string;
|
|
23
|
+
google: string;
|
|
22
24
|
"google-drive": string;
|
|
23
25
|
"google-play": string;
|
|
24
26
|
gps: string;
|
|
@@ -6,7 +6,10 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
6
6
|
"hashtag-down": string;
|
|
7
7
|
"hashtag-square": string;
|
|
8
8
|
"hashtag-up": string;
|
|
9
|
+
headphone: string;
|
|
9
10
|
headphones: string;
|
|
11
|
+
health: string;
|
|
12
|
+
heart: string;
|
|
10
13
|
"heart-add": string;
|
|
11
14
|
"heart-circle": string;
|
|
12
15
|
"heart-edit": string;
|
|
@@ -16,18 +19,21 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
16
19
|
"heart-tick": string;
|
|
17
20
|
"hedera-hashgraph": string;
|
|
18
21
|
hex: string;
|
|
22
|
+
hierarchy: string;
|
|
19
23
|
"hierarchy-2": string;
|
|
20
24
|
"hierarchy-3": string;
|
|
21
25
|
"hierarchy-square": string;
|
|
22
26
|
"hierarchy-square-2": string;
|
|
23
27
|
"hierarchy-square-3": string;
|
|
24
28
|
home: string;
|
|
29
|
+
"home-2": string;
|
|
25
30
|
"home-3": string;
|
|
26
31
|
"home-hashtag": string;
|
|
27
32
|
"home-trend-down": string;
|
|
28
33
|
"home-trend-up": string;
|
|
29
34
|
"home-wifi": string;
|
|
30
35
|
hospital: string;
|
|
36
|
+
house: string;
|
|
31
37
|
"house-2": string;
|
|
32
38
|
"html-3": string;
|
|
33
39
|
"html-5": string;
|
|
@@ -7,11 +7,13 @@ export declare const FULL_VARIANT_GLYPHS: {
|
|
|
7
7
|
"i-3-square": string;
|
|
8
8
|
icon: string;
|
|
9
9
|
illustrator: string;
|
|
10
|
+
image: string;
|
|
10
11
|
import: string;
|
|
11
12
|
"import-circle": string;
|
|
12
13
|
"import-curve": string;
|
|
13
14
|
"import-square": string;
|
|
14
15
|
"info-circle": string;
|
|
15
16
|
information: string;
|
|
17
|
+
instagram: string;
|
|
16
18
|
iost: string;
|
|
17
19
|
};
|