@redneckz/wildless-cms-uni-blocks 0.14.875 → 0.14.877
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/bundle/api/LeadServiceAPI.d.ts +4 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +264 -136
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/bundle/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/bundle/components/Header/DropdownButton.d.ts +2 -0
- package/bundle/components/Header/DropdownMenu.d.ts +5 -2
- package/bundle/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/bundle/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/bundle/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/bundle/data/NavigationData.d.ts +1 -0
- package/bundle/hooks/useInn.d.ts +7 -0
- package/bundle/model/FormTypeFieldDef.d.ts +1 -1
- package/bundle/retail/components/Fields/SelectField.d.ts +1 -0
- package/bundle/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/bundle/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/bundle/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/bundle/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/bundle/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/bundle/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/bundle/ui-kit/FormField/validators.d.ts +8 -1
- package/bundle/ui-kit/Select/Option.d.ts +6 -0
- package/bundle/ui-kit/Select/Select.d.ts +2 -0
- package/bundle/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/bundle/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/dist/api/LeadServiceAPI.d.ts +4 -0
- package/dist/api/LeadServiceAPI.js +13 -6
- package/dist/api/LeadServiceAPI.js.map +1 -1
- package/dist/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/dist/components/ApplicationForm/ApplicationForm.js +4 -3
- package/dist/components/ApplicationForm/ApplicationForm.js.map +1 -1
- package/dist/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/dist/components/ApplicationForm/ApplicationFormContent.js +0 -2
- package/dist/components/ApplicationForm/ApplicationFormContent.js.map +1 -1
- package/dist/components/Header/DropdownButton.d.ts +2 -0
- package/dist/components/Header/DropdownButton.js +11 -0
- package/dist/components/Header/DropdownButton.js.map +1 -0
- package/dist/components/Header/DropdownMenu.d.ts +5 -2
- package/dist/components/Header/DropdownMenu.js +2 -36
- package/dist/components/Header/DropdownMenu.js.map +1 -1
- package/dist/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/dist/components/Header/HeaderMoreMenuItem.js +27 -0
- package/dist/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/dist/components/Header/HeaderSubMenu.js +2 -2
- package/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/dist/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/dist/components/Header/HeaderSubMenuItem.js +19 -2
- package/dist/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/dist/components/Header/HeaderTopMenu.js +2 -2
- package/dist/components/Header/HeaderTopMenu.js.map +1 -1
- package/dist/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/dist/components/Header/useDropdownSubMenu.js +37 -0
- package/dist/components/Header/useDropdownSubMenu.js.map +1 -0
- package/dist/data/NavigationData.d.ts +1 -0
- package/dist/hooks/useInn.d.ts +7 -0
- package/dist/hooks/useInn.js +11 -0
- package/dist/hooks/useInn.js.map +1 -0
- package/dist/model/FormTypeFieldDef.d.ts +1 -1
- package/dist/retail/components/Fields/SelectField.d.ts +1 -0
- package/dist/retail/components/Fields/SelectField.js.map +1 -1
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js +17 -0
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +1 -0
- package/dist/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/{mobile/dist/ui-kit/FormField/Fields/RegionPremiumField.js → dist/ui-kit/FormField/Fields/FullRegionField.js} +5 -4
- package/dist/ui-kit/FormField/Fields/FullRegionField.js.map +1 -0
- package/dist/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/dist/ui-kit/FormField/Fields/InnDadataField.js +29 -0
- package/dist/ui-kit/FormField/Fields/InnDadataField.js.map +1 -0
- package/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.js +19 -0
- package/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.js.map +1 -0
- package/dist/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/dist/ui-kit/FormField/getField.js +12 -2
- package/dist/ui-kit/FormField/getField.js.map +1 -1
- package/dist/ui-kit/FormField/getObjectValidator.js +3 -0
- package/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/dist/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/dist/ui-kit/FormField/inputColumnStyle.js +1 -1
- package/dist/ui-kit/FormField/inputColumnStyle.js.map +1 -1
- package/dist/ui-kit/FormField/validators.d.ts +8 -1
- package/dist/ui-kit/FormField/validators.js +5 -2
- package/dist/ui-kit/FormField/validators.js.map +1 -1
- package/dist/ui-kit/Select/Option.d.ts +6 -0
- package/dist/ui-kit/Select/Select.d.ts +2 -0
- package/dist/ui-kit/Select/Select.js +27 -5
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/dist/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/dist/ui-kit/Select/SelectPopup.js +4 -2
- package/dist/ui-kit/Select/SelectPopup.js.map +1 -1
- package/dist/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/dist/ui-kit/Select/useSelectPopup.js +3 -2
- package/dist/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/lib/api/LeadServiceAPI.d.ts +4 -0
- package/lib/api/LeadServiceAPI.js +13 -6
- package/lib/api/LeadServiceAPI.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/lib/components/ApplicationForm/ApplicationForm.fixture.d.ts +1 -0
- package/lib/components/ApplicationForm/ApplicationForm.fixture.mobile.d.ts +1 -0
- package/lib/components/ApplicationForm/ApplicationForm.js +4 -3
- package/lib/components/ApplicationForm/ApplicationForm.js.map +1 -1
- package/lib/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/lib/components/ApplicationForm/ApplicationFormContent.js +0 -2
- package/lib/components/ApplicationForm/ApplicationFormContent.js.map +1 -1
- package/lib/components/Header/DropdownButton.d.ts +2 -0
- package/lib/components/Header/DropdownButton.js +9 -0
- package/lib/components/Header/DropdownButton.js.map +1 -0
- package/lib/components/Header/DropdownMenu.d.ts +5 -2
- package/lib/components/Header/DropdownMenu.js +2 -37
- package/lib/components/Header/DropdownMenu.js.map +1 -1
- package/lib/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/lib/components/Header/HeaderMoreMenuItem.js +25 -0
- package/lib/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/lib/components/Header/HeaderSubMenu.js +2 -2
- package/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/lib/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/lib/components/Header/HeaderSubMenuItem.js +20 -3
- package/lib/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/lib/components/Header/HeaderTopMenu.js +2 -2
- package/lib/components/Header/HeaderTopMenu.js.map +1 -1
- package/lib/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/lib/components/Header/useDropdownSubMenu.js +34 -0
- package/lib/components/Header/useDropdownSubMenu.js.map +1 -0
- package/lib/components/OfficesAtmsMap/OfficesAtmsMapLayout.d.ts +1 -1
- package/lib/data/NavigationData.d.ts +1 -0
- package/lib/hooks/useInn.d.ts +7 -0
- package/lib/hooks/useInn.js +8 -0
- package/lib/hooks/useInn.js.map +1 -0
- package/lib/model/FormTypeFieldDef.d.ts +1 -1
- package/lib/retail/components/Fields/SelectField.d.ts +1 -0
- package/lib/retail/components/Fields/SelectField.js.map +1 -1
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js +15 -0
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +1 -0
- package/lib/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/lib/ui-kit/FormField/Fields/{RegionPremiumField.js → FullRegionField.js} +4 -3
- package/lib/ui-kit/FormField/Fields/FullRegionField.js.map +1 -0
- package/lib/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/lib/ui-kit/FormField/Fields/InnDadataField.js +27 -0
- package/lib/ui-kit/FormField/Fields/InnDadataField.js.map +1 -0
- package/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.js +17 -0
- package/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.js.map +1 -0
- package/lib/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/lib/ui-kit/FormField/getField.js +12 -2
- package/lib/ui-kit/FormField/getField.js.map +1 -1
- package/lib/ui-kit/FormField/getObjectValidator.js +4 -1
- package/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/lib/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/lib/ui-kit/FormField/inputColumnStyle.js +1 -1
- package/lib/ui-kit/FormField/inputColumnStyle.js.map +1 -1
- package/lib/ui-kit/FormField/validators.d.ts +8 -1
- package/lib/ui-kit/FormField/validators.js +3 -1
- package/lib/ui-kit/FormField/validators.js.map +1 -1
- package/lib/ui-kit/Select/Option.d.ts +6 -0
- package/lib/ui-kit/Select/Select.d.ts +2 -0
- package/lib/ui-kit/Select/Select.js +28 -6
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/lib/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/lib/ui-kit/Select/SelectPopup.js +4 -2
- package/lib/ui-kit/Select/SelectPopup.js.map +1 -1
- package/lib/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/lib/ui-kit/Select/useSelectPopup.js +3 -2
- package/lib/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/bundle/api/LeadServiceAPI.d.ts +4 -0
- package/mobile/bundle/bundle.umd.js +187 -91
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/mobile/bundle/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/mobile/bundle/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/bundle/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/bundle/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/bundle/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/bundle/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/bundle/data/NavigationData.d.ts +1 -0
- package/mobile/bundle/hooks/useInn.d.ts +7 -0
- package/mobile/bundle/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/bundle/retail/components/Fields/SelectField.d.ts +1 -0
- package/mobile/bundle/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/mobile/bundle/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/mobile/bundle/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/mobile/bundle/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/mobile/bundle/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/bundle/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/mobile/bundle/ui-kit/FormField/validators.d.ts +8 -1
- package/mobile/bundle/ui-kit/Select/Option.d.ts +6 -0
- package/mobile/bundle/ui-kit/Select/Select.d.ts +2 -0
- package/mobile/bundle/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/mobile/bundle/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/dist/api/LeadServiceAPI.d.ts +4 -0
- package/mobile/dist/api/LeadServiceAPI.js +13 -6
- package/mobile/dist/api/LeadServiceAPI.js.map +1 -1
- package/mobile/dist/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/mobile/dist/components/ApplicationForm/ApplicationForm.js +4 -3
- package/mobile/dist/components/ApplicationForm/ApplicationForm.js.map +1 -1
- package/mobile/dist/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/mobile/dist/components/ApplicationForm/ApplicationFormContent.js +0 -2
- package/mobile/dist/components/ApplicationForm/ApplicationFormContent.js.map +1 -1
- package/mobile/dist/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/dist/components/Header/DropdownButton.js +11 -0
- package/mobile/dist/components/Header/DropdownButton.js.map +1 -0
- package/mobile/dist/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/dist/components/Header/DropdownMenu.js +2 -36
- package/mobile/dist/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/dist/components/Header/HeaderMoreMenuItem.js +27 -0
- package/mobile/dist/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/mobile/dist/components/Header/HeaderSubMenu.js +2 -2
- package/mobile/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/dist/components/Header/HeaderSubMenuItem.js +19 -2
- package/mobile/dist/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/mobile/dist/components/Header/HeaderTopMenu.js +2 -2
- package/mobile/dist/components/Header/HeaderTopMenu.js.map +1 -1
- package/mobile/dist/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/dist/components/Header/useDropdownSubMenu.js +37 -0
- package/mobile/dist/components/Header/useDropdownSubMenu.js.map +1 -0
- package/mobile/dist/data/NavigationData.d.ts +1 -0
- package/mobile/dist/hooks/useInn.d.ts +7 -0
- package/mobile/dist/hooks/useInn.js +11 -0
- package/mobile/dist/hooks/useInn.js.map +1 -0
- package/mobile/dist/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/dist/retail/components/Fields/SelectField.d.ts +1 -0
- package/mobile/dist/retail/components/Fields/SelectField.js.map +1 -1
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js +17 -0
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/{dist/ui-kit/FormField/Fields/RegionPremiumField.js → mobile/dist/ui-kit/FormField/Fields/FullRegionField.js} +5 -4
- package/mobile/dist/ui-kit/FormField/Fields/FullRegionField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.js +29 -0
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/mobile/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.js +19 -0
- package/mobile/dist/ui-kit/FormField/Fields/PartnerSymbolCodeField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/dist/ui-kit/FormField/getField.js +12 -2
- package/mobile/dist/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/dist/ui-kit/FormField/getObjectValidator.js +3 -0
- package/mobile/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/mobile/dist/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/mobile/dist/ui-kit/FormField/inputColumnStyle.js +1 -1
- package/mobile/dist/ui-kit/FormField/inputColumnStyle.js.map +1 -1
- package/mobile/dist/ui-kit/FormField/validators.d.ts +8 -1
- package/mobile/dist/ui-kit/FormField/validators.js +5 -2
- package/mobile/dist/ui-kit/FormField/validators.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Option.d.ts +6 -0
- package/mobile/dist/ui-kit/Select/Select.d.ts +2 -0
- package/mobile/dist/ui-kit/Select/Select.js +27 -5
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/dist/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/mobile/dist/ui-kit/Select/SelectPopup.js +4 -2
- package/mobile/dist/ui-kit/Select/SelectPopup.js.map +1 -1
- package/mobile/dist/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/dist/ui-kit/Select/useSelectPopup.js +3 -2
- package/mobile/dist/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/lib/api/LeadServiceAPI.d.ts +4 -0
- package/mobile/lib/api/LeadServiceAPI.js +13 -6
- package/mobile/lib/api/LeadServiceAPI.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/ApplicationForm/ApplicationForm.d.ts +2 -3
- package/mobile/lib/components/ApplicationForm/ApplicationForm.js +4 -3
- package/mobile/lib/components/ApplicationForm/ApplicationForm.js.map +1 -1
- package/mobile/lib/components/ApplicationForm/ApplicationFormContent.d.ts +5 -1
- package/mobile/lib/components/ApplicationForm/ApplicationFormContent.js +0 -2
- package/mobile/lib/components/ApplicationForm/ApplicationFormContent.js.map +1 -1
- package/mobile/lib/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/lib/components/Header/DropdownButton.js +9 -0
- package/mobile/lib/components/Header/DropdownButton.js.map +1 -0
- package/mobile/lib/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/lib/components/Header/DropdownMenu.js +2 -37
- package/mobile/lib/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/lib/components/Header/HeaderMoreMenuItem.js +25 -0
- package/mobile/lib/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/mobile/lib/components/Header/HeaderSubMenu.js +2 -2
- package/mobile/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/lib/components/Header/HeaderSubMenuItem.js +20 -3
- package/mobile/lib/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/mobile/lib/components/Header/HeaderTopMenu.js +2 -2
- package/mobile/lib/components/Header/HeaderTopMenu.js.map +1 -1
- package/mobile/lib/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/lib/components/Header/useDropdownSubMenu.js +34 -0
- package/mobile/lib/components/Header/useDropdownSubMenu.js.map +1 -0
- package/mobile/lib/data/NavigationData.d.ts +1 -0
- package/mobile/lib/hooks/useInn.d.ts +7 -0
- package/mobile/lib/hooks/useInn.js +8 -0
- package/mobile/lib/hooks/useInn.js.map +1 -0
- package/mobile/lib/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/lib/retail/components/Fields/SelectField.d.ts +1 -0
- package/mobile/lib/retail/components/Fields/SelectField.js.map +1 -1
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +2 -0
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js +15 -0
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/Fields/FullRegionField.d.ts +5 -0
- package/mobile/lib/ui-kit/FormField/Fields/{RegionPremiumField.js → FullRegionField.js} +4 -3
- package/mobile/lib/ui-kit/FormField/Fields/FullRegionField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.d.ts +2 -0
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.js +27 -0
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.d.ts +15 -0
- package/mobile/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.js +17 -0
- package/mobile/lib/ui-kit/FormField/Fields/PartnerSymbolCodeField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/lib/ui-kit/FormField/getField.js +12 -2
- package/mobile/lib/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/lib/ui-kit/FormField/getObjectValidator.js +4 -1
- package/mobile/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/mobile/lib/ui-kit/FormField/inputColumnStyle.d.ts +1 -1
- package/mobile/lib/ui-kit/FormField/inputColumnStyle.js +1 -1
- package/mobile/lib/ui-kit/FormField/inputColumnStyle.js.map +1 -1
- package/mobile/lib/ui-kit/FormField/validators.d.ts +8 -1
- package/mobile/lib/ui-kit/FormField/validators.js +3 -1
- package/mobile/lib/ui-kit/FormField/validators.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Option.d.ts +6 -0
- package/mobile/lib/ui-kit/Select/Select.d.ts +2 -0
- package/mobile/lib/ui-kit/Select/Select.js +28 -6
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/ui-kit/Select/SelectPopup.d.ts +1 -0
- package/mobile/lib/ui-kit/Select/SelectPopup.js +4 -2
- package/mobile/lib/ui-kit/Select/SelectPopup.js.map +1 -1
- package/mobile/lib/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/lib/ui-kit/Select/useSelectPopup.js +3 -2
- package/mobile/lib/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/src/api/LeadServiceAPI.ts +28 -3
- package/mobile/src/components/ApplicationForm/ApplicationForm.example.json +84 -0
- package/mobile/src/components/ApplicationForm/ApplicationForm.tsx +29 -14
- package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts +6 -4
- package/mobile/src/components/Header/DropdownButton.tsx +26 -0
- package/mobile/src/components/Header/DropdownMenu.tsx +15 -85
- package/mobile/src/components/Header/HeaderMoreMenuItem.tsx +60 -0
- package/mobile/src/components/Header/HeaderSubMenu.tsx +3 -2
- package/mobile/src/components/Header/HeaderSubMenuItem.tsx +31 -5
- package/mobile/src/components/Header/HeaderTopMenu.tsx +3 -3
- package/mobile/src/components/Header/useDropdownSubMenu.tsx +48 -0
- package/mobile/src/data/NavigationData.ts +1 -0
- package/mobile/src/hooks/useInn.ts +16 -0
- package/mobile/src/model/FormTypeFieldDef.ts +2 -1
- package/mobile/src/retail/components/Fields/SelectField.tsx +1 -0
- package/mobile/src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx +24 -0
- package/mobile/src/ui-kit/FormField/Fields/{RegionPremiumField.tsx → FullRegionField.tsx} +7 -2
- package/mobile/src/ui-kit/FormField/Fields/InnDadataField.tsx +47 -0
- package/mobile/src/ui-kit/FormField/Fields/PartnerSymbolCodeField.tsx +47 -0
- package/mobile/src/ui-kit/FormField/NameFieldDef.ts +5 -1
- package/mobile/src/ui-kit/FormField/getField.tsx +15 -2
- package/mobile/src/ui-kit/FormField/getObjectValidator.tsx +4 -0
- package/mobile/src/ui-kit/FormField/inputColumnStyle.tsx +1 -1
- package/mobile/src/ui-kit/FormField/validators.ts +13 -1
- package/mobile/src/ui-kit/Select/Option.ts +6 -0
- package/mobile/src/ui-kit/Select/Select.tsx +71 -17
- package/mobile/src/ui-kit/Select/SelectPopup.tsx +20 -2
- package/mobile/src/ui-kit/Select/useSelectPopup.tsx +4 -0
- package/package.json +2 -2
- package/src/api/LeadServiceAPI.ts +28 -3
- package/src/components/ApplicationForm/ApplicationForm.example.json +84 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx +47 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.tsx +47 -0
- package/src/components/ApplicationForm/ApplicationForm.tsx +29 -14
- package/src/components/ApplicationForm/ApplicationFormContent.ts +6 -4
- package/src/components/Header/DropdownButton.tsx +26 -0
- package/src/components/Header/DropdownMenu.tsx +15 -85
- package/src/components/Header/Header.fixture.tsx +4 -0
- package/src/components/Header/HeaderMoreMenuItem.tsx +60 -0
- package/src/components/Header/HeaderSubMenu.tsx +3 -2
- package/src/components/Header/HeaderSubMenuItem.tsx +31 -5
- package/src/components/Header/HeaderTopMenu.tsx +3 -3
- package/src/components/Header/useDropdownSubMenu.tsx +48 -0
- package/src/data/NavigationData.ts +1 -0
- package/src/hooks/useInn.ts +16 -0
- package/src/icons/IconName.ts +4 -4
- package/src/model/FormTypeFieldDef.ts +2 -1
- package/src/retail/components/Fields/SelectField.tsx +1 -0
- package/src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx +24 -0
- package/src/ui-kit/FormField/Fields/{RegionPremiumField.tsx → FullRegionField.tsx} +7 -2
- package/src/ui-kit/FormField/Fields/InnDadataField.tsx +47 -0
- package/src/ui-kit/FormField/Fields/PartnerSymbolCodeField.tsx +47 -0
- package/src/ui-kit/FormField/NameFieldDef.ts +5 -1
- package/src/ui-kit/FormField/getField.tsx +15 -2
- package/src/ui-kit/FormField/getObjectValidator.tsx +4 -0
- package/src/ui-kit/FormField/inputColumnStyle.tsx +1 -1
- package/src/ui-kit/FormField/validators.ts +13 -1
- package/src/ui-kit/Select/Option.ts +6 -0
- package/src/ui-kit/Select/Select.tsx +71 -17
- package/src/ui-kit/Select/SelectPopup.tsx +20 -2
- package/src/ui-kit/Select/useSelectPopup.tsx +4 -0
- package/bundle/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/dist/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/dist/ui-kit/FormField/Fields/RegionPremiumField.js.map +0 -1
- package/lib/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/lib/ui-kit/FormField/Fields/RegionPremiumField.js.map +0 -1
- package/mobile/bundle/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/mobile/dist/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/mobile/dist/ui-kit/FormField/Fields/RegionPremiumField.js.map +0 -1
- package/mobile/lib/ui-kit/FormField/Fields/RegionPremiumField.d.ts +0 -2
- package/mobile/lib/ui-kit/FormField/Fields/RegionPremiumField.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getObjectValidator.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/getObjectValidator.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,YAAY,GAA8B;IACrD,QAAQ,EAAE,gBAAgB,EAAE;IAC5B,aAAa,EAAE,sBAAsB,EAAE;IACvC,kBAAkB,EAAE,gBAAgB,EAAE;IACtC,OAAO,EAAE,gBAAgB,EAAE;IAC3B,UAAU,EAAE,gBAAgB,EAAE;IAC9B,eAAe,EAAE,gBAAgB,EAAE;IACnC,eAAe,EAAE,gBAAgB,EAAE;IACnC,aAAa,EAAE,sBAAsB,EAAE;IACvC,WAAW,EAAE,sBAAsB,EAAE;IACrC,aAAa,EAAE,gBAAgB,EAAE;IACjC,cAAc,EAAE,sBAAsB,EAAE;IACxC,gBAAgB,EAAE,sBAAsB,EAAE;IAC1C,cAAc,EAAE,cAAc,CAAC,wBAAwB,CAAC;IACxD,MAAM,EAAE,sBAAsB,EAAE;IAChC,oBAAoB,EAAE,gBAAgB,EAAE;IACxC,YAAY,EAAE,gBAAgB,EAAE;IAChC,WAAW,EAAE,gBAAgB,EAAE;IAC/B,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC;IAC3D,IAAI,EAAE,aAAa,CAAC,gDAAgD,CAAC;IACrE,UAAU,EAAE,aAAa,CAAC,oCAAoC,CAAC;IAC/D,QAAQ,EAAE,gBAAgB,CAAC,uBAAuB,CAAC;IACnD,KAAK,EAAE,cAAc,CAAC,wBAAwB,CAAC;IAC/C,KAAK,EAAE,cAAc,CAAC,2BAA2B,CAAC;IAClD,GAAG,EAAE,YAAY,CAAC,aAAa,CAAC;IAChC,OAAO,EAAE,gBAAgB,EAAE;IAC3B,QAAQ,EAAE,gBAAgB,EAAE;IAC5B,yBAAyB,EAAE,kBAAkB;IAC7C,qBAAqB,EAAE,kBAAkB;
|
|
1
|
+
{"version":3,"file":"getObjectValidator.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/getObjectValidator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { type ColumnsCount } from '../../model/ColumnCount';
|
|
2
|
-
export declare const inputColumnStyles: (column: ColumnsCount | undefined) => "" | "@xl:grid-cols-
|
|
2
|
+
export declare const inputColumnStyles: (column: ColumnsCount | undefined) => "@xl:grid-cols-2" | "@xl:grid-cols-1 gap-x-0";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
|
|
1
|
+
export const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '@xl:grid-cols-1 gap-x-0';
|
|
2
2
|
//# sourceMappingURL=inputColumnStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputColumnStyle.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/inputColumnStyle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAgC,EAAE,EAAE,CACpE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"inputColumnStyle.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/inputColumnStyle.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAgC,EAAE,EAAE,CACpE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
+
interface DadataItem {
|
|
2
|
+
text?: string;
|
|
3
|
+
key?: string;
|
|
4
|
+
innDaData?: any;
|
|
5
|
+
}
|
|
1
6
|
export declare const defaultValidator: (errorMsg?: string) => import("../../validation/validator").Validator<any>;
|
|
2
7
|
export declare const defaultSelectValidator: (errorMsg?: string) => import("../../validation/validator").Validator<any>;
|
|
3
8
|
export declare const nameValidator: (errorMsg?: string) => import("../../validation/validator").Validator<any>;
|
|
4
|
-
export declare const innValidator: (errorMsg: string) => import("../../validation/validator").Validator<
|
|
9
|
+
export declare const innValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
|
|
10
|
+
export declare const innDadataValidator: (errorMsg: string) => import("../../validation/validator").Validator<DadataItem>;
|
|
5
11
|
export declare const phoneValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
|
|
6
12
|
export declare const phoneOptionalValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
|
|
7
13
|
export declare const agreementValidator: import("../../validation/validator").Validator<any>;
|
|
8
14
|
export declare const emailValidator: (errorMsg: string) => import("../../validation/validator").Validator<string>;
|
|
15
|
+
export {};
|
|
@@ -5,11 +5,13 @@ const ERROR_MESSAGE = 'Некорректно заполненное поле';
|
|
|
5
5
|
export const defaultValidator = (errorMsg) => required(errorMsg ?? ERROR_MESSAGE);
|
|
6
6
|
export const defaultSelectValidator = (errorMsg) => validator((_) => _?.key && _?.key !== '')(errorMsg ?? ERROR_MESSAGE);
|
|
7
7
|
export const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1 && isCyrillic(_))(errorMsg ?? ERROR_MESSAGE);
|
|
8
|
-
export const innValidator = (errorMsg) => validator((_) =>
|
|
8
|
+
export const innValidator = (errorMsg) => validator((_) => isValidInnLength(_))(errorMsg);
|
|
9
|
+
export const innDadataValidator = (errorMsg) => validator((_) => Boolean(_?.text) && isValidInnLength(_.text))(errorMsg);
|
|
9
10
|
const phoneValidate = (email) => /^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/.test(email);
|
|
10
11
|
export const phoneValidator = (errorMsg) => validator(phoneValidate)(errorMsg);
|
|
11
12
|
export const phoneOptionalValidator = (errorMsg) => validator((_) => !_ || phoneValidate(_))(errorMsg);
|
|
12
13
|
export const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
|
|
13
14
|
const emailValidate = (email) => /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,4}$/.test(email);
|
|
14
15
|
export const emailValidator = (errorMsg) => validator((_) => emailValidate(_))(errorMsg);
|
|
16
|
+
const isValidInnLength = (value) => typeof value === 'string' && (value.length === 10 || value.length === 12);
|
|
15
17
|
//# sourceMappingURL=validators.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAQvD,MAAM,aAAa,GAAG,8BAA8B,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,aAAa,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAC1D,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,CAAC,CAAC;AAEvE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAiB,EAAE,EAAE,CACjD,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,QAAQ,IAAI,aAAa,CAC1B,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC/C,SAAS,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE,CACrD,SAAS,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEvF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CACtC,wEAAwE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEvF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEvF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAgB,EAAE,EAAE,CACzD,SAAS,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,SAAS,IAAI,CAAC,CAAC,CAC7E,sBAAsB,CACvB,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,kCAAkC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE,CACjD,SAAS,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEvD,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAW,EAAE,CAC9D,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC"}
|
|
@@ -7,6 +7,8 @@ export interface SelectProps extends DefaultControlType, ControlProps<Option> {
|
|
|
7
7
|
valid?: boolean;
|
|
8
8
|
isBorder?: boolean;
|
|
9
9
|
isSearch?: boolean;
|
|
10
|
+
isManualInput?: boolean;
|
|
10
11
|
iconVersion?: IconVersion;
|
|
12
|
+
onSearchQuery?: (value: string) => void;
|
|
11
13
|
}
|
|
12
14
|
export declare const Select: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
5
|
+
import { debounce } from '../../utils/debounce.js';
|
|
5
6
|
import { style } from '../../utils/style.js';
|
|
6
7
|
import { Icon } from '../Icon/Icon.js';
|
|
7
8
|
import { Input } from '../Input/Input.js';
|
|
8
9
|
import { renderLabel } from '../Input/renderLabel.js';
|
|
9
10
|
import { formatOption } from './formatOption.js';
|
|
10
11
|
import { useSelectPopup } from './useSelectPopup.js';
|
|
11
|
-
export const Select = JSX(({ className, label, options = [], value, valid = true, isBorder = true, placeholder = '', isSearch = false, disabled = false, iconVersion = 'black', onChange, }) => {
|
|
12
|
+
export const Select = JSX(({ className, label, options = [], value, valid = true, isBorder = true, placeholder = '', isSearch = false, isManualInput = false, disabled = false, iconVersion = 'black', onChange, onSearchQuery, }) => {
|
|
12
13
|
const [isOpen, { setFalse: close, setTrue: open }] = useBool();
|
|
13
14
|
const [query, setQuery] = useState('');
|
|
14
|
-
const isDisabled = getDisabled(disabled, options.length);
|
|
15
|
+
const isDisabled = getDisabled(disabled, options.length, isManualInput);
|
|
16
|
+
const isIconHidden = getIconHidden(isManualInput, options);
|
|
15
17
|
const hasOpen = isOpen && !isDisabled;
|
|
18
|
+
const debouncedOnSearchQuery = useMemo(() => onSearchQuery && getDebouncedSearchQuery(onSearchQuery), [onSearchQuery]);
|
|
16
19
|
const handleOpen = useCallback(() => {
|
|
17
20
|
if (isDisabled) {
|
|
18
21
|
return;
|
|
19
22
|
}
|
|
20
23
|
open();
|
|
21
24
|
}, [isDisabled]);
|
|
25
|
+
const handleChangeQuery = (newQuery) => {
|
|
26
|
+
setQuery(newQuery);
|
|
27
|
+
setOption(newQuery, onChange);
|
|
28
|
+
debouncedOnSearchQuery && debouncedOnSearchQuery(newQuery);
|
|
29
|
+
};
|
|
22
30
|
const handleClose = useCallback(() => {
|
|
23
|
-
setQuery('');
|
|
31
|
+
!isManualInput && setQuery('');
|
|
24
32
|
close();
|
|
25
33
|
}, []);
|
|
26
34
|
const inputRef = useSelectPopup({
|
|
@@ -31,10 +39,24 @@ export const Select = JSX(({ className, label, options = [], value, valid = true
|
|
|
31
39
|
onChange,
|
|
32
40
|
onClose: handleClose,
|
|
33
41
|
iconVersion,
|
|
42
|
+
onChangeQuery: setQuery,
|
|
34
43
|
});
|
|
35
|
-
return (_jsxs("div", { className: style('space-y-xs', className), children: [renderLabel(label), _jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [_jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [_jsx("p", { className: "line-clamp-2 text-ellipsis", children:
|
|
44
|
+
return (_jsxs("div", { className: style('space-y-xs', className), children: [renderLabel(label), _jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [_jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [_jsx("p", { className: "line-clamp-2 text-ellipsis", children: useRenderOptionText({ isManualInput, query, value, placeholder }) }), isIconHidden ? '' : renderIcon(hasOpen, iconVersion)] }), isSearch && hasOpen ? renderSearchInput(query, isDisabled, handleChangeQuery) : null] })] }));
|
|
36
45
|
});
|
|
46
|
+
const useRenderOptionText = (data) => useMemo(() => {
|
|
47
|
+
if (data.isManualInput && data.query) {
|
|
48
|
+
return data.query;
|
|
49
|
+
}
|
|
50
|
+
return formatOption(data.value) || data.placeholder;
|
|
51
|
+
}, [data.isManualInput, data.query, data.value, data.placeholder]);
|
|
52
|
+
const renderSearchInput = (query, isDisabled, onChangeQuery) => (_jsx("div", { className: style('absolute top-0 w-full z-20'), children: _jsx(Input, { type: "text", value: query, autoFocus: true, disabled: isDisabled, onChange: (value) => onChangeQuery(value) }) }));
|
|
37
53
|
const renderIcon = (isOpen, iconVersion) => (_jsx(Icon, { className: style('absolute right-0 flex self-center', { 'rotate-180': !isOpen }), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
|
|
38
54
|
const getStyle = (isBorder, valid, disabled) => style(isBorder ? 'border rounded-md ' : '', isBorder && !disabled ? 'hover:border-primary-hover' : '', disabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error');
|
|
39
|
-
|
|
55
|
+
// TODO Нужен рефактор и декомпозиция компонента getDisabled, setOption, getIconHidden
|
|
56
|
+
const getDisabled = (disabled, length, isManualInput) => disabled || (!isManualInput && length === 0);
|
|
57
|
+
const setOption = (query, onChange) => {
|
|
58
|
+
onChange && query.trim() !== '' && onChange({ key: query, text: query, innDaData: {} });
|
|
59
|
+
};
|
|
60
|
+
const getIconHidden = (isManualInput, options) => isManualInput && !options.length;
|
|
61
|
+
const getDebouncedSearchQuery = (onSearchQuery) => debounce((searchValue) => onSearchQuery(searchValue), 300);
|
|
40
62
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,5 +8,6 @@ export interface SelectPopupProps extends ControlProps<Option> {
|
|
|
8
8
|
current: HTMLDivElement | null;
|
|
9
9
|
};
|
|
10
10
|
query?: string;
|
|
11
|
+
onChangeQuery?: (value: string) => void;
|
|
11
12
|
}
|
|
12
13
|
export declare const SelectPopup: import("@redneckz/uni-jsx").UNIComponent<SelectPopupProps, any, any>;
|
|
@@ -2,14 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
4
|
import { Icon } from '../Icon/Icon.js';
|
|
5
|
+
import { Text } from '../Text/Text.js';
|
|
5
6
|
import { filterOptions } from './filterOptions.js';
|
|
6
7
|
import { formatOption } from './formatOption.js';
|
|
7
|
-
export const SelectPopup = JSX(({ popupRef, options, value, query, onChange, iconVersion }) => options?.length ? (_jsx("div", { className: "bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", ref: popupRef, children: filterOptions(options, query).map((option) => (_jsxs("div", { className: "flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative", role: "listitem", "aria-selected": option.key === value?.key, onClick: (e) => {
|
|
8
|
+
export const SelectPopup = JSX(({ popupRef, options, value, query, onChange, iconVersion, onChangeQuery }) => options?.length ? (_jsx("div", { className: "bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", ref: popupRef, children: filterOptions(options, query).map((option) => (_jsxs("div", { className: "flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative", role: "listitem", "aria-selected": option.key === value?.key, onClick: (e) => {
|
|
8
9
|
e.stopPropagation();
|
|
9
10
|
if (onChange) {
|
|
11
|
+
onChangeQuery?.('');
|
|
10
12
|
onChange(option);
|
|
11
13
|
}
|
|
12
|
-
}, children: [_jsx("span", { className: "min-h-6", children: formatOption(option) }), _jsx(Icon, { name: "DoneSimpleIcon", width: "16", height: "16", iconVersion: iconVersion, className: style('absolute right-4 pt-3xs', {
|
|
14
|
+
}, children: [option?.innDaData ? (_jsxs("span", { children: [_jsx(Text, { size: "text-s", children: option?.innDaData?.companyName }), _jsxs("div", { className: "space-x-2", children: [_jsx(Text, { size: "text-s", font: "font-light", children: formatOption(option) }), _jsx(Text, { size: "text-s", font: "font-light", children: option?.innDaData?.companyAddress })] })] })) : (_jsx("span", { className: "min-h-6", children: formatOption(option) })), _jsx(Icon, { name: "DoneSimpleIcon", width: "16", height: "16", iconVersion: iconVersion, className: style('absolute right-4 pt-3xs', {
|
|
13
15
|
hidden: option.key !== value?.key,
|
|
14
16
|
}) })] }, option.key))) })) : null);
|
|
15
17
|
//# sourceMappingURL=SelectPopup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,EAAE,CAC5E,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAC,kFAAkF,EAC5F,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,YAEZ,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,eAEE,SAAS,EAAC,qEAAqE,EAC/E,IAAI,EAAC,UAAU,mBACA,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,QAAQ,EAAE;gBACZ,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;gBACpB,QAAQ,CAAC,MAAM,CAAC,CAAC;aAClB;QACH,CAAC,aAEA,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CACnB,2BACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,MAAM,EAAE,SAAS,EAAE,WAAW,GAAQ,EAC3D,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,YAAY,CAAC,MAAM,CAAC,GAChB,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,YAClC,MAAM,EAAE,SAAS,EAAE,cAAc,GAC7B,IACH,IACD,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,MAAM,CAAC,GAAQ,CACxD,EAED,KAAC,IAAI,IACH,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE;oBAC1C,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG;iBAClC,CAAC,GACF,KApCG,MAAM,CAAC,GAAG,CAqCX,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
|
|
@@ -2,8 +2,9 @@ import type { OnCloseProps } from '../../model/OnCloseProps';
|
|
|
2
2
|
import { type SelectPopupProps } from './SelectPopup';
|
|
3
3
|
interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
|
|
4
4
|
isOpen?: boolean;
|
|
5
|
+
onChangeQuery?: (value: string) => void;
|
|
5
6
|
}
|
|
6
|
-
export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, }: SelectPopupOptions): {
|
|
7
|
+
export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }: SelectPopupOptions): {
|
|
7
8
|
current: HTMLDivElement | null;
|
|
8
9
|
};
|
|
9
10
|
export {};
|
|
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
|
|
4
4
|
import { usePopupManager } from '../PopupManager/usePopupManager.js';
|
|
5
5
|
import { SelectPopup } from './SelectPopup.js';
|
|
6
|
-
export function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, }) {
|
|
6
|
+
export function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }) {
|
|
7
7
|
const popup = usePopupManager();
|
|
8
8
|
const close = useCallback(() => {
|
|
9
9
|
popup.close();
|
|
@@ -12,6 +12,7 @@ export function useSelectPopup({ isOpen, options, value, query, onChange, onClos
|
|
|
12
12
|
const handleChange = useCallback((option) => {
|
|
13
13
|
close();
|
|
14
14
|
onChange && onChange(option);
|
|
15
|
+
onChangeQuery && onChangeQuery('');
|
|
15
16
|
}, [close, onChange]);
|
|
16
17
|
const inputRef = useRef(null);
|
|
17
18
|
const popupRef = useOutsideClick(close);
|
|
@@ -22,7 +23,7 @@ export function useSelectPopup({ isOpen, options, value, query, onChange, onClos
|
|
|
22
23
|
const inputElement = inputRef.current;
|
|
23
24
|
const { top, left, width, height } = inputElement.getBoundingClientRect();
|
|
24
25
|
popup.open({
|
|
25
|
-
popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, onChange: handleChange, iconVersion: iconVersion })),
|
|
26
|
+
popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, onChange: handleChange, iconVersion: iconVersion, onChangeQuery: onChangeQuery })),
|
|
26
27
|
top: top + window.scrollY + height,
|
|
27
28
|
left,
|
|
28
29
|
width,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAOnE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,GACM;IACnB,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAc,EAAE,EAAE;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC7B,aAAa,IAAI,aAAa,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,CACH;YACD,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC;AAClB,CAAC"}
|
|
@@ -9,7 +9,18 @@ export type LeadRequest = Record<string, JSONRecord | JSONScalar | null> & {
|
|
|
9
9
|
phone?: string;
|
|
10
10
|
email?: string;
|
|
11
11
|
inn?: string;
|
|
12
|
+
innDadata?: string;
|
|
13
|
+
fullRegion?: string;
|
|
12
14
|
secondaryPhoneNumber?: string;
|
|
15
|
+
partnerSymbolCode?: string;
|
|
16
|
+
companyNameByInn?: string;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
type PFFormData = {
|
|
20
|
+
innDadata?: string;
|
|
21
|
+
fullRegion?: string;
|
|
22
|
+
partnerSymbolCode?: string;
|
|
23
|
+
companyNameByInn?: string;
|
|
13
24
|
};
|
|
14
25
|
|
|
15
26
|
export function LeadServiceAPI() {
|
|
@@ -22,11 +33,15 @@ export function LeadServiceAPI() {
|
|
|
22
33
|
birthday,
|
|
23
34
|
desiredMeetingDate,
|
|
24
35
|
inn,
|
|
36
|
+
innDadata,
|
|
37
|
+
fullRegion,
|
|
25
38
|
addressBranch,
|
|
26
39
|
secondaryPhone = '',
|
|
27
40
|
bankEmpolee,
|
|
28
41
|
applicationDate,
|
|
29
42
|
serviceDirection,
|
|
43
|
+
partnerSymbolCode,
|
|
44
|
+
companyNameByInn,
|
|
30
45
|
...staticBody
|
|
31
46
|
} = body;
|
|
32
47
|
const isNaturalPerson = isIndividualType && serviceDirection !== 'Юридическое лицо / ИП';
|
|
@@ -46,6 +61,7 @@ export function LeadServiceAPI() {
|
|
|
46
61
|
applicationDate,
|
|
47
62
|
...getSecondaryPhone(secondaryPhone as string),
|
|
48
63
|
}),
|
|
64
|
+
...formatPFForm(typeForm, { innDadata, fullRegion, partnerSymbolCode, companyNameByInn }),
|
|
49
65
|
...staticBody,
|
|
50
66
|
};
|
|
51
67
|
|
|
@@ -85,8 +101,17 @@ const getEmail = (email?: string, isNaturalPerson = true) => ({
|
|
|
85
101
|
[isNaturalPerson ? 'email' : 'mail']: email,
|
|
86
102
|
});
|
|
87
103
|
|
|
88
|
-
const getSecondaryPhone = (secondaryPhone = '') =>
|
|
89
|
-
|
|
104
|
+
const getSecondaryPhone = (secondaryPhone = '') =>
|
|
105
|
+
!secondaryPhone || secondaryPhone === '+7 ('
|
|
90
106
|
? {}
|
|
91
107
|
: { secondaryPhoneNumber: formatPhone(secondaryPhone) };
|
|
92
|
-
|
|
108
|
+
|
|
109
|
+
const formatPFForm = (typeForm?: string, data?: PFFormData) =>
|
|
110
|
+
typeForm === 'PF'
|
|
111
|
+
? {
|
|
112
|
+
inn: data?.innDadata,
|
|
113
|
+
region: data?.fullRegion,
|
|
114
|
+
partnerComments: data?.partnerSymbolCode,
|
|
115
|
+
fullname: data?.companyNameByInn,
|
|
116
|
+
}
|
|
117
|
+
: {};
|
|
@@ -1378,5 +1378,89 @@
|
|
|
1378
1378
|
}
|
|
1379
1379
|
}
|
|
1380
1380
|
}
|
|
1381
|
+
],
|
|
1382
|
+
[
|
|
1383
|
+
"Онлайн-заявка от партнера",
|
|
1384
|
+
{
|
|
1385
|
+
"content": {
|
|
1386
|
+
"version": "primary",
|
|
1387
|
+
"title": "Онлайн-заявка от партнера",
|
|
1388
|
+
"typeForm": "PF",
|
|
1389
|
+
"endpoint": "sendcorporatedlead",
|
|
1390
|
+
"sections": [
|
|
1391
|
+
{
|
|
1392
|
+
"title": "Информация о партнере",
|
|
1393
|
+
"inputs": [
|
|
1394
|
+
{
|
|
1395
|
+
"name": "partnerSymbolCode",
|
|
1396
|
+
"required": true
|
|
1397
|
+
}
|
|
1398
|
+
]
|
|
1399
|
+
},
|
|
1400
|
+
{
|
|
1401
|
+
"title": "Информация о компании",
|
|
1402
|
+
"columns": 2,
|
|
1403
|
+
"inputs": [
|
|
1404
|
+
{
|
|
1405
|
+
"name": "innDadata",
|
|
1406
|
+
"required": true
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"name": "companyNameByInn",
|
|
1410
|
+
"required": true
|
|
1411
|
+
}
|
|
1412
|
+
]
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"title": "Данные контактного лица",
|
|
1416
|
+
"columns": 2,
|
|
1417
|
+
"inputs": [
|
|
1418
|
+
{
|
|
1419
|
+
"name": "surname",
|
|
1420
|
+
"required": true
|
|
1421
|
+
},
|
|
1422
|
+
{
|
|
1423
|
+
"name": "name",
|
|
1424
|
+
"required": true
|
|
1425
|
+
},
|
|
1426
|
+
{
|
|
1427
|
+
"name": "phone",
|
|
1428
|
+
"required": true
|
|
1429
|
+
},
|
|
1430
|
+
{
|
|
1431
|
+
"name": "email"
|
|
1432
|
+
}
|
|
1433
|
+
]
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"title": "Регион компании",
|
|
1437
|
+
"inputs": [
|
|
1438
|
+
{
|
|
1439
|
+
"name": "fullRegion",
|
|
1440
|
+
"required": true
|
|
1441
|
+
}
|
|
1442
|
+
]
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"title": "Комментарий",
|
|
1446
|
+
"inputs": [
|
|
1447
|
+
{
|
|
1448
|
+
"name": "comment"
|
|
1449
|
+
}
|
|
1450
|
+
]
|
|
1451
|
+
}
|
|
1452
|
+
],
|
|
1453
|
+
"button": {
|
|
1454
|
+
"text": "Отправить заявку",
|
|
1455
|
+
"version": "primary"
|
|
1456
|
+
},
|
|
1457
|
+
"link": {
|
|
1458
|
+
"text": "Согласен на обработку персональных данных",
|
|
1459
|
+
"href": "/privacy-policy",
|
|
1460
|
+
"target": "_blank"
|
|
1461
|
+
},
|
|
1462
|
+
"isPremium": false
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1381
1465
|
]
|
|
1382
1466
|
]
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
2
1
|
import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
2
|
import { LeadServiceAPI } from '../../api/LeadServiceAPI';
|
|
4
3
|
import { handleAspects } from '../../hooks/useAspects/handleAspects';
|
|
5
4
|
import { useAspects } from '../../hooks/useAspects/useAspects';
|
|
6
|
-
import { useForm } from '../../hooks/useForm/useForm';
|
|
5
|
+
import { useForm, type FormFieldRegisterer } from '../../hooks/useForm/useForm';
|
|
6
|
+
import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
|
|
7
|
+
import { type SectionsProps } from '../../model/InputSectionsType';
|
|
7
8
|
import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
|
|
8
9
|
import { useDialog } from '../../ui-kit/DialogManager/useDialog';
|
|
9
10
|
import { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
|
|
@@ -13,19 +14,29 @@ import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
|
|
|
13
14
|
import { renderTitle } from '../../ui-kit/FormField/renderTitle';
|
|
14
15
|
import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
|
|
15
16
|
import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
|
|
17
|
+
import { UniBlock } from '../../UniBlock/UniBlock';
|
|
16
18
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
17
19
|
import { style } from '../../utils/style';
|
|
18
|
-
import {
|
|
20
|
+
import {
|
|
21
|
+
type additionalParamsType,
|
|
22
|
+
type ApplicationFormContent,
|
|
23
|
+
type FieldDef,
|
|
24
|
+
} from './ApplicationFormContent';
|
|
19
25
|
import { getFormatData } from './getFormatData';
|
|
20
26
|
import { getInitialFormState, type FormState } from './getInitialFormState';
|
|
21
27
|
import { renderAgreementSubmit } from './renderAgreementSubmit';
|
|
22
28
|
import { renderContacts } from './renderContacts';
|
|
23
29
|
|
|
24
|
-
interface ApplicationFormProps extends ApplicationFormContent, UniBlockProps {}
|
|
30
|
+
export interface ApplicationFormProps extends ApplicationFormContent, UniBlockProps {}
|
|
31
|
+
|
|
32
|
+
type renderSectionsType = {
|
|
33
|
+
typeForm: FormTypeFieldDef;
|
|
34
|
+
additionalParams?: additionalParamsType;
|
|
35
|
+
};
|
|
25
36
|
|
|
26
37
|
const API = LeadServiceAPI();
|
|
27
38
|
|
|
28
|
-
export const ApplicationForm =
|
|
39
|
+
export const ApplicationForm = UniBlock<ApplicationFormProps>(
|
|
29
40
|
({
|
|
30
41
|
className,
|
|
31
42
|
title,
|
|
@@ -80,15 +91,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
|
|
|
80
91
|
{...rest}
|
|
81
92
|
>
|
|
82
93
|
<form onSubmit={onSubmit}>
|
|
83
|
-
{sections
|
|
84
|
-
<div
|
|
85
|
-
key={`section-${i}`}
|
|
86
|
-
className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}
|
|
87
|
-
>
|
|
88
|
-
{renderTitle(_.title)}
|
|
89
|
-
{(_?.inputs || [])?.map(getField<FieldDef>(field, { typeForm }))}
|
|
90
|
-
</div>
|
|
91
|
-
))}
|
|
94
|
+
{renderSections(sections, field, { typeForm, additionalParams })}
|
|
92
95
|
{renderAgreementSubmit(
|
|
93
96
|
fieldName ? field('consentDataProcessing') : undefined,
|
|
94
97
|
link,
|
|
@@ -100,3 +103,15 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
|
|
|
100
103
|
);
|
|
101
104
|
},
|
|
102
105
|
);
|
|
106
|
+
|
|
107
|
+
const renderSections = (
|
|
108
|
+
sections: SectionsProps[],
|
|
109
|
+
field: FormFieldRegisterer<Record<string, any>>,
|
|
110
|
+
{ typeForm, additionalParams }: renderSectionsType,
|
|
111
|
+
) =>
|
|
112
|
+
sections.map((_, i) => (
|
|
113
|
+
<div key={`section-${i}`} className={style(inputColumnStyles(_.columns), 'grid gap-x-m')}>
|
|
114
|
+
{renderTitle(_.title)}
|
|
115
|
+
{(_?.inputs || [])?.map(getField<FieldDef>(field, { typeForm, ...additionalParams }))}
|
|
116
|
+
</div>
|
|
117
|
+
));
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
/* eslint-disable max-lines */
|
|
2
|
-
/* eslint-disable max-len */
|
|
3
|
-
|
|
4
1
|
import { type AspectsProps } from '../../model/AspectsProps';
|
|
5
2
|
import { type ColumnsCount } from '../../model/ColumnCount';
|
|
6
3
|
import { type FormTypeFieldDef } from '../../model/FormTypeFieldDef';
|
|
@@ -71,11 +68,16 @@ type productType = {
|
|
|
71
68
|
product?: string;
|
|
72
69
|
};
|
|
73
70
|
|
|
71
|
+
type premiumForm = {
|
|
72
|
+
/** @title Форма для премиума */
|
|
73
|
+
isPremium?: boolean;
|
|
74
|
+
};
|
|
75
|
+
|
|
74
76
|
/**
|
|
75
77
|
* @title Отображать выбор продукта
|
|
76
78
|
* @default { "showProduct": "" }
|
|
77
79
|
*/
|
|
78
|
-
type additionalParamsType = hideProductDef | showProductDef;
|
|
80
|
+
export type additionalParamsType = premiumForm | hideProductDef | showProductDef;
|
|
79
81
|
|
|
80
82
|
/**
|
|
81
83
|
* @title Форма заявки настраиваемая
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { type ButtonProps } from '../../ui-kit/Button/Button';
|
|
3
|
+
|
|
4
|
+
export const DropdownButton = JSX<ButtonProps>(({ onClick, children, ariaLabel }) => {
|
|
5
|
+
if (children) {
|
|
6
|
+
return children;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
return (
|
|
10
|
+
<button
|
|
11
|
+
type="button"
|
|
12
|
+
className="flex justify-between items-center group/btn h-6 gap-2xs"
|
|
13
|
+
aria-label={ariaLabel}
|
|
14
|
+
onClick={onClick}
|
|
15
|
+
role="button"
|
|
16
|
+
aria-labelledby="labeldiv"
|
|
17
|
+
>
|
|
18
|
+
{Array.from({ length: 3 }, (_, i) => (
|
|
19
|
+
<div
|
|
20
|
+
key={i}
|
|
21
|
+
className="w-[3px] h-[3px] rounded bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white"
|
|
22
|
+
/>
|
|
23
|
+
))}
|
|
24
|
+
</button>
|
|
25
|
+
);
|
|
26
|
+
});
|