@zydon/common 2.8.19 → 2.8.21
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/{chunk-BJ5IDN65.js → chunk-AWTVGCA6.js} +3 -3
- package/dist/chunk-BVYRIEPW.js +9 -0
- package/dist/chunk-BVYRIEPW.js.map +1 -0
- package/dist/chunk-ON5OQYWL.js +5 -0
- package/dist/chunk-ON5OQYWL.js.map +1 -0
- package/dist/chunk-QNU6ZCPL.js +5 -0
- package/dist/chunk-QNU6ZCPL.js.map +1 -0
- package/dist/components/ActionButton/index.js +1 -0
- package/dist/components/Actions/index.js +1 -0
- package/dist/components/Autocomplete/index.js +1 -0
- package/dist/components/AutocompleteDetailed/index.js +1 -0
- package/dist/components/Avatar/index.js +1 -0
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/AvatarButton/index.js +5 -3
- package/dist/components/AvatarButton/index.js.map +1 -1
- package/dist/components/BuilderLayout/index.js +1 -0
- package/dist/components/BuilderLayout/index.js.map +1 -1
- package/dist/components/BuilderSidebar/index.js +1 -0
- package/dist/components/BuilderSidebar/index.js.map +1 -1
- package/dist/components/BulkEditModal/index.js +1 -0
- package/dist/components/BulkEditModal/index.js.map +1 -1
- package/dist/components/CardBrand/index.js +1 -0
- package/dist/components/CardBrand/index.js.map +1 -1
- package/dist/components/CardBrandText/index.js +1 -0
- package/dist/components/CardBrandText/index.js.map +1 -1
- package/dist/components/CardFlag/index.js +1 -0
- package/dist/components/CardFlag/index.js.map +1 -1
- package/dist/components/CardWithHeader/index.js +1 -0
- package/dist/components/CardWithHeader/index.js.map +1 -1
- package/dist/components/ColorPickerInput/index.js +1 -0
- package/dist/components/ColoredLabel/index.js +1 -0
- package/dist/components/ColoredLabel/index.js.map +1 -1
- package/dist/components/Common/index.js +5 -3
- package/dist/components/Common/index.js.map +1 -1
- package/dist/components/Confirm/index.js +1 -0
- package/dist/components/Confirm/index.js.map +1 -1
- package/dist/components/CopyButton/index.js +1 -0
- package/dist/components/CustomAvatar/index.js +1 -0
- package/dist/components/CustomAvatarGroup/index.js +1 -0
- package/dist/components/CustomAvatarGroup/index.js.map +1 -1
- package/dist/components/DashedDivider/index.js +1 -0
- package/dist/components/DataCards/index.js +1 -0
- package/dist/components/DataCards/index.js.map +1 -1
- package/dist/components/DataGrid/index.js +1 -0
- package/dist/components/DataView/index.js +1 -0
- package/dist/components/DateCalendar/index.d.ts +12 -0
- package/dist/components/DateCalendar/index.js +62 -0
- package/dist/components/DateCalendar/index.js.map +1 -0
- package/dist/components/DatePicker/index.js +1 -0
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DateRangeCalendar/index.js +1 -0
- package/dist/components/DateRangeCalendar/index.js.map +1 -1
- package/dist/components/DateRangePicker/index.js +1 -0
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateTimePicker/index.js +1 -0
- package/dist/components/DateTimePicker/index.js.map +1 -1
- package/dist/components/Delayed/index.js +1 -0
- package/dist/components/Delayed/index.js.map +1 -1
- package/dist/components/DisplayMode/index.js +1 -0
- package/dist/components/DisplayMode/index.js.map +1 -1
- package/dist/components/DragButton/index.js +1 -0
- package/dist/components/DragContainer/index.js +1 -0
- package/dist/components/DragContainer/index.js.map +1 -1
- package/dist/components/Drawer/index.js +1 -0
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/DrawerActions/index.js +1 -0
- package/dist/components/DynamicDataView/index.js +1 -0
- package/dist/components/DynamicDataView/index.js.map +1 -1
- package/dist/components/EasyCrop/index.js +1 -0
- package/dist/components/EasyCropModal/index.js +1 -0
- package/dist/components/EmptyContent/index.js +1 -0
- package/dist/components/EmptyView/index.js +1 -0
- package/dist/components/Error/index.js +1 -0
- package/dist/components/Error/index.js.map +1 -1
- package/dist/components/ExpandableGroup/index.js +1 -0
- package/dist/components/ExpandableGroup/index.js.map +1 -1
- package/dist/components/FieldMentions/index.js +1 -0
- package/dist/components/FieldMentions/index.js.map +1 -1
- package/dist/components/FileUpload/index.js +1 -0
- package/dist/components/FixedProgressBar/index.js +1 -0
- package/dist/components/FrameSkeleton/index.js +1 -0
- package/dist/components/FrameSkeleton/index.js.map +1 -1
- package/dist/components/HelpButton/index.js +1 -0
- package/dist/components/Icon/index.js +1 -0
- package/dist/components/IconButton/index.js +1 -0
- package/dist/components/ImageCrop/index.js +1 -0
- package/dist/components/ImageCropModal/index.js +1 -0
- package/dist/components/ImageCropModal/index.js.map +1 -1
- package/dist/components/Incrementer/index.js +1 -0
- package/dist/components/InfoCircle/index.js +1 -0
- package/dist/components/InfoCircle/index.js.map +1 -1
- package/dist/components/Label/index.js +1 -0
- package/dist/components/ListBundles/index.js +1 -0
- package/dist/components/ListBundles/index.js.map +1 -1
- package/dist/components/LoadingScreen/index.js +1 -0
- package/dist/components/LoadingScreen/index.js.map +1 -1
- package/dist/components/MaskedInput/index.js +1 -0
- package/dist/components/MenuItem/index.js +1 -0
- package/dist/components/MenuItem/index.js.map +1 -1
- package/dist/components/MenuPopover/index.js +1 -0
- package/dist/components/Modal/index.js +1 -0
- package/dist/components/ModalActions/index.js +1 -0
- package/dist/components/MoreMenu/index.js +1 -0
- package/dist/components/MoreMenu/index.js.map +1 -1
- package/dist/components/NotFound/index.js +1 -0
- package/dist/components/NotFound/index.js.map +1 -1
- package/dist/components/NumberInput/index.js +1 -0
- package/dist/components/Page/index.js +1 -0
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/PageHeader/index.js +1 -0
- package/dist/components/PageHeader/index.js.map +1 -1
- package/dist/components/Panel/index.js +1 -0
- package/dist/components/PasswordRules/index.js +1 -0
- package/dist/components/PasswordRules/index.js.map +1 -1
- package/dist/components/PopoverSelect/index.js +1 -0
- package/dist/components/PopoverSelect/index.js.map +1 -1
- package/dist/components/Portal/index.js +1 -0
- package/dist/components/ResponsivePopover/index.js +1 -0
- package/dist/components/Result/index.js +1 -0
- package/dist/components/SavedChanges/index.js +1 -0
- package/dist/components/SavedChanges/index.js.map +1 -1
- package/dist/components/Scrollbar/index.js +1 -0
- package/dist/components/SearchInput/index.js +1 -0
- package/dist/components/SelectList/index.js +1 -0
- package/dist/components/SelectableCards/index.js +1 -0
- package/dist/components/SeoPreview/index.js +1 -0
- package/dist/components/SeoPreview/index.js.map +1 -1
- package/dist/components/SimpleCard/index.js +1 -0
- package/dist/components/SimpleCard/index.js.map +1 -1
- package/dist/components/Skeleton/index.js +1 -0
- package/dist/components/SmartText/index.js +1 -0
- package/dist/components/SmartText/index.js.map +1 -1
- package/dist/components/SplashScreen/index.js +1 -0
- package/dist/components/SplashScreen/index.js.map +1 -1
- package/dist/components/StateDisplay/index.js +1 -0
- package/dist/components/Steps/index.js +1 -0
- package/dist/components/Steps/index.js.map +1 -1
- package/dist/components/StyledTab/index.js +1 -0
- package/dist/components/StyledTab/index.js.map +1 -1
- package/dist/components/StyledTabs/index.js +1 -0
- package/dist/components/StyledTabs/index.js.map +1 -1
- package/dist/components/Summary/index.js +1 -0
- package/dist/components/Summary/index.js.map +1 -1
- package/dist/components/SwapList/index.js +1 -0
- package/dist/components/SwapList/index.js.map +1 -1
- package/dist/components/TabPanel/index.js +1 -0
- package/dist/components/TabPanel/index.js.map +1 -1
- package/dist/components/TextMaxLine/index.js +1 -0
- package/dist/components/TimePicker/index.js +1 -0
- package/dist/components/TimePicker/index.js.map +1 -1
- package/dist/components/ToggleButtonGroup/index.js +1 -0
- package/dist/components/ToggleButtonGroup/index.js.map +1 -1
- package/dist/components/ToggleTheme/index.js +5 -3
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/WebhookCard/index.js +1 -0
- package/dist/components/WebhookCard/index.js.map +1 -1
- package/dist/components/WhiteBox/index.js +1 -0
- package/dist/components/WhiteBox/index.js.map +1 -1
- package/dist/components/animate/index.js +1 -0
- package/dist/components/carousel/index.js +1 -0
- package/dist/components/form/Address/index.js +1 -0
- package/dist/components/form/Address/index.js.map +1 -1
- package/dist/components/form/Autocomplete/index.js +1 -0
- package/dist/components/form/AutocompleteDetailed/index.js +1 -0
- package/dist/components/form/AutocompleteDetailed/index.js.map +1 -1
- package/dist/components/form/Checkbox/index.js +1 -0
- package/dist/components/form/Checkbox/index.js.map +1 -1
- package/dist/components/form/Codes/index.js +1 -0
- package/dist/components/form/Codes/index.js.map +1 -1
- package/dist/components/form/ColorPicker/index.js +1 -0
- package/dist/components/form/ColorPicker/index.js.map +1 -1
- package/dist/components/form/DateField/index.js +1 -0
- package/dist/components/form/DateField/index.js.map +1 -1
- package/dist/components/form/DatePicker/index.js +1 -0
- package/dist/components/form/DatePicker/index.js.map +1 -1
- package/dist/components/form/DateRangePicker/index.js +1 -0
- package/dist/components/form/DateRangePicker/index.js.map +1 -1
- package/dist/components/form/DateTimePicker/index.js +1 -0
- package/dist/components/form/DateTimePicker/index.js.map +1 -1
- package/dist/components/form/Field/index.js +1 -0
- package/dist/components/form/FileUpload/index.js +1 -0
- package/dist/components/form/FileUpload/index.js.map +1 -1
- package/dist/components/form/Form/index.js +1 -0
- package/dist/components/form/Form/index.js.map +1 -1
- package/dist/components/form/Incrementer/index.js +1 -0
- package/dist/components/form/Incrementer/index.js.map +1 -1
- package/dist/components/form/InputTags/index.js +1 -0
- package/dist/components/form/InputTags/index.js.map +1 -1
- package/dist/components/form/MaskedInput/index.js +1 -0
- package/dist/components/form/MultiCheckbox/index.js +1 -0
- package/dist/components/form/MultiCheckbox/index.js.map +1 -1
- package/dist/components/form/MultiChipField/index.js +1 -0
- package/dist/components/form/MultiChipField/index.js.map +1 -1
- package/dist/components/form/NumberInput/index.js +1 -0
- package/dist/components/form/NumberInput/index.js.map +1 -1
- package/dist/components/form/Password/index.js +1 -0
- package/dist/components/form/Password/index.js.map +1 -1
- package/dist/components/form/RadioGroup/index.js +1 -0
- package/dist/components/form/RadioGroup/index.js.map +1 -1
- package/dist/components/form/SelectList/index.js +1 -0
- package/dist/components/form/SelectList/index.js.map +1 -1
- package/dist/components/form/SelectableCards/index.js +1 -0
- package/dist/components/form/SelectableCards/index.js.map +1 -1
- package/dist/components/form/Switch/index.js +1 -0
- package/dist/components/form/Switch/index.js.map +1 -1
- package/dist/components/form/TimePicker/index.js +1 -0
- package/dist/components/form/TimePicker/index.js.map +1 -1
- package/dist/components/form/Webhook/index.js +1 -0
- package/dist/components/form/Webhook/index.js.map +1 -1
- package/dist/components/lightbox/index.js +1 -0
- package/dist/components/lightbox/index.js.map +1 -1
- package/dist/components/table/index.js +1 -0
- package/dist/components/table/index.js.map +1 -1
- package/dist/contexts/Messages/index.js +1 -0
- package/dist/contexts/Messages/index.js.map +1 -1
- package/dist/contexts/PushNotifications/index.js +1 -0
- package/dist/contexts/PushNotifications/index.js.map +1 -1
- package/dist/hooks/useActiveElement.js +1 -0
- package/dist/hooks/useActiveElement.js.map +1 -1
- package/dist/hooks/useApiMessage.js +1 -0
- package/dist/hooks/useAutocomplete.js +1 -0
- package/dist/hooks/useAutocomplete.js.map +1 -1
- package/dist/hooks/useCollapseSidebarOnMount.js +1 -0
- package/dist/hooks/useCopyToClipboard.js +1 -0
- package/dist/hooks/useDatagrid.js +1 -0
- package/dist/hooks/useDatagrid.js.map +1 -1
- package/dist/hooks/useDebounceValue.js +1 -0
- package/dist/hooks/useDebounceValue.js.map +1 -1
- package/dist/hooks/useDeepCompareEffect.js +1 -0
- package/dist/hooks/useDeepCompareEffect.js.map +1 -1
- package/dist/hooks/useEventCallback.js +1 -0
- package/dist/hooks/useEventListener.js +1 -0
- package/dist/hooks/useIsMounting.js +1 -0
- package/dist/hooks/useIsMounting.js.map +1 -1
- package/dist/hooks/useIsVisible.js +1 -0
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/dist/hooks/useLocalStorage.js +1 -0
- package/dist/hooks/useMount.js +1 -0
- package/dist/hooks/useOnClickOutside.js +1 -0
- package/dist/hooks/useOnClickOutside.js.map +1 -1
- package/dist/hooks/usePagination.js +1 -0
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/usePopover.js +1 -0
- package/dist/hooks/useResponsive.js +1 -0
- package/dist/hooks/useScreenSize.js +1 -0
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/hooks/useScrollOffSetTop.js +1 -0
- package/dist/hooks/useScrollOffSetTop.js.map +1 -1
- package/dist/hooks/useSnackbar.js +1 -0
- package/dist/hooks/useTabs.js +1 -0
- package/dist/hooks/useTabs.js.map +1 -1
- package/dist/hooks/useThemeToggle.js +5 -3
- package/dist/hooks/useToggle.js +1 -0
- package/dist/hooks/useUpload.js +1 -0
- package/dist/hooks/useUpload.js.map +1 -1
- package/dist/hooks/useUploadImage.js +1 -0
- package/dist/hooks/useUploadImage.js.map +1 -1
- package/dist/hooks/useWindowFocus.js +1 -0
- package/dist/hooks/useWindowFocus.js.map +1 -1
- package/dist/index.js +5 -3
- package/dist/layouts/Admin/index.js +1 -0
- package/dist/layouts/Admin/index.js.map +1 -1
- package/dist/locales/all-langs.js +3 -1
- package/dist/theme/core/index.js +1 -0
- package/dist/theme/settings-provider.js +1 -0
- package/dist/theme/styles/index.js +1 -0
- package/dist/theme/theme-provider.js +5 -3
- package/dist/theme/with-settings/index.js +1 -0
- package/dist/types/cards.js +1 -0
- package/dist/types/consoleLog.js +1 -0
- package/dist/types/entityMetadata.js +1 -0
- package/dist/types/export.js +2 -0
- package/dist/types/export.js.map +1 -1
- package/dist/types/fieldMentions.js +1 -0
- package/dist/types/files.js +1 -0
- package/dist/types/filter.js +1 -0
- package/dist/types/icon.js +1 -0
- package/dist/types/pushNotifications.js +1 -0
- package/dist/types/webhook.js +1 -0
- package/dist/utils/buildExportPayload.js +1 -0
- package/dist/utils/buildExportPayload.js.map +1 -1
- package/dist/utils/cards.js +1 -0
- package/dist/utils/color.js +1 -0
- package/dist/utils/compare.js +1 -0
- package/dist/utils/consoleLog.js +1 -0
- package/dist/utils/date.js +1 -0
- package/dist/utils/date.js.map +1 -1
- package/dist/utils/diacritics.js +1 -0
- package/dist/utils/dnd.js +1 -0
- package/dist/utils/dnd.js.map +1 -1
- package/dist/utils/execution.js +1 -0
- package/dist/utils/execution.js.map +1 -1
- package/dist/utils/files.js +1 -0
- package/dist/utils/files.js.map +1 -1
- package/dist/utils/flagCard.js +1 -0
- package/dist/utils/formatNumber.js +1 -0
- package/dist/utils/formatTime.js +1 -0
- package/dist/utils/loadable.js +1 -0
- package/dist/utils/loadable.js.map +1 -1
- package/dist/utils/mask.js +2 -0
- package/dist/utils/mask.js.map +1 -1
- package/dist/utils/mobile.js +2 -0
- package/dist/utils/mobile.js.map +1 -1
- package/dist/utils/number.js +1 -0
- package/dist/utils/object.js +1 -0
- package/dist/utils/paymentValidators.js +2 -0
- package/dist/utils/paymentValidators.js.map +1 -1
- package/dist/utils/popup.js +2 -0
- package/dist/utils/popup.js.map +1 -1
- package/dist/utils/sort.js +2 -0
- package/dist/utils/sort.js.map +1 -1
- package/dist/utils/string.js +2 -0
- package/dist/utils/string.js.map +1 -1
- package/dist/utils/urlBase64ToUint8Array.js +1 -0
- package/dist/utils/user.js +1 -0
- package/dist/utils/uuidv4.js +1 -0
- package/dist/utils/validators.js +1 -0
- package/package.json +1 -1
- package/dist/chunk-WUFEPE2G.js +0 -8
- package/dist/chunk-WUFEPE2G.js.map +0 -1
- /package/dist/{chunk-BJ5IDN65.js.map → chunk-AWTVGCA6.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Error/index.tsx","../../../src/assets/illustrations/ImSorry.tsx"],"names":["Button","Stack","Typography","jsx","jsxs","ImSorry","ImSorry_default","Error","title","description","onClickButton","textButton","Icon_default","Error_default"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Error/index.tsx","../../../src/assets/illustrations/ImSorry.tsx"],"names":["Button","Stack","Typography","jsx","jsxs","ImSorry","ImSorry_default","Error","title","description","onClickButton","textButton","Icon_default","Error_default"],"mappings":"4GAAA,OAAOA,MAAY,uBACnB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCAnB,OAOE,OAAAC,EAPF,QAAAC,MAAA,oBAFJ,IAAMC,EAAU,IAEZD,EAAC,OACC,MAAM,MACN,OAAO,MACP,QAAQ,cACR,KAAK,OACL,MAAM,6BAEN,UAAAD,EAAC,QACC,EAAE,gMACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,oJACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,0IACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,mDACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,kDACF,KAAK,UACP,EACAA,EAAC,QACC,EAAE,mDACF,KAAK,UACP,EACAA,EAAC,QAAK,EAAE,gDAAgD,KAAK,QAAQ,EACrEA,EAAC,WACC,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,KAAK,UACP,EACAA,EAAC,WACC,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,SACH,KAAK,UACL,YAAY,OACd,EACAA,EAAC,WACC,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,SACH,KAAK,UACL,YAAY,OACd,EACAA,EAAC,WACC,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,KAAK,UACP,EACAA,EAAC,QACC,EAAE,mEACF,OAAO,UACP,YAAY,SACZ,cAAc,QAChB,EACAA,EAAC,QACC,EAAE,kEACF,OAAO,UACP,YAAY,SACZ,cAAc,QAChB,EACAA,EAAC,QACC,EAAE,kEACF,OAAO,UACP,YAAY,SACZ,cAAc,QAChB,GACF,EAIGG,EAAQD,EDpDT,cAAAF,EAEA,QAAAC,MAFA,oBAxBF,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN;AAAA;AAAA,4FAGF,EAGF,IAAMG,EAAQ,CAAC,CACb,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,WACf,IAEIP,EAACH,EAAA,CACC,OAAQ,EACR,MAAO,EACP,WAAW,SACX,eAAe,SACf,UAAU,SACV,IAAK,EAEL,UAAAE,EAACG,EAAA,EAAQ,EAETF,EAACH,EAAA,CACC,UAAAE,EAACD,EAAA,CAAW,QAAQ,KAAK,MAAM,WAC5B,SAAAM,EACH,EAEAL,EAACD,EAAA,CAAW,QAAQ,QAAQ,MAAM,WAC/B,SAAAO,EACH,GACF,EAEAN,EAACH,EAAA,CACC,QAAQ,YACR,KAAK,QACL,UAAWG,EAACS,EAAA,CAAK,KAAK,iBAAiB,EACvC,QAASF,EAER,SAAAC,EACH,GACF,EAIGE,EAAQN","sourcesContent":["import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ImSorry from 'assets/illustrations/ImSorry';\n\nimport Icon from '../Icon';\n\nimport { ErrorProps } from './props';\n\nif (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.warn(\n '⚠️ DEPRECATED: Error está obsoleto. Use StateDisplay do @zydon/common em seu lugar.\\n' +\n 'Migração: import StateDisplay from \"@zydon/common/components/StateDisplay\";\\n' +\n 'Use variant=\"error\" para estados de erro com melhor flexibilidade e consistência visual.',\n );\n}\n\nconst Error = ({\n title,\n description,\n onClickButton,\n textButton = 'Atualizar',\n}: ErrorProps) => {\n return (\n <Stack\n height={1}\n width={1}\n alignItems=\"center\"\n justifyContent=\"center\"\n textAlign=\"center\"\n gap={3}\n >\n <ImSorry />\n\n <Stack>\n <Typography variant=\"h5\" color=\"grey.600\">\n {title}\n </Typography>\n\n <Typography variant=\"body1\" color=\"grey.600\">\n {description}\n </Typography>\n </Stack>\n\n <Button\n variant=\"contained\"\n size=\"large\"\n startIcon={<Icon icon=\"REFRESH_CHANGE\" />}\n onClick={onClickButton}\n >\n {textButton}\n </Button>\n </Stack>\n );\n};\n\nexport default Error;\n","const ImSorry = () => {\n return (\n <svg\n width=\"270\"\n height=\"240\"\n viewBox=\"0 0 270 240\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M134.533 239.195C60.232 239.195 0 235.603 0 231.173C0 226.744 60.232 223.152 134.533 223.152C208.835 223.152 269.067 226.744 269.067 231.173C269.067 235.603 208.835 239.195 134.533 239.195Z\"\n fill=\"#989898\"\n />\n <path\n d=\"M3.30371 156.829V184.359C3.30371 186.993 5.45705 189.141 8.08905 189.141H260.978C263.614 189.141 265.764 186.993 265.764 184.359V156.829H3.30371Z\"\n fill=\"#CFCFCF\"\n />\n <path\n d=\"M265.764 4.78535C265.764 2.15202 263.615 0 260.979 0H8.08933C5.45599 0 3.30266 2.15202 3.30266 4.78535V156.829H265.764L265.764 4.78535Z\"\n fill=\"#989898\"\n />\n <path\n d=\"M180.226 216.856H89.9502V189.14H180.226V216.856Z\"\n fill=\"#D8D7D5\"\n />\n <path\n d=\"M200.68 229.833H68.2568V216.859H200.68V229.833Z\"\n fill=\"#CFCFCF\"\n />\n <path\n d=\"M180.226 199.157H89.9502V189.14H180.226V199.157Z\"\n fill=\"#BCBBB9\"\n />\n <path d=\"M16.872 13.652H252.247V142.804H16.872V13.652Z\" fill=\"white\" />\n <ellipse\n cx=\"95.0798\"\n cy=\"73.1186\"\n rx=\"5.56321\"\n ry=\"7.64941\"\n fill=\"#CFCFCF\"\n />\n <ellipse\n cx=\"88.8218\"\n cy=\"88.3312\"\n rx=\"11.8218\"\n ry=\"4.1724\"\n fill=\"#EFEFEF\"\n fillOpacity=\"0.59\"\n />\n <ellipse\n cx=\"180.614\"\n cy=\"88.3312\"\n rx=\"11.8218\"\n ry=\"4.1724\"\n fill=\"#EFEFEF\"\n fillOpacity=\"0.59\"\n />\n <ellipse\n cx=\"172.965\"\n cy=\"73.1186\"\n rx=\"5.56321\"\n ry=\"7.64941\"\n fill=\"#CFCFCF\"\n />\n <path\n d=\"M122.896 88.4174C128.459 99.5438 140.281 97.4576 145.148 88.4174\"\n stroke=\"#CFCFCF\"\n strokeWidth=\"2.7816\"\n strokeLinecap=\"round\"\n />\n <path\n d=\"M168.792 52.952C175.051 57.8198 175.746 58.5152 183.395 57.8198\"\n stroke=\"#CFCFCF\"\n strokeWidth=\"2.7816\"\n strokeLinecap=\"round\"\n />\n <path\n d=\"M99.9473 52.952C93.6887 57.8198 92.9933 58.5152 85.3439 57.8198\"\n stroke=\"#CFCFCF\"\n strokeWidth=\"2.7816\"\n strokeLinecap=\"round\"\n />\n </svg>\n );\n};\n\nexport default ImSorry;\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { a as a$1 } from '../../chunk-ET6H3IRG.js';
|
|
2
2
|
import '../../chunk-ICEDOBLM.js';
|
|
3
3
|
import { a } from '../../chunk-E3R7W7GK.js';
|
|
4
|
+
import '../../chunk-ON5OQYWL.js';
|
|
4
5
|
import m from '@mui/material/IconButton';
|
|
5
6
|
import i from '@mui/material/Stack';
|
|
6
7
|
import s from '@mui/material/Typography';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ExpandableGroup/index.tsx","../../../src/components/ExpandableGroup/styles.ts"],"names":["IconButton","Stack","Typography","Collapse","alpha","styled","Container","theme","GroupTop","CollapseGroup","jsx","jsxs","ExpandableGroup","description","name","children","header","onDelete","expanded","toggleExpanded","useToggle_default","Icon_default","ExpandableGroup_default"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ExpandableGroup/index.tsx","../../../src/components/ExpandableGroup/styles.ts"],"names":["IconButton","Stack","Typography","Collapse","alpha","styled","Container","theme","GroupTop","CollapseGroup","jsx","jsxs","ExpandableGroup","description","name","children","header","onDelete","expanded","toggleExpanded","useToggle_default","Icon_default","ExpandableGroup_default"],"mappings":"mJACA,OAAOA,MAAgB,2BACvB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCHvB,OAAOC,MAAc,yBACrB,OAAOF,MAAW,sBAClB,OAAS,SAAAG,EAAO,UAAAC,MAAc,uBAEvB,IAAMC,EAAYD,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAM,CAAM,KAAO,CACrD,OAAQ,aAAaA,EAAM,QAAQ,UACnC,aAAc,EACd,WAAY,SACZ,SAAU,QACZ,EAAE,EAEWC,EAAWH,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAM,CAAM,KAAO,CACpD,gBAAiBH,EAAMG,EAAM,QAAQ,KAAK,GAAG,EAAG,EAAG,EACnD,QAAS,EACT,MAAO,OACP,eAAgB,gBAChB,WAAY,SACZ,IAAK,GAEL,uBAAwB,CACtB,gBAAiBA,EAAM,QAAQ,WAAW,KAC5C,CACF,EAAE,EAEWE,EAAgBJ,EAAOF,CAAQ,EAAE,CAC5C,MAAO,OACP,QAAS,WACX,CAAC,EDHO,OAEI,OAAAO,EAFJ,QAAAC,MAAA,oBAZR,IAAMC,EAAkB,CAAC,CACvB,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,CACF,IAA+C,CAC7C,GAAM,CAACC,EAAUC,CAAc,EAAIC,EAAU,EAAI,EAEjD,OACET,EAACL,EAAA,CACC,UAAAK,EAACH,EAAA,CAAS,UAAU,MAClB,UAAAG,EAACV,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,IAAK,KAAM,EACzD,UAAAS,EAACV,EAAA,CAAW,KAAK,MAAM,QAASmB,EAC9B,SAAAT,EAACW,EAAA,CACC,KAAMH,EAAW,aAAe,gBAChC,cAAaA,EAAW,aAAe,gBACzC,EACF,EAEAR,EAACR,EAAA,CAAW,QAAQ,WAAW,MAAM,eAClC,SAAAY,EACH,EAEAJ,EAACR,EAAA,CAAW,QAAQ,WAAW,MAAM,iBAClC,SAAAW,EACH,EAEAH,EAACT,EAAA,CAAM,KAAM,EAAI,SAAAe,EAAO,GAC1B,EACAN,EAACV,EAAA,CAAW,MAAM,QAAQ,QAASiB,EACjC,SAAAP,EAACW,EAAA,CAAK,KAAK,wBAAwB,EACrC,GACF,EAEAX,EAACD,EAAA,CAAc,GAAIS,EAAU,QAAQ,OAAO,cAAa,GACtD,SAAAH,EACH,GACF,CAEJ,EAEOO,EAAQV","sourcesContent":["import { PropsWithChildren } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport useToggle from 'hooks/useToggle';\n\nimport Icon from '../Icon';\n\nimport { ExpandableGroupProps } from './props';\nimport { CollapseGroup, Container, GroupTop } from './styles';\n\nconst ExpandableGroup = ({\n description,\n name,\n children,\n header,\n onDelete,\n}: PropsWithChildren<ExpandableGroupProps>) => {\n const [expanded, toggleExpanded] = useToggle(true);\n\n return (\n <Container>\n <GroupTop direction=\"row\">\n <Stack direction=\"row\" alignItems=\"center\" gap={1.5} flex={1}>\n <IconButton edge=\"end\" onClick={toggleExpanded}>\n <Icon\n icon={expanded ? 'CHEVRON_UP' : 'CHEVRON_RIGHT'}\n data-testid={expanded ? 'CHEVRON_UP' : 'CHEVRON_RIGHT'}\n />\n </IconButton>\n\n <Typography variant=\"overline\" color=\"text.primary\">\n {name}\n </Typography>\n\n <Typography variant=\"overline\" color=\"text.secondary\">\n {description}\n </Typography>\n\n <Stack flex={1}>{header}</Stack>\n </Stack>\n <IconButton color=\"error\" onClick={onDelete}>\n <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n </IconButton>\n </GroupTop>\n\n <CollapseGroup in={expanded} timeout=\"auto\" unmountOnExit>\n {children}\n </CollapseGroup>\n </Container>\n );\n};\n\nexport default ExpandableGroup;\n","import Collapse from '@mui/material/Collapse';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\nexport const Container = styled(Stack)(({ theme }) => ({\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: 8,\n alignItems: 'center',\n overflow: 'hidden',\n}));\n\nexport const GroupTop = styled(Stack)(({ theme }) => ({\n backgroundColor: alpha(theme.palette.grey[500], 0.1),\n padding: 8,\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 12,\n\n '& .MuiInputBase-root': {\n backgroundColor: theme.palette.background.paper,\n },\n}));\n\nexport const CollapseGroup = styled(Collapse)({\n width: '100%',\n padding: '12px 16px',\n});\n"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { a as a$1 } from '../../chunk-57ZSTQXG.js';
|
|
2
2
|
import { b, c, a } from '../../chunk-3TGBDRKG.js';
|
|
3
|
+
import '../../chunk-ON5OQYWL.js';
|
|
3
4
|
import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
|
|
4
5
|
import We from '@mui/material/TextField';
|
|
5
6
|
import A from '@mui/material/Box';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/FieldMentions/index.tsx","../../../src/components/FieldMentions/Highlighter/index.tsx","../../../src/components/FieldMentions/Mention/index.tsx","../../../src/components/FieldMentions/utils.ts","../../../src/components/FieldMentions/SuggestionOverlay/index.tsx","../../../src/components/FieldMentions/SuggestionOverlay/Suggestion/index.tsx"],"names":["useEffect","useRef","useState","TextField","Box","Portal","jsx","Mention","display","color","backgroundColor","Mention_default","invariant","isNumber","val","combineRegExps","regExps","serializedRegexParser","regex","regexString","regexFlags","countPlaceholders","markup","count","findIndexOfCapturingGroup","parameterName","indexDisplay","indexId","iterateMentionsMarkup","value","dataSources","markupProcessor","plainTextProcessor","multiline","ds","verifyCapturingGroups","DefaultMarkupTemplate","markupToRegex","accOffset","captureGroupOffsets","result","match","start","currentPlainTextIndex","offset","o","mentionChildIndex","displayTransform","idPos","displayPos","id","DefaultDisplayTransform","substr","getPlainText","_match","_index","_plainTextIndex","_id","plainText","numberOfGroups","numberOfPlaceholders","escapedMarkup","escapeRegex","charAfterDisplay","charAfterId","str","applyChangeToValue","plainTextValue","selectionStartBefore","selectionEndBefore","selectionEndAfter","oldPlainTextValue","lengthDelta","insert","spliceStart","spliceEnd","mappedSpliceStart","mapPlainTextIndex","mappedSpliceEnd","controlSpliceStart","controlSpliceEnd","willRemoveMention","newValue","spliceString","controlPlainTextValue","indexInPlainText","inMarkupCorrection","index","mentionPlainTextIndex","substrPlainTextIndex","end","findStartOfMentionInPlainText","_markup","getMentions","mentions","plainTextIndex","childIndex","countSuggestions","suggestions","acc","results","getEndOfLastMention","lastMention","makeTriggerRegex","trigger","allowSpaceInQuery","escapedTriggerChar","getDataProvider","data","ignoreAccents","query","i","getSubstringIndex","normalizeString","removeAccents","formattedStr","diacritics_default","letterDiacritics","makeMentionsMarkup","jsxs","getHighlighterRect","input","rec","computedStyle","Highlighter","props","highlighterRef","cursorRef","selectionEnd","selectionStart","components","dataSourceIndex","dataSource","text","indexInPlaintext","theme","splitIndex","startText","endText","rect","Highlighter_default","useCallback","useMemo","CircularProgress","List","Paper","Popper","Stack","ListItemButton","Suggestion","renderSuggestion","suggestion","focused","onClick","onMouseEnter","Suggestion_default","Fragment","SuggestionsOverlay","onSelect","onMouseDown","ulElement","setSuggestions","focusIndex","setFocusIndex","scrollFocusedIntoView","setScrollFocusedIntoView","loading","setLoading","current","scrollTop","top","bottom","topContainer","queryDataSource","source","sourceIndex","querySequenceStart","querySequenceEnd","fullText","dataProvider","s","err","dataSourcesRef","currentDataSources","positionInValue","substringStartIndex","substring","DefaultTrigger","clearSuggestions","handleSelect","queryInfo","handleMouseEnter","renderedSuggestions","accResults","KeyboardListener","SuggestionOverlay_default","shiftFocus","delta","suggestionsCount","selectFocused","handleKeyDown","ev","FieldMentions","stateValue","setStateValue","inputRef","setInputRef","suggestionsMouseDown","setSelectionStart","setSelectionEnd","handleInputRef","ref","externalInputRef","typedRef","onScroll","others","finalValue","handleBlur","handleSuggestionsMouseDown","addMention","appendSpaceOnAdd","onAdd","displayValue","newCaretPosition","newPlainTextValue","handleChange","selectionStartAfter","startOfMention","nativeEvent","dataLength","inputProps","FieldMentions_default"],"mappings":"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","sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n DefaultMarkupTemplate,\n SuggestionData,\n SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport Highlighter from './Highlighter';\nimport { FieldMentionsBaseProps, FieldMentionsProps } from './props';\nimport SuggestionsOverlay from './SuggestionOverlay';\nimport {\n applyChangeToValue,\n findStartOfMentionInPlainText,\n getMentions,\n getPlainText,\n isNumber,\n makeMentionsMarkup,\n mapPlainTextIndex,\n spliceString,\n} from './utils';\n\nconst FieldMentions = <T extends BaseSuggestionData>(\n props: FieldMentionsProps<T>,\n): ReactNode => {\n const [stateValue, setStateValue] = useState<string>(\n props.defaultValue || '',\n );\n\n const [inputRef, setInputRef] = useState<\n HTMLInputElement | HTMLTextAreaElement | null\n >(null);\n const highlighterRef = useRef<HTMLDivElement>(null);\n const cursorRef = useRef<HTMLSpanElement>(null);\n const suggestionsMouseDown = useRef(false);\n\n const [selectionStart, setSelectionStart] = useState<number | null>(null);\n const [selectionEnd, setSelectionEnd] = useState<number | null>(null);\n\n const handleInputRef = (\n ref: HTMLInputElement | HTMLTextAreaElement | null,\n ) => {\n setInputRef(ref);\n\n if (externalInputRef) {\n if (typeof externalInputRef === 'function') {\n externalInputRef(ref);\n } else if (\n externalInputRef &&\n 'current' in externalInputRef &&\n typeof externalInputRef !== 'function'\n ) {\n const typedRef = externalInputRef as React.MutableRefObject<\n HTMLInputElement | HTMLTextAreaElement | null\n >;\n typedRef.current = ref;\n }\n }\n };\n\n useEffect(() => {\n const input = inputRef;\n const onScroll = () => {\n if (!highlighterRef.current || !input) {\n return;\n }\n highlighterRef.current.scrollLeft = input.scrollLeft;\n highlighterRef.current.scrollTop = input.scrollTop;\n };\n\n input?.addEventListener('scroll', onScroll);\n return () => input?.removeEventListener('scroll', onScroll);\n }, [inputRef, highlighterRef]);\n\n useEffect(() => {\n const input = inputRef;\n if (\n !input ||\n (input.selectionStart === selectionStart &&\n input.selectionEnd === selectionEnd)\n ) {\n return;\n }\n input.setSelectionRange(selectionStart, selectionEnd);\n }, [selectionStart, selectionEnd, inputRef]);\n\n const { value, dataSources, inputRef: externalInputRef, ...others } = props;\n const finalValue = value !== undefined ? value : stateValue;\n\n const handleBlur = () => {\n if (!suggestionsMouseDown.current) {\n setSelectionStart(null);\n setSelectionEnd(null);\n }\n suggestionsMouseDown.current = false;\n };\n\n const handleSuggestionsMouseDown = () => {\n suggestionsMouseDown.current = true;\n };\n\n const addMention = (\n suggestion: SuggestionData<T>,\n {\n childIndex,\n querySequenceStart,\n querySequenceEnd,\n plainTextValue,\n }: SuggestionsQueryInfo,\n ) => {\n const dataSource = dataSources[childIndex];\n\n const { markup, displayTransform, appendSpaceOnAdd, onAdd } = dataSource;\n\n const start = mapPlainTextIndex(\n finalValue,\n dataSources,\n querySequenceStart,\n 'START',\n );\n if (!isNumber(start)) {\n return;\n }\n\n const end = start + querySequenceEnd - querySequenceStart;\n\n let insert = makeMentionsMarkup(\n markup || DefaultMarkupTemplate,\n suggestion.id,\n suggestion.display,\n );\n let displayValue = (displayTransform || DefaultDisplayTransform)(\n suggestion.id,\n suggestion.display,\n );\n\n if (appendSpaceOnAdd) {\n insert += ' ';\n displayValue += ' ';\n }\n\n const newCaretPosition = querySequenceStart + displayValue.length;\n setSelectionStart(newCaretPosition);\n setSelectionEnd(newCaretPosition);\n\n const newValue = spliceString(finalValue, start, end, insert);\n const mentions = getMentions(newValue, dataSources);\n const newPlainTextValue = spliceString(\n plainTextValue,\n querySequenceStart,\n querySequenceEnd,\n displayValue,\n );\n\n const onChange = props.onChange || setStateValue;\n onChange(newValue, newPlainTextValue, mentions);\n onAdd?.(suggestion, start, end);\n };\n\n const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n let newPlainTextValue = ev.target.value;\n\n let selectionStartBefore = selectionStart;\n if (!isNumber(selectionStartBefore)) {\n selectionStartBefore = ev.target.selectionStart;\n }\n\n let selectionEndBefore = selectionEnd;\n if (!isNumber(selectionEndBefore)) {\n selectionEndBefore = ev.target.selectionEnd;\n }\n\n const newValue = applyChangeToValue(\n finalValue,\n newPlainTextValue,\n selectionStartBefore,\n selectionEndBefore,\n ev.target.selectionEnd || 0,\n dataSources,\n props.multiline,\n );\n\n newPlainTextValue = getPlainText(newValue, dataSources);\n\n let selectionStartAfter = ev.target.selectionStart;\n let selectionEndAfter = ev.target.selectionEnd;\n\n const startOfMention = findStartOfMentionInPlainText(\n finalValue,\n dataSources,\n ev.target.selectionStart || 0,\n );\n if (\n startOfMention !== undefined &&\n selectionEndAfter !== null &&\n selectionEndAfter > startOfMention\n ) {\n const nativeEvent = ev.nativeEvent;\n const dataLength =\n 'data' in nativeEvent && typeof nativeEvent.data === 'string'\n ? nativeEvent.data.length\n : 0;\n selectionStartAfter = startOfMention + dataLength;\n selectionEndAfter = selectionStartAfter;\n }\n\n setSelectionStart(selectionStartAfter);\n setSelectionEnd(selectionEndAfter);\n\n const mentions = getMentions(newValue, dataSources);\n\n const onChange = props.onChange || setStateValue;\n onChange(newValue, newPlainTextValue, mentions);\n };\n\n const handleSelect = (ev: React.ChangeEvent<HTMLInputElement>) => {\n setSelectionStart(ev.target.selectionStart);\n setSelectionEnd(ev.target.selectionEnd);\n props.onSelect?.(ev);\n };\n\n const inputProps: TextFieldProps = {\n ...others,\n value: getPlainText(finalValue, dataSources, props.multiline),\n onChange: handleChange,\n onSelect: handleSelect,\n onBlur: handleBlur,\n InputProps: {\n sx: {\n overscrollBehavior: 'none',\n color: 'transparent',\n caretColor: (theme: Theme) => theme.palette.text.primary,\n },\n },\n };\n\n return (\n <>\n <Highlighter\n highlighterRef={highlighterRef}\n cursorRef={cursorRef}\n selectionStart={selectionStart}\n selectionEnd={selectionEnd}\n value={finalValue}\n dataSources={dataSources}\n inputRef={inputRef}\n multiline={inputProps.multiline}\n />\n <TextField inputRef={handleInputRef} {...inputProps} />\n <SuggestionsOverlay\n value={finalValue}\n dataSources={dataSources}\n selectionStart={selectionStart}\n selectionEnd={selectionEnd}\n cursorRef={cursorRef}\n loading={false}\n onSelect={addMention}\n onMouseDown={handleSuggestionsMouseDown}\n slotProps={props.slotProps?.suggestionsOverlay}\n />\n </>\n );\n};\n\nexport default FieldMentions;\nexport type { FieldMentionsBaseProps, FieldMentionsProps };\n","import { type JSX, ReactNode } from 'react';\nimport Box from '@mui/material/Box';\nimport Portal from '@mui/material/Portal';\n\nimport { BaseSuggestionData } from 'types/fieldMentions';\n\nimport Mention from '../Mention';\nimport { iterateMentionsMarkup } from '../utils';\n\nimport { HighlighterProps } from './props';\n\nfunction getHighlighterRect(\n input?: HTMLInputElement | HTMLTextAreaElement | null,\n) {\n const rec = { x: 0, y: 0, width: 0, height: 0 };\n if (!input) {\n return rec;\n }\n\n const computedStyle = getComputedStyle(input);\n rec.width = input.clientWidth;\n rec.width -= parseFloat(computedStyle.paddingLeft);\n rec.width -= parseFloat(computedStyle.paddingRight);\n rec.height = input.clientHeight;\n rec.height -= parseFloat(computedStyle.paddingTop);\n rec.height -= parseFloat(computedStyle.paddingBottom);\n\n rec.x = input.offsetLeft;\n rec.x += parseFloat(computedStyle.paddingLeft);\n rec.x += parseFloat(computedStyle.borderLeft);\n rec.y = input.offsetTop;\n rec.y += parseFloat(computedStyle.paddingTop);\n rec.y += parseFloat(computedStyle.borderTop);\n\n return rec;\n}\n\nconst Highlighter = <T extends BaseSuggestionData>(\n props: HighlighterProps<T>,\n): ReactNode => {\n const {\n highlighterRef,\n cursorRef,\n selectionEnd,\n selectionStart,\n value,\n dataSources,\n multiline,\n } = props;\n const components: JSX.Element[] = [];\n\n const handleMention = (\n _markup: string,\n index: number,\n _plainTextIndex: number,\n id: string,\n display: string,\n dataSourceIndex: number,\n ) => {\n const dataSource = dataSources[dataSourceIndex];\n components.push(\n <Mention\n key={`${id}-${index}`}\n display={display}\n color={dataSource?.color}\n backgroundColor={dataSource?.backgroundColor}\n />,\n );\n };\n\n const handlePlainText = (\n text: string,\n index: number,\n indexInPlaintext: number,\n ) => {\n if (!multiline) {\n text = text.replaceAll('\\n', '');\n }\n\n const renderCursor =\n selectionStart &&\n selectionStart === selectionEnd &&\n selectionStart >= indexInPlaintext &&\n selectionStart <= indexInPlaintext + text.length;\n\n if (!renderCursor) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {text}\n </Box>,\n );\n } else {\n const splitIndex = selectionStart - indexInPlaintext;\n const startText = text.substring(0, splitIndex);\n const endText = text.substring(splitIndex);\n\n if (startText) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}-precursor`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {startText}\n </Box>,\n );\n }\n\n components.push(\n <Box\n key=\"cursor\"\n ref={cursorRef}\n component=\"span\"\n visibility=\"hidden\"\n ></Box>,\n );\n\n if (endText) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}-postcursor`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {endText}\n </Box>,\n );\n }\n }\n };\n\n iterateMentionsMarkup(\n value,\n dataSources,\n handleMention,\n handlePlainText,\n multiline,\n );\n\n const rect = getHighlighterRect(props.inputRef);\n\n return (\n <Portal container={() => props.inputRef?.parentElement || null}>\n <Box\n ref={highlighterRef}\n sx={{\n position: 'absolute',\n top: `${rect.y}px`,\n left: `${rect.x}px`,\n width: `${rect.width}px`,\n height: `${rect.height}px`,\n whiteSpace: multiline ? 'pre-wrap' : 'pre',\n overflow: 'hidden',\n overscrollBehavior: 'none',\n zIndex: 1,\n pointerEvents: 'none',\n }}\n >\n {components}\n <Box component=\"span\" visibility=\"hidden\">\n {' '}\n </Box>\n </Box>\n </Portal>\n );\n};\n\nexport default Highlighter;\n","import Box from '@mui/material/Box';\n\nimport { MentionProps } from './props';\n\nconst Mention = ({ display, color, backgroundColor }: MentionProps) => {\n return (\n <Box\n component=\"span\"\n sx={{\n color: color || 'inherit',\n bgcolor: backgroundColor,\n }}\n >\n {display}\n </Box>\n );\n};\n\nexport default Mention;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport invariant from 'invariant';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n DefaultMarkupTemplate,\n MentionData,\n SuggestionData,\n SuggestionDataSource,\n SuggestionsMap,\n} from 'types/fieldMentions';\nimport lettersDiacritics from 'utils/diacritics';\n\nenum Placeholders {\n id = '__id__',\n display = '__display__',\n}\n\nexport function isNumber(val: any): val is number {\n return typeof val === 'number';\n}\n\nfunction combineRegExps(regExps: RegExp[]): RegExp {\n const serializedRegexParser = /^\\/(.+)\\/(\\w+)?$/;\n return new RegExp(\n regExps\n .map(regex => {\n const [, regexString, regexFlags] =\n serializedRegexParser.exec(regex.toString()) || [];\n\n invariant(\n !regexFlags,\n `RegExp flags are not supported. Change /${regexString}/${regexFlags} into /${regexString}/`,\n );\n\n return `(${regexString})`;\n })\n .join('|'),\n 'g',\n );\n}\n\nfunction countPlaceholders(markup: string): number {\n let count = 0;\n if (markup.indexOf(Placeholders.id) >= 0) count++;\n if (markup.indexOf(Placeholders.display) >= 0) count++;\n return count;\n}\n\nfunction findIndexOfCapturingGroup(\n markup: string,\n parameterName: 'id' | 'display',\n): number {\n invariant(\n parameterName === 'id' || parameterName === 'display',\n `Second arg must be either \"id\" or \"display\", got: \"${parameterName}\"`,\n );\n\n const indexDisplay = markup.indexOf(Placeholders.display);\n const indexId = markup.indexOf(Placeholders.id);\n\n invariant(\n indexDisplay >= 0 || indexId >= 0,\n `The markup '${markup}' does not contain at least one of the placeholders '__id__' or '__display__'`,\n );\n\n if (indexDisplay >= 0 && indexId >= 0) {\n return (parameterName === 'id' && indexId <= indexDisplay) ||\n (parameterName === 'display' && indexDisplay <= indexId)\n ? 0\n : 1;\n }\n\n return 0;\n}\n\nexport function iterateMentionsMarkup<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n markupProcessor: (\n match: string,\n matchIndex: number,\n plainTextIndex: number,\n id: string,\n display: string,\n mentionIndex: number,\n start: number,\n ) => void,\n plainTextProcessor?: (\n value: string,\n start: number,\n currentIndex: number,\n ) => void,\n multiline?: boolean,\n) {\n const regex = combineRegExps(\n dataSources.map(ds =>\n ds.regex\n ? verifyCapturingGroups(ds.regex, ds.markup || DefaultMarkupTemplate)\n : markupToRegex(ds.markup || DefaultMarkupTemplate),\n ),\n );\n\n let accOffset = 2;\n const captureGroupOffsets = dataSources.map(({ markup }) => {\n const result = accOffset;\n accOffset += countPlaceholders(markup || DefaultMarkupTemplate) + 1;\n return result;\n });\n\n let match: RegExpExecArray | null;\n let start = 0;\n let currentPlainTextIndex = 0;\n\n while ((match = regex.exec(value)) !== null) {\n const offset = captureGroupOffsets.find(o => !!match?.[o]);\n if (offset === undefined) {\n continue;\n }\n\n const mentionChildIndex = captureGroupOffsets.indexOf(offset);\n const { markup, displayTransform } = dataSources[mentionChildIndex];\n const idPos =\n offset + findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'id');\n const displayPos =\n offset +\n findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'display');\n\n const id = match[idPos];\n const display = displayTransform\n ? displayTransform(id, match[displayPos])\n : DefaultDisplayTransform(id, match[displayPos], multiline);\n\n const substr = value.substring(start, match.index);\n plainTextProcessor?.(substr, start, currentPlainTextIndex);\n currentPlainTextIndex += substr.length;\n\n markupProcessor(\n match[0],\n match.index,\n currentPlainTextIndex,\n id,\n display,\n mentionChildIndex,\n start,\n );\n currentPlainTextIndex += display.length;\n start = regex.lastIndex;\n }\n\n if (start < value.length) {\n plainTextProcessor?.(value.substring(start), start, currentPlainTextIndex);\n }\n}\n\nexport function getPlainText<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n multiline?: boolean,\n): string {\n let result = '';\n iterateMentionsMarkup(\n value,\n dataSources,\n (_match, _index, _plainTextIndex, _id, display) => {\n result += display;\n },\n plainText => {\n result += plainText;\n },\n multiline,\n );\n return result;\n}\n\nconst verifyCapturingGroups = (regex: RegExp, markup: string) => {\n const numberOfGroups =\n (new RegExp(regex.toString() + '|').exec('')?.length || 0) - 1;\n const numberOfPlaceholders = countPlaceholders(markup);\n\n invariant(\n numberOfGroups === numberOfPlaceholders,\n `Number of capturing groups in RegExp ${regex.toString()} (${numberOfGroups}) does not match the number of placeholders in the markup '${markup}' (${numberOfPlaceholders})`,\n );\n\n return regex;\n};\n\nconst markupToRegex = (markup: string) => {\n const escapedMarkup = escapeRegex(markup);\n\n const charAfterDisplay =\n markup[markup.indexOf(Placeholders.display) + Placeholders.display.length];\n const charAfterId =\n markup[markup.indexOf(Placeholders.id) + Placeholders.id.length];\n\n return new RegExp(\n escapedMarkup\n .replace(\n Placeholders.display,\n `([^${escapeRegex(charAfterDisplay || '')}]+?)`,\n )\n .replace(Placeholders.id, `([^${escapeRegex(charAfterId || '')}]+?)`),\n );\n};\n\nconst escapeRegex = (str: string) =>\n str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n\nexport function applyChangeToValue<T extends BaseSuggestionData>(\n value: string,\n plainTextValue: string,\n selectionStartBefore: number | null,\n selectionEndBefore: number | null,\n selectionEndAfter: number,\n dataSources: SuggestionDataSource<T>[],\n multiline?: boolean,\n) {\n const oldPlainTextValue = getPlainText(value, dataSources, multiline);\n\n const lengthDelta = oldPlainTextValue.length - plainTextValue.length;\n if (selectionStartBefore === null) {\n selectionStartBefore = selectionEndAfter + lengthDelta;\n }\n\n if (selectionEndBefore === null) {\n selectionEndBefore = selectionStartBefore;\n }\n\n if (\n selectionStartBefore === selectionEndBefore &&\n selectionEndBefore === selectionEndAfter &&\n oldPlainTextValue.length === plainTextValue.length\n ) {\n selectionStartBefore = selectionStartBefore - 1;\n }\n\n let insert = plainTextValue.slice(selectionStartBefore, selectionEndAfter);\n\n let spliceStart = Math.min(selectionStartBefore, selectionEndAfter);\n\n let spliceEnd = selectionEndBefore;\n if (selectionStartBefore === selectionEndAfter) {\n spliceEnd = Math.max(\n selectionEndBefore,\n selectionStartBefore + lengthDelta,\n );\n }\n\n let mappedSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'START',\n );\n let mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n\n const controlSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'NULL',\n );\n const controlSpliceEnd = mapPlainTextIndex(\n value,\n dataSources,\n spliceEnd,\n 'NULL',\n );\n const willRemoveMention =\n controlSpliceStart === null || controlSpliceEnd === null;\n\n let newValue = spliceString(\n value,\n mappedSpliceStart || 0,\n mappedSpliceEnd || 0,\n insert,\n );\n\n if (!willRemoveMention) {\n const controlPlainTextValue = getPlainText(\n newValue,\n dataSources,\n multiline,\n );\n if (controlPlainTextValue !== plainTextValue) {\n spliceStart = 0;\n while (plainTextValue[spliceStart] === controlPlainTextValue[spliceStart])\n spliceStart++;\n\n insert = plainTextValue.slice(spliceStart, selectionEndAfter);\n\n spliceEnd = oldPlainTextValue.lastIndexOf(\n plainTextValue.substring(selectionEndAfter),\n );\n\n mappedSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'START',\n );\n mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n newValue = spliceString(\n value,\n mappedSpliceStart || 0,\n mappedSpliceEnd || 0,\n insert,\n );\n }\n }\n\n return newValue;\n}\n\nexport function mapPlainTextIndex<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n indexInPlainText: number,\n inMarkupCorrection: 'START' | 'END' | 'NULL' = 'START',\n): number | null | undefined {\n if (typeof indexInPlainText !== 'number') {\n return indexInPlainText;\n }\n\n let result: number | undefined | null = undefined;\n\n const plainTextProcessor = (\n substr: string,\n index: number,\n substrPlainTextIndex: number,\n ) => {\n if (result !== undefined) return;\n\n if (substrPlainTextIndex + substr.length >= indexInPlainText) {\n result = index + indexInPlainText - substrPlainTextIndex;\n }\n };\n\n const markupProcessor = (\n markup: string,\n index: number,\n mentionPlainTextIndex: number,\n _id: string,\n display: string,\n ) => {\n if (result !== undefined) return;\n\n if (mentionPlainTextIndex + display.length > indexInPlainText) {\n if (inMarkupCorrection === 'NULL') {\n result = null;\n } else {\n result = index + (inMarkupCorrection === 'END' ? markup.length : 0);\n }\n }\n };\n\n iterateMentionsMarkup(\n value,\n dataSources,\n markupProcessor,\n plainTextProcessor,\n );\n\n return result === undefined ? value.length : result;\n}\n\nexport function spliceString(\n str: string,\n start: number,\n end: number,\n insert: string,\n): string {\n return str.substring(0, start) + insert + str.substring(end);\n}\n\nexport function findStartOfMentionInPlainText<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n indexInPlainText: number,\n): number | undefined {\n let result: number | undefined = undefined;\n\n const markupProcessor = (\n _markup: string,\n _index: number,\n mentionPlainTextIndex: number,\n _id: string,\n display: string,\n ) => {\n if (\n mentionPlainTextIndex <= indexInPlainText &&\n mentionPlainTextIndex + display.length > indexInPlainText\n ) {\n result = mentionPlainTextIndex;\n }\n };\n\n iterateMentionsMarkup(value, dataSources, markupProcessor);\n return result;\n}\n\nexport function getMentions<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n): MentionData[] {\n const mentions: MentionData[] = [];\n iterateMentionsMarkup(\n value,\n dataSources,\n (_match, index, plainTextIndex, id, display, childIndex) => {\n mentions.push({\n id,\n display,\n dataSourceIndex: childIndex,\n index,\n plainTextIndex,\n });\n },\n );\n return mentions;\n}\n\nexport function countSuggestions<T extends BaseSuggestionData>(\n suggestions: SuggestionsMap<T>,\n) {\n return Object.values(suggestions).reduce(\n (acc, { results }) => acc + results.length,\n 0,\n );\n}\n\nexport function getEndOfLastMention<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n) {\n const mentions = getMentions(value, dataSources);\n const lastMention = mentions[mentions.length - 1];\n return lastMention\n ? lastMention.plainTextIndex + lastMention.display.length\n : 0;\n}\n\nexport function makeTriggerRegex(\n trigger: string | RegExp,\n allowSpaceInQuery?: boolean,\n) {\n if (trigger instanceof RegExp) {\n return trigger;\n } else {\n const escapedTriggerChar = escapeRegex(trigger);\n\n return new RegExp(\n `(?:^|\\\\s)(${escapedTriggerChar}([^${allowSpaceInQuery ? '' : '\\\\s'}${escapedTriggerChar}]*))$`,\n );\n }\n}\n\nexport function getDataProvider<T extends BaseSuggestionData>(\n data: SuggestionData<T>[] | ((query: string) => Promise<SuggestionData<T>[]>),\n ignoreAccents?: boolean,\n): (query: string) => Promise<SuggestionData<T>[]> {\n if (data instanceof Array) {\n return async function (query: string) {\n const results = [];\n for (let i = 0, l = data.length; i < l; ++i) {\n const display = data[i].display || data[i].id;\n if (getSubstringIndex(display, query, ignoreAccents) >= 0) {\n results.push(data[i]);\n }\n }\n return results;\n };\n }\n return data;\n}\n\nconst getSubstringIndex = (\n str: string,\n substr: string,\n ignoreAccents?: boolean,\n) => {\n if (!ignoreAccents) {\n return str.toLowerCase().indexOf(substr.toLowerCase());\n }\n\n return normalizeString(str).indexOf(normalizeString(substr));\n};\n\nconst removeAccents = (str: string) => {\n let formattedStr = str;\n\n lettersDiacritics.forEach(letterDiacritics => {\n formattedStr = formattedStr.replace(\n letterDiacritics.letters,\n letterDiacritics.base,\n );\n });\n\n return formattedStr;\n};\n\nconst normalizeString = (str: string) => removeAccents(str).toLowerCase();\n\nexport const makeMentionsMarkup = (\n markup: string,\n id: string,\n display?: string,\n) => {\n return markup\n .replace(Placeholders.id, id)\n .replace(Placeholders.display, display || id);\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable no-console */\nimport {\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport List from '@mui/material/List';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport Stack from '@mui/material/Stack';\n\nimport {\n BaseSuggestionData,\n DefaultTrigger,\n SuggestionData,\n SuggestionDataSource,\n Suggestions,\n SuggestionsMap,\n SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport {\n countSuggestions,\n getDataProvider,\n getEndOfLastMention,\n getPlainText,\n makeTriggerRegex,\n mapPlainTextIndex,\n} from '../utils';\n\nimport { KeyboardListenerProps, SuggestionsOverlayProps } from './props';\nimport Suggestion from './Suggestion';\n\nconst SuggestionsOverlay = <T extends BaseSuggestionData>(\n props: SuggestionsOverlayProps<T>,\n) => {\n const {\n value,\n dataSources,\n selectionStart,\n selectionEnd,\n cursorRef,\n onSelect,\n onMouseDown,\n } = props;\n const ulElement = useRef<HTMLUListElement>(null);\n const [suggestions, setSuggestions] = useState<SuggestionsMap<T>>({});\n const [focusIndex, setFocusIndex] = useState(0);\n const [scrollFocusedIntoView, setScrollFocusedIntoView] = useState(false);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n const current = ulElement.current;\n if (!scrollFocusedIntoView || !current || current.children.length === 0) {\n return;\n }\n\n const scrollTop = current.scrollTop;\n\n let { top, bottom } = current.children[focusIndex].getBoundingClientRect();\n const { top: topContainer } = current.getBoundingClientRect();\n top = top - topContainer + scrollTop;\n bottom = bottom - topContainer + scrollTop;\n\n if (top < scrollTop) {\n current.scrollTop = top;\n } else if (bottom > current.offsetHeight + scrollTop) {\n current.scrollTop = bottom - current.offsetHeight;\n }\n\n setScrollFocusedIntoView(false);\n }, [scrollFocusedIntoView, ulElement, focusIndex, setScrollFocusedIntoView]);\n\n const queryDataSource = useCallback(\n async (\n source: SuggestionDataSource<T>,\n query: string,\n sourceIndex: number,\n querySequenceStart: number,\n querySequenceEnd: number,\n fullText: string,\n ) => {\n try {\n const dataProvider = getDataProvider(source.data, source.ignoreAccents);\n setLoading(true);\n const results = await dataProvider(query);\n setSuggestions(s => {\n return {\n ...s,\n [sourceIndex]: {\n queryInfo: {\n childIndex: sourceIndex,\n query,\n querySequenceStart,\n querySequenceEnd,\n plainTextValue: fullText,\n },\n results,\n },\n };\n });\n } catch (err) {\n console.error(err);\n } finally {\n setLoading(false);\n }\n },\n [],\n );\n\n const dataSourcesRef = useRef(dataSources);\n useEffect(() => {\n dataSourcesRef.current = dataSources;\n }, [dataSources]);\n\n useEffect(() => {\n setSuggestions({});\n\n if (!selectionStart || selectionStart !== selectionEnd) {\n return;\n }\n\n const currentDataSources = dataSourcesRef.current;\n const plainText = getPlainText(value, currentDataSources);\n\n const positionInValue = mapPlainTextIndex(\n plainText,\n currentDataSources,\n selectionStart,\n 'NULL',\n );\n if (!positionInValue) {\n return;\n }\n\n const substringStartIndex = getEndOfLastMention(\n plainText.substring(0, positionInValue),\n currentDataSources,\n );\n const substring = plainText.substring(substringStartIndex, selectionStart);\n\n currentDataSources.forEach((source, sourceIndex) => {\n if (!source) {\n return;\n }\n\n const regex = makeTriggerRegex(\n source.trigger || DefaultTrigger,\n source.allowSpaceInQuery,\n );\n const match = substring.match(regex);\n if (match) {\n const querySequenceStart =\n substringStartIndex + substring.indexOf(match[1], match.index);\n queryDataSource(\n source,\n match[2],\n sourceIndex,\n querySequenceStart,\n querySequenceStart + match[1].length,\n plainText,\n );\n }\n });\n }, [selectionStart, selectionEnd, value, queryDataSource]);\n\n const clearSuggestions = useCallback(() => {\n setSuggestions({});\n setFocusIndex(0);\n }, [setSuggestions, setFocusIndex]);\n\n const handleSelect = useCallback(\n (result: SuggestionData<T>, queryInfo: any) => {\n onSelect(result, queryInfo);\n clearSuggestions();\n },\n [onSelect, clearSuggestions],\n );\n\n const handleMouseEnter = useCallback(\n (focusIndex: number) => {\n setFocusIndex(focusIndex);\n },\n [setFocusIndex],\n );\n\n const renderedSuggestions = useMemo(() => {\n return Object.values(suggestions).reduce(\n (accResults, { results, queryInfo }) => [\n ...accResults,\n ...results.map((result: SuggestionData<T>, index: number) => (\n <Suggestion\n key={result.id}\n id={result.id}\n query={queryInfo.query}\n index={index}\n suggestion={result}\n focused={index === focusIndex}\n onClick={() => handleSelect(result, queryInfo)}\n onMouseEnter={() => handleMouseEnter(index)}\n />\n )),\n ],\n [],\n );\n }, [suggestions, handleSelect, handleMouseEnter, focusIndex]);\n\n if (selectionStart === null || selectionStart !== selectionEnd) {\n return null;\n }\n\n if (!loading && renderedSuggestions.length === 0) {\n return null;\n }\n\n return (\n <>\n <KeyboardListener\n suggestions={suggestions}\n clearSuggestions={clearSuggestions}\n onSelect={handleSelect}\n focusIndex={focusIndex}\n setFocusIndex={setFocusIndex}\n setScrollFocusedIntoView={setScrollFocusedIntoView}\n loading={loading}\n />\n <Popper\n placement=\"bottom-start\"\n {...props.slotProps?.popper}\n sx={{ zIndex: 2, ...props.slotProps?.popper?.sx }}\n open={true}\n anchorEl={cursorRef.current}\n >\n <Paper elevation={8} onMouseDown={onMouseDown}>\n <List\n ref={ulElement}\n sx={{ width: '300px', maxHeight: '40vh', overflow: 'auto' }}\n >\n {renderedSuggestions.length > 0\n ? renderedSuggestions\n : loading && (\n <Stack\n justifyContent=\"center\"\n alignItems=\"center\"\n height=\"40vh\"\n >\n <CircularProgress />\n </Stack>\n )}\n </List>\n </Paper>\n </Popper>\n </>\n );\n};\n\nexport default SuggestionsOverlay;\n\nenum Key {\n Tab = 'Tab',\n Return = 'Enter',\n Escape = 'Escape',\n Up = 'ArrowUp',\n Down = 'ArrowDown',\n}\n\nconst KeyboardListener = <T extends BaseSuggestionData>(\n props: KeyboardListenerProps<T>,\n): ReactNode => {\n const {\n suggestions,\n clearSuggestions,\n focusIndex,\n setFocusIndex,\n setScrollFocusedIntoView,\n onSelect,\n loading,\n } = props;\n\n useEffect(() => {\n const shiftFocus = (delta: number) => {\n if (loading) return;\n\n const suggestionsCount = countSuggestions(suggestions);\n setFocusIndex((suggestionsCount + focusIndex + delta) % suggestionsCount);\n setScrollFocusedIntoView(true);\n };\n\n const selectFocused = () => {\n if (loading) return;\n\n const {\n result,\n queryInfo,\n }: { result: SuggestionData<T>; queryInfo: SuggestionsQueryInfo } =\n Object.values(suggestions).reduce(\n (acc: Suggestions<T>[], { results, queryInfo }: Suggestions<T>) => [\n ...acc,\n ...results.map((result: SuggestionData<T>) => ({\n result,\n queryInfo,\n })),\n ],\n [],\n )[focusIndex];\n onSelect(result, queryInfo);\n };\n\n const handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case Key.Escape: {\n clearSuggestions();\n break;\n }\n case Key.Down: {\n shiftFocus(+1);\n break;\n }\n case Key.Up: {\n shiftFocus(-1);\n break;\n }\n\n case Key.Return:\n case Key.Tab: {\n selectFocused();\n break;\n }\n default: {\n return;\n }\n }\n\n ev.preventDefault();\n ev.stopPropagation();\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [\n suggestions,\n clearSuggestions,\n focusIndex,\n setFocusIndex,\n onSelect,\n setScrollFocusedIntoView,\n loading,\n ]);\n\n return null;\n};\n","import { ReactNode } from 'react';\nimport ListItemButton from '@mui/material/ListItemButton';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n} from 'types/fieldMentions';\n\nimport { SuggestionProps } from './props';\n\nconst Suggestion = <T extends BaseSuggestionData>(\n props: SuggestionProps<T>,\n): ReactNode => {\n const { renderSuggestion, suggestion, focused, onClick, onMouseEnter } =\n props;\n\n if (renderSuggestion) {\n return renderSuggestion(props);\n }\n\n const display = DefaultDisplayTransform(suggestion.id, suggestion.display);\n return (\n <ListItemButton\n role=\"option\"\n aria-selected={focused}\n selected={focused}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n >\n {display}\n </ListItemButton>\n );\n};\n\nexport default Suggestion;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FieldMentions/index.tsx","../../../src/components/FieldMentions/Highlighter/index.tsx","../../../src/components/FieldMentions/Mention/index.tsx","../../../src/components/FieldMentions/utils.ts","../../../src/components/FieldMentions/SuggestionOverlay/index.tsx","../../../src/components/FieldMentions/SuggestionOverlay/Suggestion/index.tsx"],"names":["useEffect","useRef","useState","TextField","Box","Portal","jsx","Mention","display","color","backgroundColor","Mention_default","invariant","isNumber","val","combineRegExps","regExps","serializedRegexParser","regex","regexString","regexFlags","countPlaceholders","markup","count","findIndexOfCapturingGroup","parameterName","indexDisplay","indexId","iterateMentionsMarkup","value","dataSources","markupProcessor","plainTextProcessor","multiline","ds","verifyCapturingGroups","DefaultMarkupTemplate","markupToRegex","accOffset","captureGroupOffsets","result","match","start","currentPlainTextIndex","offset","o","mentionChildIndex","displayTransform","idPos","displayPos","id","DefaultDisplayTransform","substr","getPlainText","_match","_index","_plainTextIndex","_id","plainText","numberOfGroups","numberOfPlaceholders","escapedMarkup","escapeRegex","charAfterDisplay","charAfterId","str","applyChangeToValue","plainTextValue","selectionStartBefore","selectionEndBefore","selectionEndAfter","oldPlainTextValue","lengthDelta","insert","spliceStart","spliceEnd","mappedSpliceStart","mapPlainTextIndex","mappedSpliceEnd","controlSpliceStart","controlSpliceEnd","willRemoveMention","newValue","spliceString","controlPlainTextValue","indexInPlainText","inMarkupCorrection","index","mentionPlainTextIndex","substrPlainTextIndex","end","findStartOfMentionInPlainText","_markup","getMentions","mentions","plainTextIndex","childIndex","countSuggestions","suggestions","acc","results","getEndOfLastMention","lastMention","makeTriggerRegex","trigger","allowSpaceInQuery","escapedTriggerChar","getDataProvider","data","ignoreAccents","query","i","getSubstringIndex","normalizeString","removeAccents","formattedStr","diacritics_default","letterDiacritics","makeMentionsMarkup","jsxs","getHighlighterRect","input","rec","computedStyle","Highlighter","props","highlighterRef","cursorRef","selectionEnd","selectionStart","components","dataSourceIndex","dataSource","text","indexInPlaintext","theme","splitIndex","startText","endText","rect","Highlighter_default","useCallback","useMemo","CircularProgress","List","Paper","Popper","Stack","ListItemButton","Suggestion","renderSuggestion","suggestion","focused","onClick","onMouseEnter","Suggestion_default","Fragment","SuggestionsOverlay","onSelect","onMouseDown","ulElement","setSuggestions","focusIndex","setFocusIndex","scrollFocusedIntoView","setScrollFocusedIntoView","loading","setLoading","current","scrollTop","top","bottom","topContainer","queryDataSource","source","sourceIndex","querySequenceStart","querySequenceEnd","fullText","dataProvider","s","err","dataSourcesRef","currentDataSources","positionInValue","substringStartIndex","substring","DefaultTrigger","clearSuggestions","handleSelect","queryInfo","handleMouseEnter","renderedSuggestions","accResults","KeyboardListener","SuggestionOverlay_default","shiftFocus","delta","suggestionsCount","selectFocused","handleKeyDown","ev","FieldMentions","stateValue","setStateValue","inputRef","setInputRef","suggestionsMouseDown","setSelectionStart","setSelectionEnd","handleInputRef","ref","externalInputRef","typedRef","onScroll","others","finalValue","handleBlur","handleSuggestionsMouseDown","addMention","appendSpaceOnAdd","onAdd","displayValue","newCaretPosition","newPlainTextValue","handleChange","selectionStartAfter","startOfMention","nativeEvent","dataLength","inputProps","FieldMentions_default"],"mappings":"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","sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n DefaultMarkupTemplate,\n SuggestionData,\n SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport Highlighter from './Highlighter';\nimport { FieldMentionsBaseProps, FieldMentionsProps } from './props';\nimport SuggestionsOverlay from './SuggestionOverlay';\nimport {\n applyChangeToValue,\n findStartOfMentionInPlainText,\n getMentions,\n getPlainText,\n isNumber,\n makeMentionsMarkup,\n mapPlainTextIndex,\n spliceString,\n} from './utils';\n\nconst FieldMentions = <T extends BaseSuggestionData>(\n props: FieldMentionsProps<T>,\n): ReactNode => {\n const [stateValue, setStateValue] = useState<string>(\n props.defaultValue || '',\n );\n\n const [inputRef, setInputRef] = useState<\n HTMLInputElement | HTMLTextAreaElement | null\n >(null);\n const highlighterRef = useRef<HTMLDivElement>(null);\n const cursorRef = useRef<HTMLSpanElement>(null);\n const suggestionsMouseDown = useRef(false);\n\n const [selectionStart, setSelectionStart] = useState<number | null>(null);\n const [selectionEnd, setSelectionEnd] = useState<number | null>(null);\n\n const handleInputRef = (\n ref: HTMLInputElement | HTMLTextAreaElement | null,\n ) => {\n setInputRef(ref);\n\n if (externalInputRef) {\n if (typeof externalInputRef === 'function') {\n externalInputRef(ref);\n } else if (\n externalInputRef &&\n 'current' in externalInputRef &&\n typeof externalInputRef !== 'function'\n ) {\n const typedRef = externalInputRef as React.MutableRefObject<\n HTMLInputElement | HTMLTextAreaElement | null\n >;\n typedRef.current = ref;\n }\n }\n };\n\n useEffect(() => {\n const input = inputRef;\n const onScroll = () => {\n if (!highlighterRef.current || !input) {\n return;\n }\n highlighterRef.current.scrollLeft = input.scrollLeft;\n highlighterRef.current.scrollTop = input.scrollTop;\n };\n\n input?.addEventListener('scroll', onScroll);\n return () => input?.removeEventListener('scroll', onScroll);\n }, [inputRef, highlighterRef]);\n\n useEffect(() => {\n const input = inputRef;\n if (\n !input ||\n (input.selectionStart === selectionStart &&\n input.selectionEnd === selectionEnd)\n ) {\n return;\n }\n input.setSelectionRange(selectionStart, selectionEnd);\n }, [selectionStart, selectionEnd, inputRef]);\n\n const { value, dataSources, inputRef: externalInputRef, ...others } = props;\n const finalValue = value !== undefined ? value : stateValue;\n\n const handleBlur = () => {\n if (!suggestionsMouseDown.current) {\n setSelectionStart(null);\n setSelectionEnd(null);\n }\n suggestionsMouseDown.current = false;\n };\n\n const handleSuggestionsMouseDown = () => {\n suggestionsMouseDown.current = true;\n };\n\n const addMention = (\n suggestion: SuggestionData<T>,\n {\n childIndex,\n querySequenceStart,\n querySequenceEnd,\n plainTextValue,\n }: SuggestionsQueryInfo,\n ) => {\n const dataSource = dataSources[childIndex];\n\n const { markup, displayTransform, appendSpaceOnAdd, onAdd } = dataSource;\n\n const start = mapPlainTextIndex(\n finalValue,\n dataSources,\n querySequenceStart,\n 'START',\n );\n if (!isNumber(start)) {\n return;\n }\n\n const end = start + querySequenceEnd - querySequenceStart;\n\n let insert = makeMentionsMarkup(\n markup || DefaultMarkupTemplate,\n suggestion.id,\n suggestion.display,\n );\n let displayValue = (displayTransform || DefaultDisplayTransform)(\n suggestion.id,\n suggestion.display,\n );\n\n if (appendSpaceOnAdd) {\n insert += ' ';\n displayValue += ' ';\n }\n\n const newCaretPosition = querySequenceStart + displayValue.length;\n setSelectionStart(newCaretPosition);\n setSelectionEnd(newCaretPosition);\n\n const newValue = spliceString(finalValue, start, end, insert);\n const mentions = getMentions(newValue, dataSources);\n const newPlainTextValue = spliceString(\n plainTextValue,\n querySequenceStart,\n querySequenceEnd,\n displayValue,\n );\n\n const onChange = props.onChange || setStateValue;\n onChange(newValue, newPlainTextValue, mentions);\n onAdd?.(suggestion, start, end);\n };\n\n const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n let newPlainTextValue = ev.target.value;\n\n let selectionStartBefore = selectionStart;\n if (!isNumber(selectionStartBefore)) {\n selectionStartBefore = ev.target.selectionStart;\n }\n\n let selectionEndBefore = selectionEnd;\n if (!isNumber(selectionEndBefore)) {\n selectionEndBefore = ev.target.selectionEnd;\n }\n\n const newValue = applyChangeToValue(\n finalValue,\n newPlainTextValue,\n selectionStartBefore,\n selectionEndBefore,\n ev.target.selectionEnd || 0,\n dataSources,\n props.multiline,\n );\n\n newPlainTextValue = getPlainText(newValue, dataSources);\n\n let selectionStartAfter = ev.target.selectionStart;\n let selectionEndAfter = ev.target.selectionEnd;\n\n const startOfMention = findStartOfMentionInPlainText(\n finalValue,\n dataSources,\n ev.target.selectionStart || 0,\n );\n if (\n startOfMention !== undefined &&\n selectionEndAfter !== null &&\n selectionEndAfter > startOfMention\n ) {\n const nativeEvent = ev.nativeEvent;\n const dataLength =\n 'data' in nativeEvent && typeof nativeEvent.data === 'string'\n ? nativeEvent.data.length\n : 0;\n selectionStartAfter = startOfMention + dataLength;\n selectionEndAfter = selectionStartAfter;\n }\n\n setSelectionStart(selectionStartAfter);\n setSelectionEnd(selectionEndAfter);\n\n const mentions = getMentions(newValue, dataSources);\n\n const onChange = props.onChange || setStateValue;\n onChange(newValue, newPlainTextValue, mentions);\n };\n\n const handleSelect = (ev: React.ChangeEvent<HTMLInputElement>) => {\n setSelectionStart(ev.target.selectionStart);\n setSelectionEnd(ev.target.selectionEnd);\n props.onSelect?.(ev);\n };\n\n const inputProps: TextFieldProps = {\n ...others,\n value: getPlainText(finalValue, dataSources, props.multiline),\n onChange: handleChange,\n onSelect: handleSelect,\n onBlur: handleBlur,\n InputProps: {\n sx: {\n overscrollBehavior: 'none',\n color: 'transparent',\n caretColor: (theme: Theme) => theme.palette.text.primary,\n },\n },\n };\n\n return (\n <>\n <Highlighter\n highlighterRef={highlighterRef}\n cursorRef={cursorRef}\n selectionStart={selectionStart}\n selectionEnd={selectionEnd}\n value={finalValue}\n dataSources={dataSources}\n inputRef={inputRef}\n multiline={inputProps.multiline}\n />\n <TextField inputRef={handleInputRef} {...inputProps} />\n <SuggestionsOverlay\n value={finalValue}\n dataSources={dataSources}\n selectionStart={selectionStart}\n selectionEnd={selectionEnd}\n cursorRef={cursorRef}\n loading={false}\n onSelect={addMention}\n onMouseDown={handleSuggestionsMouseDown}\n slotProps={props.slotProps?.suggestionsOverlay}\n />\n </>\n );\n};\n\nexport default FieldMentions;\nexport type { FieldMentionsBaseProps, FieldMentionsProps };\n","import { type JSX, ReactNode } from 'react';\nimport Box from '@mui/material/Box';\nimport Portal from '@mui/material/Portal';\n\nimport { BaseSuggestionData } from 'types/fieldMentions';\n\nimport Mention from '../Mention';\nimport { iterateMentionsMarkup } from '../utils';\n\nimport { HighlighterProps } from './props';\n\nfunction getHighlighterRect(\n input?: HTMLInputElement | HTMLTextAreaElement | null,\n) {\n const rec = { x: 0, y: 0, width: 0, height: 0 };\n if (!input) {\n return rec;\n }\n\n const computedStyle = getComputedStyle(input);\n rec.width = input.clientWidth;\n rec.width -= parseFloat(computedStyle.paddingLeft);\n rec.width -= parseFloat(computedStyle.paddingRight);\n rec.height = input.clientHeight;\n rec.height -= parseFloat(computedStyle.paddingTop);\n rec.height -= parseFloat(computedStyle.paddingBottom);\n\n rec.x = input.offsetLeft;\n rec.x += parseFloat(computedStyle.paddingLeft);\n rec.x += parseFloat(computedStyle.borderLeft);\n rec.y = input.offsetTop;\n rec.y += parseFloat(computedStyle.paddingTop);\n rec.y += parseFloat(computedStyle.borderTop);\n\n return rec;\n}\n\nconst Highlighter = <T extends BaseSuggestionData>(\n props: HighlighterProps<T>,\n): ReactNode => {\n const {\n highlighterRef,\n cursorRef,\n selectionEnd,\n selectionStart,\n value,\n dataSources,\n multiline,\n } = props;\n const components: JSX.Element[] = [];\n\n const handleMention = (\n _markup: string,\n index: number,\n _plainTextIndex: number,\n id: string,\n display: string,\n dataSourceIndex: number,\n ) => {\n const dataSource = dataSources[dataSourceIndex];\n components.push(\n <Mention\n key={`${id}-${index}`}\n display={display}\n color={dataSource?.color}\n backgroundColor={dataSource?.backgroundColor}\n />,\n );\n };\n\n const handlePlainText = (\n text: string,\n index: number,\n indexInPlaintext: number,\n ) => {\n if (!multiline) {\n text = text.replaceAll('\\n', '');\n }\n\n const renderCursor =\n selectionStart &&\n selectionStart === selectionEnd &&\n selectionStart >= indexInPlaintext &&\n selectionStart <= indexInPlaintext + text.length;\n\n if (!renderCursor) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {text}\n </Box>,\n );\n } else {\n const splitIndex = selectionStart - indexInPlaintext;\n const startText = text.substring(0, splitIndex);\n const endText = text.substring(splitIndex);\n\n if (startText) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}-precursor`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {startText}\n </Box>,\n );\n }\n\n components.push(\n <Box\n key=\"cursor\"\n ref={cursorRef}\n component=\"span\"\n visibility=\"hidden\"\n ></Box>,\n );\n\n if (endText) {\n components.push(\n <Box\n key={`${index}-${indexInPlaintext}-postcursor`}\n component=\"span\"\n sx={{ color: theme => theme.palette.text.primary }}\n >\n {endText}\n </Box>,\n );\n }\n }\n };\n\n iterateMentionsMarkup(\n value,\n dataSources,\n handleMention,\n handlePlainText,\n multiline,\n );\n\n const rect = getHighlighterRect(props.inputRef);\n\n return (\n <Portal container={() => props.inputRef?.parentElement || null}>\n <Box\n ref={highlighterRef}\n sx={{\n position: 'absolute',\n top: `${rect.y}px`,\n left: `${rect.x}px`,\n width: `${rect.width}px`,\n height: `${rect.height}px`,\n whiteSpace: multiline ? 'pre-wrap' : 'pre',\n overflow: 'hidden',\n overscrollBehavior: 'none',\n zIndex: 1,\n pointerEvents: 'none',\n }}\n >\n {components}\n <Box component=\"span\" visibility=\"hidden\">\n {' '}\n </Box>\n </Box>\n </Portal>\n );\n};\n\nexport default Highlighter;\n","import Box from '@mui/material/Box';\n\nimport { MentionProps } from './props';\n\nconst Mention = ({ display, color, backgroundColor }: MentionProps) => {\n return (\n <Box\n component=\"span\"\n sx={{\n color: color || 'inherit',\n bgcolor: backgroundColor,\n }}\n >\n {display}\n </Box>\n );\n};\n\nexport default Mention;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport invariant from 'invariant';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n DefaultMarkupTemplate,\n MentionData,\n SuggestionData,\n SuggestionDataSource,\n SuggestionsMap,\n} from 'types/fieldMentions';\nimport lettersDiacritics from 'utils/diacritics';\n\nenum Placeholders {\n id = '__id__',\n display = '__display__',\n}\n\nexport function isNumber(val: any): val is number {\n return typeof val === 'number';\n}\n\nfunction combineRegExps(regExps: RegExp[]): RegExp {\n const serializedRegexParser = /^\\/(.+)\\/(\\w+)?$/;\n return new RegExp(\n regExps\n .map(regex => {\n const [, regexString, regexFlags] =\n serializedRegexParser.exec(regex.toString()) || [];\n\n invariant(\n !regexFlags,\n `RegExp flags are not supported. Change /${regexString}/${regexFlags} into /${regexString}/`,\n );\n\n return `(${regexString})`;\n })\n .join('|'),\n 'g',\n );\n}\n\nfunction countPlaceholders(markup: string): number {\n let count = 0;\n if (markup.indexOf(Placeholders.id) >= 0) count++;\n if (markup.indexOf(Placeholders.display) >= 0) count++;\n return count;\n}\n\nfunction findIndexOfCapturingGroup(\n markup: string,\n parameterName: 'id' | 'display',\n): number {\n invariant(\n parameterName === 'id' || parameterName === 'display',\n `Second arg must be either \"id\" or \"display\", got: \"${parameterName}\"`,\n );\n\n const indexDisplay = markup.indexOf(Placeholders.display);\n const indexId = markup.indexOf(Placeholders.id);\n\n invariant(\n indexDisplay >= 0 || indexId >= 0,\n `The markup '${markup}' does not contain at least one of the placeholders '__id__' or '__display__'`,\n );\n\n if (indexDisplay >= 0 && indexId >= 0) {\n return (parameterName === 'id' && indexId <= indexDisplay) ||\n (parameterName === 'display' && indexDisplay <= indexId)\n ? 0\n : 1;\n }\n\n return 0;\n}\n\nexport function iterateMentionsMarkup<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n markupProcessor: (\n match: string,\n matchIndex: number,\n plainTextIndex: number,\n id: string,\n display: string,\n mentionIndex: number,\n start: number,\n ) => void,\n plainTextProcessor?: (\n value: string,\n start: number,\n currentIndex: number,\n ) => void,\n multiline?: boolean,\n) {\n const regex = combineRegExps(\n dataSources.map(ds =>\n ds.regex\n ? verifyCapturingGroups(ds.regex, ds.markup || DefaultMarkupTemplate)\n : markupToRegex(ds.markup || DefaultMarkupTemplate),\n ),\n );\n\n let accOffset = 2;\n const captureGroupOffsets = dataSources.map(({ markup }) => {\n const result = accOffset;\n accOffset += countPlaceholders(markup || DefaultMarkupTemplate) + 1;\n return result;\n });\n\n let match: RegExpExecArray | null;\n let start = 0;\n let currentPlainTextIndex = 0;\n\n while ((match = regex.exec(value)) !== null) {\n const offset = captureGroupOffsets.find(o => !!match?.[o]);\n if (offset === undefined) {\n continue;\n }\n\n const mentionChildIndex = captureGroupOffsets.indexOf(offset);\n const { markup, displayTransform } = dataSources[mentionChildIndex];\n const idPos =\n offset + findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'id');\n const displayPos =\n offset +\n findIndexOfCapturingGroup(markup || DefaultMarkupTemplate, 'display');\n\n const id = match[idPos];\n const display = displayTransform\n ? displayTransform(id, match[displayPos])\n : DefaultDisplayTransform(id, match[displayPos], multiline);\n\n const substr = value.substring(start, match.index);\n plainTextProcessor?.(substr, start, currentPlainTextIndex);\n currentPlainTextIndex += substr.length;\n\n markupProcessor(\n match[0],\n match.index,\n currentPlainTextIndex,\n id,\n display,\n mentionChildIndex,\n start,\n );\n currentPlainTextIndex += display.length;\n start = regex.lastIndex;\n }\n\n if (start < value.length) {\n plainTextProcessor?.(value.substring(start), start, currentPlainTextIndex);\n }\n}\n\nexport function getPlainText<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n multiline?: boolean,\n): string {\n let result = '';\n iterateMentionsMarkup(\n value,\n dataSources,\n (_match, _index, _plainTextIndex, _id, display) => {\n result += display;\n },\n plainText => {\n result += plainText;\n },\n multiline,\n );\n return result;\n}\n\nconst verifyCapturingGroups = (regex: RegExp, markup: string) => {\n const numberOfGroups =\n (new RegExp(regex.toString() + '|').exec('')?.length || 0) - 1;\n const numberOfPlaceholders = countPlaceholders(markup);\n\n invariant(\n numberOfGroups === numberOfPlaceholders,\n `Number of capturing groups in RegExp ${regex.toString()} (${numberOfGroups}) does not match the number of placeholders in the markup '${markup}' (${numberOfPlaceholders})`,\n );\n\n return regex;\n};\n\nconst markupToRegex = (markup: string) => {\n const escapedMarkup = escapeRegex(markup);\n\n const charAfterDisplay =\n markup[markup.indexOf(Placeholders.display) + Placeholders.display.length];\n const charAfterId =\n markup[markup.indexOf(Placeholders.id) + Placeholders.id.length];\n\n return new RegExp(\n escapedMarkup\n .replace(\n Placeholders.display,\n `([^${escapeRegex(charAfterDisplay || '')}]+?)`,\n )\n .replace(Placeholders.id, `([^${escapeRegex(charAfterId || '')}]+?)`),\n );\n};\n\nconst escapeRegex = (str: string) =>\n str.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n\nexport function applyChangeToValue<T extends BaseSuggestionData>(\n value: string,\n plainTextValue: string,\n selectionStartBefore: number | null,\n selectionEndBefore: number | null,\n selectionEndAfter: number,\n dataSources: SuggestionDataSource<T>[],\n multiline?: boolean,\n) {\n const oldPlainTextValue = getPlainText(value, dataSources, multiline);\n\n const lengthDelta = oldPlainTextValue.length - plainTextValue.length;\n if (selectionStartBefore === null) {\n selectionStartBefore = selectionEndAfter + lengthDelta;\n }\n\n if (selectionEndBefore === null) {\n selectionEndBefore = selectionStartBefore;\n }\n\n if (\n selectionStartBefore === selectionEndBefore &&\n selectionEndBefore === selectionEndAfter &&\n oldPlainTextValue.length === plainTextValue.length\n ) {\n selectionStartBefore = selectionStartBefore - 1;\n }\n\n let insert = plainTextValue.slice(selectionStartBefore, selectionEndAfter);\n\n let spliceStart = Math.min(selectionStartBefore, selectionEndAfter);\n\n let spliceEnd = selectionEndBefore;\n if (selectionStartBefore === selectionEndAfter) {\n spliceEnd = Math.max(\n selectionEndBefore,\n selectionStartBefore + lengthDelta,\n );\n }\n\n let mappedSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'START',\n );\n let mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n\n const controlSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'NULL',\n );\n const controlSpliceEnd = mapPlainTextIndex(\n value,\n dataSources,\n spliceEnd,\n 'NULL',\n );\n const willRemoveMention =\n controlSpliceStart === null || controlSpliceEnd === null;\n\n let newValue = spliceString(\n value,\n mappedSpliceStart || 0,\n mappedSpliceEnd || 0,\n insert,\n );\n\n if (!willRemoveMention) {\n const controlPlainTextValue = getPlainText(\n newValue,\n dataSources,\n multiline,\n );\n if (controlPlainTextValue !== plainTextValue) {\n spliceStart = 0;\n while (plainTextValue[spliceStart] === controlPlainTextValue[spliceStart])\n spliceStart++;\n\n insert = plainTextValue.slice(spliceStart, selectionEndAfter);\n\n spliceEnd = oldPlainTextValue.lastIndexOf(\n plainTextValue.substring(selectionEndAfter),\n );\n\n mappedSpliceStart = mapPlainTextIndex(\n value,\n dataSources,\n spliceStart,\n 'START',\n );\n mappedSpliceEnd = mapPlainTextIndex(value, dataSources, spliceEnd, 'END');\n newValue = spliceString(\n value,\n mappedSpliceStart || 0,\n mappedSpliceEnd || 0,\n insert,\n );\n }\n }\n\n return newValue;\n}\n\nexport function mapPlainTextIndex<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n indexInPlainText: number,\n inMarkupCorrection: 'START' | 'END' | 'NULL' = 'START',\n): number | null | undefined {\n if (typeof indexInPlainText !== 'number') {\n return indexInPlainText;\n }\n\n let result: number | undefined | null = undefined;\n\n const plainTextProcessor = (\n substr: string,\n index: number,\n substrPlainTextIndex: number,\n ) => {\n if (result !== undefined) return;\n\n if (substrPlainTextIndex + substr.length >= indexInPlainText) {\n result = index + indexInPlainText - substrPlainTextIndex;\n }\n };\n\n const markupProcessor = (\n markup: string,\n index: number,\n mentionPlainTextIndex: number,\n _id: string,\n display: string,\n ) => {\n if (result !== undefined) return;\n\n if (mentionPlainTextIndex + display.length > indexInPlainText) {\n if (inMarkupCorrection === 'NULL') {\n result = null;\n } else {\n result = index + (inMarkupCorrection === 'END' ? markup.length : 0);\n }\n }\n };\n\n iterateMentionsMarkup(\n value,\n dataSources,\n markupProcessor,\n plainTextProcessor,\n );\n\n return result === undefined ? value.length : result;\n}\n\nexport function spliceString(\n str: string,\n start: number,\n end: number,\n insert: string,\n): string {\n return str.substring(0, start) + insert + str.substring(end);\n}\n\nexport function findStartOfMentionInPlainText<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n indexInPlainText: number,\n): number | undefined {\n let result: number | undefined = undefined;\n\n const markupProcessor = (\n _markup: string,\n _index: number,\n mentionPlainTextIndex: number,\n _id: string,\n display: string,\n ) => {\n if (\n mentionPlainTextIndex <= indexInPlainText &&\n mentionPlainTextIndex + display.length > indexInPlainText\n ) {\n result = mentionPlainTextIndex;\n }\n };\n\n iterateMentionsMarkup(value, dataSources, markupProcessor);\n return result;\n}\n\nexport function getMentions<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n): MentionData[] {\n const mentions: MentionData[] = [];\n iterateMentionsMarkup(\n value,\n dataSources,\n (_match, index, plainTextIndex, id, display, childIndex) => {\n mentions.push({\n id,\n display,\n dataSourceIndex: childIndex,\n index,\n plainTextIndex,\n });\n },\n );\n return mentions;\n}\n\nexport function countSuggestions<T extends BaseSuggestionData>(\n suggestions: SuggestionsMap<T>,\n) {\n return Object.values(suggestions).reduce(\n (acc, { results }) => acc + results.length,\n 0,\n );\n}\n\nexport function getEndOfLastMention<T extends BaseSuggestionData>(\n value: string,\n dataSources: SuggestionDataSource<T>[],\n) {\n const mentions = getMentions(value, dataSources);\n const lastMention = mentions[mentions.length - 1];\n return lastMention\n ? lastMention.plainTextIndex + lastMention.display.length\n : 0;\n}\n\nexport function makeTriggerRegex(\n trigger: string | RegExp,\n allowSpaceInQuery?: boolean,\n) {\n if (trigger instanceof RegExp) {\n return trigger;\n } else {\n const escapedTriggerChar = escapeRegex(trigger);\n\n return new RegExp(\n `(?:^|\\\\s)(${escapedTriggerChar}([^${allowSpaceInQuery ? '' : '\\\\s'}${escapedTriggerChar}]*))$`,\n );\n }\n}\n\nexport function getDataProvider<T extends BaseSuggestionData>(\n data: SuggestionData<T>[] | ((query: string) => Promise<SuggestionData<T>[]>),\n ignoreAccents?: boolean,\n): (query: string) => Promise<SuggestionData<T>[]> {\n if (data instanceof Array) {\n return async function (query: string) {\n const results = [];\n for (let i = 0, l = data.length; i < l; ++i) {\n const display = data[i].display || data[i].id;\n if (getSubstringIndex(display, query, ignoreAccents) >= 0) {\n results.push(data[i]);\n }\n }\n return results;\n };\n }\n return data;\n}\n\nconst getSubstringIndex = (\n str: string,\n substr: string,\n ignoreAccents?: boolean,\n) => {\n if (!ignoreAccents) {\n return str.toLowerCase().indexOf(substr.toLowerCase());\n }\n\n return normalizeString(str).indexOf(normalizeString(substr));\n};\n\nconst removeAccents = (str: string) => {\n let formattedStr = str;\n\n lettersDiacritics.forEach(letterDiacritics => {\n formattedStr = formattedStr.replace(\n letterDiacritics.letters,\n letterDiacritics.base,\n );\n });\n\n return formattedStr;\n};\n\nconst normalizeString = (str: string) => removeAccents(str).toLowerCase();\n\nexport const makeMentionsMarkup = (\n markup: string,\n id: string,\n display?: string,\n) => {\n return markup\n .replace(Placeholders.id, id)\n .replace(Placeholders.display, display || id);\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable no-console */\nimport {\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport List from '@mui/material/List';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport Stack from '@mui/material/Stack';\n\nimport {\n BaseSuggestionData,\n DefaultTrigger,\n SuggestionData,\n SuggestionDataSource,\n Suggestions,\n SuggestionsMap,\n SuggestionsQueryInfo,\n} from 'types/fieldMentions';\n\nimport {\n countSuggestions,\n getDataProvider,\n getEndOfLastMention,\n getPlainText,\n makeTriggerRegex,\n mapPlainTextIndex,\n} from '../utils';\n\nimport { KeyboardListenerProps, SuggestionsOverlayProps } from './props';\nimport Suggestion from './Suggestion';\n\nconst SuggestionsOverlay = <T extends BaseSuggestionData>(\n props: SuggestionsOverlayProps<T>,\n) => {\n const {\n value,\n dataSources,\n selectionStart,\n selectionEnd,\n cursorRef,\n onSelect,\n onMouseDown,\n } = props;\n const ulElement = useRef<HTMLUListElement>(null);\n const [suggestions, setSuggestions] = useState<SuggestionsMap<T>>({});\n const [focusIndex, setFocusIndex] = useState(0);\n const [scrollFocusedIntoView, setScrollFocusedIntoView] = useState(false);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n const current = ulElement.current;\n if (!scrollFocusedIntoView || !current || current.children.length === 0) {\n return;\n }\n\n const scrollTop = current.scrollTop;\n\n let { top, bottom } = current.children[focusIndex].getBoundingClientRect();\n const { top: topContainer } = current.getBoundingClientRect();\n top = top - topContainer + scrollTop;\n bottom = bottom - topContainer + scrollTop;\n\n if (top < scrollTop) {\n current.scrollTop = top;\n } else if (bottom > current.offsetHeight + scrollTop) {\n current.scrollTop = bottom - current.offsetHeight;\n }\n\n setScrollFocusedIntoView(false);\n }, [scrollFocusedIntoView, ulElement, focusIndex, setScrollFocusedIntoView]);\n\n const queryDataSource = useCallback(\n async (\n source: SuggestionDataSource<T>,\n query: string,\n sourceIndex: number,\n querySequenceStart: number,\n querySequenceEnd: number,\n fullText: string,\n ) => {\n try {\n const dataProvider = getDataProvider(source.data, source.ignoreAccents);\n setLoading(true);\n const results = await dataProvider(query);\n setSuggestions(s => {\n return {\n ...s,\n [sourceIndex]: {\n queryInfo: {\n childIndex: sourceIndex,\n query,\n querySequenceStart,\n querySequenceEnd,\n plainTextValue: fullText,\n },\n results,\n },\n };\n });\n } catch (err) {\n console.error(err);\n } finally {\n setLoading(false);\n }\n },\n [],\n );\n\n const dataSourcesRef = useRef(dataSources);\n useEffect(() => {\n dataSourcesRef.current = dataSources;\n }, [dataSources]);\n\n useEffect(() => {\n setSuggestions({});\n\n if (!selectionStart || selectionStart !== selectionEnd) {\n return;\n }\n\n const currentDataSources = dataSourcesRef.current;\n const plainText = getPlainText(value, currentDataSources);\n\n const positionInValue = mapPlainTextIndex(\n plainText,\n currentDataSources,\n selectionStart,\n 'NULL',\n );\n if (!positionInValue) {\n return;\n }\n\n const substringStartIndex = getEndOfLastMention(\n plainText.substring(0, positionInValue),\n currentDataSources,\n );\n const substring = plainText.substring(substringStartIndex, selectionStart);\n\n currentDataSources.forEach((source, sourceIndex) => {\n if (!source) {\n return;\n }\n\n const regex = makeTriggerRegex(\n source.trigger || DefaultTrigger,\n source.allowSpaceInQuery,\n );\n const match = substring.match(regex);\n if (match) {\n const querySequenceStart =\n substringStartIndex + substring.indexOf(match[1], match.index);\n queryDataSource(\n source,\n match[2],\n sourceIndex,\n querySequenceStart,\n querySequenceStart + match[1].length,\n plainText,\n );\n }\n });\n }, [selectionStart, selectionEnd, value, queryDataSource]);\n\n const clearSuggestions = useCallback(() => {\n setSuggestions({});\n setFocusIndex(0);\n }, [setSuggestions, setFocusIndex]);\n\n const handleSelect = useCallback(\n (result: SuggestionData<T>, queryInfo: any) => {\n onSelect(result, queryInfo);\n clearSuggestions();\n },\n [onSelect, clearSuggestions],\n );\n\n const handleMouseEnter = useCallback(\n (focusIndex: number) => {\n setFocusIndex(focusIndex);\n },\n [setFocusIndex],\n );\n\n const renderedSuggestions = useMemo(() => {\n return Object.values(suggestions).reduce(\n (accResults, { results, queryInfo }) => [\n ...accResults,\n ...results.map((result: SuggestionData<T>, index: number) => (\n <Suggestion\n key={result.id}\n id={result.id}\n query={queryInfo.query}\n index={index}\n suggestion={result}\n focused={index === focusIndex}\n onClick={() => handleSelect(result, queryInfo)}\n onMouseEnter={() => handleMouseEnter(index)}\n />\n )),\n ],\n [],\n );\n }, [suggestions, handleSelect, handleMouseEnter, focusIndex]);\n\n if (selectionStart === null || selectionStart !== selectionEnd) {\n return null;\n }\n\n if (!loading && renderedSuggestions.length === 0) {\n return null;\n }\n\n return (\n <>\n <KeyboardListener\n suggestions={suggestions}\n clearSuggestions={clearSuggestions}\n onSelect={handleSelect}\n focusIndex={focusIndex}\n setFocusIndex={setFocusIndex}\n setScrollFocusedIntoView={setScrollFocusedIntoView}\n loading={loading}\n />\n <Popper\n placement=\"bottom-start\"\n {...props.slotProps?.popper}\n sx={{ zIndex: 2, ...props.slotProps?.popper?.sx }}\n open={true}\n anchorEl={cursorRef.current}\n >\n <Paper elevation={8} onMouseDown={onMouseDown}>\n <List\n ref={ulElement}\n sx={{ width: '300px', maxHeight: '40vh', overflow: 'auto' }}\n >\n {renderedSuggestions.length > 0\n ? renderedSuggestions\n : loading && (\n <Stack\n justifyContent=\"center\"\n alignItems=\"center\"\n height=\"40vh\"\n >\n <CircularProgress />\n </Stack>\n )}\n </List>\n </Paper>\n </Popper>\n </>\n );\n};\n\nexport default SuggestionsOverlay;\n\nenum Key {\n Tab = 'Tab',\n Return = 'Enter',\n Escape = 'Escape',\n Up = 'ArrowUp',\n Down = 'ArrowDown',\n}\n\nconst KeyboardListener = <T extends BaseSuggestionData>(\n props: KeyboardListenerProps<T>,\n): ReactNode => {\n const {\n suggestions,\n clearSuggestions,\n focusIndex,\n setFocusIndex,\n setScrollFocusedIntoView,\n onSelect,\n loading,\n } = props;\n\n useEffect(() => {\n const shiftFocus = (delta: number) => {\n if (loading) return;\n\n const suggestionsCount = countSuggestions(suggestions);\n setFocusIndex((suggestionsCount + focusIndex + delta) % suggestionsCount);\n setScrollFocusedIntoView(true);\n };\n\n const selectFocused = () => {\n if (loading) return;\n\n const {\n result,\n queryInfo,\n }: { result: SuggestionData<T>; queryInfo: SuggestionsQueryInfo } =\n Object.values(suggestions).reduce(\n (acc: Suggestions<T>[], { results, queryInfo }: Suggestions<T>) => [\n ...acc,\n ...results.map((result: SuggestionData<T>) => ({\n result,\n queryInfo,\n })),\n ],\n [],\n )[focusIndex];\n onSelect(result, queryInfo);\n };\n\n const handleKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case Key.Escape: {\n clearSuggestions();\n break;\n }\n case Key.Down: {\n shiftFocus(+1);\n break;\n }\n case Key.Up: {\n shiftFocus(-1);\n break;\n }\n\n case Key.Return:\n case Key.Tab: {\n selectFocused();\n break;\n }\n default: {\n return;\n }\n }\n\n ev.preventDefault();\n ev.stopPropagation();\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [\n suggestions,\n clearSuggestions,\n focusIndex,\n setFocusIndex,\n onSelect,\n setScrollFocusedIntoView,\n loading,\n ]);\n\n return null;\n};\n","import { ReactNode } from 'react';\nimport ListItemButton from '@mui/material/ListItemButton';\n\nimport {\n BaseSuggestionData,\n DefaultDisplayTransform,\n} from 'types/fieldMentions';\n\nimport { SuggestionProps } from './props';\n\nconst Suggestion = <T extends BaseSuggestionData>(\n props: SuggestionProps<T>,\n): ReactNode => {\n const { renderSuggestion, suggestion, focused, onClick, onMouseEnter } =\n props;\n\n if (renderSuggestion) {\n return renderSuggestion(props);\n }\n\n const display = DefaultDisplayTransform(suggestion.id, suggestion.display);\n return (\n <ListItemButton\n role=\"option\"\n aria-selected={focused}\n selected={focused}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n >\n {display}\n </ListItemButton>\n );\n};\n\nexport default Suggestion;\n"]}
|
|
@@ -8,6 +8,7 @@ import '../../chunk-CYWFK4OE.js';
|
|
|
8
8
|
import '../../chunk-KKVRDMSE.js';
|
|
9
9
|
import '../../chunk-POTVACYB.js';
|
|
10
10
|
import '../../chunk-ET3WPQIO.js';
|
|
11
|
+
import '../../chunk-ON5OQYWL.js';
|
|
11
12
|
import $ from '@mui/material/IconButton';
|
|
12
13
|
import r from '@mui/material/Stack';
|
|
13
14
|
import c from '@mui/material/Typography';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Nav","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","titleId","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Nav,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack direction=\"row\" flex={1}>\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent aria-label=\"Acesso rápido\">\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pt={3}\n px={4}\n pb={0}\n >\n Acesso rápido\n </Typography>\n\n <Nav>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span\n className=\"required\"\n aria-label=\"Seção obrigatória\"\n >\n *\n </span>\n )}\n </SectionLink>\n ))}\n </Nav>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"h1\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n const titleId = `${id}-title`;\n return (\n <Section\n key={section.title || id}\n id={id}\n role=\"region\"\n aria-labelledby={titleId}\n >\n {section.title && (\n <SectionTitle\n component=\"h2\"\n id={titleId}\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent {...section.sectionContentProps}>\n {section.child}\n </SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n backgroundColor: theme.palette.background.paper,\n maxWidth: 300,\n flex: 1,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 64px))',\n height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Nav = styled('nav')({\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 64px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: theme.spacing(1, 4),\n color: theme.palette.text.secondary,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: theme.spacing(2),\n height: 0,\n width: `calc(100% - ${theme.spacing(4)})`,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled('section')(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)<TypographyProps>(\n ({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n fontFamily: theme.typography.fontFamily,\n margin: 0,\n lineHeight: 1.5,\n }),\n);\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Nav","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","titleId","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Nav,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack direction=\"row\" flex={1}>\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent aria-label=\"Acesso rápido\">\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pt={3}\n px={4}\n pb={0}\n >\n Acesso rápido\n </Typography>\n\n <Nav>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span\n className=\"required\"\n aria-label=\"Seção obrigatória\"\n >\n *\n </span>\n )}\n </SectionLink>\n ))}\n </Nav>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"h1\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n const titleId = `${id}-title`;\n return (\n <Section\n key={section.title || id}\n id={id}\n role=\"region\"\n aria-labelledby={titleId}\n >\n {section.title && (\n <SectionTitle\n component=\"h2\"\n id={titleId}\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent {...section.sectionContentProps}>\n {section.child}\n </SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n backgroundColor: theme.palette.background.paper,\n maxWidth: 300,\n flex: 1,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 64px))',\n height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Nav = styled('nav')({\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 64px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: theme.spacing(1, 4),\n color: theme.palette.text.secondary,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: theme.spacing(2),\n height: 0,\n width: `calc(100% - ${theme.spacing(4)})`,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled('section')(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)<TypographyProps>(\n ({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n fontFamily: theme.typography.fontFamily,\n margin: 0,\n lineHeight: 1.5,\n }),\n);\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
|
|
@@ -2,6 +2,7 @@ import { a as a$2 } from '../../chunk-ESFOFEVL.js';
|
|
|
2
2
|
import { a } from '../../chunk-FPZ25CEJ.js';
|
|
3
3
|
import { a as a$3 } from '../../chunk-ET6H3IRG.js';
|
|
4
4
|
import '../../chunk-ICEDOBLM.js';
|
|
5
|
+
import '../../chunk-ON5OQYWL.js';
|
|
5
6
|
import { useState } from 'react';
|
|
6
7
|
import M from '@mui/lab/LoadingButton';
|
|
7
8
|
import r from '@mui/material/Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":["useState","LoadingButton","Button","Slider","Stack","Typography","Fragment","jsx","jsxs","ImageCropModal","id","open","onClose","label","onSave","onRemove","onPreview","imageSrc","aspectRatio","onInitialized","loading","zoom","setZoom","Modal_default","ImageCrop_default","_","v","Icon_default","ImageCropModal_default"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":["useState","LoadingButton","Button","Slider","Stack","Typography","Fragment","jsx","jsxs","ImageCropModal","id","open","onClose","label","onSave","onRemove","onPreview","imageSrc","aspectRatio","onInitialized","loading","zoom","setZoom","Modal_default","ImageCrop_default","_","v","Icon_default","ImageCropModal_default"],"mappings":"oMAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAmB,yBAC1B,OAAOC,MAAY,uBACnB,OAAOC,MAAY,uBACnB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BA6Bf,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBArBR,IAAMC,EAAiB,CAAC,CACtB,GAAAC,EACA,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAACC,EAAMC,CAAO,EAAItB,EAAiB,EAAG,EAE5C,OACEO,EAACgB,EAAA,CACC,KAAMZ,EACN,QAASC,EACT,YAAaC,EACb,QACEL,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACC,QAAQ,WACR,KAAK,SACL,QAASU,EACT,MAAM,UACP,oBAED,EAEAL,EAACN,EAAA,CACC,QAAQ,YACR,KAAK,SACL,QAASa,EACT,QAASM,EACV,kBAED,GACF,EAEF,UAAS,GACT,SAAS,KACT,YAAW,GAEX,SAAAZ,EAACJ,EAAA,CAAM,IAAK,EACV,UAAAG,EAACiB,EAAA,CACC,SAAUP,EACV,YAAaC,EACb,cAAeC,EACf,KAAME,EACN,aAAcC,EAChB,EAEAd,EAACJ,EAAA,CAAM,IAAK,IACV,UAAAI,EAACJ,EAAA,CAAM,MAAO,EAAG,UAAU,MAAM,IAAK,EAAG,KAAM,EAAG,WAAW,SAC3D,UAAAG,EAACF,EAAA,CAAW,QAAQ,QAAQ,gBAAI,EAEhCE,EAACJ,EAAA,CACC,MAAOkB,EACP,SAAU,CAACI,EAAGC,IAAMJ,EAAQ,MAAM,QAAQI,CAAC,EAAIA,EAAE,CAAC,EAAIA,CAAC,EACvD,IAAK,GACL,IAAK,EACL,KAAK,SACL,KAAM,MACR,GACF,EAEAlB,EAACJ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAG,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,wBAAwB,EAC9C,QAASZ,EACV,mBAED,EAEAR,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,cAAc,EACpC,QAASX,EACV,6BAED,EAEAT,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,eAAe,EACrC,UAAU,QACV,QAASjB,EACV,mBAED,GACF,GACF,GACF,EACF,CAEJ,EAEOkB,EAAQnB","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n id,\n open,\n onClose,\n label,\n onSave,\n onRemove,\n onPreview,\n imageSrc,\n aspectRatio,\n onInitialized,\n loading,\n}: ImageCropModalPros) => {\n const [zoom, setZoom] = useState<number>(0.5);\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n dialogTitle={label}\n actions={\n <>\n <Button\n variant=\"outlined\"\n size=\"medium\"\n onClick={onClose}\n color=\"inherit\"\n >\n Cancelar\n </Button>\n\n <LoadingButton\n variant=\"contained\"\n size=\"medium\"\n onClick={onSave}\n loading={loading}\n >\n Salvar\n </LoadingButton>\n </>\n }\n fullWidth\n maxWidth=\"sm\"\n keepMounted\n >\n <Stack gap={2}>\n <ImageCrop\n imageSrc={imageSrc}\n aspectRatio={aspectRatio}\n onInitialized={onInitialized}\n zoom={zoom}\n onZoomChange={setZoom}\n />\n\n <Stack gap={1.5}>\n <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n <Typography variant=\"body1\">Zoom</Typography>\n\n <Slider\n value={zoom}\n onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n min={0.1}\n max={2}\n size=\"medium\"\n step={0.0125}\n />\n </Stack>\n\n <Stack direction=\"row\" gap={2}>\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n onClick={onRemove}\n >\n Remover\n </Button>\n\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n onClick={onPreview}\n >\n Pré-visualizar\n </Button>\n\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n size=\"large\"\n fullWidth\n startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n component=\"label\"\n htmlFor={id}\n >\n Alterar\n </Button>\n </Stack>\n </Stack>\n </Stack>\n </Modal>\n );\n};\n\nexport default ImageCropModal;\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { a } from '../../chunk-FBN7HCBY.js';
|
|
2
2
|
import { a as a$1 } from '../../chunk-ET6H3IRG.js';
|
|
3
3
|
import '../../chunk-ICEDOBLM.js';
|
|
4
|
+
import '../../chunk-ON5OQYWL.js';
|
|
4
5
|
import { jsx } from 'react/jsx-runtime';
|
|
5
6
|
|
|
6
7
|
var f=({text:i,icon:l="INFO_CIRCLE",width:p,color:c="text.secondary",...e})=>jsx(a,{title:i,...e,children:jsx(a$1,{icon:l,width:p,color:c})}),m=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/InfoCircle/index.tsx"],"names":["jsx","InfoCircle","text","icon","width","color","props","Tooltip_default","Icon_default","InfoCircle_default"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/InfoCircle/index.tsx"],"names":["jsx","InfoCircle","text","icon","width","color","props","Tooltip_default","Icon_default","InfoCircle_default"],"mappings":"wJAcM,cAAAA,MAAA,oBATN,IAAMC,EAAa,CAAC,CAClB,KAAAC,EACA,KAAAC,EAAO,cACP,MAAAC,EACA,MAAAC,EAAQ,iBACR,GAAGC,CACL,IAEIN,EAACO,EAAA,CAAQ,MAAOL,EAAO,GAAGI,EACxB,SAAAN,EAACQ,EAAA,CAAK,KAAML,EAAM,MAAOC,EAAO,MAAOC,EAAO,EAChD,EAIGI,EAAQR","sourcesContent":["import Icon from 'components/Icon';\nimport Tooltip from 'components/Tooltip';\n\nimport { InfoCircleProps } from './props';\n\nconst InfoCircle = ({\n text,\n icon = 'INFO_CIRCLE',\n width,\n color = 'text.secondary',\n ...props\n}: InfoCircleProps) => {\n return (\n <Tooltip title={text} {...props}>\n <Icon icon={icon} width={width} color={color} />\n </Tooltip>\n );\n};\n\nexport default InfoCircle;\n"]}
|
|
@@ -4,6 +4,7 @@ import { o, a, f, k as k$1 } from '../../chunk-XMVYDQSN.js';
|
|
|
4
4
|
import '../../chunk-ET6H3IRG.js';
|
|
5
5
|
import '../../chunk-ICEDOBLM.js';
|
|
6
6
|
import '../../chunk-GLRLKFPS.js';
|
|
7
|
+
import '../../chunk-ON5OQYWL.js';
|
|
7
8
|
import { Fragment } from 'react';
|
|
8
9
|
import k from '@mui/material/Stack';
|
|
9
10
|
import { styled } from '@mui/material/styles';
|