@scbt-ecom/ui 0.127.1 → 0.128.1
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/lib/exports/widget.js +1 -1
- package/dist/lib/shared/hooks/useControlledForm.js +1 -1
- package/dist/lib/shared/hooks/useControlledForm.js.map +1 -1
- package/dist/lib/shared/hooks/useFieldsProgress.js +1 -1
- package/dist/lib/shared/hooks/useFieldsProgress.js.map +1 -1
- package/dist/lib/shared/ui/brandLogos/BrandLogos.js +1 -1
- package/dist/lib/shared/ui/brandLogos/BrandLogos.js.map +1 -1
- package/dist/lib/shared/ui/calendar/Calendar.js +1 -1
- package/dist/lib/shared/ui/calendar/Calendar.js.map +1 -1
- package/dist/lib/shared/ui/calendar/ui/Navigation.js +1 -1
- package/dist/lib/shared/ui/calendar/ui/Navigation.js.map +1 -1
- package/dist/lib/shared/ui/calendar/ui/selectDate/ui/Trigger.js +1 -1
- package/dist/lib/shared/ui/calendar/ui/selectDate/ui/Trigger.js.map +1 -1
- package/dist/lib/shared/ui/carousel/CarouselBase.js +1 -1
- package/dist/lib/shared/ui/carousel/CarouselBase.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/CarouselContent.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/CarouselContent.js.map +1 -1
- package/dist/lib/shared/ui/dialog/Dialog.js +1 -1
- package/dist/lib/shared/ui/dialog/Dialog.js.map +1 -1
- package/dist/lib/shared/ui/dropdownList/DropdownList.js +1 -1
- package/dist/lib/shared/ui/dropdownList/DropdownList.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/Autocomplete.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/Autocomplete.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/dayPickerControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/model/utils.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/model/utils.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/range.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/range.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/EditorControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/EditorControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/MaskInputControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/MaskInputControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/slider/SliderControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/slider/SliderControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/switch/SwitchControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/switch/SwitchControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/textarea/TextareaControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/textarea/TextareaControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/uploader/UploaderControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/uploader/UploaderControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/ui/fieldAttachment/ui/ValidateSlot.js +1 -1
- package/dist/lib/shared/ui/formElements/ui/fieldAttachment/ui/ValidateSlot.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.js.map +1 -1
- package/dist/lib/shared/ui/hint/Hint.js +1 -1
- package/dist/lib/shared/ui/hint/Hint.js.map +1 -1
- package/dist/lib/shared/ui/modal/ui/ModalHeader.js +1 -1
- package/dist/lib/shared/ui/modal/ui/ModalHeader.js.map +1 -1
- package/dist/lib/shared/ui/popover/Popover.js +1 -1
- package/dist/lib/shared/ui/popover/Popover.js.map +1 -1
- package/dist/lib/shared/ui/table/Desktop.js +1 -1
- package/dist/lib/shared/ui/table/Desktop.js.map +1 -1
- package/dist/lib/shared/ui/table/Horizontal.js +1 -1
- package/dist/lib/shared/ui/table/Horizontal.js.map +1 -1
- package/dist/lib/shared/ui/table/Table.js +1 -1
- package/dist/lib/shared/ui/table/Table.js.map +1 -1
- package/dist/lib/shared/ui/table/model/TableUtils.js +1 -1
- package/dist/lib/shared/ui/table/model/TableUtils.js.map +1 -1
- package/dist/lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.js +1 -1
- package/dist/lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.js.map +1 -1
- package/dist/lib/shared/ui/table/ui/editableCell/EditableCell.js +1 -1
- package/dist/lib/shared/ui/table/ui/editableCell/EditableCell.js.map +1 -1
- package/dist/lib/shared/utils/variableHolder/variableContextHolder.js.map +1 -1
- package/dist/lib/shared/validation/base/base.constants.js +1 -1
- package/dist/lib/shared/validation/base/base.constants.js.map +1 -1
- package/dist/lib/shared/validation/base/date.validators.js +1 -1
- package/dist/lib/shared/validation/base/date.validators.js.map +1 -1
- package/dist/lib/shared/validation/base/regex.validators.js +1 -1
- package/dist/lib/shared/validation/base/regex.validators.js.map +1 -1
- package/dist/lib/widgets/authProvider/AuthProvider.js +1 -1
- package/dist/lib/widgets/authProvider/AuthProvider.js.map +1 -1
- package/dist/lib/widgets/authProvider/ui/Esia.js +1 -1
- package/dist/lib/widgets/authProvider/ui/Esia.js.map +1 -1
- package/dist/lib/widgets/authProvider/ui/MobileId.js +1 -1
- package/dist/lib/widgets/authProvider/ui/MobileId.js.map +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/AuthWrapper.js +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/AuthWrapper.js.map +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/Links.js +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/Links.js.map +1 -1
- package/dist/lib/widgets/banner/index.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map +1 -1
- package/dist/lib/widgets/banner/ui/banners/ui/Advantages.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/ui/Advantages.js.map +1 -1
- package/dist/lib/widgets/benefit/Benefit.js +1 -1
- package/dist/lib/widgets/benefit/Benefit.js.map +1 -1
- package/dist/lib/widgets/benefit/ui/BenefitItem.js +1 -1
- package/dist/lib/widgets/benefit/ui/BenefitItem.js.map +1 -1
- package/dist/lib/widgets/breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/lib/widgets/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/lib/widgets/buttonWithHandlers/ButtonWithHandlers.js +1 -1
- package/dist/lib/widgets/buttonWithHandlers/ButtonWithHandlers.js.map +1 -1
- package/dist/lib/widgets/calculator/Calculator.js +1 -1
- package/dist/lib/widgets/calculator/Calculator.js.map +1 -1
- package/dist/lib/widgets/calculator/CalculatorView.js +1 -1
- package/dist/lib/widgets/calculator/CalculatorView.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/hooks/useAdditionalSlider.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/hooks/useAdditionalSlider.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/AdditionalSlider.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/AdditionalSlider.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/CalculatorModal.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/FieldsGroup.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/FieldsGroup.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/SliderFieldsGroup.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorFields/ui/SliderFieldsGroup.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js.map +1 -1
- package/dist/lib/widgets/dynamicForm/DynamicForm.js +1 -1
- package/dist/lib/widgets/dynamicForm/DynamicForm.js.map +1 -1
- package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js +1 -1
- package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js.map +1 -1
- package/dist/lib/widgets/fallbacksView/FallbacksView.js +1 -1
- package/dist/lib/widgets/fallbacksView/FallbacksView.js.map +1 -1
- package/dist/lib/widgets/fallbacksView/model/helpers.js +1 -1
- package/dist/lib/widgets/fallbacksView/model/helpers.js.map +1 -1
- package/dist/lib/widgets/fieldMapper/FieldMapper.js +1 -1
- package/dist/lib/widgets/fieldMapper/FieldMapper.js.map +1 -1
- package/dist/lib/widgets/footer/Footer.js +1 -1
- package/dist/lib/widgets/footer/Footer.js.map +1 -1
- package/dist/lib/widgets/footer/ui/FooterLogo.js +1 -1
- package/dist/lib/widgets/footer/ui/FooterLogo.js.map +1 -1
- package/dist/lib/widgets/footer/ui/NavLinks.js +1 -1
- package/dist/lib/widgets/footer/ui/NavLinks.js.map +1 -1
- package/dist/lib/widgets/footer/ui/PhonesBlock.js +1 -1
- package/dist/lib/widgets/footer/ui/PhonesBlock.js.map +1 -1
- package/dist/lib/widgets/footer/ui/SiteMap.js +1 -1
- package/dist/lib/widgets/footer/ui/SiteMap.js.map +1 -1
- package/dist/lib/widgets/footer/ui/SocialLinks.js +1 -1
- package/dist/lib/widgets/footer/ui/SocialLinks.js.map +1 -1
- package/dist/lib/widgets/header/Header.js +1 -1
- package/dist/lib/widgets/header/Header.js.map +1 -1
- package/dist/lib/widgets/header/model/helpers.js +1 -1
- package/dist/lib/widgets/header/model/helpers.js.map +1 -1
- package/dist/lib/widgets/index.js +1 -1
- package/dist/lib/widgets/infoBlock/InfoBlock.js +1 -1
- package/dist/lib/widgets/infoBlock/InfoBlock.js.map +1 -1
- package/dist/lib/widgets/infoBlock/ui/LinksList.js +1 -1
- package/dist/lib/widgets/infoBlock/ui/LinksList.js.map +1 -1
- package/dist/lib/widgets/infoBlock/ui/RootContent.js +1 -1
- package/dist/lib/widgets/infoBlock/ui/RootContent.js.map +1 -1
- package/dist/lib/widgets/interLinking/InterLinking.js +1 -1
- package/dist/lib/widgets/interLinking/InterLinking.js.map +1 -1
- package/dist/lib/widgets/interLinking/ui/ColumnGroup.js +1 -1
- package/dist/lib/widgets/interLinking/ui/ColumnGroup.js.map +1 -1
- package/dist/lib/widgets/interLinking/ui/LinksList.js +1 -1
- package/dist/lib/widgets/interLinking/ui/LinksList.js.map +1 -1
- package/dist/lib/widgets/longBanner/LongBanner.js +1 -1
- package/dist/lib/widgets/longBanner/LongBanner.js.map +1 -1
- package/dist/lib/widgets/longBanner/ui/TextItem.js +1 -1
- package/dist/lib/widgets/longBanner/ui/TextItem.js.map +1 -1
- package/dist/lib/widgets/model/helpers.js +2 -2
- package/dist/lib/widgets/model/helpers.js.map +1 -1
- package/dist/lib/widgets/seoHeader/SeoHeader.js +1 -1
- package/dist/lib/widgets/seoHeader/SeoHeader.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js.map +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js +1 -1
- package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js.map +1 -1
- package/dist/lib/widgets/stepper/Stepper.js +1 -1
- package/dist/lib/widgets/stepper/Stepper.js.map +1 -1
- package/dist/lib/widgets/stepper/ui/StepperCarousel.js +1 -1
- package/dist/lib/widgets/stepper/ui/StepperCarousel.js.map +1 -1
- package/dist/lib/widgets/table/InfoTable.js +1 -1
- package/dist/lib/widgets/table/InfoTable.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/UsefulInfo.js +1 -1
- package/dist/lib/widgets/usefulInfo/UsefulInfo.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/documents/Documents.js +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/documents/Documents.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/documents/ui/document/Document.js +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/documents/ui/document/Document.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/experts/Experts.js +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/experts/Experts.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/html/Html.js +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/html/Html.js.map +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/table/Table.js +1 -1
- package/dist/lib/widgets/usefulInfo/ui/subEntities/table/Table.js.map +1 -1
- package/dist/lib/widgets/userFeedback/UserFeedback.js +1 -1
- package/dist/lib/widgets/userFeedback/UserFeedback.js.map +1 -1
- package/dist/lib/widgets/userFeedback/ui/FeedbackTrigger.js +1 -1
- package/dist/lib/widgets/userFeedback/ui/FeedbackTrigger.js.map +1 -1
- package/dist/lib/widgets/userFeedback/ui/Finally.js +1 -1
- package/dist/lib/widgets/userFeedback/ui/Finally.js.map +1 -1
- package/dist/lib/widgets/userFeedback/ui/SelectRating.js +1 -1
- package/dist/lib/widgets/userFeedback/ui/SelectRating.js.map +1 -1
- package/dist/lib/widgets/userFeedback/ui/UserReview.js +1 -1
- package/dist/lib/widgets/userFeedback/ui/UserReview.js.map +1 -1
- package/dist/node_modules/@hookform/resolvers/dist/resolvers.js +1 -1
- package/dist/node_modules/@hookform/resolvers/dist/resolvers.js.map +1 -1
- package/dist/node_modules/@hookform/resolvers/zod/dist/zod.js +1 -1
- package/dist/node_modules/@hookform/resolvers/zod/dist/zod.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/utils/variableHolder/variableContextHolder.d.ts +144 -1
- package/package.json +3 -2
- package/dist/node_modules/react-hook-form/dist/index.esm.js +0 -2
- package/dist/node_modules/react-hook-form/dist/index.esm.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Benefit as
|
|
1
|
+
import{Benefit as P}from"../widgets/benefit/Benefit.js";import{Header as G}from"../widgets/header/Header.js";import"react/jsx-runtime";import{ButtonWithHandlers as V}from"../widgets/buttonWithHandlers/ButtonWithHandlers.js";import"../../node_modules/classnames/index.js";import"react";import"../shared/ui/button/Button.js";import"../shared/ui/buttonIcon/ButtonIcon.js";import"../shared/ui/calendar/Calendar.js";import"../shared/ui/calendar/model/utils.js";import"../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../shared/ui/modal/ui/IframeModalContent.js";import"../../node_modules/react-hot-toast/dist/index.js";import"../shared/ui/table/ui/primitives/Primitives.js";import"../shared/ui/carousel/ui/CarouselContent.js";import"../shared/ui/slot/Slot.js";import"../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../shared/ui/formElements/uncontrolled/input/Input.js";import"../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../src/configs/api.js";import"../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{BannerWithSeparateImg as v}from"../widgets/banner/ui/banners/BannerWithSeparateImg.js";import{Banner as O}from"../widgets/banner/Banner.js";import{Footer as Y}from"../widgets/footer/Footer.js";import{Stepper as z}from"../widgets/stepper/Stepper.js";import{LongBanner as N}from"../widgets/longBanner/LongBanner.js";import{AuthProvider as X}from"../widgets/authProvider/AuthProvider.js";import{InterLinking as $}from"../widgets/interLinking/InterLinking.js";import{UsefulInfo as or}from"../widgets/usefulInfo/UsefulInfo.js";import{FieldMapper as mr}from"../widgets/fieldMapper/FieldMapper.js";import{DynamicForm as er}from"../widgets/dynamicForm/DynamicForm.js";import{DynamicFormDialog as fr}from"../widgets/dynamicFormDialog/DynamicFormDialog.js";import{KEYS_OF_WIDGET_LIST as ar,WIDGET_LIST_MAP as nr,widgetIds as lr}from"../widgets/model/helpers.js";import{FallbacksView as Ir}from"../widgets/fallbacksView/FallbacksView.js";import{HTMLParser as sr}from"../widgets/htmlParser/htmlParser.js";import{HTMLRenderer as Br}from"../widgets/htmlParser/HTMLRenderer.js";import{Breadcrumbs as Tr}from"../widgets/breadcrumbs/Breadcrumbs.js";import{SeoHeader as Sr}from"../widgets/seoHeader/SeoHeader.js";import{Calculator as Dr}from"../widgets/calculator/Calculator.js";import{CalculatorView as _r}from"../widgets/calculator/CalculatorView.js";import{InfoBlock as kr}from"../widgets/infoBlock/InfoBlock.js";import{UserFeedback as Wr}from"../widgets/userFeedback/UserFeedback.js";import{InfoTable as wr}from"../widgets/table/InfoTable.js";import{queryClient as Cr}from"../widgets/queryClientProvider/QueryClientProvider.js";export{X as AuthProvider,O as Banner,v as BannerWithSeparateImg,P as Benefit,Tr as Breadcrumbs,V as ButtonWithHandlers,Dr as Calculator,_r as CalculatorView,er as DynamicForm,fr as DynamicFormDialog,Ir as FallbacksView,mr as FieldMapper,Y as Footer,sr as HTMLParser,Br as HTMLRenderer,G as Header,kr as InfoBlock,wr as InfoTable,$ as InterLinking,ar as KEYS_OF_WIDGET_LIST,N as LongBanner,Sr as SeoHeader,z as Stepper,or as UsefulInfo,Wr as UserFeedback,nr as WIDGET_LIST_MAP,Cr as queryClient,lr as widgetIds};
|
|
2
2
|
//# sourceMappingURL=widget.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useForm as e}from"
|
|
1
|
+
import{useForm as e}from"react-hook-form";import{zodResolver as t}from"../../../node_modules/@hookform/resolvers/zod/dist/zod.js";const l=({schema:o,...r})=>e({...r,resolver:t(o)});export{l as useControlledForm};
|
|
2
2
|
//# sourceMappingURL=useControlledForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useControlledForm.js","sources":["../../../../lib/shared/hooks/useControlledForm.ts"],"sourcesContent":["'use client'\n\nimport { useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { type TypeOf, type ZodTypeAny } from 'zod'\n\ninterface UseControlledForm<T extends ZodTypeAny> extends UseFormProps<TypeOf<T>> {\n schema: T\n}\n\nexport const useControlledForm = <T extends ZodTypeAny>({ schema, ...formConfig }: UseControlledForm<T>) => {\n return useForm({\n ...formConfig,\n resolver: zodResolver(schema)\n })\n}\n"],"names":["useControlledForm","schema","formConfig","useForm","zodResolver"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useControlledForm.js","sources":["../../../../lib/shared/hooks/useControlledForm.ts"],"sourcesContent":["'use client'\n\nimport { useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { type TypeOf, type ZodTypeAny } from 'zod'\n\ninterface UseControlledForm<T extends ZodTypeAny> extends UseFormProps<TypeOf<T>> {\n schema: T\n}\n\nexport const useControlledForm = <T extends ZodTypeAny>({ schema, ...formConfig }: UseControlledForm<T>) => {\n return useForm({\n ...formConfig,\n resolver: zodResolver(schema)\n })\n}\n"],"names":["useControlledForm","schema","formConfig","useForm","zodResolver"],"mappings":"kIAUO,MAAMA,EAAoB,CAAuB,CAAE,OAAAC,EAAQ,GAAGC,KAC5DC,EAAQ,CACb,GAAGD,EACH,SAAUE,EAAYH,CAAM,CAAA,CAC7B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as a,useEffect as u}from"react";import{useWatch as b}from"
|
|
1
|
+
import{useState as a,useEffect as u}from"react";import{useWatch as b}from"react-hook-form";const g=c=>{var r;return(r=Object.values(c))==null?void 0:r.reduce((o,e)=>o+(e==null?void 0:e.progress),0)},f=({control:c,schema:r,fields:o})=>{const[e,m]=a(o),t=b({control:c});return u(()=>{m(n=>n==null?void 0:n.map(s=>r.shape[s.name].safeParse(t[s.name]).success&&t[s.name]&&t[s.name]!==""?{...s,progress:s.maxPercent}:{...s,progress:0}))},[t]),g(e)};export{f as useFieldsProgress};
|
|
2
2
|
//# sourceMappingURL=useFieldsProgress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFieldsProgress.js","sources":["../../../../lib/shared/hooks/useFieldsProgress.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { type Control, type FieldValues, type Path, useWatch } from 'react-hook-form'\nimport { type ZodObject, type ZodRawShape } from 'zod'\n\nexport interface ISubscribedField<T extends FieldValues> {\n name: Path<T>\n progress: number\n maxPercent: number\n}\n\ntype TUseFieldsProgress<T extends FieldValues, S extends ZodRawShape> = {\n control: Control<T>\n schema: ZodObject<S>\n fields: ISubscribedField<T>[]\n}\n\nconst formatProgress = <T extends FieldValues>(subscribeFields: ISubscribedField<T>[]) => {\n return Object.values(subscribeFields)?.reduce((acc, value) => {\n return acc + value?.progress\n }, 0)\n}\n\nexport const useFieldsProgress = <T extends FieldValues, S extends ZodRawShape>({\n control,\n schema,\n fields\n}: TUseFieldsProgress<T, S>): number => {\n const [subscribeFields, setSubscribeFields] = useState<ISubscribedField<T>[]>(fields)\n const watchedFields = useWatch({ control })\n\n useEffect(() => {\n setSubscribeFields((prevFields) =>\n prevFields?.map((field) => {\n const fieldSchema = schema.shape[field.name]\n const result = fieldSchema.safeParse(watchedFields[field.name])\n if (result.success && watchedFields[field.name] && watchedFields[field.name] !== '') {\n return { ...field, progress: field.maxPercent }\n } else {\n return { ...field, progress: 0 }\n }\n })\n )\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [watchedFields])\n\n return formatProgress(subscribeFields)\n}\n"],"names":["formatProgress","subscribeFields","_a","acc","value","useFieldsProgress","control","schema","fields","setSubscribeFields","useState","watchedFields","useWatch","useEffect","prevFields","field"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useFieldsProgress.js","sources":["../../../../lib/shared/hooks/useFieldsProgress.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { type Control, type FieldValues, type Path, useWatch } from 'react-hook-form'\nimport { type ZodObject, type ZodRawShape } from 'zod'\n\nexport interface ISubscribedField<T extends FieldValues> {\n name: Path<T>\n progress: number\n maxPercent: number\n}\n\ntype TUseFieldsProgress<T extends FieldValues, S extends ZodRawShape> = {\n control: Control<T>\n schema: ZodObject<S>\n fields: ISubscribedField<T>[]\n}\n\nconst formatProgress = <T extends FieldValues>(subscribeFields: ISubscribedField<T>[]) => {\n return Object.values(subscribeFields)?.reduce((acc, value) => {\n return acc + value?.progress\n }, 0)\n}\n\nexport const useFieldsProgress = <T extends FieldValues, S extends ZodRawShape>({\n control,\n schema,\n fields\n}: TUseFieldsProgress<T, S>): number => {\n const [subscribeFields, setSubscribeFields] = useState<ISubscribedField<T>[]>(fields)\n const watchedFields = useWatch({ control })\n\n useEffect(() => {\n setSubscribeFields((prevFields) =>\n prevFields?.map((field) => {\n const fieldSchema = schema.shape[field.name]\n const result = fieldSchema.safeParse(watchedFields[field.name])\n if (result.success && watchedFields[field.name] && watchedFields[field.name] !== '') {\n return { ...field, progress: field.maxPercent }\n } else {\n return { ...field, progress: 0 }\n }\n })\n )\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [watchedFields])\n\n return formatProgress(subscribeFields)\n}\n"],"names":["formatProgress","subscribeFields","_a","acc","value","useFieldsProgress","control","schema","fields","setSubscribeFields","useState","watchedFields","useWatch","useEffect","prevFields","field"],"mappings":"2FAkBA,MAAMA,EAAyCC,GAA2C,OACxF,OAAOC,EAAA,OAAO,OAAOD,CAAe,IAA7B,YAAAC,EAAgC,OAAO,CAACC,EAAKC,IAC3CD,GAAMC,GAAA,YAAAA,EAAO,UACnB,EACL,EAEaC,EAAoB,CAA+C,CAC9E,QAAAC,EACA,OAAAC,EACA,OAAAC,CACF,IAAwC,CACtC,KAAM,CAACP,EAAiBQ,CAAkB,EAAIC,EAAgCF,CAAM,EAC9EG,EAAgBC,EAAS,CAAE,QAAAN,EAAS,EAE1C,OAAAO,EAAU,IAAM,CACdJ,EAAoBK,GAClBA,GAAA,YAAAA,EAAY,IAAKC,GACKR,EAAO,MAAMQ,EAAM,IAAI,EAChB,UAAUJ,EAAcI,EAAM,IAAI,CAAC,EACnD,SAAWJ,EAAcI,EAAM,IAAI,GAAKJ,EAAcI,EAAM,IAAI,IAAM,GACxE,CAAE,GAAGA,EAAO,SAAUA,EAAM,UAAA,EAE5B,CAAE,GAAGA,EAAO,SAAU,CAAA,EAEhC,CAGL,EAAG,CAACJ,CAAa,CAAC,EAEXX,EAAeC,CAAe,CACvC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import"../../../../node_modules/classnames/index.js";import"react";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as r}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import"../../../../node_modules/classnames/index.js";import"react";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as r}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const F={main:o(r,{name:"brandLogos/logoMain"}),white:o(r,{name:"brandLogos/logoWhite"}),gray:o(r,{name:"brandLogos/logoGray"}),black:o(r,{name:"brandLogos/logoBlack"}),business:o(r,{name:"brandLogos/logoBusiness"}),insurance:o(r,{name:"brandLogos/logoInsurance"})};export{F as brandLogos};
|
|
2
2
|
//# sourceMappingURL=BrandLogos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrandLogos.js","sources":["../../../../../lib/shared/ui/brandLogos/BrandLogos.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Icon } from '$/shared/ui'\n\nexport type BrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance'\ntype BrandLogosVariants = Record<BrandLogoVariant, ReactElement>\n\nexport const brandLogos: BrandLogosVariants = {\n main: <Icon name='brandLogos/logoMain' />,\n white: <Icon name='brandLogos/logoWhite' />,\n gray: <Icon name='brandLogos/logoGray' />,\n black: <Icon name='brandLogos/logoBlack' />,\n business: <Icon name='brandLogos/logoBusiness' />,\n insurance: <Icon name='brandLogos/logoInsurance' />\n} as const\n"],"names":["brandLogos","jsx","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BrandLogos.js","sources":["../../../../../lib/shared/ui/brandLogos/BrandLogos.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Icon } from '$/shared/ui'\n\nexport type BrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance'\ntype BrandLogosVariants = Record<BrandLogoVariant, ReactElement>\n\nexport const brandLogos: BrandLogosVariants = {\n main: <Icon name='brandLogos/logoMain' />,\n white: <Icon name='brandLogos/logoWhite' />,\n gray: <Icon name='brandLogos/logoGray' />,\n black: <Icon name='brandLogos/logoBlack' />,\n business: <Icon name='brandLogos/logoBusiness' />,\n insurance: <Icon name='brandLogos/logoInsurance' />\n} as const\n"],"names":["brandLogos","jsx","Icon"],"mappings":"4kDAMO,MAAMA,EAAiC,CAC5C,KAAMC,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,KAAMD,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,SAAUD,EAACC,EAAA,CAAK,KAAK,yBAAA,CAA0B,EAC/C,UAAWD,EAACC,EAAA,CAAK,KAAK,0BAAA,CAA2B,CACnD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as D,jsx as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as C,useMemo as b}from"react";/* empty css */import{defaultClassNames as d}from"./model/utils.js";import{DayButton as k}from"./ui/DayButton.js";import{Weekday as v}from"./ui/Weekday.js";import{Day as F}from"./ui/Day.js";import{Footer as M}from"./ui/Footer.js";import{cn as t}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../accordion/Accordion.js";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../table/ui/primitives/Primitives.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";import{MonthCaption as W}from"./ui/MonthCaption.js";import{DayPicker as j}from"../../../../node_modules/react-day-picker/dist/esm/DayPicker.js";import{ru as B}from"../../../../node_modules/date-fns/locale/ru.js";const L=C(({classNames:r,showOutsideDays:y=!0,navigation:e=!0,renderFooter:m,selectOptions:i,className:f,disabledAfterToday:u,style:g,..._},x)=>{const h=b(()=>({today:t(d.today,r==null?void 0:r.today),outside:t(d.outside,r==null?void 0:r.outside),selected:t(d.selected,r==null?void 0:r.selected),range_start:t(d.range_outer,r==null?void 0:r.range_start),range_middle:t(d.range_middle,r==null?void 0:r.range_middle),range_end:t(d.range_outer,r==null?void 0:r.range_end),month_grid:"h-[280px]",day:t(d.day,r==null?void 0:r.day),...r}),[r]),w=i!=null&&i.year&&"startFrom"in i.year&&i.year.startFrom?new Date(i.year.startFrom,0):void 0;return D("div",{ref:x,style:g,className:t("relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200","bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]",f),children:[o(j,{..._,fixedWeeks:!0,captionLayout:"dropdown",showOutsideDays:y,locale:B,classNames:h,startMonth:w,components:{Day:p=>o(F,{...p,disabledAfterToday:u}),DayButton:p=>o(k,{...p}),Weekday:p=>o(v,{...p}),Nav:()=>o(n,{}),MonthCaption:p=>e?o(W,{...p,selectOptions:i}):o(n,{})}}),m&&o(M,{render:m})]})});L.displayName="Calendar";export{L as Calendar};
|
|
1
|
+
import{jsxs as D,jsx as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as C,useMemo as b}from"react";/* empty css */import{defaultClassNames as d}from"./model/utils.js";import{DayButton as k}from"./ui/DayButton.js";import{Weekday as v}from"./ui/Weekday.js";import{Day as F}from"./ui/Day.js";import{Footer as M}from"./ui/Footer.js";import{cn as t}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../table/ui/primitives/Primitives.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";import{MonthCaption as W}from"./ui/MonthCaption.js";import{DayPicker as j}from"../../../../node_modules/react-day-picker/dist/esm/DayPicker.js";import{ru as B}from"../../../../node_modules/date-fns/locale/ru.js";const L=C(({classNames:r,showOutsideDays:y=!0,navigation:e=!0,renderFooter:m,selectOptions:i,className:f,disabledAfterToday:u,style:g,..._},x)=>{const h=b(()=>({today:t(d.today,r==null?void 0:r.today),outside:t(d.outside,r==null?void 0:r.outside),selected:t(d.selected,r==null?void 0:r.selected),range_start:t(d.range_outer,r==null?void 0:r.range_start),range_middle:t(d.range_middle,r==null?void 0:r.range_middle),range_end:t(d.range_outer,r==null?void 0:r.range_end),month_grid:"h-[280px]",day:t(d.day,r==null?void 0:r.day),...r}),[r]),w=i!=null&&i.year&&"startFrom"in i.year&&i.year.startFrom?new Date(i.year.startFrom,0):void 0;return D("div",{ref:x,style:g,className:t("relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200","bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]",f),children:[o(j,{..._,fixedWeeks:!0,captionLayout:"dropdown",showOutsideDays:y,locale:B,classNames:h,startMonth:w,components:{Day:p=>o(F,{...p,disabledAfterToday:u}),DayButton:p=>o(k,{...p}),Weekday:p=>o(v,{...p}),Nav:()=>o(n,{}),MonthCaption:p=>e?o(W,{...p,selectOptions:i}):o(n,{})}}),m&&o(M,{render:m})]})});L.displayName="Calendar";export{L as Calendar};
|
|
2
2
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sources":["../../../../../lib/shared/ui/calendar/Calendar.tsx"],"sourcesContent":["import { type DetailedHTMLProps, forwardRef, type HTMLAttributes, type JSX, useMemo } from 'react'\nimport { type ClassNames, DayPicker, type DayPickerProps } from 'react-day-picker'\nimport { ru } from 'date-fns/locale'\nimport 'react-day-picker/style.css'\nimport { defaultClassNames } from './model'\nimport { Day, DayButton, Footer, MonthCaption, type SelectOptions, Weekday } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = DayPickerProps & {\n navigation?: boolean\n renderFooter?: (props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | string\n selectOptions?: SelectOptions\n disabledAfterToday?: boolean\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n classNames,\n showOutsideDays = true,\n navigation = true,\n renderFooter,\n selectOptions,\n className,\n disabledAfterToday,\n style,\n ...props\n },\n ref\n ) => {\n const cls = useMemo<Partial<ClassNames>>(\n () => ({\n today: cn(defaultClassNames.today, classNames?.today),\n outside: cn(defaultClassNames.outside, classNames?.outside),\n selected: cn(defaultClassNames.selected, classNames?.selected),\n range_start: cn(defaultClassNames.range_outer, classNames?.range_start),\n range_middle: cn(defaultClassNames.range_middle, classNames?.range_middle),\n range_end: cn(defaultClassNames.range_outer, classNames?.range_end),\n month_grid: 'h-[280px]',\n day: cn(defaultClassNames.day, classNames?.day),\n ...classNames\n }),\n [classNames]\n )\n\n const startYear =\n selectOptions?.year && 'startFrom' in selectOptions.year && selectOptions.year.startFrom\n ? new Date(selectOptions.year.startFrom, 0)\n : undefined\n\n return (\n <div\n ref={ref}\n style={style}\n className={cn(\n 'relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200',\n 'bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]',\n className\n )}\n >\n <DayPicker\n {...props}\n fixedWeeks\n captionLayout='dropdown'\n showOutsideDays={showOutsideDays}\n locale={ru}\n classNames={cls}\n startMonth={startYear}\n components={{\n Day: (props) => <Day {...props} disabledAfterToday={disabledAfterToday} />,\n DayButton: (props) => <DayButton {...props} />,\n Weekday: (props) => <Weekday {...props} />,\n Nav: () => <></>,\n MonthCaption: (props) => (navigation ? <MonthCaption {...props} selectOptions={selectOptions} /> : <></>)\n }}\n />\n {renderFooter && <Footer render={renderFooter} />}\n </div>\n )\n }\n)\nCalendar.displayName = 'Calendar'\n"],"names":["Calendar","forwardRef","classNames","showOutsideDays","navigation","renderFooter","selectOptions","className","disabledAfterToday","style","props","ref","cls","useMemo","cn","defaultClassNames","startYear","jsxs","jsx","DayPicker","ru","Day","DayButton","Weekday","Fragment","MonthCaption","Footer"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calendar.js","sources":["../../../../../lib/shared/ui/calendar/Calendar.tsx"],"sourcesContent":["import { type DetailedHTMLProps, forwardRef, type HTMLAttributes, type JSX, useMemo } from 'react'\nimport { type ClassNames, DayPicker, type DayPickerProps } from 'react-day-picker'\nimport { ru } from 'date-fns/locale'\nimport 'react-day-picker/style.css'\nimport { defaultClassNames } from './model'\nimport { Day, DayButton, Footer, MonthCaption, type SelectOptions, Weekday } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = DayPickerProps & {\n navigation?: boolean\n renderFooter?: (props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | string\n selectOptions?: SelectOptions\n disabledAfterToday?: boolean\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n classNames,\n showOutsideDays = true,\n navigation = true,\n renderFooter,\n selectOptions,\n className,\n disabledAfterToday,\n style,\n ...props\n },\n ref\n ) => {\n const cls = useMemo<Partial<ClassNames>>(\n () => ({\n today: cn(defaultClassNames.today, classNames?.today),\n outside: cn(defaultClassNames.outside, classNames?.outside),\n selected: cn(defaultClassNames.selected, classNames?.selected),\n range_start: cn(defaultClassNames.range_outer, classNames?.range_start),\n range_middle: cn(defaultClassNames.range_middle, classNames?.range_middle),\n range_end: cn(defaultClassNames.range_outer, classNames?.range_end),\n month_grid: 'h-[280px]',\n day: cn(defaultClassNames.day, classNames?.day),\n ...classNames\n }),\n [classNames]\n )\n\n const startYear =\n selectOptions?.year && 'startFrom' in selectOptions.year && selectOptions.year.startFrom\n ? new Date(selectOptions.year.startFrom, 0)\n : undefined\n\n return (\n <div\n ref={ref}\n style={style}\n className={cn(\n 'relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200',\n 'bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]',\n className\n )}\n >\n <DayPicker\n {...props}\n fixedWeeks\n captionLayout='dropdown'\n showOutsideDays={showOutsideDays}\n locale={ru}\n classNames={cls}\n startMonth={startYear}\n components={{\n Day: (props) => <Day {...props} disabledAfterToday={disabledAfterToday} />,\n DayButton: (props) => <DayButton {...props} />,\n Weekday: (props) => <Weekday {...props} />,\n Nav: () => <></>,\n MonthCaption: (props) => (navigation ? <MonthCaption {...props} selectOptions={selectOptions} /> : <></>)\n }}\n />\n {renderFooter && <Footer render={renderFooter} />}\n </div>\n )\n }\n)\nCalendar.displayName = 'Calendar'\n"],"names":["Calendar","forwardRef","classNames","showOutsideDays","navigation","renderFooter","selectOptions","className","disabledAfterToday","style","props","ref","cls","useMemo","cn","defaultClassNames","startYear","jsxs","jsx","DayPicker","ru","Day","DayButton","Weekday","Fragment","MonthCaption","Footer"],"mappings":"4/DAeO,MAAMA,EAAWC,EACtB,CACE,CACE,WAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,aAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAMC,EACV,KAAO,CACL,MAAOC,EAAGC,EAAkB,MAAOb,GAAA,YAAAA,EAAY,KAAK,EACpD,QAASY,EAAGC,EAAkB,QAASb,GAAA,YAAAA,EAAY,OAAO,EAC1D,SAAUY,EAAGC,EAAkB,SAAUb,GAAA,YAAAA,EAAY,QAAQ,EAC7D,YAAaY,EAAGC,EAAkB,YAAab,GAAA,YAAAA,EAAY,WAAW,EACtE,aAAcY,EAAGC,EAAkB,aAAcb,GAAA,YAAAA,EAAY,YAAY,EACzE,UAAWY,EAAGC,EAAkB,YAAab,GAAA,YAAAA,EAAY,SAAS,EAClE,WAAY,YACZ,IAAKY,EAAGC,EAAkB,IAAKb,GAAA,YAAAA,EAAY,GAAG,EAC9C,GAAGA,CAAA,GAEL,CAACA,CAAU,CAAA,EAGPc,EACJV,GAAA,MAAAA,EAAe,MAAQ,cAAeA,EAAc,MAAQA,EAAc,KAAK,UAC3E,IAAI,KAAKA,EAAc,KAAK,UAAW,CAAC,EACxC,OAEN,OACEW,EAAC,MAAA,CACC,IAAAN,EACA,MAAAF,EACA,UAAWK,EACT,8EACA,iEACAP,CAAA,EAGF,SAAA,CAAAW,EAACC,EAAA,CACE,GAAGT,EACJ,WAAU,GACV,cAAc,WACd,gBAAAP,EACA,OAAQiB,EACR,WAAYR,EACZ,WAAYI,EACZ,WAAY,CACV,IAAMN,KAAWW,EAAA,CAAK,GAAGX,EAAO,mBAAAF,EAAwC,EACxE,UAAYE,GAAUQ,EAACI,EAAA,CAAW,GAAGZ,EAAO,EAC5C,QAAUA,GAAUQ,EAACK,EAAA,CAAS,GAAGb,EAAO,EACxC,IAAK,IAAMQ,EAAAM,EAAA,EAAE,EACb,aAAed,GAAWN,EAAac,EAACO,GAAc,GAAGf,EAAO,cAAAJ,CAAA,CAA8B,EAAKY,EAAAM,EAAA,CAAA,CAAE,CAAA,CACvG,CAAA,EAEDnB,GAAgBa,EAACQ,EAAA,CAAO,OAAQrB,CAAA,CAAc,CAAA,CAAA,CAAA,CAGrD,CACF,EACAL,EAAS,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as c,jsx as i}from"react/jsx-runtime";import{cn as t}from"../../../utils/cn.js";import"react";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../Calendar.js";import"../model/utils.js";import"../../accordion/Accordion.js";import"react-dom";import"../../modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}from"../../icon/Icon.js";import"../../table/ui/primitives/Primitives.js";import"../../carousel/ui/CarouselContent.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";import{useDayPicker as l}from"../../../../../node_modules/react-day-picker/dist/esm/useDayPicker.js";const
|
|
1
|
+
import{jsxs as c,jsx as i}from"react/jsx-runtime";import{cn as t}from"../../../utils/cn.js";import"react";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../Calendar.js";import"../model/utils.js";import"../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}from"../../icon/Icon.js";import"../../table/ui/primitives/Primitives.js";import"../../carousel/ui/CarouselContent.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";import{useDayPicker as l}from"../../../../../node_modules/react-day-picker/dist/esm/useDayPicker.js";const V=({className:e,...n})=>{const{previousMonth:o,nextMonth:r,goToMonth:m}=l(),a=()=>{o&&m(o)},s=()=>{r&&m(r)};return c("nav",{...n,className:t("flex h-fit gap-x-3",e),children:[i("button",{type:"button",onClick:a,disabled:!o,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":o}),children:i(p,{name:"arrows/arrowRight",className:t("rotate-180 text-icon-blue-grey-800",{"text-icon-disabled":!o})})}),i("button",{type:"button",onClick:s,disabled:!r,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":r}),children:i(p,{name:"arrows/arrowRight",className:t("text-icon-blue-grey-800",{"text-icon-disabled":!r})})})]})};export{V as Navigation};
|
|
2
2
|
//# sourceMappingURL=Navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Navigation.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { useDayPicker } from 'react-day-picker'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype NavigationProps = HTMLAttributes<HTMLElement>\n\nexport const Navigation = ({ className, ...props }: NavigationProps) => {\n const { previousMonth, nextMonth, goToMonth } = useDayPicker()\n\n const onPreviousClick = () => {\n if (previousMonth) {\n goToMonth(previousMonth)\n }\n }\n\n const onNextClick = () => {\n if (nextMonth) {\n goToMonth(nextMonth)\n }\n }\n\n return (\n <nav {...props} className={cn('flex h-fit gap-x-3', className)}>\n <button\n type='button'\n onClick={onPreviousClick}\n disabled={!previousMonth}\n className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': previousMonth })}\n >\n <Icon\n name='arrows/arrowRight'\n className={cn('rotate-180 text-icon-blue-grey-800', {\n 'text-icon-disabled': !previousMonth\n })}\n />\n </button>\n <button\n type='button'\n onClick={onNextClick}\n disabled={!nextMonth}\n className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': nextMonth })}\n >\n <Icon\n name='arrows/arrowRight'\n className={cn('text-icon-blue-grey-800', {\n 'text-icon-disabled': !nextMonth\n })}\n />\n </button>\n </nav>\n )\n}\n"],"names":["Navigation","className","props","previousMonth","nextMonth","goToMonth","useDayPicker","onPreviousClick","onNextClick","jsxs","cn","jsx","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navigation.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Navigation.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { useDayPicker } from 'react-day-picker'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype NavigationProps = HTMLAttributes<HTMLElement>\n\nexport const Navigation = ({ className, ...props }: NavigationProps) => {\n const { previousMonth, nextMonth, goToMonth } = useDayPicker()\n\n const onPreviousClick = () => {\n if (previousMonth) {\n goToMonth(previousMonth)\n }\n }\n\n const onNextClick = () => {\n if (nextMonth) {\n goToMonth(nextMonth)\n }\n }\n\n return (\n <nav {...props} className={cn('flex h-fit gap-x-3', className)}>\n <button\n type='button'\n onClick={onPreviousClick}\n disabled={!previousMonth}\n className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': previousMonth })}\n >\n <Icon\n name='arrows/arrowRight'\n className={cn('rotate-180 text-icon-blue-grey-800', {\n 'text-icon-disabled': !previousMonth\n })}\n />\n </button>\n <button\n type='button'\n onClick={onNextClick}\n disabled={!nextMonth}\n className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': nextMonth })}\n >\n <Icon\n name='arrows/arrowRight'\n className={cn('text-icon-blue-grey-800', {\n 'text-icon-disabled': !nextMonth\n })}\n />\n </button>\n </nav>\n )\n}\n"],"names":["Navigation","className","props","previousMonth","nextMonth","goToMonth","useDayPicker","onPreviousClick","onNextClick","jsxs","cn","jsx","Icon"],"mappings":"+uDAOO,MAAMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA6B,CACtE,KAAM,CAAE,cAAAC,EAAe,UAAAC,EAAW,UAAAC,CAAA,EAAcC,EAAA,EAE1CC,EAAkB,IAAM,CACxBJ,GACFE,EAAUF,CAAa,CAE3B,EAEMK,EAAc,IAAM,CACpBJ,GACFC,EAAUD,CAAS,CAEvB,EAEA,OACEK,EAAC,OAAK,GAAGP,EAAO,UAAWQ,EAAG,qBAAsBT,CAAS,EAC3D,SAAA,CAAAU,EAAC,SAAA,CACC,KAAK,SACL,QAASJ,EACT,SAAU,CAACJ,EACX,UAAWO,EAAG,aAAc,CAAE,kCAAmCP,EAAe,EAEhF,SAAAQ,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,qCAAsC,CAClD,qBAAsB,CAACP,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,EAEFQ,EAAC,SAAA,CACC,KAAK,SACL,QAASH,EACT,SAAU,CAACJ,EACX,UAAWM,EAAG,aAAc,CAAE,kCAAmCN,EAAW,EAE5E,SAAAO,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,0BAA2B,CACvC,qBAAsB,CAACN,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as n,jsx as s}from"react/jsx-runtime";import{formatDateToYearString as l,formatDateToMonthString as c}from"../../../model/utils.js";import{cn as o}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../Calendar.js";import"../../../../accordion/Accordion.js";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.js";import"../../../../slot/Slot.js";import"../../../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../formElements/uncontrolled/combobox/combobox.js";import"../../../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../formElements/uncontrolled/input/Input.js";import"../../../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../formElements/uncontrolled/radio/RadioGroup.js";import"../../../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../formElements/uncontrolled/slider/SliderBase.js";import"../../../../formElements/uncontrolled/switch/Switch.js";import"../../../../formElements/uncontrolled/textarea/Textarea.js";import"../../../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../../formElements/controlled/editor/ui/Editor.js";import"../../../../formElements/controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const
|
|
1
|
+
import{jsxs as n,jsx as s}from"react/jsx-runtime";import{formatDateToYearString as l,formatDateToMonthString as c}from"../../../model/utils.js";import{cn as o}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../Calendar.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.js";import"../../../../slot/Slot.js";import"../../../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../formElements/uncontrolled/combobox/combobox.js";import"../../../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../formElements/uncontrolled/input/Input.js";import"../../../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../formElements/uncontrolled/radio/RadioGroup.js";import"../../../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../formElements/uncontrolled/slider/SliderBase.js";import"../../../../formElements/uncontrolled/switch/Switch.js";import"../../../../formElements/uncontrolled/textarea/Textarea.js";import"../../../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../../formElements/controlled/editor/ui/Editor.js";import"../../../../formElements/controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const U=({currentDate:r,mode:i,className:m,open:t,onOpenChange:p,...e})=>{const a=i==="year"?l(r):c(r);return n("button",{...e,type:"button",onClick:p,className:o("mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2","capitalize text-color-tetriary hover:bg-color-primary-tr-hover","disabled:pointer-events-none disabled:text-color-disabled",{"text-color-primary-default":t},m),children:[a,s(d,{name:"arrows/arrowRight",className:o("size-4 rotate-90",{"-rotate-90":t})})]})};export{U as Trigger};
|
|
2
2
|
//# sourceMappingURL=Trigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Trigger.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/Trigger.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes } from 'react'\nimport { formatDateToMonthString, formatDateToYearString } from '../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n currentDate: Date\n mode: 'year' | 'month'\n open: boolean\n onOpenChange: () => void\n}\n\nexport const Trigger = ({ currentDate, mode, className, open, onOpenChange, ...props }: TriggerProps) => {\n const title = mode === 'year' ? formatDateToYearString(currentDate) : formatDateToMonthString(currentDate)\n\n return (\n <button\n {...props}\n type='button'\n onClick={onOpenChange}\n className={cn(\n 'mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2',\n 'capitalize text-color-tetriary hover:bg-color-primary-tr-hover',\n 'disabled:pointer-events-none disabled:text-color-disabled',\n { 'text-color-primary-default': open },\n className\n )}\n >\n {title}\n <Icon name='arrows/arrowRight' className={cn('size-4 rotate-90', { '-rotate-90': open })} />\n </button>\n )\n}\n"],"names":["Trigger","currentDate","mode","className","open","onOpenChange","props","title","formatDateToYearString","formatDateToMonthString","jsxs","cn","jsx","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Trigger.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/Trigger.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes } from 'react'\nimport { formatDateToMonthString, formatDateToYearString } from '../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n currentDate: Date\n mode: 'year' | 'month'\n open: boolean\n onOpenChange: () => void\n}\n\nexport const Trigger = ({ currentDate, mode, className, open, onOpenChange, ...props }: TriggerProps) => {\n const title = mode === 'year' ? formatDateToYearString(currentDate) : formatDateToMonthString(currentDate)\n\n return (\n <button\n {...props}\n type='button'\n onClick={onOpenChange}\n className={cn(\n 'mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2',\n 'capitalize text-color-tetriary hover:bg-color-primary-tr-hover',\n 'disabled:pointer-events-none disabled:text-color-disabled',\n { 'text-color-primary-default': open },\n className\n )}\n >\n {title}\n <Icon name='arrows/arrowRight' className={cn('size-4 rotate-90', { '-rotate-90': open })} />\n </button>\n )\n}\n"],"names":["Trigger","currentDate","mode","className","open","onOpenChange","props","title","formatDateToYearString","formatDateToMonthString","jsxs","cn","jsx","Icon"],"mappings":"43DAYO,MAAMA,EAAU,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,UAAAC,EAAW,KAAAC,EAAM,aAAAC,EAAc,GAAGC,KAA0B,CACvG,MAAMC,EAAQL,IAAS,OAASM,EAAuBP,CAAW,EAAIQ,EAAwBR,CAAW,EAEzG,OACES,EAAC,SAAA,CACE,GAAGJ,EACJ,KAAK,SACL,QAASD,EACT,UAAWM,EACT,iEACA,iEACA,4DACA,CAAE,6BAA8BP,CAAA,EAChCD,CAAA,EAGD,SAAA,CAAAI,EACDK,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAWF,EAAG,mBAAoB,CAAE,aAAcP,CAAA,CAAM,CAAA,CAAG,CAAA,CAAA,CAAA,CAGhG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useDevice as q}from"../../hooks/useDevice.js";import"react";import{cn as r}from"../../utils/cn.js";import{Heading as z}from"../heading/Heading.js";import{useArrowNavigation as E}from"./model/hooks/useArrowNavigation.js";import{useDotsNavigation as F}from"./model/hooks/useDotsNavigation.js";import{useCarousel as G}from"./model/hooks/useCarousel.js";import{defaultCarouselOptions as A,defaultNavArrowOptions as h,defaultDotsOptions as b,defaultAutoPlayOptions as J}from"./model/helpers.js";import{ArrowNavigationButton as l}from"./ui/ArrowNavigationButton.js";import"../button/Button.js";import{CarouselContent as D}from"./ui/CarouselContent.js";import{ContainerWithNavigation as K}from"./ui/ContainerWithNavigation.js";const
|
|
1
|
+
import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useDevice as q}from"../../hooks/useDevice.js";import"react";import{cn as r}from"../../utils/cn.js";import"react-hook-form";import{Heading as z}from"../heading/Heading.js";import{useArrowNavigation as E}from"./model/hooks/useArrowNavigation.js";import{useDotsNavigation as F}from"./model/hooks/useDotsNavigation.js";import{useCarousel as G}from"./model/hooks/useCarousel.js";import{defaultCarouselOptions as A,defaultNavArrowOptions as h,defaultDotsOptions as b,defaultAutoPlayOptions as J}from"./model/helpers.js";import{ArrowNavigationButton as l}from"./ui/ArrowNavigationButton.js";import"../button/Button.js";import{CarouselContent as D}from"./ui/CarouselContent.js";import{ContainerWithNavigation as K}from"./ui/ContainerWithNavigation.js";const eo=({dotsOptions:x=b,navArrowOptions:k=h,carouselOptions:B=A,heading:p,autoPlayOptions:P,setVisibleIndex:y,visibleIndex:a,children:d,classes:o,...j})=>{const H={...A,...B},M={...J,...P},W={...h,...k},f={...b,...x},{emblaApi:u,navigationHandler:v,emblaRef:w}=G({carouselOptions:H,autoPlayOptions:M}),N=F({emblaApi:u,navigationHandler:v,setVisibleIndex:y}),{prevBtnDisabled:g,nextBtnDisabled:C,onClickNavigationButton:i}=E({emblaApi:u,navigationHandler:v}),{isMobile:R,isDesktop:V}=q(),{deskVisible:L,mobVisible:T,position:n}=W??{},e=L&&V||T&&R,O=!!p||e&&n==="top-right";return m("div",{className:r("flex flex-col",o==null?void 0:o.root),...j,children:[O&&m("div",{className:r("flex items-center justify-between gap-6",{"mb-6":O},o==null?void 0:o.header),children:[!!p&&t(z,{as:"h2",className:r(o==null?void 0:o.heading),children:"Другие предложения"}),e&&n==="top-right"&&m("div",{className:r("ml-auto flex items-center gap-2",o==null?void 0:o.arrowsNavWrapper),children:[t(l,{mode:"prev",onClick:i,disabled:g,classes:o==null?void 0:o.arrowLeftClasses}),t(l,{mode:"next",onClick:i,disabled:C,classes:o==null?void 0:o.arrowRightClasses})]})]}),e&&n==="center"?t(K,{onClickNavigationButton:i,prevBtnDisabled:g,nextBtnDisabled:C,classes:o==null?void 0:o.containerWithNavClasses,children:t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})}):t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})]})};export{eo as CarouselBase};
|
|
2
2
|
//# sourceMappingURL=CarouselBase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n defaultAutoPlayOptions,\n defaultCarouselOptions,\n defaultDotsOptions,\n defaultNavArrowOptions,\n type DotsOptions,\n type NavArrowOptions,\n useArrowNavigation,\n useCarousel,\n useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n root?: string\n header?: string\n heading?: string\n arrowsNavWrapper?: string\n arrowLeftClasses?: ArrowNavigationButtonClasses\n arrowRightClasses?: ArrowNavigationButtonClasses\n containerWithNavClasses?: ContainerWithNavigationClasses\n carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode\n heading?: string\n carouselOptions?: EmblaOptionsType\n dotsOptions?: DotsOptions\n navArrowOptions?: NavArrowOptions\n autoPlayOptions?: AutoplayOptionsType\n setVisibleIndex: (index: number) => void\n visibleIndex: number\n classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n dotsOptions = defaultDotsOptions,\n navArrowOptions = defaultNavArrowOptions,\n carouselOptions = defaultCarouselOptions,\n heading,\n autoPlayOptions,\n setVisibleIndex,\n visibleIndex,\n children,\n classes,\n ...props\n}: CarouselBaseProps) => {\n const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n carouselOptions: mergedCarouselOptions,\n autoPlayOptions: mergedAutoPlayOptions\n })\n\n const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n emblaApi,\n navigationHandler\n })\n\n const { isMobile, isDesktop } = useDevice()\n const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n //Отображения стрелок если переданы и мобильное разрешение\n const withNavArrowsOnMob = mobVisible && isMobile\n //Отображения стрелок если переданы и полноэкранное разрешение\n const winNavArrowsOnDesk = deskVisible && isDesktop\n //Отображения стрелок если переданы\n const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n return (\n <div className={cn('flex flex-col', classes?.root)} {...props}>\n {withHeadingAndArrowsTop && (\n <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n {Boolean(heading) && (\n <Heading as='h2' className={cn(classes?.heading)}>\n Другие предложения\n </Heading>\n )}\n\n {winNavArrows && navArrowPosition === 'top-right' && (\n <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n <ArrowNavigationButton\n mode='prev'\n onClick={onClickNavigationButton}\n disabled={prevBtnDisabled}\n classes={classes?.arrowLeftClasses}\n />\n <ArrowNavigationButton\n mode='next'\n onClick={onClickNavigationButton}\n disabled={nextBtnDisabled}\n classes={classes?.arrowRightClasses}\n />\n </div>\n )}\n </div>\n )}\n\n {winNavArrows && navArrowPosition === 'center' ? (\n <ContainerWithNavigation\n onClickNavigationButton={onClickNavigationButton}\n prevBtnDisabled={prevBtnDisabled}\n nextBtnDisabled={nextBtnDisabled}\n classes={classes?.containerWithNavClasses}\n >\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n </ContainerWithNavigation>\n ) : (\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n )}\n </div>\n )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n defaultAutoPlayOptions,\n defaultCarouselOptions,\n defaultDotsOptions,\n defaultNavArrowOptions,\n type DotsOptions,\n type NavArrowOptions,\n useArrowNavigation,\n useCarousel,\n useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n root?: string\n header?: string\n heading?: string\n arrowsNavWrapper?: string\n arrowLeftClasses?: ArrowNavigationButtonClasses\n arrowRightClasses?: ArrowNavigationButtonClasses\n containerWithNavClasses?: ContainerWithNavigationClasses\n carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode\n heading?: string\n carouselOptions?: EmblaOptionsType\n dotsOptions?: DotsOptions\n navArrowOptions?: NavArrowOptions\n autoPlayOptions?: AutoplayOptionsType\n setVisibleIndex: (index: number) => void\n visibleIndex: number\n classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n dotsOptions = defaultDotsOptions,\n navArrowOptions = defaultNavArrowOptions,\n carouselOptions = defaultCarouselOptions,\n heading,\n autoPlayOptions,\n setVisibleIndex,\n visibleIndex,\n children,\n classes,\n ...props\n}: CarouselBaseProps) => {\n const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n carouselOptions: mergedCarouselOptions,\n autoPlayOptions: mergedAutoPlayOptions\n })\n\n const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n emblaApi,\n navigationHandler\n })\n\n const { isMobile, isDesktop } = useDevice()\n const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n //Отображения стрелок если переданы и мобильное разрешение\n const withNavArrowsOnMob = mobVisible && isMobile\n //Отображения стрелок если переданы и полноэкранное разрешение\n const winNavArrowsOnDesk = deskVisible && isDesktop\n //Отображения стрелок если переданы\n const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n return (\n <div className={cn('flex flex-col', classes?.root)} {...props}>\n {withHeadingAndArrowsTop && (\n <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n {Boolean(heading) && (\n <Heading as='h2' className={cn(classes?.heading)}>\n Другие предложения\n </Heading>\n )}\n\n {winNavArrows && navArrowPosition === 'top-right' && (\n <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n <ArrowNavigationButton\n mode='prev'\n onClick={onClickNavigationButton}\n disabled={prevBtnDisabled}\n classes={classes?.arrowLeftClasses}\n />\n <ArrowNavigationButton\n mode='next'\n onClick={onClickNavigationButton}\n disabled={nextBtnDisabled}\n classes={classes?.arrowRightClasses}\n />\n </div>\n )}\n </div>\n )}\n\n {winNavArrows && navArrowPosition === 'center' ? (\n <ContainerWithNavigation\n onClickNavigationButton={onClickNavigationButton}\n prevBtnDisabled={prevBtnDisabled}\n nextBtnDisabled={nextBtnDisabled}\n classes={classes?.containerWithNavClasses}\n >\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n </ContainerWithNavigation>\n ) : (\n <CarouselContent\n visibleIndex={visibleIndex}\n dotsOptions={mergedDotsOptions}\n ref={emblaRef}\n dotsProps={dotsProps}\n classes={classes?.carouselContentClasses}\n >\n {children}\n </CarouselContent>\n )}\n </div>\n )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"iyBA2CO,MAAMA,GAAe,CAAC,CAC3B,YAAAC,EAAcC,EACd,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAwB,CAAE,GAAGR,EAAwB,GAAGD,CAAA,EACxDU,EAAwB,CAAE,GAAGC,EAAwB,GAAGR,CAAA,EACxDS,EAAwB,CAAE,GAAGb,EAAwB,GAAGD,CAAA,EACxDe,EAAoB,CAAE,GAAGhB,EAAoB,GAAGD,CAAA,EAEhD,CAAE,SAAAkB,EAAU,kBAAAC,EAAmB,SAAAC,CAAA,EAAaC,EAAY,CAC5D,gBAAiBR,EACjB,gBAAiBC,CAAA,CAClB,EAEKQ,EAAYC,EAAkB,CAAE,SAAAL,EAAU,kBAAAC,EAAmB,gBAAAX,EAAiB,EAC9E,CAAE,gBAAAgB,EAAiB,gBAAAC,EAAiB,wBAAAC,CAAA,EAA4BC,EAAmB,CACvF,SAAAT,EACA,kBAAAC,CAAA,CACD,EAEK,CAAE,SAAAS,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,YAAAC,EAAa,WAAAC,EAAY,SAAUC,CAAA,EAAqBjB,GAAyB,CAAA,EAOnFkB,EAFqBH,GAAeF,GAFfG,GAAcJ,EAMnCO,EAA0B,EAAQ7B,GAAa4B,GAAgBD,IAAqB,YAE1F,OACEG,EAAC,OAAI,UAAWC,EAAG,gBAAiB1B,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EACrD,SAAA,CAAAuB,GACCC,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2C,CAAE,OAAQF,CAAA,EAA2BxB,GAAA,YAAAA,EAAS,MAAM,EAC/G,SAAA,CAAA,EAAQL,GACPgC,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG1B,GAAA,YAAAA,EAAS,OAAO,EAAG,SAAA,oBAAA,CAElD,EAGDuB,GAAgBD,IAAqB,aACpCG,EAAC,MAAA,CAAI,UAAWC,EAAG,kCAAmC1B,GAAA,YAAAA,EAAS,gBAAgB,EAC7E,SAAA,CAAA2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUF,EACV,QAASb,GAAA,YAAAA,EAAS,gBAAA,CAAA,EAEpB2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUD,EACV,QAASd,GAAA,YAAAA,EAAS,iBAAA,CAAA,CACpB,CAAA,CACF,CAAA,EAEJ,EAGDuB,GAAgBD,IAAqB,SACpCK,EAACG,EAAA,CACC,wBAAAf,EACA,gBAAAF,EACA,gBAAAC,EACA,QAASd,GAAA,YAAAA,EAAS,wBAElB,SAAA2B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,CAAA,EAGF4B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as l,jsx as t}from"react/jsx-runtime";import{forwardRef as x}from"react";import{DotsNavigations as a}from"./DotsNavigations.js";import{useDevice as w}from"../../../hooks/useDevice.js";import{cn as i}from"../../../utils/cn.js";const
|
|
1
|
+
import{jsxs as l,jsx as t}from"react/jsx-runtime";import{forwardRef as x}from"react";import{DotsNavigations as a}from"./DotsNavigations.js";import{useDevice as w}from"../../../hooks/useDevice.js";import{cn as i}from"../../../utils/cn.js";import"react-hook-form";const y=x(({visibleIndex:r,classes:o,children:n,dotsProps:e,dotsOptions:m},p)=>{const{isMobile:d,isDesktop:f}=w(),{mobVisible:s,deskVisible:u,...v}=m??{},D=s&&d,b=u&&f,h={visibleIndex:r,...e};return l("div",{className:i("mx-auto overflow-hidden",o==null?void 0:o.slidesOverlay),ref:p,children:[t("div",{className:i("flex touch-pan-y gap-6",o==null?void 0:o.slidesWrapper),children:n}),(b||D)&&t(a,{...h,...v})]})});export{y as CarouselContent};
|
|
2
2
|
//# sourceMappingURL=CarouselContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselContent.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselContent.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport type { DotsOptions, UseDotsNavigationReturn } from '../model'\nimport { DotsNavigations, type DotsNavigationsClasses } from './DotsNavigations'\nimport { useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselContentClasses = {\n dotsClasses?: DotsNavigationsClasses\n slidesOverlay?: string\n slidesWrapper?: string\n}\n\nexport interface CarouselContentProps {\n classes?: CarouselContentClasses\n children: ReactNode\n dotsProps: UseDotsNavigationReturn\n dotsOptions: DotsOptions\n visibleIndex: number\n}\n\nexport const CarouselContent = forwardRef<HTMLDivElement, CarouselContentProps>(\n ({ visibleIndex, classes, children, dotsProps, dotsOptions }, ref) => {\n const { isMobile, isDesktop } = useDevice()\n const { mobVisible, deskVisible, ...dotsRestOptions } = dotsOptions ?? {}\n\n //Отображения точек если переданы и мобильное разрешение\n const withDotsOnMob = mobVisible && isMobile\n //Отображения точек если переданы и полноэкранное разрешение\n const withDotsOnDesk = deskVisible && isDesktop\n\n const dotsFullProps = {\n visibleIndex,\n ...dotsProps\n }\n\n return (\n <div className={cn('mx-auto overflow-hidden', classes?.slidesOverlay)} ref={ref}>\n <div className={cn('flex touch-pan-y gap-6', classes?.slidesWrapper)}>{children}</div>\n {(withDotsOnDesk || withDotsOnMob) && <DotsNavigations {...dotsFullProps} {...dotsRestOptions} />}\n </div>\n )\n }\n)\n"],"names":["CarouselContent","forwardRef","visibleIndex","classes","children","dotsProps","dotsOptions","ref","isMobile","isDesktop","useDevice","mobVisible","deskVisible","dotsRestOptions","withDotsOnMob","withDotsOnDesk","dotsFullProps","jsxs","cn","jsx","DotsNavigations"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CarouselContent.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselContent.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport type { DotsOptions, UseDotsNavigationReturn } from '../model'\nimport { DotsNavigations, type DotsNavigationsClasses } from './DotsNavigations'\nimport { useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselContentClasses = {\n dotsClasses?: DotsNavigationsClasses\n slidesOverlay?: string\n slidesWrapper?: string\n}\n\nexport interface CarouselContentProps {\n classes?: CarouselContentClasses\n children: ReactNode\n dotsProps: UseDotsNavigationReturn\n dotsOptions: DotsOptions\n visibleIndex: number\n}\n\nexport const CarouselContent = forwardRef<HTMLDivElement, CarouselContentProps>(\n ({ visibleIndex, classes, children, dotsProps, dotsOptions }, ref) => {\n const { isMobile, isDesktop } = useDevice()\n const { mobVisible, deskVisible, ...dotsRestOptions } = dotsOptions ?? {}\n\n //Отображения точек если переданы и мобильное разрешение\n const withDotsOnMob = mobVisible && isMobile\n //Отображения точек если переданы и полноэкранное разрешение\n const withDotsOnDesk = deskVisible && isDesktop\n\n const dotsFullProps = {\n visibleIndex,\n ...dotsProps\n }\n\n return (\n <div className={cn('mx-auto overflow-hidden', classes?.slidesOverlay)} ref={ref}>\n <div className={cn('flex touch-pan-y gap-6', classes?.slidesWrapper)}>{children}</div>\n {(withDotsOnDesk || withDotsOnMob) && <DotsNavigations {...dotsFullProps} {...dotsRestOptions} />}\n </div>\n )\n }\n)\n"],"names":["CarouselContent","forwardRef","visibleIndex","classes","children","dotsProps","dotsOptions","ref","isMobile","isDesktop","useDevice","mobVisible","deskVisible","dotsRestOptions","withDotsOnMob","withDotsOnDesk","dotsFullProps","jsxs","cn","jsx","DotsNavigations"],"mappings":"sQAoBO,MAAMA,EAAkBC,EAC7B,CAAC,CAAE,aAAAC,EAAc,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,YAAAC,CAAA,EAAeC,IAAQ,CACpE,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,WAAAC,EAAY,YAAAC,EAAa,GAAGC,CAAA,EAAoBP,GAAe,CAAA,EAGjEQ,EAAgBH,GAAcH,EAE9BO,EAAiBH,GAAeH,EAEhCO,EAAgB,CACpB,aAAAd,EACA,GAAGG,CAAA,EAGL,OACEY,EAAC,OAAI,UAAWC,EAAG,0BAA2Bf,GAAA,YAAAA,EAAS,aAAa,EAAG,IAAAI,EACrE,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,yBAA0Bf,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAC,EAAS,GAC9EW,GAAkBD,IAAkBK,EAACC,GAAiB,GAAGJ,EAAgB,GAAGH,CAAA,CAAiB,CAAA,EACjG,CAEJ,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useRef as l}from"react";import{createPortal as u}from"react-dom";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import{cn as g}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as b}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import{Heading as h}from"../heading/Heading.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const
|
|
1
|
+
import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useRef as l}from"react";import{createPortal as u}from"react-dom";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as g}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as b}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import{Heading as h}from"../heading/Heading.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const ro=({className:n,children:c,title:e,portal:i=(d=>(d=globalThis==null?void 0:globalThis.document)==null?void 0:d.body)(),...a})=>{const r=l(null),m=l(null),t=()=>{r.current&&r.current.close()};x(m,t);const p=o("dialog",{ref:r,...a,className:"group z-10 border-none",onKeyDown:f=>{f.key==="Escape"&&t()},children:o("div",{className:"fixed inset-0 flex items-center justify-center bg-color-overlay",children:s("div",{ref:m,className:g("w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8","rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0",n),children:[s("div",{className:"flex items-start justify-between gap-4",children:[e&&o(h,{as:"h3",className:"flex-1 text-color-dark",children:e}),o(b,{onClick:t,name:"general/close",className:"ml-auto size-6 cursor-pointer text-icon-dark-hover"})]}),o("div",{className:"mt-4",children:c})]})})});return i?u(p,i):p};export{ro as Dialog};
|
|
2
2
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../../lib/shared/ui/dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {\n title?: string\n portal?: HTMLElement\n}\n\nexport const Dialog = ({ className, children, title, portal = globalThis?.document?.body, ...props }: DialogProps) => {\n const dialogRef = useRef<HTMLDialogElement>(null)\n const contentRef = useRef<HTMLDivElement>(null)\n\n const onClose = () => {\n if (!dialogRef.current) return\n\n dialogRef.current.close()\n }\n\n useClickOutside(contentRef, onClose)\n\n const dialog = (\n <dialog\n ref={dialogRef}\n {...props}\n className='group z-10 border-none'\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n onClose()\n }\n }}\n >\n <div className='fixed inset-0 flex items-center justify-center bg-color-overlay'>\n <div\n ref={contentRef}\n className={cn(\n 'w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8',\n 'rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0',\n className\n )}\n >\n <div className='flex items-start justify-between gap-4'>\n {title && (\n <Heading as='h3' className='flex-1 text-color-dark'>\n {title}\n </Heading>\n )}\n <Icon onClick={onClose} name='general/close' className='ml-auto size-6 cursor-pointer text-icon-dark-hover' />\n </div>\n <div className='mt-4'>{children}</div>\n </div>\n </div>\n </dialog>\n )\n\n return portal ? createPortal(dialog, portal) : dialog\n}\n"],"names":["Dialog","className","children","title","portal","_a","props","dialogRef","useRef","contentRef","onClose","useClickOutside","dialog","jsx","event","jsxs","cn","Heading","Icon","createPortal"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../../lib/shared/ui/dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {\n title?: string\n portal?: HTMLElement\n}\n\nexport const Dialog = ({ className, children, title, portal = globalThis?.document?.body, ...props }: DialogProps) => {\n const dialogRef = useRef<HTMLDialogElement>(null)\n const contentRef = useRef<HTMLDivElement>(null)\n\n const onClose = () => {\n if (!dialogRef.current) return\n\n dialogRef.current.close()\n }\n\n useClickOutside(contentRef, onClose)\n\n const dialog = (\n <dialog\n ref={dialogRef}\n {...props}\n className='group z-10 border-none'\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n onClose()\n }\n }}\n >\n <div className='fixed inset-0 flex items-center justify-center bg-color-overlay'>\n <div\n ref={contentRef}\n className={cn(\n 'w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8',\n 'rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0',\n className\n )}\n >\n <div className='flex items-start justify-between gap-4'>\n {title && (\n <Heading as='h3' className='flex-1 text-color-dark'>\n {title}\n </Heading>\n )}\n <Icon onClick={onClose} name='general/close' className='ml-auto size-6 cursor-pointer text-icon-dark-hover' />\n </div>\n <div className='mt-4'>{children}</div>\n </div>\n </div>\n </dialog>\n )\n\n return portal ? createPortal(dialog, portal) : dialog\n}\n"],"names":["Dialog","className","children","title","portal","_a","props","dialogRef","useRef","contentRef","onClose","useClickOutside","dialog","jsx","event","jsxs","cn","Heading","Icon","createPortal"],"mappings":"iuDAWO,MAAMA,GAAS,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,OAAAC,GAASC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QAAM,GAAGC,CAAA,IAAyB,CACpH,MAAMC,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EAExCE,EAAU,IAAM,CACfH,EAAU,SAEfA,EAAU,QAAQ,MAAA,CACpB,EAEAI,EAAgBF,EAAYC,CAAO,EAEnC,MAAME,EACJC,EAAC,SAAA,CACC,IAAKN,EACJ,GAAGD,EACJ,UAAU,yBACV,UAAYQ,GAAU,CAChBA,EAAM,MAAQ,UAChBJ,EAAA,CAEJ,EAEA,SAAAG,EAAC,MAAA,CAAI,UAAU,kEACb,SAAAE,EAAC,MAAA,CACC,IAAKN,EACL,UAAWO,EACT,+GACA,8DACAf,CAAA,EAGF,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,yCACZ,SAAA,CAAAZ,KACEc,EAAA,CAAQ,GAAG,KAAK,UAAU,yBACxB,SAAAd,EACH,IAEDe,EAAA,CAAK,QAASR,EAAS,KAAK,gBAAgB,UAAU,oDAAA,CAAqD,CAAA,EAC9G,EACAG,EAAC,MAAA,CAAI,UAAU,OAAQ,SAAAX,CAAA,CAAS,CAAA,CAAA,CAAA,CAClC,CACF,CAAA,CAAA,EAIJ,OAAOE,EAASe,EAAaP,EAAQR,CAAM,EAAIQ,CACjD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as u}from"react/jsx-runtime";import{useRef as v}from"react";import{useKeyboardNavigation as y}from"./hooks/useKeyboardNavigation.js";import{isOptionActive as _}from"./model/utils.js";import{DropdownItem as I}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as L}from"./ui/Empty.js";import{useClickOutside as R}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as g}from"../../utils/cn.js";const H=({options:m,multiple:n,onPick:r,value:p,className:c,displayValue:l,classes:o,target:f,empty:h="Список пуст",...w})=>{const x=v(null),{refs:d,focusedIndex:a,setFocusedIndex:i}=y({options:m,multiple:n,onPick:r,value:p}),s=t=>{r==null||r(t),f&&f.current&&f.current.focus()};return R(x,()=>i(-1)),u("ul",{...w,ref:d.setRoot(),className:g("customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]",o==null?void 0:o.root,c),children:m.length>0?m.map((t,e)=>{const b=_(t,p);return u(I,{ref:d.setReference,item:t,active:b,focused:a===e,multiple:n,onPick:s,displayValue:l,onMouseEnter:()=>i(e),onMouseLeave:()=>i(-1),classes:o==null?void 0:o.item,"data-test-id":`list-item-${e}`},e)}):u(L,{children:h})})};export{H as DropdownList};
|
|
2
2
|
//# sourceMappingURL=DropdownList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownList.js","sources":["../../../../../lib/shared/ui/dropdownList/DropdownList.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useKeyboardNavigation } from './hooks'\nimport { isOptionActive } from './model'\nimport { DropdownItem, type DropdownItemClasses, type DropdownItemOption, EmptyList } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownListClasses = {\n root?: string\n item?: DropdownItemClasses\n}\n\nexport interface DropdownListProps<Multi extends boolean = false> extends React.HTMLAttributes<HTMLUListElement> {\n options: DropdownItemOption[]\n /**\n * Значения выбранные по умолчанию\n */\n value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n /**\n * Функция при выборе значения из списка\n * @param item\n */\n onPick?: (item: DropdownItemOption) => void\n /**\n * Поддержка множественного выбора\n */\n multiple?: Multi\n /**\n * Функция для управления отображаемым значением\n */\n displayValue?: (option: DropdownItemOption) => string\n /**\n * Дополнительные стили\n */\n classes?: DropdownListClasses\n /**\n * Целевая нода, с которой будет взаимодействовать список\n */\n target?: React.RefObject<HTMLElement>\n /**\n * Отображаемое содержимое при пустом списке\n */\n empty?: React.ReactNode\n}\n\nexport const DropdownList = <Multi extends boolean>({\n options,\n multiple,\n onPick,\n value,\n className,\n displayValue,\n classes,\n target,\n empty = 'Список пуст',\n ...props\n}: DropdownListProps<Multi>) => {\n const ref = useRef<HTMLUListElement>(null)\n\n const { refs, focusedIndex, setFocusedIndex } = useKeyboardNavigation<HTMLUListElement, HTMLLIElement, Multi>({\n options,\n multiple,\n onPick,\n value\n })\n\n const elementPickHandler = (item: DropdownItemOption) => {\n onPick?.(item)\n\n if (target && target.current) {\n target.current.focus()\n }\n }\n\n useClickOutside(ref, () => setFocusedIndex(-1))\n\n return (\n <ul\n {...props}\n ref={refs.setRoot()}\n className={cn(\n 'customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]',\n classes?.root,\n className\n )}\n >\n {options.length > 0 ? (\n options.map((option, index) => {\n const active = isOptionActive(option, value)\n\n return (\n <DropdownItem\n ref={refs.setReference}\n key={index}\n item={option}\n active={active}\n focused={focusedIndex === index}\n multiple={multiple}\n onPick={elementPickHandler}\n displayValue={displayValue}\n onMouseEnter={() => setFocusedIndex(index)}\n onMouseLeave={() => setFocusedIndex(-1)}\n classes={classes?.item}\n data-test-id={`list-item-${index}`}\n />\n )\n })\n ) : (\n <EmptyList>{empty}</EmptyList>\n )}\n </ul>\n )\n}\n"],"names":["DropdownList","options","multiple","onPick","value","className","displayValue","classes","target","empty","props","ref","useRef","refs","focusedIndex","setFocusedIndex","useKeyboardNavigation","elementPickHandler","item","useClickOutside","jsx","cn","option","index","active","isOptionActive","DropdownItem","EmptyList"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownList.js","sources":["../../../../../lib/shared/ui/dropdownList/DropdownList.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useKeyboardNavigation } from './hooks'\nimport { isOptionActive } from './model'\nimport { DropdownItem, type DropdownItemClasses, type DropdownItemOption, EmptyList } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownListClasses = {\n root?: string\n item?: DropdownItemClasses\n}\n\nexport interface DropdownListProps<Multi extends boolean = false> extends React.HTMLAttributes<HTMLUListElement> {\n options: DropdownItemOption[]\n /**\n * Значения выбранные по умолчанию\n */\n value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n /**\n * Функция при выборе значения из списка\n * @param item\n */\n onPick?: (item: DropdownItemOption) => void\n /**\n * Поддержка множественного выбора\n */\n multiple?: Multi\n /**\n * Функция для управления отображаемым значением\n */\n displayValue?: (option: DropdownItemOption) => string\n /**\n * Дополнительные стили\n */\n classes?: DropdownListClasses\n /**\n * Целевая нода, с которой будет взаимодействовать список\n */\n target?: React.RefObject<HTMLElement>\n /**\n * Отображаемое содержимое при пустом списке\n */\n empty?: React.ReactNode\n}\n\nexport const DropdownList = <Multi extends boolean>({\n options,\n multiple,\n onPick,\n value,\n className,\n displayValue,\n classes,\n target,\n empty = 'Список пуст',\n ...props\n}: DropdownListProps<Multi>) => {\n const ref = useRef<HTMLUListElement>(null)\n\n const { refs, focusedIndex, setFocusedIndex } = useKeyboardNavigation<HTMLUListElement, HTMLLIElement, Multi>({\n options,\n multiple,\n onPick,\n value\n })\n\n const elementPickHandler = (item: DropdownItemOption) => {\n onPick?.(item)\n\n if (target && target.current) {\n target.current.focus()\n }\n }\n\n useClickOutside(ref, () => setFocusedIndex(-1))\n\n return (\n <ul\n {...props}\n ref={refs.setRoot()}\n className={cn(\n 'customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]',\n classes?.root,\n className\n )}\n >\n {options.length > 0 ? (\n options.map((option, index) => {\n const active = isOptionActive(option, value)\n\n return (\n <DropdownItem\n ref={refs.setReference}\n key={index}\n item={option}\n active={active}\n focused={focusedIndex === index}\n multiple={multiple}\n onPick={elementPickHandler}\n displayValue={displayValue}\n onMouseEnter={() => setFocusedIndex(index)}\n onMouseLeave={() => setFocusedIndex(-1)}\n classes={classes?.item}\n data-test-id={`list-item-${index}`}\n />\n )\n })\n ) : (\n <EmptyList>{empty}</EmptyList>\n )}\n </ul>\n )\n}\n"],"names":["DropdownList","options","multiple","onPick","value","className","displayValue","classes","target","empty","props","ref","useRef","refs","focusedIndex","setFocusedIndex","useKeyboardNavigation","elementPickHandler","item","useClickOutside","jsx","cn","option","index","active","isOptionActive","DropdownItem","EmptyList"],"mappings":"6aA6CO,MAAMA,EAAe,CAAwB,CAClD,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,cACR,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAMC,EAAyB,IAAI,EAEnC,CAAE,KAAAC,EAAM,aAAAC,EAAc,gBAAAC,CAAA,EAAoBC,EAA8D,CAC5G,QAAAf,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CAAA,CACD,EAEKa,EAAsBC,GAA6B,CACvDf,GAAA,MAAAA,EAASe,GAELV,GAAUA,EAAO,SACnBA,EAAO,QAAQ,MAAA,CAEnB,EAEA,OAAAW,EAAgBR,EAAK,IAAMI,EAAgB,EAAE,CAAC,EAG5CK,EAAC,KAAA,CACE,GAAGV,EACJ,IAAKG,EAAK,QAAA,EACV,UAAWQ,EACT,sJACAd,GAAA,YAAAA,EAAS,KACTF,CAAA,EAGD,WAAQ,OAAS,EAChBJ,EAAQ,IAAI,CAACqB,EAAQC,IAAU,CAC7B,MAAMC,EAASC,EAAeH,EAAQlB,CAAK,EAE3C,OACEgB,EAACM,EAAA,CACC,IAAKb,EAAK,aAEV,KAAMS,EACN,OAAAE,EACA,QAASV,IAAiBS,EAC1B,SAAArB,EACA,OAAQe,EACR,aAAAX,EACA,aAAc,IAAMS,EAAgBQ,CAAK,EACzC,aAAc,IAAMR,EAAgB,EAAE,EACtC,QAASR,GAAA,YAAAA,EAAS,KAClB,eAAc,aAAagB,CAAK,EAAA,EAV3BA,CAAA,CAaX,CAAC,EAEDH,EAACO,EAAA,CAAW,SAAAlB,CAAA,CAAM,CAAA,CAAA,CAI1B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as g,jsx as m}from"react/jsx-runtime";import{useController as v}from"
|
|
1
|
+
import{jsxs as g,jsx as m}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as w}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import{AutocompleteBase as j}from"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as A}from"../../ui/MessageView.js";const it=({control:r,name:e,defaultValue:p,disabled:a,helperText:s,rules:n,shouldUnregister:c,classes:l,...t})=>{const{field:d,fieldState:f}=v({control:r,name:e,defaultValue:p,disabled:a,rules:n,shouldUnregister:c}),{error:o,invalid:i,isTouched:u}=f,{container:h,message:x}=l||{};return g("div",{className:w("w-full",h),"data-test-id":"autocomplete",children:[m(j,{...t,...d,invalid:i,attachmentProps:{...t==null?void 0:t.attachmentProps,icon:void 0,invalid:i,isTouched:u,withValidateIcons:!0}}),m(A,{className:x,text:(o==null?void 0:o.message)||s,intent:o?"error":"simple"})]})};export{it as AutocompleteControl};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { AutocompleteBase, type AutocompleteBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AutocompleteControlProps<\n TFieldValues extends FieldValues,\n T,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<AutocompleteBaseProps<T>, 'classes'> & {\n control: Control<TFieldValues>\n helperText?: string\n classes?: AutocompleteBaseProps<T>['classes'] & {\n container?: string\n message?: string\n }\n }\n\nexport const AutocompleteControl = <TFieldValues extends FieldValues, T>({\n control,\n name,\n defaultValue,\n disabled,\n helperText,\n rules,\n shouldUnregister,\n classes,\n ...props\n}: AutocompleteControlProps<TFieldValues, T>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { container, message } = classes || {}\n\n return (\n <div className={cn('w-full', container)} data-test-id='autocomplete'>\n <AutocompleteBase\n {...props}\n {...field}\n invalid={invalid}\n attachmentProps={{ ...props?.attachmentProps, icon: undefined, invalid, isTouched, withValidateIcons: true }}\n />\n <MessageView className={message} text={error?.message || helperText} intent={error ? 'error' : 'simple'} />\n </div>\n )\n}\n"],"names":["AutocompleteControl","control","name","defaultValue","disabled","helperText","rules","shouldUnregister","classes","props","field","fieldState","useController","error","invalid","isTouched","container","message","jsxs","cn","jsx","AutocompleteBase","MessageView"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { AutocompleteBase, type AutocompleteBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AutocompleteControlProps<\n TFieldValues extends FieldValues,\n T,\n TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<AutocompleteBaseProps<T>, 'classes'> & {\n control: Control<TFieldValues>\n helperText?: string\n classes?: AutocompleteBaseProps<T>['classes'] & {\n container?: string\n message?: string\n }\n }\n\nexport const AutocompleteControl = <TFieldValues extends FieldValues, T>({\n control,\n name,\n defaultValue,\n disabled,\n helperText,\n rules,\n shouldUnregister,\n classes,\n ...props\n}: AutocompleteControlProps<TFieldValues, T>) => {\n const { field, fieldState } = useController({\n control,\n name,\n defaultValue,\n disabled,\n rules,\n shouldUnregister\n })\n\n const { error, invalid, isTouched } = fieldState\n const { container, message } = classes || {}\n\n return (\n <div className={cn('w-full', container)} data-test-id='autocomplete'>\n <AutocompleteBase\n {...props}\n {...field}\n invalid={invalid}\n attachmentProps={{ ...props?.attachmentProps, icon: undefined, invalid, isTouched, withValidateIcons: true }}\n />\n <MessageView className={message} text={error?.message || helperText} intent={error ? 'error' : 'simple'} />\n </div>\n )\n}\n"],"names":["AutocompleteControl","control","name","defaultValue","disabled","helperText","rules","shouldUnregister","classes","props","field","fieldState","useController","error","invalid","isTouched","container","message","jsxs","cn","jsx","AutocompleteBase","MessageView"],"mappings":"4hDAmBO,MAAMA,GAAsB,CAAsC,CACvE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAiD,CAC/C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAE,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAM,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,UAAAK,EAAW,QAAAC,CAAA,EAAYT,GAAW,CAAA,EAE1C,OACEU,EAAC,OAAI,UAAWC,EAAG,SAAUH,CAAS,EAAG,eAAa,eACpD,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAAAI,EACA,gBAAiB,CAAE,GAAGL,GAAA,YAAAA,EAAO,gBAAiB,KAAM,OAAW,QAAAK,EAAS,UAAAC,EAAW,kBAAmB,EAAA,CAAK,CAAA,EAE7GK,EAACE,EAAA,CAAY,UAAWL,EAAS,MAAMJ,GAAA,YAAAA,EAAO,UAAWR,EAAY,OAAQQ,EAAQ,QAAU,QAAA,CAAU,CAAA,EAC3G,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useId as w}from"react";import{useController as B}from"
|
|
1
|
+
import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useId as w}from"react";import{useController as B}from"react-hook-form";import{CheckboxBase as I}from"../../uncontrolled/checkbox/Checkbox.js";import{cn as e}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as M}from"../../ui/MessageView.js";const co=({control:s,classes:p,className:l,name:a,rules:c,shouldUnregister:n,defaultValue:d,disabled:o,children:x,helperText:f,...g})=>{const{field:h,fieldState:k}=B({control:s,name:a,rules:c,shouldUnregister:n,defaultValue:d,disabled:o}),{container:C,message:u,label:b,...v}=p||{},{value:y,onChange:N,...j}=h,{invalid:F,error:r}=k,m=w();return i("div",{className:e("flex flex-col gap-y-2",l),children:[i("div",{className:e("flex items-center justify-items-start gap-x-3",C),children:[t(I,{id:m,checked:y,onCheckedChange:N,invalid:F,classes:v,...g,...j}),t("label",{htmlFor:m,className:e("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4",{"text-color-disabled":o},b),children:x})]}),t(M,{text:r?r.message:f,className:u,intent:r?"error":"simple",disabled:o})]})};export{co as CheckboxControl};
|
|
2
2
|
//# sourceMappingURL=CheckboxControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { CheckboxBase, type CheckboxBaseProps } from '../../uncontrolled/checkbox'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype CheckboxControlClasses = CheckboxBaseProps['classes'] & {\n container?: string\n message?: string\n label?: string\n}\n\nexport type CheckboxControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<CheckboxBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Отображаемый лейбл\n */\n children: React.ReactElement | string\n /**\n * Дополнительные стили компонента\n */\n classes?: CheckboxControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const CheckboxControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n classes,\n className,\n name,\n rules,\n shouldUnregister,\n defaultValue,\n disabled,\n children,\n helperText,\n ...props\n}: CheckboxControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n defaultValue,\n disabled\n })\n\n const { container, message, label, ...restClasses } = classes || {}\n const { value, onChange, ...restField } = field\n const { invalid, error } = fieldState\n\n const id = useId()\n\n return (\n <div className={cn('flex flex-col gap-y-2', className)}>\n <div className={cn('flex items-center justify-items-start gap-x-3', container)}>\n <CheckboxBase\n id={id}\n checked={value}\n onCheckedChange={onChange}\n invalid={invalid}\n classes={restClasses}\n {...props}\n {...restField}\n />\n <label\n htmlFor={id}\n className={cn(\n 'mob-body-regular-s text-color-dark',\n 'desktop:desk-body-regular-m desktop:gap-x-4',\n {\n 'text-color-disabled': disabled\n },\n label\n )}\n >\n {children}\n </label>\n </div>\n <MessageView\n text={error ? error.message : helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["CheckboxControl","control","classes","className","name","rules","shouldUnregister","defaultValue","disabled","children","helperText","props","field","fieldState","useController","container","message","label","restClasses","value","onChange","restField","invalid","error","id","useId","cn","jsxs","jsx","CheckboxBase","MessageView"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { CheckboxBase, type CheckboxBaseProps } from '../../uncontrolled/checkbox'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype CheckboxControlClasses = CheckboxBaseProps['classes'] & {\n container?: string\n message?: string\n label?: string\n}\n\nexport type CheckboxControlProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n Omit<CheckboxBaseProps, 'classes'> & {\n /**\n * Контрол объект для управления полем\n */\n control: Control<TFieldValues>\n /**\n * Отображаемый лейбл\n */\n children: React.ReactElement | string\n /**\n * Дополнительные стили компонента\n */\n classes?: CheckboxControlClasses\n /**\n * Дополнительный текст\n */\n helperText?: string\n }\n\nexport const CheckboxControl = <TFieldValues extends FieldValues = FieldValues>({\n control,\n classes,\n className,\n name,\n rules,\n shouldUnregister,\n defaultValue,\n disabled,\n children,\n helperText,\n ...props\n}: CheckboxControlProps<TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n defaultValue,\n disabled\n })\n\n const { container, message, label, ...restClasses } = classes || {}\n const { value, onChange, ...restField } = field\n const { invalid, error } = fieldState\n\n const id = useId()\n\n return (\n <div className={cn('flex flex-col gap-y-2', className)}>\n <div className={cn('flex items-center justify-items-start gap-x-3', container)}>\n <CheckboxBase\n id={id}\n checked={value}\n onCheckedChange={onChange}\n invalid={invalid}\n classes={restClasses}\n {...props}\n {...restField}\n />\n <label\n htmlFor={id}\n className={cn(\n 'mob-body-regular-s text-color-dark',\n 'desktop:desk-body-regular-m desktop:gap-x-4',\n {\n 'text-color-disabled': disabled\n },\n label\n )}\n >\n {children}\n </label>\n </div>\n <MessageView\n text={error ? error.message : helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["CheckboxControl","control","classes","className","name","rules","shouldUnregister","defaultValue","disabled","children","helperText","props","field","fieldState","useController","container","message","label","restClasses","value","onChange","restField","invalid","error","id","useId","cn","jsxs","jsx","CheckboxBase","MessageView"],"mappings":"wiDAqCO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAG,EACA,MAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,SAAAC,CAAA,CACD,EAEK,CAAE,UAAAO,EAAW,QAAAC,EAAS,MAAAC,EAAO,GAAGC,CAAA,EAAgBhB,GAAW,CAAA,EAC3D,CAAE,MAAAiB,EAAO,SAAAC,EAAU,GAAGC,GAAcT,EACpC,CAAE,QAAAU,EAAS,MAAAC,CAAA,EAAUV,EAErBW,EAAKC,EAAA,EAEX,SACG,MAAA,CAAI,UAAWC,EAAG,wBAAyBvB,CAAS,EACnD,SAAA,CAAAwB,EAAC,MAAA,CAAI,UAAWD,EAAG,gDAAiDX,CAAS,EAC3E,SAAA,CAAAa,EAACC,EAAA,CACC,GAAAL,EACA,QAASL,EACT,gBAAiBC,EACjB,QAAAE,EACA,QAASJ,EACR,GAAGP,EACH,GAAGU,CAAA,CAAA,EAENO,EAAC,QAAA,CACC,QAASJ,EACT,UAAWE,EACT,qCACA,8CACA,CACE,sBAAuBlB,CAAA,EAEzBS,CAAA,EAGD,SAAAR,CAAA,CAAA,CACH,EACF,EACAmB,EAACE,EAAA,CACC,KAAMP,EAAQA,EAAM,QAAUb,EAC9B,UAAWM,EACX,OAAQO,EAAQ,QAAU,SAC1B,SAAAf,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as y,jsx as e}from"react/jsx-runtime";import{useController as F}from"
|
|
1
|
+
import{jsxs as y,jsx as e}from"react/jsx-runtime";import{useController as F}from"react-hook-form";import{Combobox as H}from"../../uncontrolled/combobox/combobox.js";import{useComboboxControl as I}from"./hooks/useComboboxControl.js";import{cn as M}from"../../../../utils/cn.js";import"react";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as S}from"../../ui/MessageView.js";const xo=({control:p,className:s,name:a,rules:n,shouldUnregister:c,disabled:o,defaultValue:l,options:r,helperText:f,returnValue:x,classes:b,multiple:m,...i})=>{const{field:C,fieldState:d}=F({control:p,name:a,rules:n,shouldUnregister:c,disabled:o,defaultValue:l}),{error:t,invalid:g}=d,{value:h,onChange:u,...v}=C,{root:w,combobox:j,message:N}=b??{},{selected:P,changeHandler:V}=I({value:h,onChange:u,multiple:m,returnValue:x,options:r});return y("div",{className:M("w-full items-start gap-y-2",w,s),"data-test-id":"combobox",children:[e(H,{...i,...v,options:r,value:P,onChange:V,invalid:g,disabled:o,multiple:m,classes:j,attachmentProps:{withValidateIcons:!1,...i.attachmentProps}}),e(S,{text:t?t.message:f,className:N,intent:t?"error":"simple",disabled:o})]})};export{xo as ComboboxControl};
|
|
2
2
|
//# sourceMappingURL=ComboboxControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/combobox/ComboboxControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { Combobox, type ComboboxClasses, type ComboboxItemOption, type ComboboxProps } from '../../uncontrolled/combobox'\nimport { useComboboxControl } from './hooks'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxControlClasses = {\n root?: string\n message?: string\n combobox?: ComboboxClasses\n}\n\nexport type ComboboxControlProps<\n Multi extends boolean = false,\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n ComboboxProps<Multi> & {\n control: Control<TFieldValues>\n helperText?: string\n returnValue?: (option: ComboboxItemOption) => string | null\n classes?: ComboboxControlClasses\n }\n\nexport const ComboboxControl = <Multi extends boolean = false, TFieldValues extends FieldValues = FieldValues>({\n control,\n className,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n options,\n helperText,\n returnValue,\n classes,\n multiple,\n ...props\n}: ComboboxControlProps<Multi, TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { error, invalid } = fieldState\n const { value, onChange, ...restField } = field\n\n const { root, combobox, message } = classes ?? {}\n\n const { selected, changeHandler } = useComboboxControl({\n value,\n onChange,\n multiple,\n returnValue,\n options\n })\n\n return (\n <div className={cn('w-full items-start gap-y-2', root, className)} data-test-id='combobox'>\n <Combobox\n {...props}\n {...restField}\n options={options}\n value={selected}\n onChange={changeHandler}\n invalid={invalid}\n disabled={disabled}\n multiple={multiple}\n classes={combobox}\n attachmentProps={{\n withValidateIcons: false,\n ...props.attachmentProps\n }}\n />\n <MessageView\n text={error ? error.message : helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["ComboboxControl","control","className","name","rules","shouldUnregister","disabled","defaultValue","options","helperText","returnValue","classes","multiple","props","field","fieldState","useController","error","invalid","value","onChange","restField","root","combobox","message","selected","changeHandler","useComboboxControl","jsxs","cn","jsx","Combobox","MessageView"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComboboxControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/combobox/ComboboxControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { Combobox, type ComboboxClasses, type ComboboxItemOption, type ComboboxProps } from '../../uncontrolled/combobox'\nimport { useComboboxControl } from './hooks'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxControlClasses = {\n root?: string\n message?: string\n combobox?: ComboboxClasses\n}\n\nexport type ComboboxControlProps<\n Multi extends boolean = false,\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n ComboboxProps<Multi> & {\n control: Control<TFieldValues>\n helperText?: string\n returnValue?: (option: ComboboxItemOption) => string | null\n classes?: ComboboxControlClasses\n }\n\nexport const ComboboxControl = <Multi extends boolean = false, TFieldValues extends FieldValues = FieldValues>({\n control,\n className,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue,\n options,\n helperText,\n returnValue,\n classes,\n multiple,\n ...props\n}: ComboboxControlProps<Multi, TFieldValues>) => {\n const { field, fieldState } = useController({\n control,\n name,\n rules,\n shouldUnregister,\n disabled,\n defaultValue\n })\n\n const { error, invalid } = fieldState\n const { value, onChange, ...restField } = field\n\n const { root, combobox, message } = classes ?? {}\n\n const { selected, changeHandler } = useComboboxControl({\n value,\n onChange,\n multiple,\n returnValue,\n options\n })\n\n return (\n <div className={cn('w-full items-start gap-y-2', root, className)} data-test-id='combobox'>\n <Combobox\n {...props}\n {...restField}\n options={options}\n value={selected}\n onChange={changeHandler}\n invalid={invalid}\n disabled={disabled}\n multiple={multiple}\n classes={combobox}\n attachmentProps={{\n withValidateIcons: false,\n ...props.attachmentProps\n }}\n />\n <MessageView\n text={error ? error.message : helperText}\n className={message}\n intent={error ? 'error' : 'simple'}\n disabled={disabled}\n />\n </div>\n )\n}\n"],"names":["ComboboxControl","control","className","name","rules","shouldUnregister","disabled","defaultValue","options","helperText","returnValue","classes","multiple","props","field","fieldState","useController","error","invalid","value","onChange","restField","root","combobox","message","selected","changeHandler","useComboboxControl","jsxs","cn","jsx","Combobox","MessageView"],"mappings":"ulDAwBO,MAAMA,GAAkB,CAAgF,CAC7G,QAAAC,EACA,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAiD,CAC/C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAf,EACA,KAAAE,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,MAAAU,EAAO,QAAAC,CAAA,EAAYH,EACrB,CAAE,MAAAI,EAAO,SAAAC,EAAU,GAAGC,GAAcP,EAEpC,CAAE,KAAAQ,EAAM,SAAAC,EAAU,QAAAC,CAAA,EAAYb,GAAW,CAAA,EAEzC,CAAE,SAAAc,EAAU,cAAAC,CAAA,EAAkBC,EAAmB,CACrD,MAAAR,EACA,SAAAC,EACA,SAAAR,EACA,YAAAF,EACA,QAAAF,CAAA,CACD,EAED,OACEoB,EAAC,OAAI,UAAWC,EAAG,6BAA8BP,EAAMpB,CAAS,EAAG,eAAa,WAC9E,SAAA,CAAA4B,EAACC,EAAA,CACE,GAAGlB,EACH,GAAGQ,EACJ,QAAAb,EACA,MAAOiB,EACP,SAAUC,EACV,QAAAR,EACA,SAAAZ,EACA,SAAAM,EACA,QAASW,EACT,gBAAiB,CACf,kBAAmB,GACnB,GAAGV,EAAM,eAAA,CACX,CAAA,EAEFiB,EAACE,EAAA,CACC,KAAMf,EAAQA,EAAM,QAAUR,EAC9B,UAAWe,EACX,OAAQP,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as P,jsx as r}from"react/jsx-runtime";import{useState as S}from"react";import{useController as j}from"
|
|
1
|
+
import{jsxs as P,jsx as r}from"react/jsx-runtime";import{useState as S}from"react";import{useController as j}from"react-hook-form";import{SingleDayPicker as k}from"./single.js";import{cn as y}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const lt=({control:i,name:m,disabled:o,rules:p,shouldUnregister:e,defaultValue:s,inputProps:n,helperText:a,classes:l,...c})=>{const{field:f,fieldState:u}=j({control:i,name:m,defaultValue:s,disabled:o,rules:p,shouldUnregister:e}),{value:g,onChange:h,...C}=f,{error:t,invalid:d}=u,{message:v,container:x,...w}=l||{},[D,M]=S(new Date);return P("div",{className:y("w-full",x),children:[r(k,{...c,value:g??"",onChange:h,month:D,onMonthChange:M,classes:w,inputProps:{...n,...C,invalid:d}}),r(N,{text:(t==null?void 0:t.message)||a,className:v,intent:t?"error":"simple",disabled:o})]})};export{lt as DayPickerControl};
|
|
2
2
|
//# sourceMappingURL=dayPickerControl.js.map
|