@stackcraftmx/calcita 0.32.1 → 0.47.0

package/dist/index.js

@@ -32,7 +32,7 @@ import { AuthLayout } from "./appShell/AuthLayout.js";
 import { default as default11 } from "./appShell/BarActions.js";
 import { default as default12 } from "./appShell/BarActionButton.js";
 import { default as default13 } from "./appShell/BarSearch.js";
-import { default as default14 } from "./ui/actions/ActionsMenu.js";
+import { ACTIONS_MENU_ROW, default as default14 } from "./ui/actions/ActionsMenu.js";
 import { SELECTION_PHONE_LAYOUT, default as default15, selectionFloatsOnPhone } from "./ui/actions/SelectionActions.js";
 import { BAR_ACTIONS_PLACEMENT, useBarActionsPlacement, useCloseBarActionsMenu } from "./appShell/barActionsSlot.js";
 import { BAR_CAPSULE_HEIGHT_PIXELS, default as default16 } from "./appShell/BarCapsule.js";
@@ -54,54 +54,86 @@ import { composePermissionGroups, groupStateOf, withPermission, withPermissionGr
 import { DEFAULT_PASSWORD_POLICY, PASSWORD_RULE, isPasswordAccepted, passwordChecksOf } from "./auth/passwordRules.js";
 import { default as default21 } from "./auth/PasswordChecklist.js";
 import { ERROR_PAGE_KIND, default as default22 } from "./ui/layout/ErrorPage.js";
-import { default as default23 } from "./upload/FileDropzone.js";
-import { FILE_ACCEPT_PRESETS, FILE_REJECTION, matchesAccept, parseFileSize, resolveAccept } from "./upload/fileRules.js";
+import { default as default23 } from "./upload/AttachmentsInput.js";
+import { default as default24 } from "./upload/FileDropzone.js";
+import { default as default25 } from "./upload/FileInput.js";
+import { FILE_UPLOAD_STATUS, default as default26 } from "./upload/FileUploadInput.js";
+import { IMAGE_SHAPE, default as default27 } from "./upload/ImageInput.js";
+import { default as default28 } from "./upload/TemplateDownloadButton.js";
+import { fileAppearanceOf } from "./upload/fileAppearance.js";
+import { FILE_ACCEPT_PRESETS, FILE_REJECTION, matchesAccept, parseFileSize, resolveAccept, screenFiles } from "./upload/fileRules.js";
+import { transferProgressOf } from "./upload/transferProgress.js";
+import { useFilePicker } from "./upload/useFilePicker.js";
 import { buildUploadActors, uploadMachine } from "./upload/uploadMachine.js";
 import { uploadWithProgress } from "./upload/uploadWithProgress.js";
 import { APP_BAR_HEIGHT_CSS_VARIABLE, SCROLL_MARGIN_BELOW_APP_BAR, useAppBarHeightPublisher } from "./ui/layout/appBarHeight.js";
-import { default as default24 } from "./ui/layout/CollapsibleSection.js";
-import { default as default25 } from "./ui/layout/ContentDialog.js";
-import { default as default26 } from "./ui/layout/DefinitionList.js";
-import { default as default27 } from "./ui/layout/DetailHeader.js";
-import { default as default28 } from "./ui/layout/FullPageLoader.js";
-import { default as default29 } from "./ui/layout/GlassLensFilter.js";
-import { default as default30 } from "./ui/layout/GlassPanel.js";
-import { default as default31 } from "./ui/layout/PageHeader.js";
-import { default as default32 } from "./ui/layout/PageHeading.js";
-import { default as default33 } from "./ui/layout/ProfileHeader.js";
-import { default as default34, scrollableRow } from "./ui/layout/ScrollableRow.js";
-import { default as default35 } from "./ui/layout/SectionCard.js";
-import { default as default36 } from "./ui/navigation/BackButton.js";
-import { default as default37 } from "./ui/navigation/ColorSchemeToggle.js";
-import { default as default38 } from "./ui/navigation/DocumentTitle.js";
-import { LANGUAGES, default as default39 } from "./ui/navigation/LanguageToggle.js";
-import { default as default40 } from "./ui/navigation/FontSizeToggle.js";
+import { default as default29 } from "./ui/layout/CollapsibleSection.js";
+import { default as default30 } from "./ui/layout/ContentDialog.js";
+import { default as default31 } from "./ui/layout/DefinitionList.js";
+import { default as default32 } from "./ui/layout/DetailHeader.js";
+import { default as default33 } from "./ui/layout/FullPageLoader.js";
+import { default as default34 } from "./ui/layout/GlassLensFilter.js";
+import { default as default35 } from "./ui/layout/GlassPanel.js";
+import { default as default36 } from "./ui/layout/PageHeader.js";
+import { default as default37 } from "./ui/layout/PageHeading.js";
+import { default as default38 } from "./ui/layout/ProfileHeader.js";
+import { default as default39, scrollableRow } from "./ui/layout/ScrollableRow.js";
+import { default as default40 } from "./ui/layout/SectionCard.js";
+import { default as default41 } from "./ui/navigation/BackButton.js";
+import { default as default42 } from "./ui/navigation/ColorSchemeToggle.js";
+import { default as default43 } from "./ui/navigation/DocumentTitle.js";
+import { LANGUAGES, default as default44 } from "./ui/navigation/LanguageToggle.js";
+import { default as default45 } from "./ui/navigation/FontSizeToggle.js";
 import { FONT_SIZE_LEVELS } from "./ui/navigation/fontSizeLevels.js";
-import { default as default41 } from "./ui/navigation/PageBreadcrumbs.js";
-import { default as default42 } from "./ui/filters/DateRangeFilter.js";
-import { default as default43 } from "./ui/filters/PeriodRangeSelector.js";
-import { default as default44 } from "./ui/filters/QuickFilters.js";
-import { SEGMENTED_CONTROL_SX, default as default45 } from "./ui/filters/SegmentedControl.js";
-import { default as default46 } from "./ui/labels/DictionaryText.js";
-import { default as default47 } from "./ui/labels/StatusChip.js";
-import { default as default48 } from "./ui/labels/Tag.js";
-import { default as default49 } from "./ui/actions/CopyButton.js";
-import { default as default50 } from "./ui/actions/DownloadMenu.js";
-import { default as default51 } from "./ui/actions/SecretField.js";
-import { default as default52 } from "./ui/metrics/CalendarHeatmap.js";
-import { default as default53, TREND_DIRECTION } from "./ui/metrics/MetricCard.js";
-import { CHART_VIEW, default as default54 } from "./ui/metrics/TableToggle.js";
-import { default as default55 } from "./inputs/CatalogInput.js";
-import { default as default56 } from "./inputs/ColorInput.js";
-import { default as default57 } from "./inputs/FieldFrame.js";
-import { FORM_ROW_CLASS, FormRow, default as default58 } from "./inputs/FormSection.js";
-import { default as default59 } from "./inputs/NumberInput.js";
-import { default as default60 } from "./inputs/SelectInput.js";
-import { default as default61 } from "./inputs/WizardLayout.js";
-import { default as default62 } from "./inputs/TextInput.js";
+import { default as default46 } from "./ui/navigation/PageBreadcrumbs.js";
+import { ROUTE_TABS_MODE, default as default47, useActiveRouteTab } from "./ui/navigation/RouteTabs.js";
+import { default as default48 } from "./ui/help/HelpButton.js";
+import { HELP_CLOSE_REASON, default as default49 } from "./ui/help/HelpCarouselDialog.js";
+import { default as default50 } from "./ui/cards/RecordCard.js";
+import { default as default51 } from "./ui/cards/RecordCardSkeleton.js";
+import { useHelpCarousel } from "./ui/help/useHelpCarousel.js";
+import { default as default52 } from "./ui/filters/DateRangeFilter.js";
+import { FILTER_DRAWER_ANCHOR, default as default53 } from "./ui/filters/FilterDrawer.js";
+import { COMPARISON_OPERATOR, FILTER_FIELD_KIND, activeDrawerFilterCountOf, comparisonOf, comparisonTextOf, filterDrawerChipsOf, filterDrawerDefaultsOf, filterDrawerKindsOf, filterKeysOf } from "./ui/filters/filterDrawerFields.js";
+import { default as default54 } from "./ui/filters/PeriodRangeSelector.js";
+import { default as default55 } from "./ui/filters/QuickFilters.js";
+import { SEGMENTED_CONTROL_SX, default as default56 } from "./ui/filters/SegmentedControl.js";
+import { default as default57 } from "./ui/labels/DictionaryText.js";
+import { default as default58 } from "./ui/labels/StatusChip.js";
+import { ICON_BADGE_CLASSES, ICON_BADGE_VARIANT, default as default59 } from "./ui/labels/IconBadge.js";
+import { default as default60 } from "./ui/labels/Tag.js";
+import { default as default61 } from "./ui/actions/CopyButton.js";
+import { tableRowTextOf } from "./ui/actions/tableRowText.js";
+import { default as default62 } from "./ui/actions/DownloadMenu.js";
+import { default as default63 } from "./ui/actions/SecretField.js";
+import { default as default64 } from "./ui/metrics/CalendarHeatmap.js";
+import { default as default65, TREND_DIRECTION } from "./ui/metrics/MetricCard.js";
+import { CHART_VIEW, default as default66 } from "./ui/metrics/TableToggle.js";
+import { default as default67 } from "./inputs/CatalogInput.js";
+import { default as default68 } from "./inputs/ColorInput.js";
+import { default as default69 } from "./inputs/FieldFrame.js";
+import { default as default70 } from "./inputs/MaskedInput.js";
+import { INPUT_MASK, isMaskComplete, maskPatternOf, maskedTextOf, rawValueOf } from "./inputs/inputMasks.js";
+import { FORM_ROW_CLASS, FormRow, default as default71 } from "./inputs/FormSection.js";
+import { default as default72 } from "./inputs/CheckboxGroupInput.js";
+import { default as default73 } from "./inputs/NumberInput.js";
+import { default as default74 } from "./inputs/TransferListInput.js";
+import { selectAllStateOf } from "./inputs/selectAllState.js";
+import { default as default75 } from "./inputs/RepeatingFields.js";
+import { useRowKeys } from "./inputs/useRowKeys.js";
+import { default as default76 } from "./inputs/SelectInput.js";
+import { default as default77 } from "./inputs/WizardLayout.js";
+import { default as default78 } from "./inputs/TextInput.js";
 import { HEX_COLOR, MIN_CONTRAST, contrastOnWhite, readableVariantOf } from "./inputs/colorContrast.js";
 import { cleanNumberText, completeDecimals, groupThousands } from "./inputs/numberText.js";
 import { translateValidationMessage } from "./forms/validationMessages.js";
+import { default as default79 } from "./ui/countdown/Countdown.js";
+import { countdownClockOf, countdownPartsOf } from "./ui/countdown/countdownParts.js";
+import { useCountdown } from "./ui/countdown/useCountdown.js";
+import { default as default80 } from "./ui/documents/PdfViewerDialog.js";
+import { default as default81 } from "./legal/CookieNotice.js";
+import { default as default82 } from "./legal/TermsAcceptanceDialog.js";
+import { DEFAULT_COOKIE_CONSENT_KEY, useCookieConsent } from "./legal/useCookieConsent.js";
 import { dictionaryEntryOf, labelOf, lookup, shortLabelOf } from "./dictionaries/dictionaries.js";
 import { dayOfPlainDate, formatCurrency, formatDate, formatDateTime, formatFileSize, formatList, formatMonthName, formatMonthShortName, formatNumber, formatPercent, formatTime, formatWeekdayShortName, formattersOf } from "./formatting.js";
 import { useFormatters } from "./toolkit/useFormatters.js";
@@ -120,49 +152,56 @@ import { usePublishedBuildWatch } from "./observability/usePublishedBuildWatch.j
 import { API_ERROR_STATUS, ApiError } from "./api/ApiError.js";
 import { API_RESPONSE_PARSE, apiErrorOf, apiUrlOf, createApiClient } from "./api/createApiClient.js";
 import { isStaleChunkError, recoverFromStaleChunk } from "./api/staleChunks.js";
-import { ACCOUNT_EVENT_KIND, default as default63 } from "./security/ActivityLog.js";
-import { default as default64 } from "./security/RecoveryCodesDialog.js";
-import { default as default65 } from "./security/SessionsCard.js";
-import { default as default66 } from "./inbox/InboxLayout.js";
-import { default as default67 } from "./inbox/MessageList.js";
-import { default as default68 } from "./inbox/MessageView.js";
+import { ACCOUNT_EVENT_KIND, default as default83 } from "./security/ActivityLog.js";
+import { default as default84 } from "./security/RecoveryCodesDialog.js";
+import { default as default85 } from "./security/SessionsCard.js";
+import { default as default86 } from "./inbox/InboxLayout.js";
+import { default as default87 } from "./inbox/MessageList.js";
+import { default as default88 } from "./inbox/MessageView.js";
 import { inboxDateOf } from "./inbox/inboxDates.js";
 import { INSTALL_VARIANT, detectPlatform, parseIOSMajor, resolveInstallVariant } from "./pwa/installInstructions.js";
 import { useInstallPrompt } from "./pwa/useInstallPrompt.js";
-import { default as default69, variantHasInstructions } from "./pwa/InstallInstructionsDialog.js";
-import { default as default70 } from "./pwa/InstallPromptBanner.js";
-import { default as default71 } from "./pwa/InstallAppSetting.js";
+import { default as default89, variantHasInstructions } from "./pwa/InstallInstructionsDialog.js";
+import { default as default90 } from "./pwa/InstallPromptBanner.js";
+import { default as default91 } from "./pwa/InstallAppSetting.js";
 export {
   ACCOUNT_EVENT_KIND,
+  ACTIONS_MENU_ROW,
   API_ERROR_STATUS,
   API_RESPONSE_PARSE,
   APP_BAR_HEIGHT_CSS_VARIABLE,
   default14 as ActionsMenu,
-  default63 as ActivityLog,
+  default83 as ActivityLog,
   ApiError,
   AppLayout,
   default17 as AppearanceSettings,
+  default23 as AttachmentsInput,
   AuthLayout,
   BAR_ACTIONS_PLACEMENT,
   BAR_CAPSULE_HEIGHT_PIXELS,
   BUILD_WATCH_ACTION,
-  default36 as BackButton,
+  default41 as BackButton,
   default12 as BarActionButton,
   default11 as BarActions,
   default16 as BarCapsule,
   default13 as BarSearch,
   CHART_VIEW,
+  COMPARISON_OPERATOR,
   CSS_TOKENS,
-  default52 as CalendarHeatmap,
+  default64 as CalendarHeatmap,
   default18 as Can,
-  default55 as CatalogInput,
-  default24 as CollapsibleSection,
-  default56 as ColorInput,
-  default37 as ColorSchemeToggle,
+  default67 as CatalogInput,
+  default72 as CheckboxGroupInput,
+  default29 as CollapsibleSection,
+  default68 as ColorInput,
+  default42 as ColorSchemeToggle,
   default2 as ComponentTexts,
   default5 as ConfirmDialog,
-  default25 as ContentDialog,
-  default49 as CopyButton,
+  default30 as ContentDialog,
+  default81 as CookieNotice,
+  default61 as CopyButton,
+  default79 as Countdown,
+  DEFAULT_COOKIE_CONSENT_KEY,
   DEFAULT_CURRENCY,
   DEFAULT_FILE_TYPES,
   DEFAULT_HOUR_CYCLE,
@@ -173,93 +212,119 @@ export {
   DOWNLOAD_STATUS,
   DRAWER_WIDTH_COLLAPSED,
   DRAWER_WIDTH_EXPANDED,
-  default42 as DateRangeFilter,
-  default26 as DefinitionList,
-  default27 as DetailHeader,
-  default46 as DictionaryText,
-  default38 as DocumentTitle,
+  default52 as DateRangeFilter,
+  default31 as DefinitionList,
+  default32 as DetailHeader,
+  default57 as DictionaryText,
+  default43 as DocumentTitle,
   default10 as DownloadManager,
-  default50 as DownloadMenu,
+  default62 as DownloadMenu,
   ERROR_PAGE_KIND,
   default22 as ErrorPage,
   FIELD_TONES,
   FILE_ACCEPT_PRESETS,
   FILE_REJECTION,
+  FILE_UPLOAD_STATUS,
+  FILTER_DRAWER_ANCHOR,
+  FILTER_FIELD_KIND,
   FONT_SIZE_LEVELS,
   FORM_ROW_CLASS,
-  default57 as FieldFrame,
-  default23 as FileDropzone,
-  default40 as FontSizeToggle,
+  default69 as FieldFrame,
+  default24 as FileDropzone,
+  default25 as FileInput,
+  default26 as FileUploadInput,
+  default53 as FilterDrawer,
+  default45 as FontSizeToggle,
   FormRow,
-  default58 as FormSection,
-  default28 as FullPageLoader,
+  default71 as FormSection,
+  default33 as FullPageLoader,
   GLASS_INSET_PIXELS,
   GLASS_MENU_RADIUS_PIXELS,
   GLASS_OPACITY,
   GLASS_PANEL_RADIUS_PIXELS,
-  default29 as GlassLensFilter,
-  default30 as GlassPanel,
+  default34 as GlassLensFilter,
+  default35 as GlassPanel,
+  HELP_CLOSE_REASON,
   HEX_COLOR,
   HOUR_CYCLE,
+  default48 as HelpButton,
+  default49 as HelpCarouselDialog,
+  ICON_BADGE_CLASSES,
+  ICON_BADGE_VARIANT,
+  IMAGE_SHAPE,
+  INPUT_MASK,
   INSTALL_VARIANT,
-  default66 as InboxLayout,
-  default71 as InstallAppSetting,
-  default69 as InstallInstructionsDialog,
-  default70 as InstallPromptBanner,
+  default59 as IconBadge,
+  default27 as ImageInput,
+  default86 as InboxLayout,
+  default91 as InstallAppSetting,
+  default89 as InstallInstructionsDialog,
+  default90 as InstallPromptBanner,
   LANGUAGES,
-  default39 as LanguageToggle,
+  default44 as LanguageToggle,
   MAIN_CONTENT_ID,
   MENU_POSITION,
   MINIMAL_BACKGROUND,
   MINIMAL_TONES,
   MIN_CONTRAST,
-  default67 as MessageList,
-  default68 as MessageView,
-  default53 as MetricCard,
+  default70 as MaskedInput,
+  default87 as MessageList,
+  default88 as MessageView,
+  default65 as MetricCard,
   default6 as ModalWaiting,
   NEW_BUILD_NOTICE_VARIANT,
   default7 as NewBuildNotice,
-  default59 as NumberInput,
+  default73 as NumberInput,
   PASSWORD_RULE,
   PHONE_MEDIA_QUERY,
-  default41 as PageBreadcrumbs,
-  default31 as PageHeader,
-  default32 as PageHeading,
+  default46 as PageBreadcrumbs,
+  default36 as PageHeader,
+  default37 as PageHeading,
   default21 as PasswordChecklist,
-  default43 as PeriodRangeSelector,
+  default80 as PdfViewerDialog,
+  default54 as PeriodRangeSelector,
   default20 as PermissionMatrix,
-  default33 as ProfileHeader,
-  default44 as QuickFilters,
+  default38 as ProfileHeader,
+  default55 as QuickFilters,
   REDIRECT_PARAM,
-  default64 as RecoveryCodesDialog,
+  ROUTE_TABS_MODE,
+  default50 as RecordCard,
+  default51 as RecordCardSkeleton,
+  default84 as RecoveryCodesDialog,
+  default75 as RepeatingFields,
   default19 as RequireAccess,
+  default47 as RouteTabs,
   SCROLL_MARGIN_BELOW_APP_BAR,
   SEGMENTED_CONTROL_SX,
   SELECTION_PHONE_LAYOUT,
   STACKCRAFT,
-  default34 as ScrollableRow,
-  default51 as SecretField,
-  default35 as SectionCard,
-  default45 as SegmentedControl,
-  default60 as SelectInput,
+  default39 as ScrollableRow,
+  default63 as SecretField,
+  default40 as SectionCard,
+  default56 as SegmentedControl,
+  default76 as SelectInput,
   default15 as SelectionActions,
-  default65 as SessionsCard,
+  default85 as SessionsCard,
   SettingSection,
   default8 as StaleBuildBoundary,
-  default47 as StatusChip,
+  default58 as StatusChip,
   THEME_LOOK,
   TOAST_DEFAULT_OPTIONS,
   TOP_BAR,
   TREND_DIRECTION,
-  default54 as TableToggle,
-  default48 as Tag,
-  default62 as TextInput,
+  default66 as TableToggle,
+  default60 as Tag,
+  default28 as TemplateDownloadButton,
+  default82 as TermsAcceptanceDialog,
+  default78 as TextInput,
   default9 as Toaster,
   ToolkitProvider,
+  default74 as TransferListInput,
   UNKNOWN_FILE_TYPE,
-  default61 as WizardLayout,
+  default77 as WizardLayout,
   XLSX_CONTENT_TYPE,
   accentTextStylesOf,
+  activeDrawerFilterCountOf,
   activeMenuItemOf,
   addLogSink,
   allowOnlyUnrestricted,
@@ -274,12 +339,16 @@ export {
   canvasFieldStylesOf,
   cleanNumberText,
   clearFinishedDownloads,
+  comparisonOf,
+  comparisonTextOf,
   completeDecimals,
   composeMenu,
   composePermissionGroups,
   configureToolkit,
   confirmActionMachine,
   contrastOnWhite,
+  countdownClockOf,
+  countdownPartsOf,
   createAccessChecker,
   createApiClient,
   createBrowserNavigation,
@@ -298,7 +367,12 @@ export {
   fieldErrorsOf,
   fieldPaletteOf,
   fieldWellStylesOf,
+  fileAppearanceOf,
   fileNameFromContentDisposition,
+  filterDrawerChipsOf,
+  filterDrawerDefaultsOf,
+  filterDrawerKindsOf,
+  filterKeysOf,
   fixedBackgroundLayerOf,
   forgetPageName,
   formatCurrency,
@@ -323,11 +397,14 @@ export {
   isAndroidDevice,
   isCompleteZip,
   isGlassTheme,
+  isMaskComplete,
   isNewBuildPublished,
   isPasswordAccepted,
   isStaleChunkError,
   labelOf,
   lookup,
+  maskPatternOf,
+  maskedTextOf,
   matchesAccept,
   materialBackgroundOf,
   materialStylesOf,
@@ -356,6 +433,7 @@ export {
   publishedBuildIdOf,
   rangeEndAfterStartChange,
   rangeEndOptionsOf,
+  rawValueOf,
   readRedirectParam,
   readableVariantOf,
   recallListUrl,
@@ -367,15 +445,18 @@ export {
   resolveInstallVariant,
   safeInternalPath,
   saveBlob,
+  screenFiles,
   screenMenuItemsOf,
   scrollEdgeStylesOf,
   scrollableRow,
+  selectAllStateOf,
   selectionFloatsOnPhone,
   setLogLevel,
   shortLabelOf,
   stackcraftDarkPalette,
   stackcraftLightPalette,
   startDownload,
+  tableRowTextOf,
   toastDefault,
   toastError,
   toastInfo,
@@ -388,19 +469,25 @@ export {
   toolkitSettings,
   default4 as toolkitTextsEn,
   default3 as toolkitTextsEs,
+  transferProgressOf,
   translateToolkit,
   translateValidationMessage,
   uploadMachine,
   uploadWithProgress,
   useAccessChecker,
+  useActiveRouteTab,
   useAppBarHeightPublisher,
   useAppMenu,
   useBarActionsPlacement,
   useCan,
   useCloseBarActionsMenu,
   useConfirmAction,
+  useCookieConsent,
+  useCountdown,
+  useFilePicker,
   useFileTypes,
   useFormatters,
+  useHelpCarousel,
   useInstallPrompt,
   useMenuBadges,
   useNavigationTrail,
@@ -409,6 +496,7 @@ export {
   usePageTitle,
   usePublishedBuildWatch,
   useRememberListUrl,
+  useRowKeys,
   useToolkitNavigation,
   useToolkitSettings,
   useToolkitTranslation,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/inputs/CatalogInput.js

@@ -1,13 +1,16 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
 import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
 import Autocomplete from "@mui/material/Autocomplete";
+import Checkbox from "@mui/material/Checkbox";
 import TextField from "@mui/material/TextField";
 import { translateValidationMessage } from "../forms/validationMessages.js";
 import FieldFrame from "./FieldFrame.js";
+import { selectAllStateOf } from "./selectAllState.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
 const MAX_VISIBLE_OPTIONS = 100;
+const SELECT_ALL_CODE = "__calcita_select_all__";
 function plainTextOf(text) {
   return String(text ?? "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
 }
@@ -26,6 +29,9 @@ function CatalogInput({
   inputRef,
   placeholder,
   multiple = false,
+  selectAll = false,
+  checkboxes = false,
+  limitTags,
   texts,
   ...unknownProps
 }) {
@@ -36,6 +42,21 @@ function CatalogInput({
   const errorText = translateValidationMessage(t, error);
   const selectedOption = multiple ? (Array.isArray(value) ? value : []).map((code) => options.find((option) => option.code === code)).filter(Boolean) : options.find((option) => option.code === value) ?? null;
   const optionLabelOf = (option) => formatLabel ? formatLabel(option) : `${option.label} (${option.code})`;
+  const [searchText, setSearchText] = useState("");
+  const matchesSearch = (option, text) => {
+    const wantedText = plainTextOf(text);
+    return !wantedText || plainTextOf(optionLabelOf(option)).includes(wantedText);
+  };
+  const selectedCodes = multiple && Array.isArray(value) ? value : [];
+  const matchingCodes = options.filter((option) => matchesSearch(option, searchText)).map((option) => option.code);
+  const selectAllState = selectAllStateOf(selectedCodes, matchingCodes);
+  const selectAllLabel = (() => {
+    if (searchText.trim()) {
+      return selectAllState.allChosen ? t("form.unselectMatching", { count: matchingCodes.length }) : t("form.selectMatching", { count: matchingCodes.length });
+    }
+    return selectAllState.allChosen ? t("form.unselectAll") : t("form.selectAll", { count: matchingCodes.length });
+  })();
+  const showsSelectAll = multiple && selectAll;
   return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(
     Autocomplete,
     {
@@ -50,14 +71,60 @@ function CatalogInput({
       disabled,
       noOptionsText: t("form.noOptions"),
       loadingText: t("form.loadingOptions"),
-      getOptionLabel: optionLabelOf,
+      getOptionLabel: (option) => option.code === SELECT_ALL_CODE ? selectAllLabel : optionLabelOf(option),
       isOptionEqualToValue: (option, currentOption) => option.code === currentOption.code,
       filterOptions: (allOptions, { inputValue }) => {
-        const wantedText = plainTextOf(inputValue);
-        const matchingOptions = wantedText ? allOptions.filter((option) => plainTextOf(optionLabelOf(option)).includes(wantedText)) : allOptions;
-        return matchingOptions.slice(0, MAX_VISIBLE_OPTIONS);
+        const matchingOptions = allOptions.filter((option) => matchesSearch(option, inputValue)).slice(0, MAX_VISIBLE_OPTIONS);
+        return showsSelectAll && matchingOptions.length > 0 ? [{ code: SELECT_ALL_CODE, label: selectAllLabel }, ...matchingOptions] : matchingOptions;
+      },
+      inputValue: showsSelectAll ? searchText : void 0,
+      onInputChange: (event, text, reason) => {
+        const isResetByChoosing = ["selectOption", "removeOption", "reset"].includes(reason) && event?.type !== "blur";
+        if (!(showsSelectAll && isResetByChoosing)) {
+          setSearchText(text);
+        }
+      },
+      onChange: (event, option, reason, details) => {
+        if (!multiple) {
+          onChange(option?.code ?? "");
+          return;
+        }
+        if (details?.option?.code === SELECT_ALL_CODE) {
+          onChange(selectAllState.toggled());
+          return;
+        }
+        onChange(option.filter((chosenOption) => chosenOption.code !== SELECT_ALL_CODE).map((chosenOption) => chosenOption.code));
       },
-      onChange: (event, option) => onChange(multiple ? option.map((chosenOption) => chosenOption.code) : option?.code ?? ""),
+      limitTags: multiple ? limitTags : void 0,
+      getLimitTagsText: (hiddenCount) => t("form.moreSelected", { count: hiddenCount }),
+      renderOption: multiple && (checkboxes || selectAll) ? (optionProps, option, { selected }) => {
+        const { key, ...liProps } = optionProps;
+        const isSelectAll = option.code === SELECT_ALL_CODE;
+        const showsBox = checkboxes || isSelectAll;
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            ...liProps,
+            ...isSelectAll && { "aria-selected": selectAllState.allChosen },
+            style: isSelectAll ? { fontWeight: 600 } : void 0,
+            children: [
+              showsBox && /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  size: "small",
+                  tabIndex: -1,
+                  disableRipple: true,
+                  sx: { p: 0, mr: 1 },
+                  checked: isSelectAll ? selectAllState.allChosen : selected,
+                  indeterminate: isSelectAll && selectAllState.someChosen
+                }
+              ),
+              isSelectAll ? selectAllLabel : optionLabelOf(option)
+            ]
+          },
+          key
+        );
+      } : void 0,
       onBlur,
       renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, name, inputRef, placeholder, error: Boolean(errorText), helperText: errorText ?? helperText })
     }

package/dist/inputs/CatalogInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogInput.js","sources":["../../src/inputs/CatalogInput.jsx"],"sourcesContent":["// Campo suelto que elige una clave de un catálogo ([{code, label}]): actividad económica, giro, país, banco… Se busca por la\n// clave o por el texto, sin acentos ni mayúsculas, y al formulario llega solo la clave. Con `multiple` elige varias: cada una\n// queda como chip con su ×, la lista no se cierra al elegir y al formulario llega la lista de claves en el orden elegido.\n//\n// Por qué no un <select>: con catálogos de cientos de opciones no se puede usar; y con texto libre la gente inventa claves.\n// Se enseñan a lo más MAX_VISIBLE_OPTIONS coincidencias: con miles, la lista completa congela la pantalla.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\n\nimport {translateValidationMessage} from '@/forms/validationMessages.js';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\nconst MAX_VISIBLE_OPTIONS = 100;\n\n/**\n * Un texto sin acentos ni mayúsculas, para que «credito» encuentre «Crédito».\n *\n * @param {unknown} text\n * @returns {string}\n */\nfunction plainTextOf(text) {\n    return String(text ?? '').normalize('NFD').replace(/\\p{Diacritic}/gu, '').toLowerCase();\n}\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|string[]|null|undefined} props.value la clave elegida ('' = ninguna); con multiple, la lista ([] = ninguna)\n * @param {(code: any) => void} props.onChange recibe la clave ('' al borrar); con multiple, la lista de claves\n * @param {() => void} [props.onBlur]\n * @param {Array<{code: string, label: string}>} props.options\n * @param {(option: {code: string, label: string}) => string} [props.formatLabel] por omisión «Nombre (clave)»\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {boolean} [props.loading] el catálogo todavía no llega\n * @param {string} [props.placeholder] la pista con el campo vacío, ya traducida (p. ej. «Busque un estado»): sin ella, en un\n *     formulario agrupado el campo vacío solo enseña su botón y no se entiende qué es\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {boolean} [props.multiple] elegir varias claves\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function CatalogInput({\n    name, label, value, onChange, onBlur, options = [], formatLabel, error, helperText = ' ', loading = false, disabled = false, inputRef, placeholder,\n    multiple = false, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('CatalogInput', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const generatedId = useId();\n    const inputId = `${name ?? 'catalog'}-${generatedId}`;\n    const errorText = translateValidationMessage(t, error);\n    // con varias, en el orden en que se eligieron (el de la lista de claves)\n    const selectedOption = multiple\n        ? (Array.isArray(value) ? value : []).map((code) => options.find((option) => option.code === code)).filter(Boolean)\n        : options.find((option) => option.code === value) ?? null;\n    const optionLabelOf = (option) => (formatLabel ? formatLabel(option) : `${option.label} (${option.code})`);\n\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <Autocomplete\n                id={inputId}\n                multiple={multiple}\n                disableCloseOnSelect={multiple}\n                fullWidth\n                size=\"small\"\n                options={options}\n                value={selectedOption}\n                loading={loading}\n                disabled={disabled}\n                noOptionsText={t('form.noOptions')}\n                loadingText={t('form.loadingOptions')}\n                getOptionLabel={optionLabelOf}\n                isOptionEqualToValue={(option, currentOption) => option.code === currentOption.code}\n                filterOptions={(allOptions, {inputValue}) => {\n                    const wantedText = plainTextOf(inputValue);\n                    const matchingOptions = wantedText\n                        ? allOptions.filter((option) => plainTextOf(optionLabelOf(option)).includes(wantedText))\n                        : allOptions;\n                    return matchingOptions.slice(0, MAX_VISIBLE_OPTIONS);\n                }}\n                onChange={(event, option) => onChange(multiple ? option.map((chosenOption) => chosenOption.code) : option?.code ?? '')}\n                onBlur={onBlur}\n                renderInput={(inputProps) => (\n                    <TextField {...inputProps} name={name} inputRef={inputRef} placeholder={placeholder} error={Boolean(errorText)} helperText={errorText ?? helperText} />\n                )}\n            />\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;AAiBA,MAAM,sBAAsB;AAQ5B,SAAS,YAAY,MAAM;AACvB,SAAO,OAAO,QAAQ,EAAE,EAAE,UAAU,KAAK,EAAE,QAAQ,WAAA,kBAAA,IAAA,GAAmB,EAAE,EAAE,YAAA;AAC9E;AAqBA,SAAwB,aAAa;AAAA,EACjC;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ,UAAU,CAAA;AAAA,EAAI;AAAA,EAAa;AAAA,EAAO,aAAa;AAAA,EAAK,UAAU;AAAA,EAAO,WAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EACvI,WAAW;AAAA,EAAO;AAAA,EAClB,GAAG;AACP,GAAG;AACC,mBAAiB,gBAAgB,YAAY;AAC7C,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,cAAc,MAAA;AACpB,QAAM,UAAU,GAAG,QAAQ,SAAS,IAAI,WAAW;AACnD,QAAM,YAAY,2BAA2B,GAAG,KAAK;AAErD,QAAM,iBAAiB,YAChB,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAA,GAAI,IAAI,CAAC,SAAS,QAAQ,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAAE,OAAO,OAAO,IAChH,QAAQ,KAAK,CAAC,WAAW,OAAO,SAAS,KAAK,KAAK;AACzD,QAAM,gBAAgB,CAAC,WAAY,cAAc,YAAY,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,OAAO,IAAI;AAEtG,SACI,oBAAC,YAAA,EAAW,SAAkB,OAC1B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ;AAAA,MACA,sBAAsB;AAAA,MACtB,WAAS;AAAA,MACT,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAe,EAAE,gBAAgB;AAAA,MACjC,aAAa,EAAE,qBAAqB;AAAA,MACpC,gBAAgB;AAAA,MAChB,sBAAsB,CAAC,QAAQ,kBAAkB,OAAO,SAAS,cAAc;AAAA,MAC/E,eAAe,CAAC,YAAY,EAAC,iBAAgB;AACzC,cAAM,aAAa,YAAY,UAAU;AACzC,cAAM,kBAAkB,aAClB,WAAW,OAAO,CAAC,WAAW,YAAY,cAAc,MAAM,CAAC,EAAE,SAAS,UAAU,CAAC,IACrF;AACN,eAAO,gBAAgB,MAAM,GAAG,mBAAmB;AAAA,MACvD;AAAA,MACA,UAAU,CAAC,OAAO,WAAW,SAAS,WAAW,OAAO,IAAI,CAAC,iBAAiB,aAAa,IAAI,IAAI,QAAQ,QAAQ,EAAE;AAAA,MACrH;AAAA,MACA,aAAa,CAAC,eACV,oBAAC,WAAA,EAAW,GAAG,YAAY,MAAY,UAAoB,aAA0B,OAAO,QAAQ,SAAS,GAAG,YAAY,aAAa,WAAA,CAAY;AAAA,IAAA;AAAA,EAAA,GAGjK;AAER;"}
+{"version":3,"file":"CatalogInput.js","sources":["../../src/inputs/CatalogInput.jsx"],"sourcesContent":["// Campo suelto que elige una clave de un catálogo ([{code, label}]): actividad económica, giro, país, banco… Se busca por la\n// clave o por el texto, sin acentos ni mayúsculas, y al formulario llega solo la clave. Con `multiple` elige varias: cada una\n// queda como chip con su ×, la lista no se cierra al elegir y al formulario llega la lista de claves en el orden elegido.\n// Con varias, además (cada una se pide):\n//   selectAll    «Elegir todos» arriba de la lista, con su casilla a medias si hay algunos; con algo escrito en el buscador,\n//                «Elegir los N que coinciden» (todos los que coinciden, no solo los que se ven)\n//   checkboxes   una casilla en cada opción (se ve de un vistazo qué está elegido)\n//   limitTags    cuántos chips se ven con el campo sin foco; los demás, «+3 más»\n//\n// Por qué no un <select>: con catálogos de cientos de opciones no se puede usar; y con texto libre la gente inventa claves.\n// Se enseñan a lo más MAX_VISIBLE_OPTIONS coincidencias: con miles, la lista completa congela la pantalla.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId, useState} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Checkbox from '@mui/material/Checkbox';\nimport TextField from '@mui/material/TextField';\n\nimport {translateValidationMessage} from '@/forms/validationMessages.js';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport {selectAllStateOf} from '@/inputs/selectAllState.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\nconst MAX_VISIBLE_OPTIONS = 100;\n// la opción de «Elegir todos»: no es del catálogo y nunca llega al formulario\nconst SELECT_ALL_CODE = '__calcita_select_all__';\n\n/**\n * Un texto sin acentos ni mayúsculas, para que «credito» encuentre «Crédito».\n *\n * @param {unknown} text\n * @returns {string}\n */\nfunction plainTextOf(text) {\n    return String(text ?? '').normalize('NFD').replace(/\\p{Diacritic}/gu, '').toLowerCase();\n}\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|string[]|null|undefined} props.value la clave elegida ('' = ninguna); con multiple, la lista ([] = ninguna)\n * @param {(code: any) => void} props.onChange recibe la clave ('' al borrar); con multiple, la lista de claves\n * @param {() => void} [props.onBlur]\n * @param {Array<{code: string, label: string}>} props.options\n * @param {(option: {code: string, label: string}) => string} [props.formatLabel] por omisión «Nombre (clave)»\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {boolean} [props.loading] el catálogo todavía no llega\n * @param {string} [props.placeholder] la pista con el campo vacío, ya traducida (p. ej. «Busque un estado»): sin ella, en un\n *     formulario agrupado el campo vacío solo enseña su botón y no se entiende qué es\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {boolean} [props.multiple] elegir varias claves\n * @param {boolean} [props.selectAll] con multiple: «Elegir todos» (o los que coinciden con lo buscado) arriba de la lista\n * @param {boolean} [props.checkboxes] con multiple: una casilla en cada opción\n * @param {number} [props.limitTags] con multiple: cuántos chips se ven sin foco; los demás como «+3 más»\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function CatalogInput({\n    name, label, value, onChange, onBlur, options = [], formatLabel, error, helperText = ' ', loading = false, disabled = false, inputRef, placeholder,\n    multiple = false, selectAll = false, checkboxes = false, limitTags, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('CatalogInput', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const generatedId = useId();\n    const inputId = `${name ?? 'catalog'}-${generatedId}`;\n    const errorText = translateValidationMessage(t, error);\n    // con varias, en el orden en que se eligieron (el de la lista de claves)\n    const selectedOption = multiple\n        ? (Array.isArray(value) ? value : []).map((code) => options.find((option) => option.code === code)).filter(Boolean)\n        : options.find((option) => option.code === value) ?? null;\n    const optionLabelOf = (option) => (formatLabel ? formatLabel(option) : `${option.label} (${option.code})`);\n    // lo escrito en el buscador: «Elegir todos» abarca lo que coincide con eso\n    const [searchText, setSearchText] = useState('');\n    const matchesSearch = (option, text) => {\n        const wantedText = plainTextOf(text);\n        return !wantedText || plainTextOf(optionLabelOf(option)).includes(wantedText);\n    };\n    const selectedCodes = multiple && Array.isArray(value) ? value : [];\n    const matchingCodes = options.filter((option) => matchesSearch(option, searchText)).map((option) => option.code);\n    const selectAllState = selectAllStateOf(selectedCodes, matchingCodes);\n    const selectAllLabel = (() => {\n        if (searchText.trim()) {\n            return selectAllState.allChosen ? t('form.unselectMatching', {count: matchingCodes.length}) : t('form.selectMatching', {count: matchingCodes.length});\n        }\n        return selectAllState.allChosen ? t('form.unselectAll') : t('form.selectAll', {count: matchingCodes.length});\n    })();\n    const showsSelectAll = multiple && selectAll;\n\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <Autocomplete\n                id={inputId}\n                multiple={multiple}\n                disableCloseOnSelect={multiple}\n                fullWidth\n                size=\"small\"\n                options={options}\n                value={selectedOption}\n                loading={loading}\n                disabled={disabled}\n                noOptionsText={t('form.noOptions')}\n                loadingText={t('form.loadingOptions')}\n                getOptionLabel={(option) => (option.code === SELECT_ALL_CODE ? selectAllLabel : optionLabelOf(option))}\n                isOptionEqualToValue={(option, currentOption) => option.code === currentOption.code}\n                filterOptions={(allOptions, {inputValue}) => {\n                    const matchingOptions = allOptions.filter((option) => matchesSearch(option, inputValue)).slice(0, MAX_VISIBLE_OPTIONS);\n                    // «Elegir todos» va arriba solo si hay de dónde elegir\n                    return showsSelectAll && matchingOptions.length > 0 ? [{code: SELECT_ALL_CODE, label: selectAllLabel}, ...matchingOptions] : matchingOptions;\n                }}\n                // con «Elegir todos», lo buscado se queda al elegir (MUI lo borraba): así se eligen varios de la misma búsqueda.\n                // Al salir del campo sí se borra. Sin «Elegir todos», el campo se porta como siempre\n                inputValue={showsSelectAll ? searchText : undefined}\n                onInputChange={(event, text, reason) => {\n                    // MUI 7 avisa con qué borra el texto: al elegir o quitar una opción ('selectOption', 'removeOption', 'reset');\n                    // al salir del campo es 'blur' y ese sí se borra\n                    const isResetByChoosing = ['selectOption', 'removeOption', 'reset'].includes(reason) && event?.type !== 'blur';\n                    if (!(showsSelectAll && isResetByChoosing)) {\n                        setSearchText(text);\n                    }\n                }}\n                onChange={(event, option, reason, details) => {\n                    if (!multiple) {\n                        onChange(option?.code ?? '');\n                        return;\n                    }\n                    if (details?.option?.code === SELECT_ALL_CODE) {\n                        onChange(selectAllState.toggled());\n                        return;\n                    }\n                    onChange(option.filter((chosenOption) => chosenOption.code !== SELECT_ALL_CODE).map((chosenOption) => chosenOption.code));\n                }}\n                limitTags={multiple ? limitTags : undefined}\n                getLimitTagsText={(hiddenCount) => t('form.moreSelected', {count: hiddenCount})}\n                renderOption={multiple && (checkboxes || selectAll) ? (optionProps, option, {selected}) => {\n                    // OJO: key va aparte; dentro de las props React avisa en la consola\n                    const {key, ...liProps} = optionProps;\n                    const isSelectAll = option.code === SELECT_ALL_CODE;\n                    const showsBox = checkboxes || isSelectAll;\n                    return (\n                        <li key={key} {...liProps} {...(isSelectAll && {'aria-selected': selectAllState.allChosen})}\n                            style={isSelectAll ? {fontWeight: 600} : undefined}>\n                            {showsBox && (\n                                <Checkbox size=\"small\" tabIndex={-1} disableRipple sx={{p: 0, mr: 1}}\n                                          checked={isSelectAll ? selectAllState.allChosen : selected}\n                                          indeterminate={isSelectAll && selectAllState.someChosen} />\n                            )}\n                            {isSelectAll ? selectAllLabel : optionLabelOf(option)}\n                        </li>\n                    );\n                } : undefined}\n                onBlur={onBlur}\n                renderInput={(inputProps) => (\n                    <TextField {...inputProps} name={name} inputRef={inputRef} placeholder={placeholder} error={Boolean(errorText)} helperText={errorText ?? helperText} />\n                )}\n            />\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":"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"}